.article-shell{max-width:760px;margin:0 auto;padding:clamp(20px,4vw,40px) 20px clamp(48px,7vw,96px)}.article-back{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--text-body);text-decoration:none;padding:8px 16px;border:1px solid var(--outline);border-radius:999px;background:var(--surface-card);box-shadow:var(--sticker-sm);transition:transform .2s,box-shadow .2s}.article-back:hover{transform:translate(-2px,-3px);box-shadow:var(--sticker)}.article-head{margin:clamp(20px,3vw,32px) 0 clamp(24px,4vw,40px)}.article-cat{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-display);font-weight:700;font-size:13px;padding:7px 15px;border:1px solid var(--outline);border-radius:999px;box-shadow:var(--sticker-sm)}.article-title{font-family:var(--font-display);font-size:clamp(34px,5.5vw,58px);line-height:1.08;color:var(--text-strong);margin:18px 0 0}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-family:var(--font-body);font-size:14.5px;color:var(--text-muted);margin-top:16px}.article-meta .dot{width:4px;height:4px;border-radius:999px;background:var(--text-muted);opacity:.6}.article-cover{margin:clamp(20px,3vw,32px) 0 0;border:1px solid var(--outline);border-radius:22px;overflow:hidden;box-shadow:var(--sticker);aspect-ratio:16 / 9;background:var(--pandan-100)}.article-cover img{width:100%;height:100%;object-fit:cover;display:block}.article-prose{font-family:var(--font-body);font-size:18px;line-height:1.75;color:var(--text-body)}.article-prose>*+*{margin-top:1.15em}.article-prose h2{font-family:var(--font-display);font-size:clamp(26px,3.4vw,36px);line-height:1.2;color:var(--text-strong);margin-top:1.8em}.article-prose h3{font-family:var(--font-display);font-size:clamp(21px,2.6vw,27px);line-height:1.25;color:var(--chili-500);margin-top:1.5em}.article-prose a{color:var(--chili-500);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}.article-prose strong{color:var(--text-strong);font-weight:700}.article-prose ul,.article-prose ol{padding-left:1.4em}.article-prose ul{list-style:disc}.article-prose ol{list-style:decimal}.article-prose li+li{margin-top:.4em}.article-prose li::marker{color:var(--pandan-500)}.article-prose li>p{margin:0}.article-prose li>p+p{margin-top:.6em}.article-prose blockquote{border-left:4px solid var(--pandan-400);background:var(--tint-mint);padding:14px 20px;border-radius:0 14px 14px 0;font-style:italic;color:var(--text-body)}.article-prose img{width:100%;border:1px solid var(--outline);border-radius:18px;box-shadow:var(--sticker-sm)}.article-prose code{font-family:var(--font-pixel),monospace;background:var(--tint-lemon);border:1px solid var(--outline);border-radius:6px;padding:1px 6px;font-size:.9em}.article-prose hr{border:none;border-top:2px dashed color-mix(in srgb,var(--outline) 30%,transparent);margin:2em 0}.art-figure{margin:0}.art-figure figcaption{font-family:var(--font-body);font-size:13px;color:var(--text-muted);text-align:center;margin-top:8px}.art-callout{background:var(--cal-bg);border:1px solid var(--outline);border-left:5px solid var(--cal-accent);border-radius:16px;padding:16px 20px;box-shadow:var(--sticker-sm)}.art-callout-head{display:flex;align-items:center;gap:9px;margin-bottom:6px}.art-callout-emoji{font-size:22px;line-height:1}.art-callout-title{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--text-strong)}.art-callout-body>:first-child{margin-top:0}.art-callout-body{color:var(--text-body)}.art-nutri{border:2px solid var(--outline);border-radius:18px;overflow:hidden;box-shadow:var(--sticker);background:var(--surface-card)}.art-nutri-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:14px 18px;background:var(--pandan-400);color:#fff}.art-nutri-title{font-family:var(--font-display);font-weight:700;font-size:18px}.art-nutri-serving{font-family:var(--font-body);font-size:13.5px;opacity:.92}.art-nutri-list{margin:0;padding:6px 18px 12px}.art-nutri-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid color-mix(in srgb,var(--outline) 16%,transparent)}.art-nutri-row:last-child{border-bottom:none}.art-nutri-row dt{font-family:var(--font-body);font-size:16px;color:var(--text-body);margin:0}.art-nutri-row dd{font-family:var(--font-pixel),var(--font-display);font-size:18px;color:var(--text-strong);margin:0}.art-nutri-row.is-hl dd{color:var(--pandan-500)}.art-gallery{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.art-gallery[data-count="1"]{grid-template-columns:1fr}.art-gallery-item{margin:0}.art-gallery-item img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border:1px solid var(--outline);border-radius:16px;box-shadow:var(--sticker-sm);display:block}.art-gallery-item figcaption{font-family:var(--font-body);font-size:13px;color:var(--text-muted);text-align:center;margin-top:6px}