@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root { --ink:#17231f; --muted:#6e7a75; --line:#dce4dd; --paper:#f7f8f3; --white:#fff; --lime:#c8ef6b; --teal:#1f695d; --orange:#e66f4f; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:'DM Sans',sans-serif; line-height:1.55; }
a { color:inherit; text-decoration:none; }
.site-header { background:var(--paper); border-bottom:1px solid var(--line); }
.header-inner,.content-wrap,.footer-inner { width:min(1160px,calc(100% - 48px)); margin:auto; }
.header-inner { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:30px; }
.brand { display:flex; align-items:center; gap:11px; }
.brand-mark { display:grid; place-items:center; width:38px; height:38px; background:var(--ink); color:var(--lime); font:700 23px 'Space Grotesk'; border-radius:50% 50% 50% 8px; }
.brand strong,.footer-brand { display:block; font:700 23px 'Space Grotesk'; letter-spacing:-1px; }.brand strong span { color:var(--teal); }.brand small { display:block; font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--muted); }
.main-nav { display:flex; gap:28px; margin-left:auto; font-size:14px; font-weight:700; }.main-nav a:hover,.text-link:hover { color:var(--teal); }.header-search { display:flex; gap:7px; align-items:center; padding:9px 14px; border:1px solid var(--line); border-radius:30px; font-size:14px; }.header-search:first-letter { font-size:21px; }
.hero-shell { width:min(1280px,calc(100% - 48px)); margin:34px auto 0; display:grid; grid-template-columns:1.55fr .9fr; min-height:470px; background:var(--teal); color:white; overflow:hidden; }.hero-copy { padding:76px 8%; background:linear-gradient(120deg,#1e6659,#2c7869); }.eyebrow { margin:0 0 15px; color:var(--orange); font-size:11px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }.hero-copy .eyebrow { color:var(--lime); }.eyebrow span { display:inline-block; width:5px; height:5px; margin-left:5px; border-radius:50%; background:currentColor; vertical-align:middle; }.hero-copy h1 { max-width:650px; margin:0; font:600 clamp(42px,6vw,76px)/.98 'Space Grotesk'; letter-spacing:-3px; }.hero-copy h1 em { color:var(--lime); font-style:normal; }.hero-text { max-width:510px; margin:25px 0 28px; color:#d3e6dc; font-size:17px; }.hero-aside { display:flex; flex-direction:column; justify-content:flex-end; padding:42px; background:#173d36; }.hero-number { color:var(--lime); font:600 62px 'Space Grotesk'; line-height:1; }.hero-aside p:not(.eyebrow) { color:#a7c6bb; font-size:12px; text-transform:uppercase; letter-spacing:.1em; }.hero-aside h2 { margin:8px 0 28px; font:600 27px/1.15 'Space Grotesk'; }.outline-link { width:max-content; padding:11px 0; border-bottom:1px solid #8fb5a6; font-size:14px; }.outline-link span,.read-link span,.text-link span,.arrow { color:var(--orange); margin-left:7px; }
.search-form { display:flex; max-width:590px; background:white; border-radius:5px; padding:6px; }.search-form input { min-width:0; flex:1; padding:14px 16px; border:0; outline:0; color:var(--ink); font:15px 'DM Sans'; }.search-form button,.solid-button { border:0; background:var(--lime); color:var(--ink); padding:0 19px; border-radius:3px; font-weight:700; cursor:pointer; }.search-form button span { margin-left:10px; }.hero-note { margin-top:19px; color:#b8d7ca; font-size:12px; }.pulse { display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background:var(--lime); }
.section-space { padding-top:76px; padding-bottom:76px; }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:28px; }.section-heading h2 { margin:0; font:600 34px 'Space Grotesk'; letter-spacing:-1.5px; }.text-link,.read-link { font-size:13px; font-weight:700; }.news-layout { display:grid; grid-template-columns:1.45fr 1fr; gap:20px; }.feature-story { min-height:290px; padding:36px; background:var(--orange); color:white; }.story-label { display:inline-block; border:1px solid rgba(255,255,255,.6); padding:5px 9px; font-size:10px; letter-spacing:.12em; text-transform:uppercase; }.feature-story h3 { max-width:650px; margin:42px 0 12px; font:600 34px/1.06 'Space Grotesk'; letter-spacing:-1px; }.feature-story p { max-width:590px; color:#ffe6de; }.feature-story .read-link { display:inline-block; margin-top:14px; }.feature-story .read-link span { color:white; }.popular-list { padding:6px 4px 0 32px; }.popular-item { display:grid; grid-template-columns:38px 1fr; gap:15px; padding:16px 0; border-top:1px solid var(--line); }.popular-item span { color:var(--orange); font:600 19px 'Space Grotesk'; }.popular-item strong { font:600 16px/1.25 'Space Grotesk'; }.tint-band { background:#e9efe6; }.card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.article-card { display:flex; min-height:250px; flex-direction:column; padding:25px; background:var(--white); border:1px solid var(--line); transition:transform .2s,box-shadow .2s; }.article-card:hover { transform:translateY(-4px); box-shadow:0 12px 25px #23462d12; }.card-kicker,.latest-date,.latest-type { color:var(--teal); font-size:11px; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }.card-kicker span { color:var(--orange); }.article-card h3 { margin:21px 0 8px; font:600 22px/1.15 'Space Grotesk'; }.article-card p { margin:0 0 20px; color:var(--muted); font-size:14px; }.article-card .read-link { margin-top:auto; }.latest-list { border-top:1px solid var(--line); }.latest-item { display:grid; grid-template-columns:150px 110px 1fr 20px; gap:20px; align-items:center; padding:20px 0; border-bottom:1px solid var(--line); }.latest-item strong { font:600 18px 'Space Grotesk'; }.latest-type { color:var(--orange); }
.site-footer { padding:50px 0 25px; background:var(--ink); color:white; }.footer-inner { display:flex; justify-content:space-between; gap:30px; }.footer-brand { color:var(--lime); }.footer-inner p { max-width:330px; color:#aab9b2; font-size:13px; }.footer-links { display:flex; gap:23px; color:#d4dfd9; font-size:13px; }.disclaimer { width:min(1160px,calc(100% - 48px)); margin:48px auto 0; padding-top:18px; border-top:1px solid #ffffff1c; color:#82938b; font-size:11px; }
.article-page { padding-top:68px; }.article-top { display:flex; justify-content:space-between; margin-bottom:42px; color:var(--muted); font-size:12px; }.back-link { color:var(--teal); font-weight:700; }.article-page h1 { max-width:850px; margin:0; font:600 clamp(40px,6vw,70px)/1 'Space Grotesk'; letter-spacing:-3px; }.article-lead { max-width:720px; margin:25px 0 55px; color:var(--muted); font-size:19px; }.article-body { display:grid; grid-template-columns:minmax(0,720px) 260px; gap:90px; }.article-body section { padding:25px 0; border-top:1px solid var(--line); }.article-body h2 { margin:0 0 9px; font:600 25px 'Space Grotesk'; }.article-body p { color:#475750; }.article-body aside { align-self:start; border-top:2px solid var(--ink); }.article-body aside a { display:flex; justify-content:space-between; padding:13px 0; border-bottom:1px solid var(--line); font-size:13px; font-weight:700; }.article-body aside span { color:var(--orange); }.editorial-note { margin-top:30px; padding:20px; border-left:4px solid var(--lime); background:#edf4e9; }.editorial-note p { margin:5px 0 0; font-size:13px; }.related-section { padding-bottom:80px; }.category-hero { padding-top:75px; padding-bottom:40px; }.category-hero h1,.search-page h1,.empty-page h1 { margin:0; font:600 clamp(44px,7vw,80px)/1 'Space Grotesk'; letter-spacing:-3px; }.category-hero p:not(.eyebrow) { max-width:530px; color:var(--muted); font-size:18px; }.search-page { padding-top:75px; min-height:590px; }.search-page .search-form { max-width:700px; margin:35px 0 30px; border:1px solid var(--line); }.result-count { color:var(--muted); }.search-results { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:30px; }.search-hint { color:var(--muted); }.empty-page { padding-top:120px; min-height:600px; }.empty-page p:not(.eyebrow) { color:var(--muted); }.solid-button { display:inline-block; padding:13px 18px; margin-top:15px; }.sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media (max-width:760px) { .header-inner,.content-wrap,.footer-inner { width:min(100% - 32px,600px); }.header-inner { min-height:70px; }.main-nav { display:none; }.header-search span { display:none; }.hero-shell { width:100%; margin-top:0; grid-template-columns:1fr; }.hero-copy { padding:58px 24px; }.hero-copy h1 { font-size:52px; }.hero-aside { padding:35px 24px; min-height:250px; }.section-space { padding-top:52px; padding-bottom:52px; }.section-heading { align-items:start; flex-direction:column; }.news-layout,.card-grid,.search-results { grid-template-columns:1fr; }.popular-list { padding:20px 0 0; }.feature-story { min-height:330px; padding:27px; }.feature-story h3 { margin-top:45px; font-size:29px; }.latest-item { grid-template-columns:1fr 1fr 20px; gap:8px; }.latest-item strong { grid-column:1 / -1; grid-row:2; }.article-body { grid-template-columns:1fr; gap:30px; }.article-body aside { order:-1; }.article-page { padding-top:45px; }.article-page h1 { letter-spacing:-2px; }.footer-inner { flex-direction:column; }.footer-links { margin-top:10px; }.search-form button { padding:0 13px; }.search-form button { font-size:0; }.search-form button span { font-size:17px; } }
.admin-body { min-height:100vh; background:#edf2eb; }.login-box { width:min(440px,calc(100% - 32px)); margin:12vh auto; padding:42px; background:white; border:1px solid var(--line); }.login-box h1,.admin-title h1 { margin:0 0 28px; font:600 40px 'Space Grotesk'; letter-spacing:-2px; }.login-box form,.admin-panel form { display:grid; gap:16px; }.login-box label,.admin-panel label { display:grid; gap:6px; color:var(--muted); font-size:12px; font-weight:700; }.login-box input,.admin-panel input,.admin-panel textarea,.admin-panel select { width:100%; padding:12px; border:1px solid var(--line); background:#fbfcf9; color:var(--ink); font:14px 'DM Sans'; }.form-error { padding:11px; background:#fff0ec; color:#a34028; font-size:13px; }.admin-header { min-height:72px; display:flex; align-items:center; justify-content:space-between; padding:0 max(24px,calc((100% - 1160px) / 2)); background:var(--ink); }.admin-header .plain-button { color:#d9e7de; }.plain-button { border:0; background:transparent; cursor:pointer; font:700 13px 'DM Sans'; }.admin-main { width:min(1160px,calc(100% - 32px)); margin:50px auto; }.admin-title { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:30px; }.admin-title h1 { margin-bottom:0; }.admin-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:32px; }.admin-stats div { display:grid; gap:4px; padding:24px; background:var(--teal); color:white; }.admin-stats strong { color:var(--lime); font:600 37px 'Space Grotesk'; }.admin-stats span { font-size:12px; text-transform:uppercase; letter-spacing:.1em; }.admin-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:16px; align-items:start; }.admin-panel { padding:25px; background:white; border:1px solid var(--line); }.admin-panel h2 { margin:0 0 20px; font:600 21px 'Space Grotesk'; }.admin-row { display:flex; justify-content:space-between; gap:10px; padding:13px 0; border-top:1px solid var(--line); font-size:13px; }.admin-row small { color:var(--orange); text-transform:uppercase; }.post-form { max-width:720px; display:grid; gap:18px; }.post-form .solid-button { width:max-content; padding:13px 18px; }
@media (max-width:760px) { .admin-title { align-items:start; flex-direction:column; }.admin-stats,.admin-grid { grid-template-columns:1fr; }.login-box { padding:28px; } }