:root{--paper:#f1eee6;--white:#fffef9;--ink:#101c2c;--muted:#566170;--blue:#1746ff;--lime:#b9f43f;--line:rgba(16,28,44,.18);--serif:Georgia,'Times New Roman',serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:'SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-underline-offset:.18em}img{display:block;max-width:100%}.skip-link{position:fixed;z-index:20;top:.75rem;left:.75rem;padding:.7rem 1rem;background:var(--lime);font-weight:800;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{display:flex;min-height:5.5rem;padding:0 max(1.25rem,calc((100% - 1240px)/2));align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none}.brand span{display:grid;width:2.6rem;height:2.6rem;place-items:center;color:var(--lime);background:var(--ink);border-radius:50%;font-size:.75rem;font-weight:900}.brand strong{font-size:.85rem}.site-header nav{display:flex;align-items:center;gap:2rem}.site-header nav a{font-size:.8rem;font-weight:800;text-decoration:none}.header-cta{padding:.75rem 1rem;color:white;background:var(--blue);border-radius:999px}.content-shell{width:min(100% - 2rem,780px);margin-inline:auto}.article-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(18rem,38rem);min-height:42rem;padding:clamp(8rem,12vw,11rem) max(1rem,calc((100% - 1240px)/2)) clamp(4rem,8vw,7rem);align-items:center;gap:clamp(3rem,7vw,7rem);background:linear-gradient(120deg,var(--paper),#fffef9)}.article-hero .content-shell{width:100%;max-width:760px;margin:0}.eyebrow{color:var(--blue);font-family:var(--mono);font-size:.65rem;font-weight:800;letter-spacing:.12em}.article-hero h1{max-width:15ch;margin:1.5rem 0;font-size:clamp(3.1rem,7vw,6.4rem);letter-spacing:-.055em;line-height:.98;text-wrap:balance}.lead{max-width:46rem;color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem)}.meta{margin-top:2rem;color:var(--muted);font-family:var(--mono);font-size:.65rem;text-transform:uppercase}.meta span{margin-inline:.5rem}.hero-image{position:relative;margin:0}.hero-image:after{position:absolute;z-index:-1;inset:.8rem -.8rem -.8rem .8rem;background:var(--lime);border-radius:1.25rem;content:''}.hero-image img{width:100%;aspect-ratio:16/10;object-fit:cover;background:white;border:1px solid var(--ink);border-radius:1.25rem}.article-content{padding-block:clamp(4rem,9vw,8rem);font-size:1.04rem}.article-content h2,.article-content h3,.article-content h4{margin:3rem 0 1rem;letter-spacing:-.035em;line-height:1.1}.article-content h2{font-size:clamp(2rem,4.5vw,3.4rem)}.article-content h3{font-size:clamp(1.45rem,3vw,2rem)}.article-content p,.article-content li{color:#3e4b5b}.article-content a{color:var(--blue)}.article-content img{width:100%;margin:2rem 0;border:1px solid var(--line);border-radius:1rem}.article-content blockquote{margin:2.5rem 0;padding:1.3rem 1.6rem;background:var(--white);border-left:5px solid var(--lime);font-family:var(--serif);font-size:1.25rem;font-style:italic}.article-content pre{overflow:auto;padding:1.3rem;color:#f8fafc;background:var(--ink);border-radius:1rem}.article-content code{font-family:var(--mono);font-size:.9em}.article-content table{display:block;overflow-x:auto;width:100%;margin-block:2rem;border-collapse:collapse}.article-content th,.article-content td{min-width:9rem;padding:.8rem;border:1px solid var(--line);text-align:left}.article-content th{background:#e4e0d6}.site-footer{display:flex;padding:3rem max(1rem,calc((100% - 1240px)/2));justify-content:space-between;gap:2rem;color:white;background:var(--ink)}.site-footer p{margin:.4rem 0;color:rgba(255,255,255,.65);font-size:.8rem}.site-footer a{color:var(--lime)}
@media(max-width:900px){.article-hero{grid-template-columns:1fr;min-height:0}.hero-image{width:min(100% - .8rem,42rem)}.site-header nav>a:not(.header-cta){display:none}}
@media(max-width:560px){.site-header{min-height:4.8rem}.brand strong{display:none}.article-hero{padding-top:6rem}.article-hero h1{font-size:clamp(3rem,15vw,4.7rem)}.site-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}