/* OMEPHA closure announcement – standalone styles, no dependency on the previous site. */
:root{color-scheme:light;--ink:#17324e;--deep:#102745;--deep-2:#17395c;--blue:#549bcc;--muted:#697b8b;--paper:#fff;--line:#e5edf2;--bg:#edf2f5;--radius:16px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.72;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:3px solid #55a2dc;outline-offset:4px;border-radius:4px}
.page-ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 45% 38% at 3% 5%,#dcebf4,transparent 95%),radial-gradient(ellipse 35% 42% at 100% 100%,#dfebf1,transparent 95%),#edf2f5}
.page-container{width:min(1250px,calc(100% - 84px));margin:0 auto}
.site-header{min-height:162px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:inline-flex;align-items:center;text-decoration:none}
.brand-mark{display:grid;place-items:center;width:196px;max-width:100%;height:128px;overflow:hidden}
.brand img{width:190px;height:auto;object-fit:contain;display:block}
.locale-picker{display:inline-flex;align-items:center;gap:12px;border:1px solid #d3e0e8;border-radius:99px;background:rgba(255,255,255,.9);padding:5px 8px;box-shadow:0 7px 22px #17324e09}
.locale-picker a{text-decoration:none;color:#61758c;font-weight:750;font-size:12px;padding:7px 11px;border-radius:30px;letter-spacing:.1em}
.locale-picker a.selected{background:#173956;color:white;box-shadow:0 3px 10px #152e4830}
.locale-separator{width:1px;height:14px;background:#dbe4ea}
.notice-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:stretch;gap:0;border-radius:var(--radius);box-shadow:0 23px 72px #142a4230;overflow:hidden;background:#fff}
.context-panel{background:linear-gradient(146deg,#102844,#112f4e 60%,#1e4d71);color:white;position:relative;overflow:hidden}
.context-panel:before{content:"";position:absolute;width:410px;height:410px;border:1px solid #ffffff12;border-radius:100%;right:-232px;top:-167px;box-shadow:0 0 0 75px #ffffff04,0 0 0 147px #ffffff02}
.context-panel:after{content:"";position:absolute;inset:auto -50px -100px auto;width:320px;height:320px;background:radial-gradient(circle,#69b4e319,transparent 67%);pointer-events:none}
.context-inner{min-height:690px;display:flex;flex-direction:column;position:relative;padding:45px 39px 41px;z-index:1}
.eyebrow{color:#b8d9ed;display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.eyebrow-dot{width:8px;height:8px;border-radius:50%;background:#83c7ea;box-shadow:0 0 0 5px #82c5e920}
.context-main{padding:92px 0 55px}
.overline{font-size:13px;letter-spacing:.035em;color:#a8c3d8;margin:0 0 20px}
.context-brand{font-size:clamp(30px,3vw,40px);font-weight:780;letter-spacing:-.035em;line-height:1.18;margin:0;overflow-wrap:anywhere}
.period{color:#74bdeb}
.context-stroke{width:56px;height:3px;background:#69b5df;margin:33px 0 25px}
.context-description{font-size:17px;line-height:1.52;font-weight:450;color:#dbeaf5;max-width:310px;margin:0}
.next-step{margin-top:auto;border-top:1px solid #ffffff36;padding-top:29px}
.next-step-label{display:block;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:750;color:#b9cddd;margin-bottom:11px}
.next-step strong{font-weight:700;font-size:22px;line-height:1.3;display:block;letter-spacing:-.015em}
.destination-button{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:25px;padding:15px 17px;border-radius:8px;background:#fff;text-decoration:none;color:#14304d;font-size:13px;font-weight:800;transition:background .2s,transform .2s}
.destination-button:hover{background:#e6f3fb;transform:translateY(-2px)}
.destination-button span{font-size:22px;font-weight:400;line-height:1}
.destination-plain{display:inline-block;margin-top:15px;color:#c7dfef;font-size:12px;text-decoration:none;border-bottom:1px solid #b9cfda88;overflow-wrap:anywhere}
.notice-card{padding:43px clamp(28px,4.3vw,66px) 34px;background:#fff;min-width:0}
.notice-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:22px;border-bottom:1px solid var(--line)}
.notice-head-label{font-size:10px;color:#3a7197;font-weight:850;letter-spacing:.13em}
.notice-head-date{font-size:11px;color:#697b89;text-align:right}
.notice-letter{padding-top:24px}
.notice-title{font-size:clamp(23px,2.5vw,32px);line-height:1.26;letter-spacing:-.037em;color:#102b47;font-weight:770;margin:0 0 29px;overflow-wrap:break-word}
.notice-letter p{font-size:14px;line-height:1.78;color:#455b6e;margin:0 0 17px;white-space:pre-wrap}
.notice-letter .letter-greeting{font-weight:600;color:#294761}
.notice-subtitle{font-size:18px;line-height:1.36;font-weight:770;letter-spacing:-.02em;color:#193b5a;margin:32px 0 17px;padding-top:2px}
.contact-rows{display:grid;gap:1px;margin:5px 0 24px;padding:15px 20px;background:#f4f8fb;border-left:3px solid #6daed6;border-radius:0 6px 6px 0}
.notice-letter .contact-rows p{margin:0;font-weight:600;color:#2a4860;line-height:1.9;overflow-wrap:anywhere}
.contact-rows a{color:#236b9d;text-decoration-thickness:1px;text-underline-offset:3px}
.contact-rows a:hover{color:#184869}
.redirect-info{border:1px solid #d9e7ef;background:linear-gradient(140deg,#f4f9fc,#eff6fa);border-radius:10px;margin-top:36px;padding:20px 23px 18px}
.redirect-info-top{display:flex;align-items:flex-start;gap:15px}
.timer-circle{height:34px;width:34px;border:1px solid #c6dbe8;border-radius:50%;display:grid;place-items:center;flex:0 0 34px;color:#356a94;font-size:19px}
.timer-copy{flex:1;min-width:0}
.timer-copy strong{font-size:13px;color:#19405c}
.timer-copy p{font-size:12px;line-height:1.6;color:#617889;margin:4px 0 0}
.clock{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:#236b9d;font-size:21px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.timer-track{height:5px;border-radius:50px;background:#d8e8f1;overflow:hidden;margin:17px 0 0}
#countdown-fill{height:100%;width:100%;background:#61a7d1;border-radius:50px;transition:width .2s linear}
.timer-note{margin:12px 0 0;color:#718496;font-size:11px;line-height:1.5}
/* An inline countdown is visible near the top and never obscures the notice text. */
.countdown-inline{display:flex;align-items:center;gap:11px;padding:13px 0 0;color:#33749f;font-size:11px}
.dock-label{font-size:10px;letter-spacing:.02em;color:#607b90;font-weight:730}
.countdown-inline strong{font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.055em}
.site-footer{display:flex;justify-content:space-between;gap:15px;padding:22px 2px 27px;color:#7c8d9c;font-size:10px;font-weight:620;letter-spacing:.08em}
@media(max-width:1050px){.page-container{width:min(100% - 44px,980px)}.context-inner{padding:34px 26px;min-height:700px}.context-main{padding-top:60px}.notice-card{padding:32px 32px}.context-brand{font-size:30px}.context-description{font-size:15px}}
@media(max-width:760px){.page-container{width:min(100% - 28px,580px)}.site-header{min-height:119px}.brand-mark{width:143px;height:95px}.brand img{width:142px}.notice-layout{grid-template-columns:1fr}.context-inner{min-height:unset;padding:29px 29px 30px}.context-main{padding:26px 0 18px}.overline{font-size:12px;margin-bottom:11px}.context-brand{font-size:32px;line-height:1.16}.context-stroke{margin:19px 0 15px}.context-description{font-size:14px}.next-step{padding-top:19px;margin-top:18px}.next-step strong{font-size:18px}.destination-button{margin-top:17px}.notice-card{padding:28px 25px 28px}.notice-title{font-size:25px}.notice-letter p{font-size:14px}.notice-subtitle{font-size:18px}.site-footer{padding:17px 2px 23px}}
@media(max-width:430px){.page-container{width:calc(100% - 18px)}.brand-mark{width:120px;height:82px}.brand img{width:122px}.locale-picker{gap:5px;padding:4px}.locale-picker a{padding:6px 9px}.context-inner{padding:24px 21px}.context-brand{font-size:30px}.notice-card{padding:25px 20px}.notice-head{align-items:start;flex-direction:column;gap:4px}.notice-head-date{text-align:left}.notice-title{font-size:23px}.notice-letter p{font-size:13.5px}.contact-rows{padding:13px 12px}.redirect-info{padding:16px}.redirect-info-top{flex-wrap:wrap;gap:10px}.clock{margin-left:auto}.timer-circle{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}