/* Shared notice layout: summary and photo remain visible; body opens below. */
.news-archive-item.news-expandable { display:grid; grid-template-columns:minmax(0,1fr); gap:4px 16px; padding:10px 16px; align-items:start; }
.news-archive-item.news-expandable.has-photo { grid-template-columns:minmax(0,1fr) 160px; }
.news-expandable .news-summary { min-width:0; grid-column:1; display:grid; grid-template-columns:auto minmax(0,1fr); align-items:start; gap:4px 8px; }
.news-expandable .news-summary > .news-tag { grid-column:1; margin-top:3px; white-space:nowrap; }
.news-expandable .news-summary .news-date { min-width:0; grid-column:1 / -1; margin-bottom:0; font-size:calc(13px + var(--page-font-increase, 0pt)); color:#7a0019; }
.news-expandable .news-summary h3 { margin:0; overflow-wrap:anywhere; font-size:calc(20px + var(--page-font-increase, 0pt)); line-height:1.5; }
.news-expandable .news-photo { grid-column:2; grid-row:1; margin:0; min-width:0; }
.news-expandable .news-photo img { display:block; width:100%; height:80px; object-fit:contain; border-radius:0; background:#f7f5f3; }
.news-expandable .news-photo figcaption { text-align:center; margin-top:4px; font-size:calc(12px + var(--page-font-increase, 0pt)); line-height:1.5; color:#666; overflow-wrap:anywhere; }
.news-expandable .news-details { grid-column:1 / -1; border-top:1px solid #e6dfe1; padding-top:0; }
.news-expandable .news-details summary { display:flex; align-items:center; gap:10px; min-height:44px; padding:4px 0; color:#7a0019; font-size:calc(14px + var(--page-font-increase, 0pt)); font-weight:700; cursor:pointer; list-style:none; }
.news-details summary::-webkit-details-marker { display:none; }
.news-details summary::after { content:""; width:7px; height:7px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg); margin-left:2px; transition:transform .2s; }
.news-details[open] summary::after { transform:rotate(225deg); }
.news-details .when-open, .news-details[open] .when-closed { display:none; }
.news-details[open] .when-open { display:inline; }
.news-expandable .news-details p { white-space:pre-wrap; overflow-wrap:anywhere; margin:8px 0 0; font-size:calc(15px + var(--page-font-increase, 0pt)); line-height:1.85; color:#555; }
.news-details[open] .news-body { animation:news-body-in .18s ease-out; }
.news-details summary:focus-visible { outline:2px solid #7a0019; outline-offset:3px; }
#preview-content.news-expandable { padding:0; }
#preview-content.news-expandable h3 { font-size:calc(20px + var(--page-font-increase, 0pt)); margin:0; }
#preview-content.news-expandable .news-photo img { height:80px; }
@keyframes news-body-in { from { opacity:0; transform:translateY(-5px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:600px) {
 .news-archive-item.news-expandable { padding:8px 12px; gap:4px 10px; }
 .news-archive-item.news-expandable.has-photo { grid-template-columns:minmax(0,1fr) minmax(88px,30%); }
 .news-expandable .news-summary h3, #preview-content.news-expandable h3 { font-size:calc(17px + var(--page-font-increase, 0pt)); }
 .news-expandable .news-photo img, #preview-content.news-expandable .news-photo img { height:64px; }
}
@media(prefers-reduced-motion:reduce) { .news-details[open] .news-body { animation:none; } .news-details summary::after { transition:none; } }

.news-pagination { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; padding:8px 0 20px; }
.news-pagination .news-page-count { width:100%; text-align:center; color:#666; font-size:calc(13px + var(--page-font-increase, 0pt)); margin:0 0 6px; }
.news-pagination a { display:inline-flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:8px 12px; border:1px solid #d8c4c8; border-radius:0; background:#fff; color:#7a0019; text-decoration:none; }
.news-pagination a[aria-current="page"], .news-pagination a:hover { background:#7a0019; color:#fff; }
.news-pagination a:focus-visible { outline:2px solid #7a0019; outline-offset:3px; }