*{box-sizing:border-box;margin:0}body{font-family:system-ui,sans-serif;background:#eef3f1;color:#17242c}main.board{min-height:100vh;display:flex;flex-direction:column;padding:1rem 1.5rem;gap:1rem}.clock{display:flex;justify-content:flex-end;gap:.8rem;font-weight:700;color:#114b3f}.clock .date{font-weight:400;color:#5a6b66}header.local{text-align:center;border-bottom:4px solid #1c8a5f;padding-bottom:.8rem}header.local h1{color:#114b3f;font-size:2rem;letter-spacing:.02em}header.local .place,header.local .phone{color:#44554f;margin-top:.2rem}header.local .state{display:inline-block;margin-top:.5rem;padding:.25rem 1rem;border-radius:999px;font-weight:700}header.local .state.onduty{background:#114b3f;color:#fff}header.local .state.open{background:#d3ecd9;color:#116b34}header.local .state.closed{background:#f4d7d5;color:#8f1d16}header.local .hours{margin-top:.4rem;color:#44554f}.columns{display:flex;gap:1.5rem;flex:1;align-items:stretch}.no-media .columns{display:block}section.duty{flex:3}section.duty h2{background:#1c8a5f;color:#fff;text-align:center;padding:.4rem;border-radius:6px 6px 0 0;font-size:1.1rem;text-transform:uppercase;letter-spacing:.04em}section.duty ul{list-style:none}section.duty li{background:#fff;border:1px solid #d5e0dc;border-top:0;padding:.7rem .9rem;display:grid;gap:.15rem}section.duty li strong{color:#114b3f;font-size:1.15rem}section.duty .addr,section.duty .tel{color:#44554f;font-size:.95rem}section.duty .end{color:#17242c;font-weight:600;font-style:italic}section.duty .pager{text-align:center;color:#5a6b66;padding:.4rem}section.duty .empty{background:#fff;padding:1rem;border:1px solid #d5e0dc}section.media{flex:2;display:flex;align-items:center;justify-content:center;background:#0c1f1a;border-radius:8px;overflow:hidden}section.media img,section.media video{max-width:100%;max-height:70vh;object-fit:contain}.error,.loading{text-align:center;padding:3rem;color:#5a6b66;font-size:1.2rem}