:root{--bg:#f5f7fb;--surface:#ffffffc7;--surface-strong:#fff;--text:#101828;--muted:#667085;--border:#10182814;--primary:#2563eb;--primary-contrast:#fff;--shadow:0 20px 50px #0f172a14}html[data-theme=dark]{--bg:#090d16;--surface:#0d121ecc;--surface-strong:#101828;--text:#f3f4f6;--muted:#98a2b3;--border:#ffffff14;--primary:#60a5fa;--primary-contrast:#08111f;--shadow:0 24px 64px #00000059}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #3b82f626, transparent 30%), radial-gradient(circle at top right, #6366f126, transparent 25%), var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1280px,100% - 32px);margin:0 auto;padding:24px 0 80px}.site-header{justify-content:space-between;align-items:center;gap:24px;padding:18px 0 32px;display:flex}.brand{letter-spacing:-.04em;font-size:clamp(1.5rem,1rem + 1.2vw,2.25rem);font-weight:800}.brand-subtitle{color:var(--muted);max-width:720px;margin:8px 0 0}.theme-toggle,.button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;box-shadow:var(--shadow);border-radius:999px;padding:12px 18px;font-weight:600}.button.primary{background:var(--primary);color:var(--primary-contrast);border-color:#0000}.button.ghost{background:0 0}.hero{border:1px solid var(--border);background:linear-gradient(180deg, var(--surface), transparent), var(--surface-strong);box-shadow:var(--shadow);border-radius:28px;grid-template-columns:1.6fr 1fr;gap:24px;padding:28px;display:grid}.hero h1{letter-spacing:-.04em;margin:12px 0;font-size:clamp(2.25rem,1.4rem + 2vw,4.5rem);line-height:1.02}.hero p{color:var(--muted);margin:0;font-size:1.08rem;line-height:1.65}.hero-badge,.pill{color:var(--primary);background:#2563eb1f;border:1px solid #2563eb29;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-weight:700;display:inline-flex}.hero-panel{grid-template-columns:1fr;gap:12px;display:grid}.hero-panel>div,.summary-box,.empty-state,.detail-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:24px}.hero-panel>div{padding:18px 22px}.hero-panel strong{margin-bottom:6px;font-size:2rem;display:block}.hero-panel span,.section-heading p,.card-meta,.summary-header p,.lead{color:var(--muted)}.section-block{margin-top:48px}.section-heading{margin-bottom:20px}.section-heading h2{margin:0 0 6px;font-size:clamp(1.5rem,1rem + 1vw,2.1rem)}.section-heading p{margin:0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;overflow:hidden}.card-image{aspect-ratio:16/9;object-fit:cover;background:#dbeafe;width:100%}.card-body{padding:18px}.card-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;font-size:.92rem;display:flex}.card h2{margin:0 0 12px;font-size:1.3rem;line-height:1.25}.card p{color:var(--muted);margin:0;line-height:1.65}.card-actions,.summary-header,.detail-topbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.card-actions{margin-top:18px}.detail-page{gap:22px;display:grid}.detail-card{overflow:hidden}.detail-image{object-fit:cover;width:100%;max-height:520px}.detail-content{padding:26px}.detail-content h1{letter-spacing:-.04em;margin:12px 0;font-size:clamp(2rem,1.3rem + 2vw,3.5rem);line-height:1.06}.lead{font-size:1.1rem;line-height:1.7}.article-copy p,.summary-content{font-size:1.04rem;line-height:1.8}.summary-box{padding:24px}.summary-header{justify-content:space-between;margin-bottom:16px}.summary-header h3{margin:0 0 6px;font-size:1.35rem}.summary-header p{margin:0}.empty-state{text-align:center;padding:32px}.empty-state.large{padding:56px 24px}@media (max-width:1024px){.grid,.hero{grid-template-columns:1fr}}@media (max-width:720px){.container{width:min(100% - 20px,1280px)}.site-header{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}.hero,.summary-box,.detail-content,.hero-panel>div,.card-body{padding:18px}}.top-menu{flex-wrap:wrap;gap:16px;margin-top:14px;display:flex}.top-menu a{color:var(--muted);border-radius:8px;padding:6px 10px;font-weight:700;text-decoration:none;transition:all .2s}.top-menu a:hover{color:var(--primary);background:#2563eb14}.site-footer{border-top:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:center;margin-top:48px;padding:32px 0;display:flex}.site-footer p{margin:6px 0 0}