@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{color-scheme:light;--page:#fff;--surface:#F2F6FC;--ink:#0B1F3A;--muted:#53657c;--border:#dce5f0;--blue:#2563EB;--orange:#F97316;font:16px/1.8 Inter,system-ui,sans-serif}html[data-theme=dark]{color-scheme:dark;--page:#081525;--surface:#10223a;--ink:#edf4ff;--muted:#b1c1d5;--border:#253c58}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--page);color:var(--ink)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;line-height:1.18;letter-spacing:-.045em}button,input,select{font:inherit}button,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--orange)}header{display:flex;align-items:center;justify-content:space-between;padding:20px max(24px,calc((100vw - 1120px)/2));border-bottom:1px solid var(--border);background:var(--page);position:sticky;top:0;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:650;color:var(--ink)}.brand img{object-fit:contain}header nav{display:flex;gap:24px;align-items:center;font-size:12px}button{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:9px;padding:10px 16px;cursor:pointer}#theme-toggle{border-radius:50%;width:44px;height:44px;padding:0}main{max-width:1120px;margin:auto;padding:70px 24px 100px}.kicker{color:var(--blue);font-size:10px;letter-spacing:.16em;font-weight:700}.article-intro h1{font-size:clamp(46px,6vw,80px);margin:25px 0}.article-intro h1 span{color:var(--blue)}.article-intro p{color:var(--muted);max-width:620px}.article-intro{margin-bottom:55px}.search-toolbar{display:grid;grid-template-columns:1fr 260px;gap:20px;border-top:1px solid var(--border);padding-top:30px}label{font-size:11px;font-weight:600;display:grid;gap:8px}input,select{width:100%;padding:14px;border:1px solid var(--border);border-radius:9px;background:var(--page);color:var(--ink)}#article-results{font-size:12px;color:var(--muted);margin:24px 0}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-card{padding:26px;border:1px solid var(--border);border-radius:18px;background:var(--surface);display:flex;flex-direction:column;align-items:start}.article-card img{width:100%;height:170px;object-fit:cover;border-radius:10px;margin-bottom:22px}.article-card h2{font-size:23px;margin:18px 0}.article-card p{font-size:13px;color:var(--muted);line-height:1.8}.article-card a{margin-top:auto;font-size:13px;font-weight:650}.featured-tag{color:var(--orange);font-size:10px;margin-bottom:12px}.back-link{display:block;margin-bottom:40px}#article-detail{max-width:820px;margin:auto}#detail-title{font-size:clamp(36px,5vw,60px);margin:20px 0}#detail-summary{font-size:19px;color:var(--muted)}#detail-image{max-width:100%;border-radius:20px;margin:30px 0}#detail-body{white-space:pre-wrap;font-size:17px;line-height:1.9;margin:35px 0}#detail-category{display:block}footer{padding:30px max(24px,calc((100vw - 1120px)/2));background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.related{padding-top:40px;border-top:1px solid var(--border);margin-top:50px}.related .article-grid{grid-template-columns:1fr 1fr}.share-actions{display:flex;align-items:center;gap:20px}.share-actions p{font-size:12px}.skip{position:absolute;left:20px;top:-70px;background:var(--page);padding:10px}.skip:focus{top:10px;z-index:20}@media(max-width:800px){.article-grid{grid-template-columns:1fr 1fr}}@media(max-width:550px){header{padding:14px 20px}.brand span{display:none}header nav{gap:16px}main{padding-top:45px}.article-grid,.related .article-grid,.search-toolbar{grid-template-columns:1fr}footer{gap:20px;flex-wrap:wrap}}
