:root { --ink:#042b5a; --ink-soft:#4d6480; --accent:#043a80; --teal:#087f88; --line:#ccd2d2; --panel:#fff; --radius:10px; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#f5f3ed; font-family:"Hiragino Sans","Noto Sans JP",system-ui,sans-serif; line-height:1.7; }
a { color:var(--accent); text-underline-offset:4px; }
button { font:inherit; color:var(--ink); cursor:pointer; padding:10px 20px; background:transparent; border:1px solid var(--ink); border-radius:4px; }
button:hover { background:#e3f4f6; }
button:focus-visible,a:focus-visible { outline:3px solid #f99704; outline-offset:4px; }
[hidden] { display:none!important; }
#chrome { padding:12px 18px; }
main { width:min(1120px,100% - 48px); margin:28px auto 60px; }
.masthead { text-align:center; padding:24px 0 32px; border-top:3px solid var(--ink); border-bottom:3px solid var(--ink); }
.masthead h1 { font:900 clamp(52px,10vw,112px)/1.05 Georgia,serif; letter-spacing:-.06em; margin:8px 0; }
.masthead h1 span { color:var(--teal); }
.masthead p { margin:0; }
.eyebrow { font-size:12px; letter-spacing:.09em; font-weight:700; color:var(--ink-soft); }
.issue-line { display:flex; justify-content:space-between; gap:20px; font-size:12px; border-bottom:1px solid var(--ink); }
.section-title { font-size:22px; margin:32px 0 12px; padding-bottom:12px; border-bottom:1px solid var(--line); }
.section-title span { font-size:11px; letter-spacing:.12em; color:var(--teal); margin-left:16px; }
#headlines { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 28px; max-height:520px; overflow:auto; }
.story { border-bottom:1px solid var(--line); padding:16px 0 24px; scroll-margin-top:24px; overflow-wrap:anywhere; }
.story:target { background:#e3f4f6; outline:2px solid var(--teal); outline-offset:6px; }
.story h3 { margin:6px 0 12px; font-size:22px; line-height:1.5; }
.story p { margin:8px 0; }
.story blockquote { margin:16px 0; padding:12px 20px; border-left:3px solid var(--teal); background:#e9efeb; }
.story-links { display:flex; flex-wrap:wrap; gap:24px; font-size:14px; margin-top:16px; }
.edition { margin-top:48px; border-top:3px solid var(--ink); padding-top:24px; }
.edition h2 { font-family:Georgia,serif; font-size:36px; margin:0; }
.edition-lead { font-size:24px; }.edition-lead strong { font-size:42px; }
.muted { font-size:12px; color:var(--ink-soft); }
.ranking-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; padding:20px 0; border-block:1px solid var(--line); margin:24px 0; }
.ranking-grid h3 { margin:0; }.ranking { padding:0; list-style:none; }.ranking li { display:grid; grid-template-columns:24px 1fr auto; gap:8px; padding:8px 0; border-bottom:1px solid var(--line); }.ranking small { grid-column:2; color:var(--ink-soft); }
.stories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 32px; }
#editions { display:flex; flex-wrap:wrap; gap:12px 24px; margin-bottom:24px; }
#news-error,.quality-warning,#missing-story { background:#fff0d5; padding:12px 16px; color:#734300; }
#demo-label { color:var(--teal); font-weight:bold; }
footer { border-top:1px solid var(--ink); margin-top:48px; padding-top:24px; font-size:12px; color:var(--ink-soft); } footer a { display:block; margin-top:12px; font-size:16px; }
@media(max-width:680px) { main { width:calc(100% - 32px); margin-top:16px; }.issue-line { display:block; }.stories,#headlines,.ranking-grid { grid-template-columns:1fr; }.masthead { padding:24px 0; }.edition-lead { font-size:18px; }.edition h2 { font-size:28px; } }

.announcement-body { white-space:pre-wrap; overflow-wrap:anywhere; }
.announcement { border-left:3px solid #bd8133; padding-left:20px; }

/* Map の紙面でも本文の描画と取得はこのページに閉じる。 */
html[data-news-embedded] { overscroll-behavior: none; }
html[data-news-embedded] #chrome { display: none; }
html[data-news-embedded] main { margin-top: 20px; }
html[data-news-embedded] .masthead { padding-block: 16px 24px; }