.communication-board{max-width:760px;margin:22px auto 0;padding:18px;border:3px solid #b8d0f5;border-radius:24px;background:#fff}
.communication-board>div:first-child{text-align:center}
.communication-board h3{margin:3px 0 14px;font-size:clamp(21px,3vw,28px);color:#17213d}
.communication-board-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.communication-board-grid button{display:flex;min-width:0;min-height:92px;align-items:center;justify-content:center;flex-direction:column;gap:5px;padding:10px 6px;border:3px solid #cad8ee;border-radius:18px;background:#f8fbff;color:#17213d;font:inherit;cursor:pointer;touch-action:manipulation}
.communication-board-grid button span{font-size:30px;line-height:1}
.communication-board-grid button strong{font-size:15px;line-height:1.15}
.communication-board-grid button:active{transform:translateY(2px)}
.communication-board-grid button:focus-visible{outline:4px solid #ffd166;outline-offset:2px}
.communication-board>p{margin:13px 4px 0;color:#66728a;font-size:12px;line-height:1.35;text-align:center}
@media(max-width:600px){.communication-board{padding:14px;margin-top:16px}.communication-board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.communication-board-grid button{min-height:82px}.communication-board-grid button span{font-size:27px}}