.office-notice-bar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px 18px;padding:10px 22px;background:#fff2d5;color:#173f33;border-bottom:1px solid #d4bb82;font-size:15px;line-height:1.6;font-weight:650}
.office-notice-bar a{font-size:19px;font-weight:800;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.office-notice-bar button{border:1px solid currentColor;border-radius:6px;background:transparent;padding:5px 12px;min-height:36px;font-size:14px;font-weight:700}
.office-notice{width:min(680px,calc(100% - 32px));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;border:0;border-radius:20px;padding:0;background:#fff;color:#101d22;box-shadow:0 24px 100px #00170f66;overflow:hidden}
.office-notice[open]{display:flex;flex-direction:column}
.office-notice::backdrop{background:rgba(8,24,19,.68)}
.office-notice-header{display:flex;align-items:flex-start;gap:16px;padding:30px 28px 16px 36px;flex-shrink:0;border-top:7px solid #174f3e}
.office-notice h2{font-size:28px;line-height:1.5;letter-spacing:0;font-weight:800;color:#174f3e;flex:1;margin:0;min-width:0}
.office-notice h2:focus{outline:none}
.office-notice-x{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:1px solid #ccd7d0;border-radius:50%;background:#f7f6f2;font-size:28px;line-height:1}
.office-notice-content{padding:0 36px 8px;overflow-y:auto;overscroll-behavior:contain;min-height:0;font-size:17px;line-height:1.85}
.office-notice-content p+p{margin-top:14px}
.office-notice-phone{padding:18px 20px;background:#eff4ef;border-radius:12px;color:#174f3e;font-weight:700;font-size:16px}
.office-notice-phone a{display:block;width:fit-content;max-width:100%;font-size:clamp(28px,6vw,42px);font-weight:800;letter-spacing:.01em;line-height:1.45;white-space:nowrap;text-decoration:none}
.office-notice-thanks{color:#59625d;font-size:15px}
.office-notice-actions{display:flex;gap:12px;flex-shrink:0;padding:22px 36px 30px;background:#fff}
.office-notice-actions>*{flex:1;min-height:50px;text-align:center;font-size:16px;line-height:1.5;padding:12px}
.office-notice-dismiss{border:1px solid #b8c4bd;border-radius:11px;background:#fff;color:#174f3e;font-weight:700}
.office-notice-dismiss:hover,.office-notice-x:hover{background:#e7efe9}
.office-notice a:focus-visible,.office-notice button:focus-visible{outline:3px solid #476c13;outline-offset:3px}
.office-phone-suspended{display:block;font-size:15px;color:#6d4c23;overflow-wrap:anywhere}
html.office-notice-lock{overflow:hidden}
@media(max-width:600px){.office-notice-bar{padding:9px 16px;gap:3px 12px;font-size:13px;text-align:center}.office-notice-bar>span{width:100%}.office-notice-bar a{font-size:18px}.office-notice-header{padding:19px 16px 12px 22px;gap:8px}.office-notice h2{font-size:22px}.office-notice-content{padding:0 22px 6px;font-size:15px;line-height:1.8}.office-notice-phone{padding:13px 14px;font-size:14px}.office-notice-thanks{font-size:13px}.office-notice-actions{padding:16px 22px 22px;flex-direction:column;gap:9px}.office-notice-actions>*{min-height:46px;padding:10px;font-size:15px}}
@media(max-height:440px){.office-notice-header{padding-block:10px}.office-notice h2{font-size:20px}.office-notice-actions{padding-block:10px;flex-direction:row}.office-notice-content{font-size:14px}}
@media print{.office-notice,.office-notice-bar button{display:none!important}}