@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700&display=swap');

:root{font-family:'Noto Sans SC','PingFang SC',sans-serif;color:#222;background:#fff;font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0}
a{color:inherit}
.site-shell{max-width:1264px;padding:0 32px;margin:0 auto}
.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d0d0d0}
.wordmark{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:#101010}
.wordmark-mark{font:700 31px/1 Arial,sans-serif;letter-spacing:-2px}
.wordmark-dot{color:#1c3b7a}
.wordmark-name{font-size:16px;font-weight:700;letter-spacing:.04em;border-left:1px solid #c6c6c6;padding-left:12px}
.header-note,.intro-kicker,.section-side,.story-eyebrow,.story-date,.image-credit{font-size:12px;font-weight:600;letter-spacing:.06em}
.header-note{color:#777}
.intro{padding:38px 0 38px;text-align:center}
.intro-kicker{display:flex;align-items:center;justify-content:center;gap:12px;color:#1c3b7a;letter-spacing:.18em}
.kicker-line{width:18px;height:1px;background:#1c3b7a}
.intro h1{font:500 clamp(34px,4.2vw,58px)/1.2 'Noto Serif SC','Songti SC',serif;letter-spacing:-.055em;margin:16px 0 18px;color:#111}
.intro h1 em{font-style:normal;color:#1c3b7a}
.intro-bottom{display:flex;justify-content:center;align-items:center;gap:24px}
.intro-bottom p{margin:0;color:#656565;font-size:14px;line-height:1.6}
.intro-bottom .issue-period{color:#1c3b7a;font-size:13px;font-weight:700;white-space:nowrap;opacity:.5}
.intro-bottom .issue-period::before{content:'·';color:#a7a7a7;margin-right:24px}
.section-heading{display:flex;align-items:baseline;gap:20px;padding:0 0 19px;border-bottom:1px solid #222}
.section-heading h2{font:600 25px/1.4 'Noto Serif SC','Songti SC',serif;margin:0;letter-spacing:-.04em}
.section-rule{height:1px;background:#d0d0d0;flex:1}
.section-side{color:#777;white-space:nowrap}
.story-list{width:min(100%,940px);margin:0 auto}
.story{padding:104px 0 118px;border-bottom:1px solid #d0d0d0}
.story-feature{padding-top:22px}
.story-link{display:block;text-decoration:none}
.story-figure{margin:0;position:relative;overflow:hidden;background:#f1f1ec}
.story-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .4s ease}
.story-link:hover .story-image{transform:scale(1.025)}
.image-credit{position:absolute;right:0;bottom:0;padding:9px 13px;background:rgba(255,255,255,.92);color:#555;letter-spacing:0;font-size:11px}
.story-body{max-width:790px;margin:31px auto 0;text-align:center}
.story-eyebrow{display:flex;justify-content:center;align-items:center;gap:14px;color:#1c3b7a;text-transform:uppercase}
.story-number{font:700 12px/1 Arial,sans-serif;letter-spacing:.08em}
.eyebrow-rule{width:28px;height:1px;background:#b3c0d8}
.story-date{display:block;color:#818181;margin-top:13px;font-weight:400;letter-spacing:0}
.story-title{font:600 clamp(30px,3.2vw,44px)/1.34 'Noto Serif SC','Songti SC',serif;letter-spacing:-.05em;margin:17px auto 15px;color:#111;text-wrap:balance}
.story-feature .story-title{font-size:clamp(36px,4vw,54px)}
.story-summary{font-size:17px;line-height:1.75;color:#5c5c5c;margin:0 auto;max-width:670px}
.story-read{display:inline-flex;align-items:center;gap:9px;color:#1c3b7a;border-bottom:1px solid #1c3b7a;padding-bottom:5px;font-size:13px;font-weight:700;margin-top:23px}
.read-arrow{font-size:20px;line-height:1;transition:transform .2s}
.story-link:hover .story-title{color:#1c3b7a}
.story-link:hover .read-arrow{transform:translate(3px,-3px)}
.site-footer{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#777;font-size:12px}
a:focus-visible{outline:2px solid #1c3b7a;outline-offset:5px}
.load-message{padding:36px 0;color:#666;font-size:14px;text-align:center}
@media(max-width:650px){
  .site-shell{padding:0 18px}.site-header{height:66px}.header-note{display:none}
  .intro{padding:34px 0 36px}.intro h1{font-size:clamp(32px,8vw,40px);margin:16px 0 18px}.intro-bottom{display:block}
  .intro-bottom .issue-period{margin-top:10px}.intro-bottom .issue-period::before{display:none}
  .section-heading{gap:12px}.section-heading h2{font-size:21px}.section-side{font-size:12px}
  .story{padding:72px 0 82px}.story-feature{padding-top:20px}
  .story-body{margin-top:24px}.story-title{font-size:29px;margin:14px auto 12px}.story-feature .story-title{font-size:34px}
  .story-summary{font-size:15px}.story-read{margin-top:20px}.image-credit{font-size:12px;padding:6px 8px}
  .site-footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px;padding:18px 0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story-image,.read-arrow{transition:none}}