:root { --display: var(--sans); }
.noticeboard-hero { padding-block: 32px 46px; }
.noticeboard-heading h1 { max-width: 24ch; margin: 8px 0 12px; font: 800 clamp(2rem, 3.8vw, 3.2rem)/1.12 var(--sans); letter-spacing: -.03em; }
.noticeboard-heading > p:last-child { margin: 0; }
.noticeboard-facts { display: grid; grid-template-columns: 1fr 1fr 1.2fr; margin: 28px 0; border-block: 1px solid var(--line); }
.noticeboard-facts > div { min-width: 0; padding: 20px 22px 20px 0; }
.noticeboard-facts > div + div { border-left: 1px solid var(--line); padding-left: 22px; }
.noticeboard-facts dt { color: var(--green); font-weight: 800; margin-bottom: 8px; }
.noticeboard-facts dd { margin: 0; font-weight: 650; }
.noticeboard-facts .phone-link { font-size: clamp(1.2rem, 2vw, 1.65rem); min-height: 44px; }
.noticeboard-community { display: grid; grid-template-columns: 1fr 1fr; gap: 36px; align-items: center; margin-top: 36px; }
.noticeboard-community h2 { font-size: 1.8rem; line-height: 1.2; }
@media (max-width: 720px) {
 .noticeboard-facts { grid-template-columns: 1fr; }
 .noticeboard-facts > div, .noticeboard-facts > div + div { padding: 16px 0; border-left: 0; border-bottom: 1px solid var(--line); }
 .noticeboard-facts > div:last-child { border-bottom: 0; }
 .noticeboard-community { grid-template-columns: 1fr; gap: 16px; }
}