body { margin: 0; background: #faf9f6; color: #242424; font-family: system-ui, sans-serif; line-height: 1.8; }
.branch-news-header { display: flex; justify-content: space-between; gap: 20px; padding: 20px max(20px, calc((100% - 1040px)/2)); border-bottom: 1px solid #ddd; background: white; }
.branch-news-header a { color: inherit; font-weight: 700; }
.branch-news { max-width: 960px; margin: 0 auto; padding: 36px 20px; }
.branch-news a { color: #315d4a; text-underline-offset: 3px; overflow-wrap: anywhere; }
.branch-news h1 { font-size: clamp(28px, 4vw, 40px); line-height: 1.4; }
.branch-news-item { margin: 36px 0; padding: 32px 0; border-top: 1px solid #ccc; scroll-margin-top: 24px; }
.branch-news-item h2 { font-size: clamp(22px, 3vw, 30px); line-height: 1.5; margin: 12px 0 24px; }
.branch-news-meta, .branch-news figcaption { color: #666; font-size: 14px; }
.branch-news figure { margin: 0 0 24px; }
.branch-news img { display: block; width: 100%; height: auto; }
.branch-news-source { background: #efeee9; padding: 20px; margin-top: 24px; }
.branch-news-source h3 { font-size: 16px; margin: 0 0 8px; }
.branch-news-source p { margin: 0 0 8px; }
.branch-news-footer { border-top: 1px solid #ddd; padding: 24px; text-align: center; font-size: 13px; }
@media(max-width:600px) { .branch-news-header { font-size: 13px; } .branch-news { padding-top: 24px; } }