:root { color-scheme:light; --background:#fff; --foreground:#18222d; --card:#fff; --card-foreground:#18222d; --popover:#fff; --popover-foreground:#18222d; --primary:#153745; --primary-foreground:#fff; --secondary:#f2f5f7; --secondary-foreground:#153745; --muted:#f2f5f7; --muted-foreground:#56636f; --accent:#e95028; --accent-foreground:#fff; --destructive:#b62f2a; --border:#dce2e6; --input:#dce2e6; --ring:#153745; --radius:0.25rem; }

* { box-sizing:border-box; } html { scroll-behavior:smooth; scroll-padding-top:1.5rem; }
body { margin:0; background:var(--background); color:var(--foreground); font-family:Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; -webkit-font-smoothing:antialiased; }
::selection { background:#fce1d7; } a { color:inherit; text-underline-offset:0.25em; } a:focus-visible { outline:3px solid var(--accent); outline-offset:5px; border-radius:2px; }
.newspaper { width:min(100% - 3rem,760px); margin:0 auto; }
.masthead { display:flex; justify-content:space-between; align-items:center; gap:1rem; padding:1.8rem 0; border-bottom:2px solid var(--foreground); }
.wordmark { display:flex; align-items:center; font-family:"Asap Condensed",Arial,sans-serif; font-size:1.125rem; font-weight:800; text-decoration:none; letter-spacing:0.01em; white-space:nowrap; }
.wordmark-dot { color:var(--accent); } .brand-mark { display:flex; align-items:center; justify-content:center; width:1.875rem; height:1.875rem; background:var(--primary); color:white; margin-right:0.7rem; font-size:1.1rem; border-radius:50%; letter-spacing:-0.08em; } .brand-mark>span { color:#ffb097; }
.schedule { display:flex; align-items:baseline; gap:0.4rem; font-size:0.75rem; color:var(--muted-foreground); white-space:nowrap; } .schedule strong { font-size:1rem; color:var(--foreground); font-weight:700; font-variant-numeric:tabular-nums; }
.edition-heading { padding-top:2.15rem; } .edition-eyebrow { display:flex; justify-content:space-between; gap:0.75rem; font-size:0.75rem; letter-spacing:0.07em; font-weight:700; color:var(--muted-foreground); } .edition-eyebrow>span:first-child { color:var(--accent); }
.edition-title { display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:1.1rem 0 1.65rem; }
h1 { margin:0; font-weight:800; font-size:clamp(2rem,6vw,2.85rem); line-height:1.4; letter-spacing:-0.055em; } .mobile-break { display:none; }
.edition-title p { margin:0.7rem 0 0; color:var(--muted-foreground); font-size:0.875rem; line-height:1.9; text-wrap:pretty; } .edition-count { font-size:5rem; line-height:1; letter-spacing:-0.075em; font-weight:700; color:#e8edf0; flex-shrink:0; }
.edition-status { font-size:0.8125rem; line-height:1.8; color:var(--muted-foreground); }
.edition-meta { display:flex; justify-content:space-between; flex-wrap:wrap; gap:0.35rem 1rem; border-bottom:1px solid var(--border); padding:0 0 0.85rem; font-size:0.8125rem; color:var(--muted-foreground); }
.preview-notice { font-size:0.8125rem; color:#57646f; line-height:1.8; margin:1rem 0 0; padding:0.75rem 0.875rem; background:#f2f5f7; } .preview-notice>span { font-weight:700; color:var(--primary); margin-right:0.6rem; }
.news-list { margin:0; padding:0; list-style:none; } .news-item { padding:2.15rem 0 2rem; border-bottom:1px solid var(--border); }
.article-kicker { display:flex; align-items:center; gap:0.8rem; color:var(--primary); font-size:0.75rem; font-weight:700; } .article-number { color:var(--accent); font-size:1.1rem; letter-spacing:-0.035em; font-variant-numeric:tabular-nums; border-right:1px solid var(--border); padding-right:0.8rem; } .article-publisher { color:var(--muted-foreground); font-weight:400; margin-left:auto; }
h2 { font-size:1.45rem; line-height:1.65; letter-spacing:-0.025em; margin:0.9rem 0 1.1rem; font-weight:750; overflow-wrap:anywhere; }
.summary-points { list-style:none; padding:0; margin:0; } .summary-points li { position:relative; padding-left:1rem; font-size:1rem; line-height:1.9; margin:0; color:#34434f; overflow-wrap:anywhere; } .summary-points li::before { content:""; width:4px; height:4px; border-radius:50%; background:#7c8d98; position:absolute; left:0; top:0.85em; }
.share-links { display:flex; align-items:center; gap:0.25rem; margin-top:1.2rem; }
.share-links--common { justify-content:flex-end; margin:1rem 0 0; }
.share-links a,.share-links button { display:inline-flex; align-items:center; justify-content:center; min-width:2.75rem; height:2.75rem; padding:0 0.65rem; border:1px solid var(--border); border-radius:50%; background:transparent; color:var(--foreground); font:700 0.8125rem/1 Arial,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif; text-decoration:none; cursor:pointer; transition:border-color 160ms ease,color 160ms ease,background-color 160ms ease; }
.share-links a:hover,.share-links button:hover { border-color:var(--primary); background:var(--secondary); color:var(--primary); }
.share-links a:focus-visible,.share-links button:focus-visible { outline:3px solid var(--accent); outline-offset:3px; }
.share-links .share-line { width:auto; border-radius:1.5rem; font-size:0.625rem; letter-spacing:0.01em; }
.share-links .share-copy { width:auto; gap:0.32rem; border-radius:1.5rem; }
.share-link-icon { font-size:0.9rem; transform:rotate(-45deg); }
.share-copy-text { font-size:0.625rem; letter-spacing:0.04em; }
.sources { display:flex; flex-wrap:wrap; align-items:center; gap:0.1rem 1rem; margin-top:1rem; font-size:0.875rem; } .sources-label { color:var(--muted-foreground); font-size:0.75rem; } .sources a { display:inline-flex; align-items:center; min-height:44px; gap:0.25rem; color:var(--primary); text-decoration-color:#a9b9bf; } .sources a:hover { color:var(--accent); }
.reading-end { text-align:center; padding:2.7rem 0 3rem; } .end-mark { font-size:1.7rem; color:var(--accent); } .reading-end p { font-size:1rem; font-weight:700; margin:0.7rem 0 0.45rem; } .reading-end>span:last-child { font-size:0.875rem; color:var(--muted-foreground); }
footer { border-top:2px solid var(--foreground); padding:1.5rem 0 2.5rem; color:var(--muted-foreground); font-size:0.8125rem; line-height:1.9; } footer>span { color:var(--foreground); font-family:"Asap Condensed",Arial,sans-serif; font-weight:800; font-size:0.875rem; } footer p { margin:0.65rem 0; } footer>a { display:inline-flex; align-items:center; min-height:44px; font-size:0.875rem; }
.sr-only,.skip-link:not(:focus) { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; } .skip-link:focus { display:block; padding:1rem; }
@media (min-width:700px) { .news-item article { padding-left:3.6rem; position:relative; } .article-number { position:absolute; left:0; top:-0.15rem; font-size:1.45rem; border:0; padding:0; } .article-kicker { min-height:1.5rem; } .news-item { padding:2.5rem 0; } footer { display:grid; grid-template-columns:1fr auto; } footer p { grid-column:1; } footer>a { grid-column:2; grid-row:1 / 3; } }
@media (max-width:420px) { .newspaper { width:calc(100% - 2.5rem); } .masthead { padding:1.25rem 0; } .wordmark { font-size:1rem; } .brand-mark { margin-right:0.5rem; } .schedule { gap:0.25rem; } .schedule>span:first-child { display:none; } .edition-count { font-size:4rem; } .edition-title { padding:1.1rem 0 1.3rem; } .mobile-break { display:block; } h2 { font-size:1.3rem; } .edition-title p { max-width:16rem; } .article-publisher { font-size:0.75rem; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .share-links a,.share-links button { transition:none; } }