/* SEO fallback — scoped; removed when Vue mounts #app */
.seo-shell{--ink:#00053d;--blue:#0b5cff;--muted:#696b6e;--line:#dfe3e8;--bg:#f3f8ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#222325;line-height:1.65;background:#fff;min-height:100%}
.seo-shell a{color:var(--blue);text-decoration:none}
.seo-shell a:hover{text-decoration:underline}
.seo-shell .site-header,.seo-shell .site-footer{background:var(--ink);color:#fff;padding:16px 20px}
.seo-shell .site-header a,.seo-shell .site-footer a{color:rgba(255,255,255,.88);margin-right:14px;font-weight:600;font-size:14px}
.seo-shell .site-header strong{color:#fff;margin-right:18px}
.seo-shell .wrap{max-width:880px;margin:0 auto;padding:28px 20px 64px}
.seo-shell h1{font-size:clamp(28px,4vw,40px);line-height:1.2;letter-spacing:-.02em;color:var(--ink);margin:0 0 14px}
.seo-shell h2{font-size:24px;color:var(--ink);margin:36px 0 12px;padding-top:8px;border-top:1px solid var(--line)}
.seo-shell h3{font-size:18px;color:var(--ink);margin:0 0 6px}
.seo-shell p,.seo-shell li{color:#222;font-size:16px}
.seo-shell .lead{color:var(--muted);font-size:17px;margin:0 0 24px}
.seo-shell section{margin:28px 0}
.seo-shell article{margin:16px 0;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.seo-shell article h2,.seo-shell article h3{margin-top:0;border:0;padding:0}
.seo-shell ul,.seo-shell ol{padding-left:1.25rem}
.seo-shell details{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:10px 0;background:#fff}
.seo-shell summary{font-weight:700;color:var(--ink);cursor:pointer}
.seo-shell time{display:inline-block;color:var(--muted);font-size:13px;font-weight:600;margin:8px 0}
.seo-shell .cta{display:inline-block;margin-top:20px;padding:12px 18px;border-radius:12px;background:var(--blue);color:#fff!important;font-weight:700;text-decoration:none!important}
.seo-shell .crumb{font-size:13px;color:var(--muted);margin-bottom:18px}
.seo-shell .crumb a{font-weight:600}