/* util3.css -- the 20 Oct 2026 rework of /tentang/, /hubungi-kami/, /faq/, /privacy-policy/ (pages_utility.py) and
   /glosari-lauk-kampung/, /panduan-makan-di-mak-kimbong/ (pages_guides.py glossary + pillar). Linked after inner.css
   on those six pages only. Every rule is scoped by a page class (.mk-pg-*) or by a class only these pages write, so no
   other page changes. Tokens are the locked homepage's (tokens.css / kenduri.css). */

/* ---------- shared by the six ---------- */
/* r2 design (every walk-in group): on phones the call button leads, full width, and Waze / Google Maps share a row */
@media (max-width: 640px) {
  .mk-go-cf:not(.mk-go-stack) { display: flex; flex-wrap: wrap; }
  .mk-go-cf:not(.mk-go-stack) .btn.ghost[href^="tel:"] { order: -1; flex: 1 1 100%; justify-content: center; }
  .mk-go-cf.mk-go-stack .btn.ghost[href^="tel:"] { order: -1; }
  .mk-go-stack .btn { flex: none; }
  .mk-go-cf:not(.mk-go-stack) .btn:not(.ghost) { flex: 1 1 0; justify-content: center; }
}
/* 'Baca seterusnya' as ruled rows with one heading (no kicker repeating it); the arrow on the title's line */
.mk-rr-h { margin: 0; font-size: clamp(26px, 2.4vw, 34px); font-weight: 700; line-height: 1.1; letter-spacing: -.02em; }
.mk-rr ol { list-style: none; margin: 18px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(24px, 4vw, 64px); border-top: 2px solid currentColor; }
.mk-rr li { border-bottom: 1px solid var(--rule-light); }
.mk-rr a { display: grid; grid-template-columns: 26px minmax(0, 1fr) 22px; grid-template-areas: "ic k ." "ic t go" "ic d ."; column-gap: 14px;
  row-gap: 3px; padding: 16px 4px 17px; color: inherit; text-decoration: none; transition: background .3s; }
.mk-rr a:hover { background: rgba(254, 196, 18, .25); }
.mk-rr a .mk-ic { grid-area: ic; width: 24px; height: 24px; margin-top: 2px; color: var(--brown); }
.mk-rr .mono { grid-area: k; color: var(--brown-2); }
.mk-rr b { grid-area: t; font-size: 19px; line-height: 1.22; font-weight: 650; letter-spacing: -.01em; }
.mk-rr-d { grid-area: d; font-size: 15px; line-height: 1.4; color: #4d3a2a; }
.mk-rr-go { grid-area: go; align-self: start; font-size: 18px; line-height: 1.22; color: var(--brown); }
.mk-rr-ink li { border-bottom-color: var(--rule-ink); }
.mk-rr-ink a .mk-ic, .mk-rr-ink .mk-rr-go { color: var(--kunyit); }
.mk-rr-ink .mono { color: rgba(250, 242, 226, .7); }
.mk-rr-ink .mk-rr-d { color: rgba(250, 242, 226, .78); }
.mk-rr-ink a:hover { background: rgba(254, 196, 18, .12); }
.mk-rr-kunyit ol { grid-template-columns: minmax(0, 1fr); }
.mk-rr-kunyit li { border-bottom-color: rgba(22, 13, 7, .3); }
.mk-rr-kunyit a .mk-ic, .mk-rr-kunyit .mk-rr-go { color: var(--ink); }
.mk-rr-kunyit .mono { color: rgba(22, 13, 7, .72); }
.mk-rr-kunyit .mk-rr-d { color: #3b2a1d; }
.mk-rr-kunyit a:hover { background: rgba(255, 255, 255, .28); }
.mk-pg-tentang main a.mk-nw, .mk-pg-hubungi main a.mk-nw { white-space: nowrap; }

/* ---------- /tentang/ ---------- */
.mk-pg-tentang .mk-found-grid { align-items: start; }
.mk-ab-ph .im { box-shadow: 0 40px 80px -40px rgba(94, 51, 20, .6); }
.mk-ab-ph .im img { display: block; aspect-ratio: 6 / 5; }
.mk-ab-fcard.mk-fcard { justify-self: auto; max-width: none; margin-top: 18px; padding: clamp(22px, 2.4vw, 32px); }
.mk-ab-fcard .mk-fcard-num { font-size: clamp(96px, 8.6vw, 140px); }
.mk-pg-tentang .mk-vcard > p.mono { font-size: 12px; }   /* r2 design: one mono size (the card's 15.5px p rule caught it) */
.mk-pg-tentang .mk-ab-today { padding-top: var(--sec); }
.mk-ab-lob li { padding-top: 26px; }
.mk-ab-lob-top { display: flex; align-items: flex-end; gap: 20px; min-height: 104px; }
.mk-ab-lobdraw { width: 150px; height: auto; flex: none; }
.mk-ab-lob .mk-draw .on { fill: var(--kunyit); }
.mk-pg-tentang .mk-nama-grid { align-items: start; }
.mk-pg-tentang .mk-nama-q { padding-top: 4px; }
.mk-ab-spine .mk-years { --yc: clamp(150px, 14vw, 230px); }
.mk-ab-spine .mk-year { grid-template-columns: var(--yc) minmax(0, 1fr) 200px; padding: clamp(18px, 2vw, 26px) 0; }
.mk-ab-spine .mk-year:nth-child(even) { grid-template-columns: 200px minmax(0, 1fr) var(--yc); }
.mk-ab-spine .mk-year .mk-draw { width: 200px; height: 134px; }
.mk-ab-spine .mk-year-n { padding-right: .08em; }
.mk-ab-spine .mk-year-t p:last-child { max-width: 40em; }
.mk-ab-close-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); gap: clamp(30px, 5vw, 90px); align-items: start; }
.mk-ab-card .hours { margin-top: 22px; }
.mk-ab-card .mk-addr { margin-top: 18px; }

/* ---------- /hubungi-kami/ ---------- */
.mk-pg-hubungi .mk-visit-side { justify-self: end; width: 100%; max-width: 540px; }
.mk-pg-hubungi .mk-shop .im { max-width: 480px; }   /* r2 design: the 712px source no wider than this beside 80px type */
.mk-ct-hero .facil li { min-height: 70px; }
.mk-ct-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 26px; margin-top: 20px; }
.mk-ct-foot > .tip, .mk-ct-foot > .mk-upd { margin: 0; }
.mk-ct-soc { display: grid; grid-template-columns: 34px 190px minmax(0, 1fr); align-items: center; gap: 10px 18px; padding: 22px 0 0; }
.mk-ct-soc > .mono { grid-column: 2; margin: 0; color: rgba(250, 242, 226, .72); }
.mk-ct-soc-l { grid-column: 3; margin: 0; display: flex; flex-wrap: wrap; gap: 10px 30px; }
.mk-ct-soc-l a { display: inline-flex; align-items: center; gap: 10px; color: var(--santan); font-weight: 650; font-size: 20px;
  text-decoration: underline; text-decoration-color: var(--kunyit); text-decoration-thickness: 2px; text-underline-offset: 6px; }
