:root{--bg:#fbfaf7;--bg-raise:#edf2f4;--bg-card:#fff;--line:#d8e0e4;--line-soft:#e5e9e9;--ink:#243f50;--ink-2:#505e66;--ink-3:#5b6971;--cream:#f3ece3;--maxw:1280px;--pad:clamp(22px,4vw,56px);--shadow:none}
header{background:#fffdf9f5}
.nav-links a[aria-current=page]{color:var(--accent);text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.alist{max-width:none;padding:54px 0 80px}
.alist h1{font-size:clamp(40px,5vw,58px);margin:0 0 36px}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 32px}
.acard{display:flex;flex-direction:column;gap:0;padding:0;border:1px solid var(--line-soft);border-radius:8px;overflow:hidden;background:#fff;min-width:0}
.acard img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:0;background:var(--cream)}
.article-summary{padding:24px 26px 27px;display:flex;flex-direction:column;flex:1}
.acard .d{font-size:13px;line-height:1.5;color:var(--ink-3);margin-bottom:12px}
.acard h2{font-size:clamp(26px,2.6vw,32px);line-height:1.15;margin:0 0 14px;color:var(--ink)}
.acard p{font-size:17px;line-height:1.6;margin:0 0 22px}
.read-link{display:block;margin-top:auto;font-size:15px;font-weight:600;color:var(--accent)}
.acard:hover{border-color:#b6c8d2}
.acard:hover .read-link{text-decoration:underline;text-underline-offset:3px}
.art{max-width:720px;margin:0 auto;padding:54px 0 80px}
.art .art-hero{width:100%;height:auto;border-radius:6px;margin:26px 0 32px}
.art h1{color:var(--ink)}
.art .pull{background:var(--bg-raise);color:var(--ink)}
.art .pull strong{color:var(--ink)}
footer{background:#fffdf9}
a:focus-visible,button:focus-visible{outline:3px solid #ad663f;outline-offset:4px}
@media(max-width:1050px){.nav-links{display:none}.burger{display:inline-flex}.mobile-menu.open{display:block!important}.nav{height:72px}.nav-right .btn{display:none}}
@media(min-width:1051px){.mobile-menu{display:none!important}}
@media(max-width:720px){.article-grid{grid-template-columns:1fr;gap:28px}.alist{padding:36px 0 54px}.alist h1{margin-bottom:28px}.article-summary{padding:22px}.acard h2{font-size:29px}.acard p{font-size:16px}.art{padding:36px 0 54px}.nav{height:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body,.btn,.acard h2{transition:none}}
.mobile-menu a.btn-primary{display:flex;color:var(--on-accent)}