@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{color:#1d1c1a;--ink:#1d1c1a;--muted:#78746d;--line:#d9d5cd;--paper:#fbfaf7;--accent:#6446e8;--serif:Georgia,serif;background:#f5f3ef;font-family:Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0}[data-theme=dark] body{color:#efede8;--ink:#efede8;--muted:#aaa59c;--line:#3b3935;--paper:#1d1c1a;background:#171715}a{color:inherit;text-decoration:none}button,select,textarea,input{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}header{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--paper) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:4;height:76px;position:sticky;top:0}.bar{align-items:center;gap:65px;max-width:1240px;height:100%;margin:auto;padding:0 32px;display:flex}.logo{letter-spacing:-1px;white-space:nowrap;font:500 18px DM Mono}.logo span{color:var(--accent);font-weight:700}.logo i{color:#ef7855;margin-left:4px;font-size:8px;font-style:normal}nav{color:var(--muted);gap:34px;font-size:14px;display:flex}nav a:first-child,nav a:hover{color:var(--ink)}.actions{align-items:center;gap:12px;margin-left:auto;display:flex}.searchBtn{border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:8px 12px;font-size:13px}.searchBtn:first-letter{font-size:20px}.iconBtn{padding:6px;font-size:19px}.feedbackTop{background:var(--ink);color:var(--paper);border-radius:3px;padding:8px 14px;font-size:13px}main{max-width:1240px;margin:auto;padding:0 32px}.hero{max-width:840px;padding:112px 0 132px}.eyebrow,.kicker{letter-spacing:1.5px;color:var(--accent);font:11px DM Mono}.hero h1{letter-spacing:-5px;margin:23px 0;font-size:clamp(52px,7vw,92px);line-height:1.1}.hero h1 em{color:var(--accent);font-style:normal}.hero p{color:var(--muted);font-size:15px;line-height:2}.heroLinks{align-items:center;gap:28px;margin-top:38px;font-size:14px;display:flex}.heroLinks a{border-bottom:1px solid var(--ink);padding-bottom:8px}.heroLinks b{color:var(--accent);margin-left:25px;font-size:18px}.heroLinks span{color:var(--muted);font-size:12px}.sectionHead{border-top:1px solid var(--line);justify-content:space-between;align-items:end;padding:28px 0 20px;display:flex}.sectionHead h2{letter-spacing:-1px;margin:8px 0 0;font-size:34px}.allLink{font-size:13px}.allLink b{color:var(--accent);margin-left:12px;font-size:20px}.grid{grid-template-columns:1.35fr 1fr 1fr;gap:18px;display:grid}.card{border:1px solid var(--line);background:var(--paper);flex-direction:column;min-height:270px;padding:24px;transition:all .2s;display:flex}.card:hover{transform:translateY(-4px);box-shadow:0 15px 30px #31271a12}.card.featured{min-height:360px}.card.violet{border-top:3px solid #7659ee}.card.orange{border-top:3px solid #eb8d55}.card.blue{border-top:3px solid #4e9bd1}.card.green{border-top:3px solid #62a879}.cardMeta,.cardFoot{color:var(--muted);justify-content:space-between;font:11px DM Mono;display:flex}.cardMeta span{color:var(--accent)}.card h3{letter-spacing:-.8px;margin:32px 0 12px;font-size:23px;line-height:1.5}.featured h3{font-size:30px}.card p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.cardFoot{margin-top:auto;padding-top:30px}.quote{text-align:center;padding:145px 0 130px}.quote span{color:var(--accent);font:11px DM Mono}blockquote{font:italic 38px/1.55 var(--serif);margin:23px 0}.quote small{color:var(--muted);font:11px DM Mono}.library{padding-top:92px}.pageIntro{border-bottom:1px solid var(--line);padding-bottom:50px}.pageIntro h1{letter-spacing:-3px;margin:18px 0 8px;font-size:64px}.pageIntro p{color:var(--muted)}.filters{justify-content:space-between;align-items:center;padding:22px 0;display:flex}.filters div{gap:8px;display:flex}.filters button{color:var(--muted);border-radius:2px;padding:8px 13px;font-size:13px}.filters button.active{background:var(--ink);color:var(--paper)}select{border:1px solid var(--line);background:var(--paper);padding:7px 12px;font-size:12px}.list{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.statusNote{border:1px solid var(--line);color:var(--muted);margin:0 0 18px;padding:14px;font-size:13px}.statusNote.error{color:#b85d43;border-color:#d98b72}.detail{padding-top:65px}.back{color:var(--muted);font-size:13px}.detailTop{max-width:850px;padding:75px 0 65px}.detailTop h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(36px,5vw,62px);line-height:1.25}.dek{color:var(--muted);font-size:19px;line-height:1.8}.byline{color:var(--muted);align-items:center;gap:23px;margin-top:35px;font:11px DM Mono;display:flex}.toggle{border:1px solid var(--line);margin-left:auto;padding:3px}.toggle button{color:var(--muted);padding:5px 8px;font:11px DM Mono}.toggle .on{background:var(--ink);color:var(--paper)}.articleLayout{border-top:1px solid var(--line);grid-template-columns:minmax(0,720px) 270px;gap:100px;padding:45px 0 120px;display:grid}.articleLayout article{font-size:17px;line-height:2.1}.articleLayout article p{margin:0 0 28px}.lead{font-size:22px;font-weight:700}.sources{border-left:1px solid var(--line);height:max-content;padding-left:25px}.sources h3{font-size:14px}.sources p,.sources a{color:var(--muted);margin:12px 0;font-size:12px;line-height:1.7;display:block}.sources a{color:var(--accent)}.insight{border-left:3px solid var(--accent);background:#eeeafc;margin:50px 0;padding:24px}.insight span,.insight small{color:var(--accent);margin-bottom:10px;font:11px DM Mono;display:block}.insight strong{font-size:21px;line-height:1.6}.insight small{color:var(--muted);margin:14px 0 0}footer{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:35px;padding:30px max(32px,50% - 588px);font-size:11px;display:flex}footer a{margin-left:auto}.searchLayer,.modalLayer{z-index:10;background:#181615aa;place-items:start center;padding-top:120px;display:grid;position:fixed;inset:0}.searchBox,.modal{background:var(--paper);width:min(680px,100% - 32px);padding:42px;position:relative;box-shadow:0 20px 70px #0004}.searchBox label{color:var(--accent);margin-bottom:15px;font:12px DM Mono;display:block}.searchBox input{border:0;border-bottom:1px solid var(--line);background:0 0;outline:0;width:100%;padding:10px 0;font-size:26px}.close{color:var(--muted);font-size:28px;position:absolute;top:14px;right:18px}.searchResults{margin-top:20px}.searchResults a{border-bottom:1px solid var(--line);gap:15px;padding:14px 0;font-size:14px;display:flex}.searchResults small{color:var(--accent)}.searchResults span{margin-left:auto}.modalLayer{place-items:center;padding-top:0}.modal{text-align:center;max-width:450px}.modal h2{font-size:27px}.modal p{color:var(--muted);font-size:14px}.rating{gap:8px;margin:25px 0;display:flex}.rating button{border:1px solid var(--line);flex:1;padding:12px 8px;font-size:12px}.rating button:hover,.rating button.selected{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.feedbackLabel{text-align:left;color:var(--muted);margin:12px 0 7px;font-size:12px;display:block}.privacyNote{color:var(--muted);margin-top:10px;font-size:10px;line-height:1.5;display:block}.primary:disabled{opacity:.45;cursor:not-allowed}textarea{resize:vertical;border:1px solid var(--line);background:0 0;width:100%;height:90px;padding:12px;font-size:13px}.primary{background:var(--accent);color:#fff;width:100%;margin-top:15px;padding:13px}.success{color:#4a9e69;font-size:45px}@media (width<=700px){header{height:64px}.bar{gap:20px;padding:0 18px}nav{gap:14px;font-size:12px}.feedbackTop{display:none}.searchBtn{padding:6px 8px}.searchBtn span{display:none}main{padding:0 18px}.hero{padding:70px 0 90px}.hero h1{letter-spacing:-3px;font-size:55px}.grid,.list{grid-template-columns:1fr}.card.featured,.card{min-height:280px}.quote{padding:90px 10px}.quote blockquote{font-size:28px}.pageIntro h1{font-size:50px}.library{padding-top:55px}.filters{gap:15px;overflow:auto}.filters div{min-width:max-content}.articleLayout{padding-bottom:70px;display:block}.sources{border-left:0;border-top:1px solid var(--line);margin-top:45px;padding:25px 0}.detailTop{padding:50px 0 40px}.detailTop h1{font-size:38px}.byline{flex-wrap:wrap}.toggle{width:100%;margin-left:0}footer{flex-wrap:wrap;gap:12px;padding:25px 18px}footer span{width:100%}}
