:root { --ink:#0c0e13; --muted:#747b87; --blue:#007aff; --line:#e7e9ed; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
body { min-width:320px; margin:0; color:var(--ink); background:#fff; -webkit-font-smoothing:antialiased; }
img { display:block; max-width:100%; }
.hidden { display:none !important; }
.news-topbar { min-height:74px; padding:12px clamp(20px,4vw,64px); display:flex; align-items:center; justify-content:space-between; gap:20px; border-bottom:1px solid var(--line); }
.news-topbar img { width:122px; }
.news-topbar nav { display:flex; gap:8px; }
.news-topbar nav a { min-height:42px; padding:0 14px; display:flex; align-items:center; border-radius:8px; color:var(--ink); text-decoration:none; font-weight:700; }
.news-topbar nav a:hover { color:var(--blue); background:#eef6ff; }
.news-page { width:min(1180px,calc(100% - 36px)); margin:auto; padding:clamp(70px,10vw,130px) 0 90px; }
.news-hero { max-width:850px; margin-bottom:clamp(55px,8vw,90px); }
.eyebrow { margin:0 0 13px; color:var(--blue); font-size:11px; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.news-hero h1 { margin:0; font-size:clamp(48px,8vw,100px); line-height:.96; letter-spacing:-.06em; }
.news-hero > p:last-child { max-width:650px; margin:25px 0 0; color:var(--muted); font-size:19px; line-height:1.6; }
.featured-post { margin-bottom:80px; display:grid; grid-template-columns:1.15fr .85fr; gap:clamp(28px,5vw,70px); align-items:center; }
.featured-image { aspect-ratio:16/10; overflow:hidden; display:grid; place-items:center; border-radius:20px; color:#fff; background:linear-gradient(135deg,#007aff,#86c1ff); font-size:34px; font-weight:900; }
.featured-image img { width:100%; height:100%; object-fit:cover; }
.featured-post h2 { margin:0 0 16px; font-size:clamp(32px,4.5vw,58px); line-height:1.02; letter-spacing:-.05em; }
.featured-post h2 a,.archive-card h3 a { color:inherit; text-decoration:none; }
.featured-post > div > p:not(.eyebrow) { color:var(--muted); font-size:17px; line-height:1.65; }
.featured-meta { margin-top:26px; display:flex; justify-content:space-between; gap:20px; color:var(--muted); font-size:13px; }
.featured-meta a,.read-link,.back-link,.not-found a { color:var(--blue); font-weight:800; text-decoration:none; }
.archive-heading { margin-bottom:28px; display:flex; align-items:end; justify-content:space-between; gap:20px; }
.archive-heading h2 { margin:0; font-size:38px; letter-spacing:-.045em; }
.archive-heading > span { color:var(--muted); font-size:13px; }
.news-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.archive-card { overflow:hidden; border:1px solid var(--line); border-radius:16px; }
.archive-image { aspect-ratio:16/10; display:grid; place-items:center; overflow:hidden; color:#fff; background:linear-gradient(135deg,#007aff,#86c1ff); font-size:24px; font-weight:900; }
.archive-image img { width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.archive-card:hover img { transform:scale(1.035); }
.archive-body { padding:20px; }
.archive-meta { display:flex; justify-content:space-between; gap:10px; color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; }
.archive-meta span { color:var(--blue); }
.archive-card h3 { margin:12px 0 9px; font-size:21px; line-height:1.2; letter-spacing:-.025em; }
.archive-card p { min-height:70px; margin:0; color:var(--muted); font-size:14px; line-height:1.55; }
.read-link { margin-top:18px; display:inline-block; font-size:13px; }
.loading-state,.not-found { padding:70px 20px; color:var(--muted); text-align:center; }
.article-page { width:min(1080px,calc(100% - 36px)); margin:auto; padding:clamp(60px,9vw,115px) 0 100px; }
.article-head { max-width:850px; margin:0 auto 48px; text-align:center; }
.back-link { display:inline-block; margin-bottom:46px; }
.article-head h1 { margin:0; font-size:clamp(44px,7vw,86px); line-height:1; letter-spacing:-.06em; }
.article-excerpt { max-width:720px; margin:24px auto 18px; color:var(--muted); font-size:20px; line-height:1.6; }
.article-head time { color:var(--muted); font-size:12px; }
.article-cover { margin:0 0 55px; overflow:hidden; aspect-ratio:16/9; border-radius:22px; }
.article-cover img { width:100%; height:100%; object-fit:cover; }
.article-body { max-width:740px; margin:auto; color:#343943; font-size:18px; line-height:1.82; }
.article-body p { margin:0 0 1.5em; }
footer { min-height:110px; padding:25px clamp(20px,4vw,64px); display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--line); color:var(--muted); }
footer a { color:var(--blue); font-size:22px; font-weight:900; text-decoration:none; }
@media (max-width:900px) { .featured-post { grid-template-columns:1fr; } .news-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) { .news-page,.article-page { width:min(100% - 28px,1180px); } .news-grid { grid-template-columns:1fr; } .news-hero h1 { font-size:52px; } .archive-card p { min-height:0; } footer { align-items:flex-start; flex-direction:column; gap:7px; } }