:root{--bg:#f8f4ee;--card:#fff;--ink:#1d1a16;--soft:#4f4840;--mute:#7a7268;--accent:#ff6600;--accent-ink:#c24400;--tint:#ffe2cc;--shadow:0 1px 2px rgba(60,40,20,.06),0 8px 24px rgba(60,40,20,.07)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html,body{overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 "Inter",system-ui,-apple-system,sans-serif;overflow-wrap:anywhere}
.wrap{max-width:820px;margin:0 auto;padding:0 22px 80px}
header.top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0 8px;flex-wrap:wrap}
.brand{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:1.15rem;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:10px}
.brand i{width:12px;height:12px;border-radius:4px;background:var(--accent)}
header nav{display:flex;gap:18px;font-size:.92rem}header nav a{color:var(--ink);text-decoration:none}
h1{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:clamp(1.9rem,6vw,2.7rem);line-height:1.12;margin:36px 0 10px;overflow-wrap:anywhere}
h2{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:1.45rem;margin:44px 0 12px}
h3{font-size:1.1rem;margin:0}
p{margin:.4em 0 1em}a{color:var(--accent-ink);text-decoration-thickness:1px;text-underline-offset:3px}
.sub{color:var(--soft);font-size:1.08rem;max-width:640px}.mute,.small{color:var(--mute);font-size:.9rem}
.card{background:var(--card);border-radius:20px;box-shadow:var(--shadow);padding:22px 24px;margin:0 0 16px}
.bh{display:grid;grid-template-columns:72px minmax(0,1fr);gap:18px;align-items:center}
.cv{width:72px;height:108px;object-fit:cover;border-radius:6px;background:var(--tint);display:block;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.bh h3 a{color:var(--ink);text-decoration:none}.bh h3 a:hover{text-decoration:underline}
.au{color:var(--mute);margin:2px 0 0;font-size:.95rem}.line{margin:12px 0 0}.ppl{color:var(--accent-ink);font-weight:600;font-size:.9rem;margin:6px 0 0}
blockquote{margin:16px 0 0;padding:14px 18px;background:#fff8f2;border-left:3px solid var(--accent);border-radius:0 12px 12px 0}
blockquote p{margin:0;font-family:"Fraunces",Georgia,serif;font-size:1.08rem;line-height:1.5}
blockquote footer{color:var(--mute);font-size:.86rem;margin-top:8px}
mark{background:var(--tint);color:inherit;padding:0 2px;border-radius:3px}
.lbl{font-weight:700;margin:22px 0 4px}.lbl small{font-weight:400;color:var(--mute);margin-left:6px}
.btns{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;padding:10px 16px;border-radius:999px;font-size:.92rem;font-weight:600}
.btn.light{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px #e3d8c8}
ul.plain{list-style:none;padding:0;margin:0}ul.plain li{padding:10px 0;border-bottom:1px solid #eadfce}
.az li{display:flex;justify-content:space-between;gap:12px}.az li span{color:var(--mute);font-size:.9rem;white-space:nowrap}
.chips{margin:12px 0 0;display:flex;flex-wrap:wrap;gap:8px}.chips a{background:#fff;border-radius:999px;padding:6px 12px;font-size:.88rem;text-decoration:none;box-shadow:inset 0 0 0 1px #e3d8c8;color:var(--ink)}
.more summary{cursor:pointer;color:var(--accent-ink);font-size:.92rem;margin:-4px 0 12px}.faq details{border-bottom:1px solid #eadfce}.faq summary{cursor:pointer;list-style:none;font-weight:600;padding:14px 32px 14px 0;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:1.3rem;color:var(--accent-ink);font-weight:400}.faq details[open] summary::after{content:"–"}.faq details p{margin:0 0 16px}.faq p,.how p,.how li{color:var(--soft)}
footer.site{margin-top:64px;padding-top:24px;border-top:1px solid #eadfce;color:var(--mute);font-size:.88rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
footer.site nav{display:flex;gap:16px}footer.site a{color:var(--mute)}
@media(max-width:560px){.bh{grid-template-columns:56px minmax(0,1fr);gap:14px}.cv{width:56px;height:84px}.card{padding:18px}header nav{gap:14px}}
