/* The portrait starts beside the feed, below the introductory text. */
.news-page-layout { display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);column-gap:clamp(28px,4vw,64px);align-items:start; }
html body#nw-web.page-news .news-intro { grid-column:1;grid-row:1;padding:32px 0 8px; }
.news-intro h1 { margin-bottom:14px;font-size:clamp(36px,3.6vw,52px); }
.news-intro .lede { margin-bottom:0;max-width:700px; }
.news-feed-layout { display:contents; }
.news-feed-section { grid-column:1;grid-row:2;min-width:0;margin:0; }
.news-tools { display:grid;grid-template-columns:minmax(0,1fr);align-items:center; }
/* Live reconciliation keeps its own reading anchor; exclude these changing
   descendants from the browser's outer-page scroll anchor. */
.news-scroll { height:clamp(620px,80vh,960px);overflow-y:auto;overflow-x:hidden;overflow-anchor:none;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-gutter:stable;padding:8px 24px 24px;border-radius:16px;background:rgba(var(--nw-surface-rgb),.24);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);scrollbar-width:thin;scrollbar-color:#a5a8ce80 transparent; }
html[data-theme="light"] .news-scroll { scrollbar-color:#52688480 transparent; }
.news-scroll:focus-visible { outline:1px solid #bca1d9;outline-offset:8px; }
.news-scroll::-webkit-scrollbar { width:5px; }
.news-scroll::-webkit-scrollbar-thumb { border-radius:5px;background:#a5a8ce80; }
.news-art-space { grid-column:2;grid-row:2;display:flex;justify-content:center;align-self:start;min-width:0;padding-top:var(--nw-content-gap,32px);pointer-events:none; }
.news-art-space .news-character { display:block;width:100%;height:650px;max-width:none;max-height:none;margin:0;object-fit:contain;object-position:center;mask-image:none;-webkit-mask-image:none;user-select:none; }
.news-notice { grid-area:1/1;font-size:13px;margin:0;max-width:720px; }
.news-notice-size { display:grid;visibility:hidden;pointer-events:none; }
.news-notice-size > span { grid-area:1/1; }
.news-post { padding:24px 0 28px;position:relative; }
.news-post::before { content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(184,197,232,.55) 24%,rgba(184,197,232,.55) 76%,transparent);opacity:.6; }
.news-post-meta { font-size:13px;line-height:1.7;margin-bottom:16px; }
html body#nw-web.page-news .news-post-meta time { color:#eef1ff;-webkit-text-fill-color:currentColor; }
html[data-theme="light"] body#nw-web.page-news .news-post-meta time { color:#192c4b; }
.news-post-meta time>span { display:inline;font-size:12px;opacity:.7;margin-left:12px; }
.news-post-content { min-width:0; }
.news-post-text { font-size:15px;line-height:1.75;overflow-wrap:anywhere; }
.news-post-text a { text-decoration:underline;text-underline-offset:4px; }
.news-post-text blockquote { margin:14px 0;padding-left:18px;border-left:2px solid #bfa1d9; }
.news-post-text .news-paragraph-gap { display:block;height:14px; }
.news-post-text pre { white-space:pre-wrap;overflow-wrap:anywhere; }
.news-attachment .exit { width:18px;height:18px; }
.news-attachment a { display:inline-flex;align-items:center;gap:10px; }
.news-media { display:grid;justify-items:center;gap:12px;margin-bottom:24px; }
.news-album { grid-template-columns:repeat(2,minmax(0,1fr)); }
.news-media-item { display:flex;align-items:flex-start;justify-content:center;min-width:0;width:min(100%,var(--news-media-width,640px));aspect-ratio:var(--news-media-ratio,16/9); }
.news-media img,.news-media video { display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;border-radius:12px; }
.news-media img.news-media-pending { opacity:0; }
.news-media img.news-media-reveal { transition:opacity 420ms cubic-bezier(.22,.61,.36,1); }
.news-media img.news-media-failed { visibility:hidden; }
@media(prefers-reduced-motion:reduce){.news-media img.news-media-reveal{transition:none}}
.news-more { display:flex;margin:24px auto 0; }
.news-spoiler[aria-expanded="false"] { filter:blur(4px);cursor:pointer; }
.news-spoiler[aria-expanded="true"] { filter:none; }
.news-feed:focus { outline:none; }
@media(max-width:1000px) and (min-width:701px){.news-page-layout{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr);column-gap:24px}.news-art-space .news-character{height:600px}}
@media(max-width:800px){.news-scroll{height:clamp(520px,80dvh,880px);padding:4px 16px 16px}.news-album{gap:8px}}
@media(max-width:700px){.news-page-layout{display:block}.news-art-space{margin-top:24px;padding-top:0}.news-art-space .news-character{width:min(100%,320px);height:460px}}

html body#nw-web.page-news > footer.site-footer{margin-top:24px}