@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600;700&family=Google+Sans+Display:wght@500;600;700&display=swap');
:root{--bg:#f5f2ea;--paper:#fffdf8;--ink:#111318;--muted:#6e716f;--line:#dcd8cf;--accent:#d44728;--accent2:#155e63;--dark:#111318;--radius:18px;--shadow:0 14px 40px rgba(17,19,24,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Google Sans",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1220px,92%);margin:auto}
.top{position:sticky;top:0;z-index:30;background:rgba(255,253,248,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{min-height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;min-width:235px}.brand img{width:220px;height:auto}.links{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:600}.links a:hover{color:var(--accent)}.nav-tools{margin-left:auto;display:flex;gap:8px;align-items:center}.nav-search{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;font:inherit;width:170px}
.mast{border-bottom:1px solid var(--line);padding:10px 0;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.mast .wrap{display:flex;justify-content:space-between;gap:15px}
.hero{padding:78px 0 55px;background:var(--paper)}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:50px;align-items:end}.kicker{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}h1,h2,h3{font-family:"Google Sans Display","Google Sans",Arial,sans-serif;line-height:1.08}h1{font-size:clamp(48px,7vw,92px);letter-spacing:-.055em;margin:12px 0 22px;max-width:920px}.hero p{font-size:20px;color:var(--muted);max-width:760px}.hero-note{border-left:3px solid var(--accent2);padding:12px 0 12px 20px;color:#4d5351}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:12px 18px;border-radius:999px;background:var(--dark);color:#fff;font-weight:700}.btn.alt{background:transparent;color:var(--ink);border:1px solid var(--line)}
.section{padding:58px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:24px}.section-head h2{font-size:38px;margin:5px 0 0}.muted{color:var(--muted)}
.category-rail{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.cat{padding:20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);min-height:145px;transition:.18s}.cat:hover{background:#fff;transform:translateY(-2px)}.cat-num{font-size:11px;color:var(--accent);font-weight:700;letter-spacing:.12em}.cat b{display:block;font-size:18px;margin:14px 0 7px}.cat span{font-size:13px;color:var(--muted)}
.topic{margin-top:58px}.topic-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid var(--ink);padding-bottom:10px;margin-bottom:18px}.topic-head h2{font-size:30px;margin:0}.topic-head a{font-size:13px;color:var(--accent);font-weight:700}.topic-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.story{background:var(--paper);border:1px solid var(--line);overflow:hidden;transition:.2s}.story:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.story.featured{grid-row:span 2}.story img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover}.story.featured img{aspect-ratio:4/2.35}.story-body{padding:18px}.tag{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--accent);font-weight:700}.story h3{font-size:23px;margin:8px 0}.story.featured h3{font-size:32px}.story p{font-size:14px;color:var(--muted);margin:0}.num{font-size:12px;color:var(--muted);font-weight:700}
.archive{margin-top:50px}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 35px;border-top:1px solid var(--line)}.archive-item{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.archive-item .num{padding-top:3px}.archive-item h3{font-size:18px;margin:0 0 4px}.archive-item p{margin:0;color:var(--muted);font-size:13px}.search{display:flex;gap:10px;margin:20px 0}.search input{width:100%;padding:14px 17px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font:inherit}
.ad{margin:28px 0;padding:22px;border:1px dashed #bcb8ae;background:#faf8f1;text-align:center;color:#77766f;font-size:12px;letter-spacing:.05em}.affiliate{margin:30px 0;padding:18px 20px;border-left:3px solid var(--accent2);background:#eef6f4;font-size:14px;color:#44504e}
.article-hero{padding:55px 0 25px;background:var(--paper)}.article-hero h1{font-size:clamp(44px,6vw,70px);max-width:1000px}.meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:13px;margin:18px 0}.cover{width:100%;display:block;border:1px solid var(--line);margin:25px 0}.article{max-width:900px;margin:auto;background:var(--paper);border:1px solid var(--line);padding:46px 60px}.article h2{font-size:31px;margin-top:44px}.article h3{font-size:22px;margin-top:28px}.article p,.article li{font-size:17px}.article p:first-of-type:first-letter{float:left;font-family:"Google Sans Display";font-size:4.2em;line-height:.8;padding:7px 8px 0 0;color:var(--accent)}
.related{margin-top:45px}.related h2{margin-bottom:18px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-card{background:#fff;border:1px solid var(--line);padding:17px}.related-card b{display:block;margin-top:7px}
footer{background:var(--dark);color:#d9dce4;margin-top:65px;padding:48px 0}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.foot h3{color:#fff}.foot a{display:block;color:#aeb5c7;font-size:14px;margin:8px 0}.legal{border-top:1px solid #343842;padding-top:18px;margin-top:30px;color:#888f9f;font-size:12px}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr}.category-rail{grid-template-columns:repeat(2,1fr)}.topic-grid{grid-template-columns:1fr 1fr}.story.featured{grid-row:auto}.archive-grid{grid-template-columns:1fr}.links{display:none}.article{padding:30px}}
@media(max-width:620px){.brand img{width:180px}.nav-tools{display:none}.category-rail,.topic-grid,.related-grid,.foot{grid-template-columns:1fr}.hero{padding:55px 0 40px}h1{font-size:46px}.story.featured h3{font-size:26px}.article{padding:24px 18px}.article p,.article li{font-size:16px}.mast .wrap span:last-child{display:none}}