.site-notice[hidden] { display: none; }
.site-notice.has-news-list { display:grid; padding:0; border:0; background:transparent; gap:.85rem; }
.site-news-item { display:flex; align-items:center; justify-content:space-between; gap:1rem 2rem; background:#f5eee3; border:1px solid #dfd2bd; border-radius:1rem; padding:1.3rem 1.7rem; }
.site-news-item > div { min-width:0; max-width:48rem; }
@media(max-width:740px) { .site-news-item { align-items:start; flex-direction:column; padding:1.2rem; } }
.site-notice { align-items: center; background: #f5eee3; border: 1px solid #dfd2bd; border-radius: 1rem; display: flex; gap: 1rem 2rem; justify-content: space-between; margin: 1.5rem auto; max-width: 1180px; padding: 1.3rem 1.7rem; width: calc(100% - 2.5rem); }
.site-notice > div { min-width: 0; max-width: 48rem; }
.site-notice .site-notice-label { color: #69513e; font-size: .65rem; font-weight: 750; letter-spacing: .1em; margin: 0 0 .35rem; text-transform: uppercase; }
.site-notice h2 { color: #263f38; font-family: inherit; font-size: clamp(1.1rem,2vw,1.4rem); line-height: 1.3; margin: 0 0 .4rem; overflow-wrap: anywhere; }
.site-notice p { color: #4d5b53; font-size: .9rem; line-height: 1.65; margin: 0; overflow-wrap: anywhere; white-space: pre-line; }
.site-notice a { color: #294f42; flex: 0 0 auto; font-size: .82rem; font-weight: 750; text-underline-offset: .25em; }
.site-notice a:focus-visible { outline: 2px solid #294f42; outline-offset: 5px; }
@media(max-width:740px) { .site-notice { align-items: start; flex-direction: column; padding: 1.2rem; } }