/* Lead Dev lane: base styles */
@view-transition { navigation: auto; }
body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.6}
.dark{background:var(--dark-bg);color:var(--dark-ink)}
.light{background:var(--bg);color:var(--ink)}
h1{font-size:var(--fs-hero);line-height:1;letter-spacing:-.03em;margin:0 0 1rem}
h2{font-size:var(--fs-h2);line-height:1.05;letter-spacing:-.02em;margin:0 0 2rem}
p{max-width:65ch}
a{color:inherit}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:1rem;top:1rem;background:#fff;color:#000;padding:.5rem;z-index:30}
.btn{display:inline-block;padding:.8rem 1.4rem;border-radius:999px;background:var(--accent);color:#fff;text-decoration:none}
.btn.ghost{background:transparent;border:1px solid currentColor}
.site-footer{padding:2rem clamp(1.25rem,5vw,4rem)}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* Menu: three even columns on wide screens (6 cards = 3+3) */
@media (min-width:60rem){.cards{grid-template-columns:repeat(3,1fr)}}