:root { --background:oklch(.987 .003 110); --foreground:oklch(.24 .017 160); --primary:oklch(.40 .075 162); --primary-foreground:oklch(.99 0 0); --secondary:oklch(.94 .021 155); --muted:oklch(.96 .009 150); --muted-foreground:oklch(.53 .015 160); --accent:oklch(.92 .035 153); --border:oklch(.88 .012 150); --destructive:oklch(.58 .20 25); --hero-overlay:linear-gradient(90deg,oklch(.16 .025 160 / .87),oklch(.18 .02 160 / .32) 65%,oklch(.18 .02 160 / .05)); --tag-background:oklch(.98 0 0 / .15); --hero-border:oklch(.98 0 0 / .3); --footer:oklch(.23 .027 161); }
*{box-sizing:border-box;border-color:var(--border);letter-spacing:0} body{margin:0;background:var(--background);color:var(--foreground);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent }a:focus-visible{outline:2px solid var(--primary);outline-offset:5px} svg{flex-shrink:0} .wrap{max-width:1240px;margin:auto;padding:0 48px}.site-header{border-bottom:1px solid var(--border)}.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:32px}.wordmark{font-size:25px;font-weight:750;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-icon{background:var(--primary);color:var(--primary-foreground);width:34px;height:34px;display:grid;place-items:center;border-radius:5px;font-size:23px;font-weight:500}.wordmark span em{font-style:normal;color:var(--primary)}.nav{display:flex;gap:31px;align-items:center;font-size:13px;font-weight:500}.nav a{position:relative;padding:10px 0}.nav a:hover,.nav a.active{color:var(--primary)}.nav a.active:after{content:'';position:absolute;bottom:1px;left:0;right:0;height:2px;background:var(--primary)}.search-button{border-left:1px solid var(--border);padding-left:23px}.mobile-toggle{display:none}.intro{padding-top:51px;padding-bottom:29px;display:flex;justify-content:space-between;align-items:end;gap:24px}.eyebrow{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:var(--primary);display:flex;align-items:center;gap:8px}.eyebrow:before{content:'';width:6px;height:6px;background:var(--primary);border-radius:50%}.intro h1{font-size:43px;line-height:1.18;font-weight:650;margin:12px 0 0}.intro p{max-width:305px;font-size:13px;line-height:1.8;color:var(--muted-foreground);margin:0 0 3px}.hero{position:relative;height:430px;overflow:hidden;border-radius:6px;background:var(--primary)}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center 57%}.hero:after{content:'';position:absolute;inset:0;background:var(--hero-overlay);pointer-events:none}.hero-copy{position:absolute;z-index:1;left:42px;bottom:41px;max-width:500px;color:var(--primary-foreground)}.hero-kicker{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:650;text-transform:uppercase;letter-spacing:1.5px}.hero-kicker span{border:1px solid var(--hero-border);background:var(--tag-background);border-radius:3px;padding:6px 9px;letter-spacing:1px}.hero h2{font-size:38px;line-height:1.18;font-weight:600;margin:18px 0 12px}.hero-copy p{font-size:13px;line-height:1.8;max-width:390px;opacity:.85;margin:0 0 23px}.read-link{display:inline-flex;align-items:center;gap:17px;font-size:12px;font-weight:600}.read-link svg{width:16px;height:16px;transition:transform .2s}.read-link:hover svg{transform:translateX(4px)}.hero .read-link{border-bottom:1px solid var(--hero-border);padding-bottom:7px}.topic-strip{margin:20px 0 0;display:flex;align-items:center;gap:20px;padding:12px 0 23px;border-bottom:1px solid var(--border);font-size:11px;color:var(--muted-foreground)}.topic-strip strong{font-weight:500;margin-right:5px}.topic-strip a{color:var(--foreground);display:flex;align-items:center;gap:7px}.topic-strip svg{width:14px;height:14px}.topic-strip .dot{width:3px;height:3px;background:var(--border);border-radius:50%}.section{padding:36px 0 37px;border-bottom:1px solid var(--border)}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.section-heading h2{font-size:25px;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.section-number{font-size:10px;font-weight:400;color:var(--muted-foreground);border:1px solid var(--border);width:23px;height:23px;display:grid;place-items:center;border-radius:50%}.section-heading>a{font-size:11px;color:var(--primary);display:flex;align-items:center;gap:12px}.section-heading>a svg{width:15px;height:15px}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.post-card{min-width:0}.post-card>a{display:block}.card-image{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:4px;transition:filter .2s}.post-card a:hover .card-image{filter:brightness(.95)}.card-category{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;font-weight:700;color:var(--primary);margin:17px 0 8px}.post-card h3{font-size:19px;font-weight:600;line-height:1.35;margin:0 0 10px}.post-card p{font-size:12px;line-height:1.8;color:var(--muted-foreground);margin:0 0 17px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card .read-link{font-size:11px;color:var(--primary)}.editor-note{background:var(--secondary);margin:37px 0 44px;padding:25px 30px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-left:3px solid var(--primary)}.editor-note h2{font-size:18px;margin:0 0 6px;font-weight:600}.editor-note p{font-size:12px;color:var(--muted-foreground);margin:0;line-height:1.7}.editor-note svg{width:25px;height:25px;color:var(--primary)}.footer{background:var(--footer);color:var(--primary-foreground);padding:39px 0 24px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer .wordmark{font-size:20px}.footer .wordmark em{color:inherit}.footer .brand-icon{background:var(--primary-foreground);color:var(--primary)}.footer p{font-size:11px;opacity:.65;margin:12px 0 0}.footer-nav{display:flex;gap:25px;font-size:11px}.footer-bottom{border-top:1px solid var(--hero-border);margin-top:30px;padding-top:20px;display:flex;justify-content:space-between;font-size:10px;opacity:.6}.search-panel{padding:20px 0;border-bottom:1px solid var(--border)}.search-panel input{width:100%;border:1px solid var(--border);border-radius:4px;padding:13px 16px;background:var(--background);color:var(--foreground);outline-color:var(--primary)}.search-results{display:grid;gap:12px;margin-top:15px;font-size:14px}.search-results a:hover{color:var(--primary)}.category-intro{padding:50px 0 35px}.category-intro h1{font-size:44px;margin:14px 0}.category-intro p{font-size:14px;color:var(--muted-foreground);line-height:1.8}.category-page{padding-bottom:65px;min-height:60vh}.breadcrumb{font-size:11px;color:var(--muted-foreground);display:flex;align-items:center;gap:12px;padding:29px 0}.article{max-width:800px;margin:auto;padding:0 0 60px}.article h1{font-size:45px;line-height:1.18;font-weight:600;margin:16px 0 25px}.article-cover{width:100%;aspect-ratio:1.85;object-fit:cover;border-radius:4px}.article-body{max-width:680px;margin:30px auto;font-size:16px;line-height:1.9}.article-body a{color:var(--primary);text-decoration:underline}.article-body img{max-width:100%}.article-body h2{font-size:26px;line-height:1.4}.article-back{display:inline-flex;gap:9px;font-size:12px;color:var(--primary);align-items:center}.article-back svg{width:16px;height:16px}
@media(min-width:1450px){.wrap{max-width:1340px}.hero{height:460px}}
@media(max-width:1000px){.wrap{padding:0 28px}.nav{gap:20px}.wordmark{font-size:21px}.intro h1{font-size:36px}.posts-grid{gap:20px}.post-card h3{font-size:17px}}
@media(max-width:700px){.wrap{padding:0 20px}.header-inner{height:76px}.wordmark{font-size:21px}.brand-icon{height:30px;width:30px;font-size:20px}.mobile-toggle{display:inline-flex}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--background);padding:20px;z-index:5;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:20px}.nav.is-open{display:flex}.search-button{border:0;padding:0}.intro{padding-top:29px;display:block;padding-bottom:23px}.intro h1{font-size:32px}.intro p{margin-top:13px;max-width:340px;font-size:12px}.hero{height:390px}.hero-copy{left:24px;right:24px;bottom:27px}.hero h2{font-size:30px}.hero-copy p{font-size:12px}.hero-img{object-position:58% center}.topic-strip{gap:12px;flex-wrap:wrap;padding-bottom:19px}.topic-strip strong{width:100%;margin-bottom:0}.topic-strip .dot{display:none}.section{padding-top:27px}.section-heading h2{font-size:22px}.posts-grid{grid-template-columns:1fr;gap:29px}.card-image{aspect-ratio:1.75}.post-card h3{font-size:21px}.post-card p{font-size:13px}.editor-note{padding:21px}.footer-main{display:block}.footer-nav{margin-top:25px;flex-wrap:wrap;gap:20px}.footer-bottom{gap:20px;font-size:9px}.article h1{font-size:33px}.article-body{font-size:15px}.category-intro h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.block{display:block}.text-primary{color:var(--primary)}.brand-icon{display:grid!important}button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:6px;background:transparent;color:var(--foreground);cursor:pointer}button:hover{background:var(--accent)}button svg{width:16px;height:16px}button.mobile-toggle{display:none}@media(max-width:700px){button.mobile-toggle{display:inline-flex}}.article-body h2{margin-top:28px;margin-bottom:10px}.article-body p{margin-top:0;margin-bottom:18px}.article-body ul{padding-left:23px}

.card-image,.article-cover{height:auto;display:block}.article-cover{aspect-ratio:1.85}.card-image{aspect-ratio:1.65}@media(max-width:700px){.card-image{aspect-ratio:1.75}}