/* Guide pages (scripts/seo.mjs) — matches Figma "Guide article" and "Guides hub" frames. */
.crumbs{font-size:.85rem;color:var(--muted);margin-bottom:6px}.crumbs a{text-decoration:none;color:var(--muted);display:inline-block;padding:12px 0}
.lead{font-size:1.2rem;line-height:1.55;color:var(--ink2)}
.cta{background:var(--esp);border-radius:28px;padding:28px 26px;margin:28px 0;color:#fff8f2}
.cta p{margin:0 0 16px;color:rgba(255,248,242,.82)}.cta strong{display:block;font:500 1.5rem/1.2 "Bodoni Moda",Didot,serif;color:#fff8f2;margin-bottom:6px}.cta.bottom{margin-top:44px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--esp);color:#fff8f2;text-decoration:none;font:500 .98rem "Jost",sans-serif;letter-spacing:.02em;padding:0 26px;border-radius:999px;transition:transform .2s}
.btn:active{transform:scale(.97)}.cta .btn{background:#fff8f2;color:var(--esp)}
.swatches{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.swatches li{display:flex;align-items:center;gap:8px;font-size:.92rem;margin:0}
.swatches i{width:40px;height:40px;border-radius:50%;box-shadow:inset 0 -5px 10px rgba(0,0,0,.12),inset 0 0 0 1px rgba(0,0,0,.05)}
details{border-bottom:1px solid var(--line);padding:6px 0}summary{cursor:pointer;font-weight:500;color:var(--ink);min-height:48px;display:flex;align-items:center}details p{margin:.3em 0 .8em}
.site-head{position:sticky;top:0;z-index:5;background:rgba(247,241,234,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:14px 18px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line)}
.wordmark{font:italic 500 1.8rem/1 "Bodoni Moda",Georgia,serif;color:var(--ink);text-decoration:none;letter-spacing:-.02em;display:inline-flex;align-items:center;min-height:44px}
.site-head nav{display:none;gap:34px;margin-left:auto}.site-head nav a{color:var(--ink2);text-decoration:none;font-size:.95rem}.site-head nav a:hover{color:var(--accent)}
.site-head .btn{margin-left:auto}.btn.small{min-height:40px;padding:0 18px;font-size:.88rem}
.site-foot{margin-top:56px;background:var(--sand);padding:36px 18px 40px;display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:.9rem}
.site-foot>div{grid-column:1/-1}.site-foot nav{display:flex;flex-direction:column}.site-foot nav a{color:var(--ink2);text-decoration:none;display:flex;align-items:center;min-height:40px}
.site-foot nav a:hover{color:var(--accent)}.foot-head{margin:0 0 4px;font-size:.7rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.site-foot .fine{grid-column:1/-1;border-top:1px solid var(--line);padding-top:14px;font-size:.78rem}
/* Hub: group cards with photos */
.hub-groups{display:grid;gap:36px;margin-top:28px}.hub-group img{width:100%;height:auto;aspect-ratio:5/6;object-fit:cover;border-radius:22px;display:block}
.hub-group h2{margin:.6em 0 .1em}.hub-group>p{margin:0 0 8px;color:var(--muted)}
.hub-group ul{list-style:none;padding:0;margin:0}.hub-group li{margin:0;border-bottom:1px solid var(--line)}
.hub-group li a{display:flex;align-items:center;min-height:48px;color:var(--ink);text-decoration:none;font-weight:500}.hub-group li a::after{content:"→";margin-left:8px;transition:transform .2s}.hub-group li a:hover::after{transform:translateX(4px)}
@media (min-width:860px){.site-head{padding:18px 64px}.site-head nav{display:flex}.site-head .btn{margin-left:0}
main{max-width:760px;padding-top:64px}main.wide{max-width:1312px}
.hub-groups{grid-template-columns:repeat(4,1fr);gap:22px}
.site-foot{grid-template-columns:2fr 1fr 1fr 1fr;padding:44px 64px}.site-foot>div{grid-column:auto}}