:root{
  --mustard-50:#FFF7DF; --mustard-100:#FFEAAF; --mustard-300:#EBC343; --mustard-600:#8A6E03;
  --lavender-50:#F7F5FE; --lavender-100:#ECE7FE; --lavender-700:#594D77;
  --neutral-50:#FAF6F1; --neutral-100:#EFEAE4; --neutral-200:#DFDAD3; --neutral-500:#938D83; --neutral-700:#5B544A; --neutral-800:#393228;
  --bg:var(--neutral-50); --border:var(--neutral-200); --text:var(--neutral-800); --text-muted:var(--neutral-700);
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-display:"Literata",Georgia,"Times New Roman",serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}

.l-top{position:sticky;top:0;z-index:5;background:rgba(250,246,241,.9);backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--border)}
.l-top__in{max-width:760px;margin:0 auto;padding:13px 20px;display:flex;align-items:center;gap:10px}
.l-back{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--text);text-decoration:none;transition:color .15s ease}
.l-back:hover{color:var(--mustard-600)}
.l-back svg{width:17px;height:17px}

.l-wrap{max-width:760px;margin:0 auto;padding:30px 20px 64px}
.l-eyebrow{font-size:13px;font-weight:700;letter-spacing:.3px;text-transform:uppercase;color:var(--mustard-600);margin-bottom:8px}
h1{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,6vw,38px);line-height:1.12;letter-spacing:-.01em;color:var(--text);text-wrap:balance}
.l-meta{font-size:13px;color:var(--neutral-500);margin-top:12px;padding-bottom:22px;border-bottom:1px solid var(--border)}

.l-body{margin-top:24px}
.l-body h2{font-family:var(--font-display);font-weight:800;font-size:clamp(18px,4.4vw,22px);line-height:1.2;color:var(--text);margin:30px 0 10px;text-wrap:balance}
.l-body h2:first-child{margin-top:0}
.l-body p{font-size:15px;color:var(--text-muted);margin:0 0 12px;text-wrap:pretty}
.l-body ul,.l-body ol{margin:0 0 12px;padding-left:22px}
.l-body li{font-size:15px;color:var(--text-muted);margin-bottom:7px;line-height:1.55}
.l-body b{color:var(--text);font-weight:700}
.l-body a{color:var(--mustard-600);font-weight:600;text-decoration:none}
.l-body a:hover{text-decoration:underline}

.l-fill{background:var(--mustard-50);border:1px dashed var(--mustard-300);color:var(--mustard-600);border-radius:6px;padding:1px 7px;font-weight:700;font-size:.92em}

.l-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px 18px;margin:6px 0 12px;box-shadow:0 10px 30px rgba(57,50,40,.06)}
.l-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:14.5px}
.l-card dt{color:var(--neutral-500)}
.l-card dd{color:var(--text);font-weight:600;word-break:break-word}

.l-foot{max-width:760px;margin:0 auto;padding:22px 20px calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--border);font-size:12px;color:var(--neutral-500)}
.l-foot a{color:var(--mustard-600);text-decoration:none}
@media (min-width:760px){.l-wrap{padding:44px 20px 80px}}