/* Grouped main menu + home "Start here" cards (2026-10-21) */
.nav-dd{position:relative}
.nav-dd>summary{list-style:none;cursor:pointer;padding:8px 11px;border-radius:999px;font-weight:600;font-size:.92rem;color:rgb(231,246,251);white-space:nowrap;user-select:none}
.nav-dd>summary::-webkit-details-marker{display:none}
.nav-dd>summary::after{content:"▾";margin-left:4px;font-size:.8em;opacity:.75}
.nav-dd[open]>summary,.nav-dd>summary:hover{background:color-mix(in srgb,var(--primary) 10%,transparent)}
.nav-dd-m{position:absolute;top:calc(100% + 6px);left:0;z-index:80;min-width:240px;max-height:min(70vh,560px);overflow:auto;background:#0b1a2c;border:1px solid rgba(255,255,255,.14);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.35);padding:6px;display:grid;gap:1px}
.nav-dd.r .nav-dd-m{left:auto;right:0;min-width:200px}
#site-nav .nav-dd-m a{display:block;border-radius:10px;padding:8px 10px;white-space:nowrap;color:rgb(231,246,251)}
#site-nav .nav-dd-m a:hover{background:rgba(255,255,255,.08)}
.nav-dd[open]>summary,.nav-dd>summary:hover{background:rgba(255,255,255,.09)}
@media (max-width:1180px){
 #site-nav{flex-wrap:nowrap}
 .nav-dd-m{background:transparent}
 .nav-dd-m{position:static;box-shadow:none;border:0;border-left:2px solid rgba(255,255,255,.18);border-radius:0;margin:2px 0 6px 12px;padding:0 0 0 6px;min-width:0;max-height:none}
 .nav-dd>summary{display:block;padding:12px 10px;font-size:1rem;border-radius:10px}
 #site-nav .nav-dd-m a{padding:10px 10px;white-space:normal}
}
.start-here{margin:1.5rem 0}
.start-here h2{margin:0 0 .8rem}
.sh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.sh-card{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:16px;border:1px solid var(--border);background:var(--card);color:var(--fg);text-decoration:none;min-height:110px;transition:transform .15s,box-shadow .15s}
.sh-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-h,0 8px 20px rgba(0,0,0,.12))}
.sh-ic{font-size:1.8rem;line-height:1}
.sh-card b{font-size:1.08rem}
.sh-d{color:var(--muted);font-size:.9rem}
.sh-more{margin-top:.8rem}
@media (max-width:480px){.sh-grid{grid-template-columns:1fr 1fr;gap:10px}.sh-card{padding:12px;min-height:96px}.sh-card b{font-size:.98rem}.sh-d{font-size:.82rem}}
/* Reserved ad slots (top / end). Hidden until html.ads-on (ADS_LIVE=true + consent); then space is reserved to avoid layout shift. */
html:not(.ads-on) .vsh-ad-slot{display:none !important}
html.ads-on .vsh-ad-slot{display:block;clear:both;min-height:280px;margin:24px 0;overflow:hidden}
@media (min-width:768px){html.ads-on .vsh-ad-top{min-height:120px}html.ads-on .vsh-ad-end{min-height:280px}}
/* Brand line */
.hero-brand{margin:0 0 .5rem;font-size:1.05rem;letter-spacing:.01em}
.hero-brand b{background:linear-gradient(90deg,var(--primary,#0ea5e9),#a855f7);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-brand span{color:var(--muted);font-weight:600}
.foot-tagline{margin:.4rem 0 .2rem;font-size:.92rem}