:root { color-scheme: light; --navy:#0b3042; --ink:#17313b; --muted:#60727a; --line:#d8e2e5; }
* { box-sizing:border-box; }
html, body { min-height:100%; }
body { margin:0; background:#f5f8f8; color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
main { min-height:100vh; display:grid; place-items:center; padding:28px; }
.notice { width:min(680px,100%); padding:clamp(40px,8vw,76px); text-align:center; background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:0 20px 60px rgba(11,48,66,.10); }
.notice img { display:block; width:82px; height:82px; object-fit:contain; margin:0 auto 16px; }
.brand { margin:0 0 28px; color:var(--navy); font-size:1.05rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
h1 { margin:0; color:var(--navy); font-family:Georgia,"Times New Roman",serif; font-size:clamp(2.25rem,7vw,4.25rem); line-height:1.05; letter-spacing:-.045em; }
.emergency { margin:30px 0 0; font-size:clamp(1.15rem,3vw,1.4rem); }
.info { margin:34px 0 8px; color:var(--muted); }
a { color:var(--navy); font-size:clamp(1.05rem,3vw,1.28rem); font-weight:800; text-underline-offset:4px; overflow-wrap:anywhere; }
@media (max-width:520px) { main{padding:16px}.notice{padding:38px 22px;border-radius:16px}.brand{margin-bottom:22px}.emergency{margin-top:24px}.info{margin-top:28px} }