:root{--bg:#f6fbff;--text:#0b1220;--muted:#4a5568;--line:#0f172a1f;--brand:#1d4ed8;--brand2:#0ea5e9;--shadow:0 16px 40px #0206171a;--radius:18px}html,body{height:100%}body{background:radial-gradient(1100px 500px at 20% -10%, #0ea5e92e, transparent 60%), radial-gradient(900px 420px at 95% 5%, #1d4ed824, transparent 55%), linear-gradient(180deg, var(--bg), #fff 40%);color:var(--text)}.skip-link{width:1px;height:1px;position:absolute;top:auto;left:-999px;overflow:hidden}.skip-link:focus{border:1px solid var(--line);z-index:1000;background:#fff;border-radius:10px;width:auto;height:auto;padding:10px 12px;top:12px;left:12px}.site-header{backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffb3}.navbar .navbar-brand{letter-spacing:.2px;font-weight:700}.brand-mark{background:linear-gradient(135deg, var(--brand2), var(--brand));border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 6px #0ea5e91f}.brand-text{font-size:1rem}.hero{padding:3.2rem 0 1.8rem}.hero-shell{border:1px solid var(--line);border-radius:calc(var(--radius) + 8px);box-shadow:var(--shadow);background:#ffffffb8;overflow:hidden}.hero-inner{padding:2.2rem}.hero-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.75rem;font-size:.85rem}.hero-title{margin:0 0 .8rem;font-size:clamp(1.9rem,3.5vw,3rem);line-height:1.1}.hero-meta{color:var(--muted);margin:0;font-size:1rem}.hero-media{height:100%;min-height:240px}.img-cover{object-fit:cover;width:100%;height:100%;display:block}.section{padding:1.6rem 0 2.2rem}.section-title{margin:0 0 .9rem;font-size:1.25rem;font-weight:700}.hr-soft{background:linear-gradient(90deg,#0000,#0f172a2e,#0000);border:0;height:1px;margin:1.2rem 0}.listing{border:1px solid var(--line);border-radius:var(--radius);background:#ffffffb8;grid-template-columns:1.2fr .8fr;gap:1.1rem;padding:1.1rem;display:grid}@media (width<=992px){.listing{grid-template-columns:1fr}}.listing-title{margin:0 0 .35rem;font-size:1.1rem;font-weight:700}.listing-meta{color:var(--muted);flex-wrap:wrap;gap:.55rem;margin-bottom:.6rem;font-size:.92rem;display:flex}.pill{border:1px solid var(--line);color:var(--muted);background:#fff9;border-radius:999px;align-items:center;padding:.18rem .55rem;font-size:.82rem;display:inline-flex}.listing a{color:inherit;text-decoration:none}.listing a:hover{color:var(--brand);text-decoration:underline}.media-frame{border-radius:calc(var(--radius) - 6px);background:#eaf2ff;border:1px solid #0f172a1a;overflow:hidden}.page-head{padding:2rem 0 1rem}.breadcrumbs{color:var(--muted);font-size:.92rem}.breadcrumbs a{color:inherit;text-decoration:none}.breadcrumbs a:hover{color:var(--brand);text-decoration:underline}.article-shell{border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);box-shadow:var(--shadow);background:#ffffffbd;margin-bottom:2rem;overflow:hidden}.article-body{padding:1.6rem 1.8rem}.article-title{margin:0 0 .6rem;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.15}.article-meta{color:var(--muted);flex-wrap:wrap;gap:.7rem;margin:0 0 1.1rem;display:flex}.article-body h2,.article-body h3,.article-body p{margin:0 0 1rem}.article-body h2{font-size:1.25rem;font-weight:700}.article-body h3{color:#111827;font-size:1.08rem;font-weight:700}.article-body p{color:#1f2937;line-height:1.65}.article-body h2:empty,.article-body h3:empty,.article-body p:empty{display:none}.site-footer{border-top:1px solid var(--line);background:#ffffffb3}.footer-title{font-weight:800}.footer-heading{margin-bottom:.4rem;font-weight:700}.footer-meta{color:var(--muted)}.footer-links{margin:.3rem 0 0;padding:0;list-style:none}.footer-links li{margin:.25rem 0}.footer-links a{color:inherit;text-decoration:none}.footer-links a:hover{color:var(--brand);text-decoration:underline}.guide-list .listing{grid-template-columns:1.2fr minmax(240px,360px);align-items:start}.guide-list .media-frame{aspect-ratio:16/9;max-height:220px}.guide-list .media-frame picture,.guide-list .media-frame img{width:100%;height:100%}@media (width<=576px){.guide-list .listing{flex-direction:column;display:flex}.guide-list .media-frame{aspect-ratio:16/9;width:100%;max-height:140px;margin-top:12px}.guide-list .media-frame picture,.guide-list .media-frame img{width:100%;height:100%}}.navbar-toggler:focus{box-shadow:0 0 0 .25rem #1d4ed833}@media (width<=991.98px){#navMain.show{display:block}}