.mk-ct-soc-l a:hover { color: var(--kunyit); }
.mk-ct-soc-l .mk-ic { width: 22px; height: 22px; color: var(--kunyit); }
.mk-ct-rows { margin-top: 8px; border-top: 2px solid var(--ink); }
.mk-ct-row { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 16px clamp(30px, 5vw, 90px); padding: 30px 0;
  border-bottom: 1px solid var(--rule-light); scroll-margin-top: 96px; }
.mk-ct-row .mk-cq-h { margin: 0; }
.mk-ct-row-a p { margin: 0 0 12px; max-width: var(--measure); font-size: 18px; line-height: 1.6; color: #3b2a1d; }
.mk-ct-row-a p:last-child { margin-bottom: 0; }
.mk-ct-row-a a { color: var(--ink); font-weight: 600; text-decoration-color: var(--brown); text-underline-offset: 3px; }
.mk-lok { margin: 22px 0 0; max-width: 380px; padding: 18px 20px 16px; border-radius: var(--r-card); background: var(--santan-2); color: var(--brown); }
.mk-lok-svg { display: block; width: 100%; height: auto; }
.mk-lok-svg .on { fill: rgba(254, 196, 18, .55); }
.mk-lok figcaption { display: flex; flex-direction: column; gap: 2px; margin-top: 12px; color: var(--ink); }
.mk-lok figcaption .mono { color: var(--brown-2); }
.mk-lok figcaption b { font-size: 20px; line-height: 1.2; }
.mk-lok figcaption span:last-child { font-size: 15px; color: #4d3a2a; }
.mk-ct-revs .mk-rev-grid { align-items: stretch; }
.mk-ct-revs .mk-review { height: 100%; }
.mk-pg-hubungi .mk-ask2 .mk-ask-grid { align-items: start; }
.mk-ct-close { padding: clamp(56px, 6vw, 96px) 0; }
.mk-ct-close .mk-rr ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* ---------- /faq/ ---------- */
.mk-fq-hero .mk-wall-st { margin-top: 18px; }
.mk-wall-addr { display: flex; align-items: center; gap: 8px; margin: 10px 0 0; font-size: 15px; color: rgba(250, 242, 226, .85); }
.mk-wall .mk-wall-addr .mk-ic { width: 18px; height: 18px; margin: 0; flex: none; }
.mk-pg-faq .mk-board-grid > .mk-rail { box-shadow: none; }   /* r2 design: no drop shadow over the ink group */
.mk-fq-board { padding-bottom: 0; }
.mk-fq-rel { padding: clamp(56px, 6vw, 88px) 0; }
.mk-fq-rel .mk-rr ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.mk-fq-plate { margin: 0 0 18px; display: flex; align-items: center; gap: 16px; }
.mk-fq-plate figcaption { color: var(--brown-2); }
@media (min-width: 901px) {
  .mk-fq-body > .mk-fg-obj { position: sticky; top: 110px; align-self: start; }
}

/* ---------- /privacy-policy/ ---------- */
.mk-pv-card { padding: 18px 20px 18px; border-radius: 0 0 var(--r-tile) var(--r-tile); background: var(--santan-2); border-top: 2px solid var(--ink); color: var(--ink); }
.mk-pv-card p { margin: 8px 0 0; font-size: 15.5px; line-height: 1.45; }
.mk-pv-card a { color: inherit; font-weight: 650; }
.mk-pg-privasi .mk-rlist li, .mk-pv-big li { font-size: 17.5px; }
.mk-pv-close { padding: clamp(56px, 6vw, 88px) 0; }

/* ---------- /glosari-lauk-kampung/ ---------- */
.mk-pg-glosari .mk-term-here .mono { color: var(--brown); }
.mk-pg-glosari .mk-tg-ink .mk-term-here .mono { color: var(--kunyit); }
.mk-gl-term .mk-term-pl .mk-plate-nm { margin-top: 6px; font: 600 12px/1.3 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--brown-2); }
.mk-gl-closer .mk-closer-a .mk-go-stack .btn { justify-content: center; }
.mk-gl-dict { padding-bottom: clamp(40px, 4vw, 64px); }

/* ---------- /panduan-makan-di-mak-kimbong/ ---------- */
.mk-art-body .mk-addrcard.mk-pd-addr { grid-template-columns: minmax(0, 1fr); }
.mk-pd-addr .mono { display: flex; align-items: center; gap: 8px; }
.mk-pd-addr .mk-pd-pin { width: 22px; height: 22px; flex: none; color: var(--brown); }
.mk-pd-plates figcaption { grid-column: 1 / -1; color: var(--brown-2); }
.mk-pd-pl { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.mk-pd-pl > .mono { color: var(--brown-2); }
.mk-pd-plate { width: clamp(180px, 19vw, 260px); }
.mk-pd-plate .mk-plate-nm { font-size: 19px; }
.mk-pd-table .mk-table tbody th { white-space: nowrap; }
.mk-pd-disc { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 50%; background: var(--santan);
  box-shadow: 0 12px 20px -12px rgba(94, 51, 20, .55), inset 0 0 0 1.5px rgba(94, 51, 20, .28); color: var(--brown); }
.mk-pd-disc .mk-ic { width: 28px; height: 28px; }
.mk-table .mk-pd-disc { flex: none; width: 64px; }
.mk-pd-packs > .mk-pack:first-child { grid-column: 1 / -1; }
/* the compact ticket on the FAQ and the guide: the three buttons as one block (call across the top, the two maps under it) */
.mk-closer-a .mk-go-cf { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mk-closer-a .mk-go-cf .btn { justify-content: center; }
.mk-closer-a .mk-go-cf .btn.ghost[href^="tel:"] { grid-column: 1 / -1; order: -1; }

/* ---------- responsive ---------- */
@media (max-width: 1000px) {
  .mk-pg-faq .mk-fq-rail ol { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 6px; scrollbar-width: thin; }
  .mk-pg-faq .mk-fq-rail li { flex: none; }
  .mk-pg-faq .mk-fq-rail li a { white-space: nowrap; }
  .mk-fq-rel .mk-rr ol, .mk-ct-close .mk-rr ol { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 900px) {
  .mk-rr ol, .mk-fq-rel .mk-rr ol, .mk-ct-close .mk-rr ol { grid-template-columns: minmax(0, 1fr); }
  .mk-ab-close-grid, .mk-ct-row { grid-template-columns: minmax(0, 1fr); }
  .mk-pg-hubungi .mk-visit-side { justify-self: start; }
  .mk-ct-soc { grid-template-columns: 30px minmax(0, 1fr); }
  .mk-ct-soc > .mono, .mk-ct-soc-l { grid-column: 2; }
}
@media (max-width: 640px) {
  .mk-ab-lob-top { min-height: 0; }
  .mk-ab-lobdraw { width: 120px; }
  .mk-ab-fcard .mk-fcard-num { font-size: 96px; }
  .mk-fq-plate .mk-plate-sm { width: 96px; }
  .mk-gl-closer .mk-gsits li { grid-template-columns: 22px minmax(0, 1fr); }
  .mk-gl-closer .mk-gsits-t { grid-column: 2; }
  .mk-pd-br { display: none; }
  .mk-pd-plate { width: 100%; max-width: 150px; }
  .mk-pd-pl > .mono { font-size: 12px; letter-spacing: .06em; }
  .mk-pd-table .mk-table tbody th { white-space: normal; }
}

/* ======================= round-2 rework (20 Oct 2026, after the fresh round 1): new rules ======================= */
.mk-rr-h .it { font-family: var(--serif); font-style: italic; font-weight: 400; color: var(--brown); }
.mk-rr-ink .mk-rr-h .it { color: var(--kunyit); }
.mk-rr-kunyit .mk-rr-h .it { color: var(--brown); }

/* /tentang/: the photo alone between H1 and answer on phones, the founders as a serif signature, the phone spine */
.mk-ab-side { justify-self: end; width: 100%; max-width: 540px; }
.mk-ab-ph figcaption > span:only-child { flex: 1; }
.mk-ab-sig-k { margin: 22px 0 8px; color: var(--kunyit); }
.mk-ab-sig { margin: 0; display: block; font-family: var(--serif); font-style: italic; font-size: clamp(28px, 2.6vw, 38px); line-height: 1.15; color: var(--santan); }
.mk-ab-amp { font-size: 1em; color: var(--kunyit); }
.mk-ab-kisah { display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 14px; margin: 18px 0 0; font-size: 18px; }
.mk-ab-kisah .mono { color: var(--brown-2); }
.mk-ab-kisah a { font-weight: 650; color: var(--ink); text-decoration-color: var(--brown); text-underline-offset: 4px; }
.mk-ab-next .mk-year-n { color: var(--brown-2); }
.mk-ab-next .mk-year-t a { color: var(--ink); font-weight: 650; text-decoration-color: var(--brown); }
.mk-pg-tentang .mk-nama-grid { align-items: center; }
.mk-pg-tentang .mk-nama-q { display: flex; flex-direction: column; justify-content: flex-start; gap: 28px; }
.mk-ab-cq { margin: 0; max-width: 30em; padding-top: 22px; border-top: 2px solid rgba(250, 242, 226, .3); }
.mk-ab-cq p { margin: 0; font-family: var(--serif); font-size: clamp(24px, 2.2vw, 32px); line-height: 1.2; color: var(--santan); }
.mk-ab-cq cite { display: block; margin-top: 12px; font-style: normal; color: var(--kunyit); }
.mk-ab-close-l { align-self: start; }
.mk-ab-close-l .mk-rr { margin-top: 6px; }
.mk-ab-op { margin: 14px 0 0; font-size: 16px; line-height: 1.5; color: #2b1d12; }

/* /hubungi-kami/: the shopfront on an ink mat at 4:5, the questions with their glyphs, the reviews, the phone week */
.mk-ct-shop .im { padding: 14px; background: var(--santan); }
.mk-pg-hubungi .mk-ct-shop img { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; border-radius: 18px; }
.mk-ct-shop figcaption { display: flex; justify-content: space-between; gap: 12px; }
.mk-ct-week { display: none; margin: 14px 0 0; font-size: 17px; }
.mk-ct-row-q { display: flex; gap: 14px; align-items: flex-start; }
.mk-ct-qic { flex: none; width: 28px; height: 28px; margin-top: 4px; color: var(--brown); }
.mk-ct-row-a .mk-lok { margin-top: 20px; }
.mk-ct-ask { margin: 0; font-size: 17px; font-weight: 600; }
.mk-ct-soc + .mk-ct-soc { padding-top: 14px; }

/* /faq/: the wall's tiles at content height, the day ruler, the fish on the tray, the dulang, the own close */
.mk-fq-hero .mk-wall li { padding: 14px 16px; }
.mk-fq-ruler { padding: 18px 18px 14px; border-radius: var(--r-tile); background: var(--santan-2); }
.mk-fg-santan2 .mk-fq-ruler, .mk-fg-kertas .mk-fq-ruler { background: var(--santan); }
.mk-fq-r-row { display: grid; grid-template-columns: max-content minmax(0, 1fr) max-content; align-items: center; gap: 12px; padding: 7px 0; }
.mk-fq-r-l { min-width: 7.4em; font-size: 14px; font-weight: 650; white-space: nowrap; }
.mk-fq-r-t { position: relative; height: 14px; border-radius: 7px; background: rgba(94, 51, 20, .12); }
.mk-fq-r-t i { position: absolute; top: 0; bottom: 0; border-radius: 7px; background: var(--kunyit); box-shadow: inset 0 0 0 1.5px rgba(94, 51, 20, .5); }
.mk-fq-r-ticks .mk-fq-r-t { height: 18px; background: none; }
.mk-fq-r-ticks b { position: absolute; top: 0; transform: translateX(-50%); font: 600 12px/1.4 var(--mono); letter-spacing: .04em; color: var(--brown-2); }
.mk-fq-r-ticks b:first-child { transform: none; }
.mk-fq-r-ticks b:last-child { transform: translateX(-100%); }
.mk-fq-r-note { margin: 8px 0 0; font-size: 14px; color: #4d3a2a; }
.mk-fq-lok { margin: 0; max-width: none; }
.mk-fq-ikan { display: block; width: 100%; height: auto; margin: 0 0 16px; color: var(--kunyit); }
.mk-fq-fish ul li { font-size: 17px; }
.mk-fq-dulang { margin: 0; padding: 18px; border-radius: var(--r-card); background: var(--santan-2); color: var(--brown); text-align: center; }
.mk-fg-santan2 .mk-fq-dulang { background: var(--santan); }
.mk-fq-draw { width: 100%; max-width: 300px; height: auto; }
.mk-fq-dulang figcaption { margin-top: 8px; color: var(--brown-2); }
.mk-fq-close-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, .9fr); gap: 30px clamp(30px, 4vw, 70px); align-items: start; }
.mk-fq-close-l { margin: 14px 0 0; max-width: 30em; font-size: 17px; line-height: 1.5; }
.mk-fq-close-l a { color: var(--ink); font-weight: 650; }
.mk-fq-tels { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--ink); }
.mk-fq-tels a { display: flex; flex-direction: column; gap: 4px; padding: 14px 0; border-bottom: 1px solid rgba(22, 13, 7, .3); color: var(--ink); text-decoration: none; }
.mk-fq-tels a:hover b { text-decoration: underline; }
.mk-fq-tels b { font-weight: 800; font-size: clamp(36px, 3.6vw, 56px); line-height: 1; letter-spacing: -.03em; font-variation-settings: "opsz" 96, "wdth" 80; white-space: nowrap; }
.mk-fq-close-a .mk-addr { margin: 0; }
.mk-fq-close-a .mk-go { margin-top: 14px; }
@media (min-width: 901px) {
  .mk-pg-faq .mk-fgroup-head { max-width: calc(100% - 320px - clamp(24px, 3vw, 48px)); }
}

/* /privacy-policy/: the document stamp under the drawing, the envelope in part 02, the numbered rights */
.mk-pv-art { display: flex; flex-direction: column; align-items: stretch; gap: 16px; max-width: 440px; }
.mk-pv-stamp { margin: 0; padding-top: 10px; border-top: 2px solid var(--ink); color: var(--brown); text-align: center; }
.mk-pv-fig { float: right; width: 150px; margin: 0 0 12px 26px; color: var(--brown); }
.mk-pv-surat { display: block; width: 100%; height: auto; }
.mk-pv-rights { list-style: none; margin: 4px 0 1.2em; padding: 0; counter-reset: r; border-top: 2px solid var(--ink); }
.mk-pv-rights li { counter-increment: r; display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--rule-light); font-size: 17.5px; line-height: 1.5; }
.mk-pv-rights li::before { content: counter(r); font-weight: 800; font-size: 30px; line-height: 1; color: var(--brown); font-variation-settings: "opsz" 96, "wdth" 75; }

/* /glosari-lauk-kampung/: each term an h3 chunk with its outlined initial, one 66ch measure, a reserved plate column */
.mk-pg-glosari .mk-dict2 .mk-dict-grid > .mk-rail { background: var(--santan); color: var(--ink); box-shadow: none; }
.mk-pg-glosari .mk-dict2 .mk-rail .mk-ic { color: var(--brown); }
.mk-pg-glosari main .mk-dict2 .mk-rail a:not(.btn) { color: var(--ink); text-decoration-color: var(--brown); }
.mk-pg-glosari .mk-dict2 .mk-rail li a:hover { color: var(--brown); }
.mk-pg-glosari .mk-dict2 .mk-rail[data-spy] li a.is-on::before { background: var(--brown); }
.mk-pg-glosari .mk-dict2 .mk-rail-more { color: #4d3a2a; }
.mk-gl-term { display: grid; grid-template-columns: minmax(210px, .28fr) minmax(0, 1fr); gap: 10px clamp(18px, 3vw, 44px); padding: 22px 0; border-bottom: 1px solid var(--rule-light); scroll-margin-top: 100px; }
.mk-tg-ink .mk-gl-term { border-bottom-color: var(--rule-ink); }
.mk-gl-head { display: grid; grid-template-columns: 50px minmax(0, 1fr); column-gap: 12px; align-items: start; align-content: start; }
.mk-gl-i { grid-row: 1 / span 2; font-weight: 800; font-size: 48px; line-height: .82; color: transparent; -webkit-text-stroke: 1.3px var(--brown); font-variation-settings: "opsz" 96, "wdth" 75; }
.mk-tg-ink .mk-gl-i { -webkit-text-stroke-color: var(--kunyit); }
.mk-gl-h { margin: 0; padding-top: 4px; font-size: clamp(22px, 1.8vw, 26px); font-weight: 700; line-height: 1.1; letter-spacing: -.02em; font-variation-settings: "opsz" 64, "wdth" 90; }
.mk-gl-h dfn { font-style: normal; }
.mk-gl-sit { margin-top: 6px; color: var(--brown-2); }
.mk-tg-ink .mk-gl-sit { color: rgba(250, 242, 226, .72); }
.mk-gl-body { display: grid; grid-template-columns: minmax(0, 66ch); column-gap: clamp(18px, 3vw, 40px); justify-content: space-between; align-items: start; }
.mk-gl-txt p { margin: 0; font-size: 16.5px; line-height: 1.55; color: #3b2a1d; }
.mk-gl-txt p + p { margin-top: 8px; }
.mk-gl-txt .mk-term-here { color: var(--ink); }
.mk-tg-ink .mk-gl-txt p { color: rgba(250, 242, 226, .86); }
.mk-tg-ink .mk-gl-txt .mk-term-here { color: var(--santan); }
.mk-gl-pl { width: 96px; }
.mk-gl-pl .mk-plate-nm { margin-top: 6px; font: 600 12px/1.3 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--brown-2); }
.mk-gl-term:target { background: linear-gradient(90deg, rgba(254, 196, 18, .42), rgba(254, 196, 18, .1) 55%, transparent); box-shadow: inset 4px 0 0 var(--kunyit); }
.mk-tg-ink .mk-gl-term:target { background: linear-gradient(90deg, rgba(254, 196, 18, .24), transparent 60%); }
.mk-gl-term:target .mk-gl-i { color: var(--brown); -webkit-text-stroke-width: 0; }
.mk-gl-all { margin-top: 14px; }
.mk-gl-all summary { cursor: pointer; padding: 8px 0; font-weight: 650; font-size: 16px; color: var(--ink); }
.mk-gl-all ol { list-style: none; margin: 10px 0 0; padding: 14px 0 0; border-top: 1px solid var(--rule-light); columns: 4 220px; column-gap: 28px; }
.mk-gl-all li { break-inside: avoid; padding: 3px 0; font-size: 15px; line-height: 1.55; }
.mk-gl-all li b { display: inline-block; width: 22px; color: var(--brown); }
.mk-gl-all li a { margin-right: 10px; color: var(--ink); }
.mk-gl-next { margin-top: 34px; }
.mk-gl-next ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* /panduan-makan-di-mak-kimbong/: one reading measure, the table rows on one line, the plates centred, quieter packs */
.mk-pg-panduan .mk-art-body > p { max-width: 640px; }
.mk-pd-table .mk-table tbody th, .mk-pd-table .mk-table td { vertical-align: middle; }
.mk-pd-plates { display: grid; grid-template-columns: repeat(2, minmax(0, 280px)); justify-content: center; gap: 18px clamp(30px, 6vw, 96px); margin: 34px 0; }
.mk-pd-plates figcaption { grid-column: 1 / -1; text-align: center; color: var(--brown-2); }
.mk-art-body a.mk-pack.mk-pd-pack { grid-template-columns: minmax(0, 1fr) auto; }
.mk-pd-pack .mono, .mk-pd-pack b, .mk-pd-pack .mk-pack-d { grid-column: 1; }
.mk-pd-pack .mk-pack-p { grid-column: 2; }
.mk-pg-panduan .mk-art-fig figcaption { display: flex; justify-content: space-between; gap: 12px; }
.mk-pg-panduan.mk-t-article main .mk-relcols a { grid-template-columns: 26px 150px minmax(0, 1fr) 20px; }
.mk-pd-relic { width: 22px; height: 22px; color: var(--brown); align-self: center; }
.mk-pd-mini .mk-live { font-size: 14px; }

@media (max-width: 900px) {
  .mk-ab-spine .mk-year, .mk-ab-spine .mk-year:nth-child(even) { grid-template-columns: minmax(0, 1fr) 150px; }
  .mk-ab-spine .mk-year .mk-draw { width: 150px; height: auto; }
  .mk-ab-side { justify-self: start; max-width: 520px; }
  .mk-fq-close-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .mk-fq-close-grid > :first-child { grid-column: 1 / -1; }
  .mk-gl-term { grid-template-columns: minmax(0, 1fr); }
  .mk-gloss-hero .mk-gl-all { order: 3; }
  .mk-gl-next ol { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 640px) {
  .mk-pg-tentang .mk-ab-side { display: contents; }
  .mk-pg-tentang .mk-ab-fcard.mk-fcard { order: 5; margin-top: 26px; }
  .mk-ab-spine .mk-year, .mk-ab-spine .mk-year:nth-child(even) { grid-template-columns: minmax(0, 1fr) 104px; }
  .mk-ab-spine .mk-year .mk-draw { width: 104px; }
  .mk-ab-sig { font-size: 28px; }
  .mk-ct-week { display: block; }
  .mk-pg-hubungi .mk-ct-hours { display: none; }
  .mk-ct-soc-l { gap: 8px 18px; }
  .mk-ct-soc-l a { font-size: 16px; }
  .mk-fq-close-grid { grid-template-columns: minmax(0, 1fr); }
  .mk-pv-art { justify-self: center; max-width: 230px; margin: 10px auto 0; }
  .mk-pv-fig { width: 104px; margin-left: 16px; }
  .mk-pg-glosari .mk-gl-rail { display: none; }
  .mk-gl-head { grid-template-columns: 38px minmax(0, 1fr); }
  .mk-gl-i { font-size: 36px; }
  .mk-gl-body { grid-template-columns: minmax(0, 1fr); }
  .mk-gl-pl0 { display: none; }
  .mk-gl-term.mk-term-haspl { position: relative; }
  .mk-gl-term.mk-term-haspl .mk-gl-head { padding-right: 74px; min-height: 64px; }
  .mk-gl-term .mk-gl-pl.mk-plate { position: absolute; top: 18px; right: 0; width: 60px; }
  .mk-gl-term .mk-gl-pl .mk-plate-nm { display: none; }
  .mk-gl-all ol { columns: 2; }
  .mk-art-body a.mk-pack.mk-pd-pack { grid-template-columns: minmax(0, 1fr); }
  .mk-pd-pack .mk-pack-p { grid-column: 1; }
  .mk-pd-plates { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
  .mk-pd-plate { width: 100%; max-width: 150px; }
  .mk-pg-panduan.mk-t-article main .mk-relcols a { grid-template-columns: 26px minmax(0, 1fr) 18px; }
  .mk-pd-relic { grid-row: 1 / span 2; }
  .mk-pg-panduan .mk-relcols .mono, .mk-pg-panduan .mk-relc-t { grid-column: 2; }
  .mk-pg-panduan .mk-relcols a::after { grid-column: 3; }
}
.mk-pg-hubungi .mk-ct-shop { max-width: 480px; }

/* ======================= shorter pages (20 Oct 2026, build-notes/SHORTER-PAGE-2026-10-20.md) ======================= */
/* a photo caption's running number is decoration (hidden from the text); it keeps the caption's own colour */
.mk-capn { flex: none; }
/* /tentang/: one status + buttons line in the hero; the founders' names in one italic run; the quote under the tagline */
.mk-ab-live { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; margin-top: 22px; }
.mk-ab-live .mk-go { margin: 0; }
.mk-ab-cq { border-top-color: rgba(250, 242, 226, .45); }
.mk-ab-ramnote { margin: 14px 0 0; max-width: 40em; font-size: 17px; line-height: 1.5; }
/* /hubungi-kami/: what is served when, the shopfront whole on a light mat, the directions' card under its question */
.mk-ct-sit { list-style: none; margin: 14px 0 0; padding: 0; font-size: 16.5px; line-height: 1.5; color: var(--ink); }
.mk-ct-sit li + li { margin-top: 2px; }
.mk-pg-hubungi .mk-visit-side .mk-ct-foot { margin-top: 20px; }
.mk-ct-row-q { flex-wrap: wrap; }
.mk-ct-row-q .mk-cq-h { flex: 1 1 0; min-width: 0; }
.mk-ct-row-q .mk-lok { flex: 1 1 100%; max-width: 380px; margin: 18px 0 0 42px; }
.mk-ct-more { margin: 22px 0 0; font-size: 17px; }
.mk-ct-more a { color: var(--ink); font-weight: 650; text-decoration-color: var(--brown); text-underline-offset: 3px; }
.mk-ct-revs .mk-review { justify-content: flex-start; }
.mk-ct-revs .mk-review cite { margin-top: auto; }
/* /faq/: the ruler's hours at each bar's end; the parking card; the dulang; the fish in two columns */
.mk-fq-r-h { font: 600 12px/1.4 var(--mono); letter-spacing: .04em; color: var(--brown-2); white-space: nowrap; }
.mk-fq-park { margin: 0; padding: 18px 20px 16px; border-radius: var(--r-card); background: var(--santan-2); color: var(--brown); }
.mk-fg-santan2 .mk-fq-park { background: var(--santan); }
.mk-fq-parkir { display: block; width: 100%; height: auto; }
.mk-fq-park figcaption { display: flex; flex-direction: column; gap: 2px; margin-top: 12px; color: var(--ink); }
.mk-fq-park figcaption .mono { color: var(--brown-2); }
.mk-fq-park figcaption b { font-size: 20px; line-height: 1.2; }
.mk-fq-park figcaption span:last-child { font-size: 15px; color: #4d3a2a; }
.mk-fq-dulangsvg { display: block; width: 100%; max-width: 320px; height: auto; margin: 0 auto; }
.mk-fq-fish .mk-fq-fish2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 18px; }
.mk-fg-sit .mk-fg-rows { margin-top: 10px; }
/* /privacy-policy/: the side card's heading at the h3 size */
.mk-pv-card-h { margin: 0; font-size: var(--t-h3); line-height: 1.16; font-weight: 650; letter-spacing: -.012em; }
/* /glosari-lauk-kampung/: a plate column only where there is a plate; the initial once per letter; the sitting breaks;
   the sources as a two-column footnote list; the dead A-Z letters dark enough to read */
.mk-term-haspl .mk-gl-body { grid-template-columns: minmax(0, 66ch) 96px; }
.mk-gl-i0 { min-height: 1px; }
.mk-gl-sitbreak { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: 6px 18px; margin: 6px 0 4px; padding: 18px 0 20px; border-bottom: 2px solid var(--ink); }
.mk-gl-sitic { width: 56px; height: 56px; color: var(--brown); }
.mk-gl-sitn { margin: 0; font-weight: 800; font-size: clamp(54px, 6vw, 92px); line-height: .9; letter-spacing: -.03em; color: var(--brown); font-variation-settings: "opsz" 96, "wdth" 78; white-space: nowrap; }
.mk-gl-sitbreak .mono { margin: 0; color: var(--brown-2); }
.mk-gl-srcs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px clamp(24px, 4vw, 56px); margin-top: 12px; }
.mk-gl-src .mono { margin: 0 0 8px; color: var(--brown-2); }
.mk-gl-src ul { list-style: none; margin: 0; padding: 0; columns: 2; column-gap: 20px; }
.mk-gl-src li { padding: 2px 0; font-size: 15px; line-height: 1.45; break-inside: avoid; }
.mk-gl-src a { color: var(--ink); text-decoration: none; }
.mk-gl-src a:hover { text-decoration: underline; text-decoration-color: var(--brown); }
.mk-pg-glosari .mk-az span { color: #6b5a4a; }
/* /panduan-makan-di-mak-kimbong/: the contents numerals at full strength; the hero photo from the top; the plates in the
   table's row heads; the counter's six kinds; the favourites drawn and linked; the pack cards top-aligned */
.mk-pg-panduan .mk-art-kit .ak-toc__list a::before { opacity: 1; }
.mk-pg-panduan .mk-art-hero-grid { align-items: start; }
.mk-pd-rowpl { flex: none; width: 64px; }
.mk-art-body .mk-pd-cats { list-style: none; margin: 26px 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.mk-art-body .mk-pd-cats li { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: var(--r-tile); background: var(--santan-2); font-size: 16px; line-height: 1.3; }
.mk-pd-cats .mk-ic { flex: none; width: 26px; height: 26px; color: var(--brown); }
.mk-pd-cats b { font-weight: 650; }
.mk-art-body .mk-pd-fav .mk-favnum li { align-items: end; }
.mk-pd-favic { grid-column: 2; grid-row: 1; width: 48px; height: 48px; color: var(--kunyit); }
.mk-pd-fav .mk-favnum b { grid-column: 2; grid-row: 2; }
.mk-pd-fav .mk-favnum b a { color: inherit; text-decoration: underline; text-decoration-color: var(--kunyit); text-underline-offset: 4px; }
.mk-art-body a.mk-pack.mk-pd-pack { align-content: start; grid-template-columns: minmax(0, 1fr) 7.2em; }
.mk-pd-pack .mk-pack-p { grid-row: 1 / span 3; align-self: start; text-align: right; }
@media (max-width: 900px) {
  .mk-ct-row-q .mk-lok { margin-left: 0; }
  .mk-art-body .mk-pd-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .mk-ct-hero .mk-facil { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .mk-ct-hero .mk-facil li { min-height: 0; padding: 10px; gap: 6px; font-size: 13px; line-height: 1.25; }
  .mk-ct-soc3 { display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 8px 16px; }
  .mk-ct-soc3 a { font-size: 15px; gap: 6px; }
  .mk-ct-soc3 .mk-ic { width: 18px; height: 18px; }
  .mk-fq-hero .mk-wall li { padding: 10px 12px; gap: 6px; }
  .mk-pv-fig { float: none; display: block; width: 96px; margin: 0 auto 14px; }
  .mk-pg-glosari .mk-az span { width: 26px; border-color: transparent; }
  .mk-gl-sitbreak { grid-template-columns: auto minmax(0, 1fr); }
  .mk-gl-sitbreak .mono { grid-column: 1 / -1; }
  .mk-gl-sitic { width: 40px; height: 40px; }
  .mk-gl-srcs { grid-template-columns: minmax(0, 1fr); }
  .mk-art-body .mk-pd-cats li { padding: 12px; font-size: 15px; }
  .mk-art-body a.mk-pack.mk-pd-pack { grid-template-columns: minmax(0, 1fr) 6.4em; }
  .mk-pd-pack .mk-pack-p { grid-column: 2; }
}
/* three related rows: one row of three on desktop, one column below 1000px (no dead cell) */
.mk-pv-close .mk-rr ol { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 1000px) {
  .mk-pv-close .mk-rr ol, .mk-fq-rel .mk-rr ol, .mk-ct-close .mk-rr ol { grid-template-columns: minmax(0, 1fr); }
}
/* /faq/ phone: the quick-answer tiles as icon + two lines, so the answer starts sooner (r2 design) */
@media (max-width: 640px) {
  .mk-pg-faq .mk-fq-hero .mk-wall li { display: grid; grid-template-columns: 20px minmax(0, 1fr); align-content: start; column-gap: 10px; row-gap: 1px; padding: 10px 12px; }
  .mk-pg-faq .mk-fq-hero .mk-wall li .mk-ic { grid-row: 1 / span 2; width: 20px; height: 20px; margin: 1px 0 0; }
  .mk-pg-faq .mk-fq-hero .mk-wall b { font-size: 15.5px; }
  .mk-pg-faq .mk-fq-hero .mk-wall li span { font-size: 13.5px; line-height: 1.35; }
}

/* ======================= round-2 rework of the fresh round 1 (20 Oct 2026, evening; reviews/raw/r1/*.applied.md) =====
   New classes, or rules scoped by .mk-pg-tentang / .mk-pg-hubungi / .mk-pg-privasi / .mk-pg-glosari / .mk-pg-panduan:
   the FAQ (which links this sheet too) is untouched. */
/* the week as seven tiles, the hours said once under them (site.js marks today through .hours [data-d]) */
.mk-wk.hours { margin-top: 22px; padding-top: 14px; border-top: 2px solid var(--ink); }
.mk-wk-days { list-style: none; margin: 0; padding: 0 0 22px; display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.mk-wk-days li { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  min-height: 58px; padding: 8px 2px; border-radius: 12px; background: rgba(255, 255, 255, .38); box-shadow: inset 0 0 0 1px rgba(22, 13, 7, .2);
  color: var(--ink); text-align: center; }
.mk-wk-days b { font-weight: 650; font-size: 15px; line-height: 1.2; }
.mk-wk-days li.closed { background: transparent; box-shadow: inset 0 0 0 1.5px rgba(22, 13, 7, .45); }
.mk-wk-s { display: inline-flex; align-items: center; gap: 5px; font: 600 12px/1.2 var(--mono); letter-spacing: .06em; text-transform: uppercase; }
.mk-wk-s::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--sambal); }
.mk-wk-days li.today { background: var(--ink); color: var(--kunyit); box-shadow: none; }
.mk-wk-days li.today::after { content: "Hari ini"; position: absolute; left: 50%; top: calc(100% + 6px); transform: translateX(-50%); white-space: nowrap;
  font: 600 12px/1 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--ink); }
.mk-wk-days li.today:first-child::after { left: 0; transform: none; }
.mk-wk-days li.today:last-child::after { left: auto; right: 0; transform: none; }
.mk-wk-t { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 4px 18px; margin: 4px 0 0; font-size: 17px; line-height: 1.4; color: var(--ink); }
.mk-wk-t b { font-weight: 700; white-space: nowrap; }

/* /tentang/: the spine answer beside its heading, the years as one list, the 2026 band numeral with its label,
   the KL branch over the reading list in the yellow close, the visiting card first on phones */
.mk-ab-spine .mk-ab-spinehead { max-width: none; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 16px clamp(30px, 5vw, 80px); align-items: end; }
.mk-ab-spinelede { margin: 0; max-width: 34em; }
.mk-ab-spine .mk-ab-yh { margin: 0 0 6px; }
.mk-ab-spine .mk-ab-kisah { margin-top: 26px; }
.mk-ab-kisah > span:last-child { color: #3b2a1d; }
.mk-ab-ram .mk-ram2-grid { align-items: start; }
.mk-ab-ramfig { padding-top: 6px; }
.mk-ab-ramcap { margin: 18px 0 0; max-width: 26em; color: rgba(250, 242, 226, .82); }
.mk-pg-tentang .mk-ab-lob li > a { margin-top: 2px; }
.mk-ab-kl { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 14px 24px; align-items: center; margin: 4px 0 30px; padding-bottom: 28px; border-bottom: 2px solid var(--ink); }
.mk-ab-kldraw { width: 150px; height: auto; color: var(--brown); }
.mk-ab-kl .mono { margin: 0; color: rgba(22, 13, 7, .72); }
.mk-ab-kl-h { margin: 4px 0 8px; font-weight: 700; font-size: clamp(26px, 2.4vw, 34px); line-height: 1.1; letter-spacing: -.02em; }
.mk-ab-kl p:last-child { margin: 0; max-width: 32em; font-size: 17px; line-height: 1.5; color: #2b1d12; }
.mk-ab-kl a { color: var(--ink); font-weight: 650; text-decoration-color: var(--brown); text-underline-offset: 3px; }

/* /hubungi-kami/: what is served when, the No. 1 dish on its own line, the week under the shopfront, the reviews at
   their own height, the lines band sentence */
.mk-pg-hubungi .mk-ct-sit { margin-top: 16px; }
.mk-ct-menu { margin: 8px 0 0; font-size: 16px; line-height: 1.5; }
.mk-ct-menu a, .mk-ct-no1 a { color: var(--ink); font-weight: 650; text-decoration-color: var(--ink); text-underline-offset: 3px; }
.mk-ct-no1 { display: flex; align-items: center; gap: 12px; margin: 16px 0 0; font-size: 16.5px; line-height: 1.4; color: var(--ink); }
.mk-ct-no1-n { flex: none; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: var(--ink);
  font-weight: 800; font-size: 26px; line-height: 1; color: transparent; -webkit-text-stroke: 1.2px var(--kunyit); font-variation-settings: "opsz" 96, "wdth" 75; }
.mk-pg-hubungi .mk-visit-side .mk-wk { margin-top: 30px; }
.mk-ct-lines-l { margin: 14px 0 0; max-width: 40em; color: rgba(250, 242, 226, .86); }
.mk-pg-hubungi .mk-ct-revs .mk-rev-grid { align-items: start; }
.mk-pg-hubungi .mk-ct-revs .mk-review { height: auto; }
.mk-pg-hubungi .mk-ct-revs .mk-review cite { margin-top: 18px; }
.mk-pg-hubungi .mk-ct-row-a .mk-lok { margin-top: 20px; max-width: 380px; }

/* /privacy-policy/: each part numeral on its heading first line, the purposes and the outside sites as ruled rows,
   the version line in the side card, the contents as one chip row on phones */
.mk-pg-privasi .mk-docsec-hd { align-items: baseline; }
.mk-pv-out { list-style: none; margin: 4px 0 1.2em; padding: 0; border-top: 2px solid var(--ink); }
.mk-pv-out li { display: grid; grid-template-columns: 26px minmax(0, 15em) minmax(0, 1fr); gap: 2px 14px; align-items: center; padding: 11px 0;
  border-bottom: 1px solid var(--rule-light); font-size: 17px; line-height: 1.4; }
.mk-pv-out .mk-ic { width: 22px; height: 22px; color: var(--brown); }
.mk-pv-out b { font-weight: 650; }
.mk-prose .mk-pv-out span { font-size: 15.5px; color: #4d3a2a; }
.mk-pv-card p.mk-pv-card-v { margin: 14px 0 0; padding-top: 10px; border-top: 1px solid var(--rule-light); font-size: 12px; color: var(--brown-2); }

/* the crumb rail quick links on phones: an edge fade says the row scrolls (r1 design, panduan; scoped to these pages) */
@media (max-width: 1000px) {
  .mk-pg-tentang .mk-pintas, .mk-pg-hubungi .mk-pintas, .mk-pg-privasi .mk-pintas, .mk-pg-glosari .mk-pintas, .mk-pg-panduan .mk-pintas {
    padding-right: 34px; -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 40px), transparent); }
}
@media (max-width: 900px) {
  .mk-ab-spine .mk-ab-spinehead { grid-template-columns: minmax(0, 1fr); }
  .mk-pg-tentang .mk-ab-card { order: -1; }
  .mk-pg-tentang .mk-ab-close-l { padding-top: 10px; }
  .mk-pg-privasi .mk-doc-grid > .mk-rail.mk-rail-rows ol { display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; padding-bottom: 6px; border-top: 0; scrollbar-width: thin; }
  .mk-pg-privasi .mk-doc-grid > .mk-rail.mk-rail-rows li { flex: none; }
  .mk-pg-privasi .mk-doc-grid > .mk-rail.mk-rail-rows li a { padding: 8px 14px; border: 1px solid var(--rule-light); border-radius: 999px; white-space: nowrap; }
}
@media (max-width: 640px) {
  .mk-wk-days { gap: 4px; }
  .mk-wk-days li { min-height: 50px; padding: 6px 0; border-radius: 10px; }
  .mk-wk-days b { font-size: 14px; }
  .mk-wk-x { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .mk-wk-s { letter-spacing: 0; }
  .mk-wk-s::before { display: none; }
  .mk-wk-days li.closed { box-shadow: inset 0 0 0 1.5px var(--sambal); }
  .mk-wk-t { font-size: 16px; }
  .mk-ab-kl { grid-template-columns: 96px minmax(0, 1fr); gap: 12px 16px; }
  .mk-ab-kldraw { width: 96px; }
  .mk-pg-hubungi .mk-ct-hero .mk-facil { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .mk-pg-hubungi .mk-ct-hero .mk-facil li { flex-direction: column; align-items: flex-start; gap: 8px; padding: 12px 14px; font-size: 14px; line-height: 1.3; }
  .mk-pg-privasi .mk-pv-fig { float: right; display: block; width: 84px; margin: 0 0 10px 16px; }
  .mk-pv-out li { grid-template-columns: 26px minmax(0, 1fr); }
  .mk-pv-out span { grid-column: 2; }
}

/* /glosari-lauk-kampung/ (round-2 rework): plates as figures naming the dish, a line drawing on each group's lead
   terms, the initial on every row (lighter after the first of its letter), the group index as an edged card on every
   ground, the sitting tag on one line, the A-Z as one fixed grid on phones, the reading list at section distance */
.mk-pg-glosari .mk-term-haspl .mk-gl-body { grid-template-columns: minmax(0, 66ch) 120px; }
.mk-gl-plfig { margin: 0; width: 120px; text-align: center; }
.mk-gl-plfig .mk-gl-pl { width: 96px; margin: 0 auto; }
.mk-gl-plfig figcaption { margin-top: 6px; font-size: 13px; line-height: 1.3; color: var(--brown-2); }
.mk-tg-ink .mk-gl-plfig figcaption { color: rgba(250, 242, 226, .82); }
.mk-gl-ic { display: grid; place-items: center; width: 76px; height: 76px; margin: 0 auto; border-radius: 50%;
  background: rgba(94, 51, 20, .07); color: var(--brown); box-shadow: inset 0 0 0 1px var(--rule-light); }
.mk-gl-ic .mk-ic { width: 36px; height: 36px; }
.mk-tg-ink .mk-gl-ic { background: transparent; color: var(--kunyit); box-shadow: inset 0 0 0 1px rgba(254, 196, 18, .55); }
.mk-pg-glosari .mk-gl-i.mk-gl-i0 { opacity: .34; }
.mk-pg-glosari .mk-gl-sit { white-space: nowrap; }
.mk-pg-glosari .mk-dict2 .mk-dict-grid > .mk-rail { box-shadow: 0 0 0 1px var(--rule-light); }
.mk-pg-glosari .mk-gl-closer .mk-gl-next { margin-top: clamp(56px, 6vw, 96px); }
@media (max-width: 640px) {
  .mk-pg-glosari .mk-term-haspl .mk-gl-body { grid-template-columns: minmax(0, 1fr); }
  .mk-pg-glosari .mk-gl-term .mk-gl-plfig, .mk-pg-glosari .mk-gl-term .mk-gl-ic { position: absolute; top: 16px; right: 0; }
  .mk-pg-glosari .mk-gl-plfig { width: 60px; }
  .mk-pg-glosari .mk-gl-term .mk-gl-plfig .mk-gl-pl.mk-plate { position: static; width: 60px; }
  .mk-pg-glosari .mk-gl-plfig figcaption { display: none; }
  .mk-pg-glosari .mk-gl-ic { width: 56px; height: 56px; }
  .mk-pg-glosari .mk-gl-ic .mk-ic { width: 28px; height: 28px; }
  .mk-pg-glosari .mk-gloss-hero .mk-az { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
  .mk-pg-glosari .mk-az a, .mk-pg-glosari .mk-az span { width: auto; height: 44px; }
  .mk-pg-glosari .mk-az span { border-color: var(--rule-light); color: #6b5a4a; }
}

/* /panduan-makan-di-mak-kimbong/ (round-2 rework): the counter's kinds as ruled rows with dishes named, one inline own
   photo, the pack cards with the pack drawing and the combo tag in sambal, the hero photo as a tall card, the phone
   favourites on one line each */
.mk-art-body .mk-pd-kinds { margin: 28px 0; }
.mk-art-body .mk-pd-kinds > .mono { margin: 0 0 8px; color: var(--brown-2); }
.mk-art-body .mk-pd-kinds ul { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--ink); }
.mk-art-body .mk-pd-kinds li { display: grid; grid-template-columns: 30px minmax(0, 13em) minmax(0, 1fr); gap: 2px 14px; align-items: baseline;
  margin: 0; padding: 12px 0; border-bottom: 1px solid var(--rule-light); list-style: none; }
.mk-art-body .mk-pd-kinds li::before { content: none; }
.mk-pd-kinds .mk-ic { align-self: center; width: 24px; height: 24px; color: var(--brown); }
.mk-pd-kinds b { font-weight: 650; font-size: 16.5px; line-height: 1.3; }
.mk-art-body .mk-pd-kinds span { font-size: 15.5px; line-height: 1.45; color: #4d3a2a; }
.mk-art-body .mk-pd-inph { margin: 30px 0; max-width: 600px; }
.mk-pd-inph img { display: block; width: 100%; height: auto; }
.mk-pg-panduan .mk-art-body a.mk-pack.mk-pd-pack { grid-template-columns: 48px minmax(0, 1fr) 7.2em; }
.mk-pg-panduan .mk-pd-pack .mk-pack-ic { grid-column: 1; grid-row: 1 / span 3; align-self: start; width: 48px; height: 48px; }
.mk-pg-panduan .mk-pd-pack .mk-pack-ic .mk-ic { width: 24px; height: 24px; }
.mk-pg-panduan .mk-pd-pack .mono, .mk-pg-panduan .mk-pd-pack b, .mk-pg-panduan .mk-pd-pack .mk-pack-d { grid-column: 2; }
.mk-pg-panduan .mk-pd-pack .mk-pack-p { grid-column: 3; }
.mk-pg-panduan .mk-pd-pack .mono.mk-pd-tag { justify-self: start; padding: 3px 9px; border-radius: 999px; background: var(--sambal); color: var(--santan); }
@media (min-width: 901px) {
  .mk-pg-panduan .mk-pd-herofig { max-width: 440px; }
  .mk-pg-panduan .mk-pd-herofig img { aspect-ratio: 4 / 5; object-fit: cover; }
}
@media (max-width: 640px) {
  .mk-art-body .mk-pd-kinds li { grid-template-columns: 30px minmax(0, 1fr); }
  .mk-art-body .mk-pd-kinds span { grid-column: 2; }
  .mk-pg-panduan .mk-art-body a.mk-pack.mk-pd-pack { grid-template-columns: 40px minmax(0, 1fr) 6.4em; column-gap: 12px; }
  .mk-pg-panduan .mk-pd-pack .mk-pack-ic { width: 40px; height: 40px; }
  .mk-pg-panduan .mk-pd-fav .mk-favnum li { grid-template-columns: 52px 44px minmax(0, 1fr); grid-template-rows: auto; align-items: center; column-gap: 12px; }
  .mk-pg-panduan .mk-pd-fav .mk-favnum li::before { grid-row: 1; grid-column: 1; text-align: center; }
  .mk-pg-panduan .mk-pd-favic { grid-column: 2; grid-row: 1; width: 40px; height: 40px; }
  .mk-pg-panduan .mk-pd-fav .mk-favnum b { grid-column: 3; grid-row: 1; }
}