/* 2026 theme — matches /assets/site-2026.css. Chrome comes from the shared
   header/footer module in /assets/shell.css. */
:root{--seo-ink:#152333;--seo-muted:#4f616d;--seo-faint:#5b6b76;--seo-accent:#087f83;--seo-bg:#eef2f3;--seo-panel:#ffffff;--seo-line:#dfe6ea;--seo-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--seo-mono:ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}
body{margin:0;background:var(--seo-bg);color:var(--seo-ink);font-family:var(--seo-sans);line-height:1.65}
/* The 2026 artboard: a 1500px panel on the page tint, with the reading column
   centred inside it. The masthead and footer span the panel, so the column
   lives on the two elements between them rather than on .seo-wrap. */
.seo-wrap{max-width:1500px;margin:0 auto;background:#f7f9fa;box-shadow:0 18px 55px rgba(33,54,69,.08)}
.seo-wrap>.seo-crumb,.seo-wrap>main{max-width:820px;margin-inline:auto;padding-inline:24px}
.seo-wrap>main{padding-bottom:64px}
.seo-wrap>footer{max-width:836px}
@media(max-width:760px){.seo-wrap>.seo-crumb,.seo-wrap>main{padding-inline:20px}}
.seo-top{display:flex;align-items:center;gap:12px;padding:20px 0 14px;border-bottom:1px solid var(--seo-line)}
.seo-brand{color:var(--seo-ink);font-size:24px;font-weight:600;letter-spacing:-.01em;text-decoration:none}
.seo-tag{font-family:var(--seo-mono);font-size:11px;color:var(--seo-faint);letter-spacing:.08em;font-weight:400;margin-left:8px}
.seo-nav{margin-left:auto;font-size:.9rem}.seo-nav a{color:var(--seo-muted);text-decoration:none;margin-left:16px}.seo-nav a:hover{color:var(--seo-accent)}
.seo-crumb{font-family:var(--seo-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--seo-faint);margin:24px 0 0}.seo-crumb a{color:var(--seo-faint);text-decoration:none}
h1{font-size:clamp(2.1rem,5.5vw,3.4rem);line-height:1.08;letter-spacing:-.04em;font-weight:760;margin:16px 0 18px;max-width:12em}
.seo-lead{font-size:1.25rem;line-height:1.55;color:var(--seo-muted);max-width:38em}
.seo-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 42px}.seo-button{display:inline-block;background:var(--seo-accent);color:#fff;text-decoration:none;font-weight:700;border-radius:10px;padding:13px 22px}.seo-button.alt{background:transparent;color:var(--seo-accent);border:1px solid var(--seo-accent)}
.seo-rule{border-top:1px solid var(--seo-line);padding-top:32px;margin-top:42px}.seo-rule h2{font-size:1.7rem;line-height:1.15;font-weight:760;letter-spacing:-.03em;margin:0 0 12px}.seo-rule h3{font-size:1.12rem;line-height:1.25;margin:0 0 6px}.seo-rule p{color:var(--seo-muted)}
.seo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.seo-card{background:var(--seo-panel);border:1px solid var(--seo-line);border-radius:14px;padding:20px}.seo-card p{margin:0;font-size:.98rem}.seo-card .num{font-family:var(--seo-mono);font-size:.72rem;color:var(--seo-accent);letter-spacing:.1em;display:block;margin-bottom:8px}
.seo-callout{background:var(--seo-panel);border:1px solid var(--seo-line);border-radius:14px;padding:24px;margin:30px 0}.seo-callout h2{border:0;padding:0;margin:0 0 8px;font-size:1.5rem}.seo-callout p{margin:0 0 14px;color:var(--seo-muted)}
.seo-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.seo-links a{border:1px solid var(--seo-line);border-radius:99px;padding:8px 13px;color:var(--seo-accent);text-decoration:none;background:var(--seo-panel);font-weight:600}
.seo-faq h3{margin:20px 0 4px}.seo-faq p{margin:0;color:var(--seo-muted)}
.seo-sources{font-size:.9rem;color:var(--seo-muted)}.seo-sources a,.seo-footer a{color:var(--seo-accent)}
@media(max-width:650px){.seo-nav a.hide-mobile{display:none}.seo-grid{grid-template-columns:1fr}.seo-tag{display:none}.seo-lead{font-size:1.1rem}}