.public-landing{max-width:1280px;margin:auto;padding:16px 8px 40px}.landing-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:48px;background:linear-gradient(120deg,#103c4c,#126d78);border-radius:22px;padding:clamp(28px,5vw,64px);color:#fff}.landing-eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.12em}.landing-hero .landing-eyebrow{color:#a4e5dd}.landing-hero h1{font-size:clamp(2rem,3.6vw,3.3rem);line-height:1.15;margin:20px 0}.landing-hero h1 em{font-style:normal;color:#a6e5da}.landing-hero p{color:#d6e9ee;line-height:1.8;font-size:.95rem;max-width:580px}.landing-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}.landing-hero-actions a{color:#fff;font-size:.85rem}.landing-hero-actions .landing-primary{display:flex;gap:28px;align-items:center;padding:15px 21px;background:#fff;color:#124c5c;border-radius:9px;font-weight:800;text-decoration:none}.landing-exam{align-self:center;padding:28px;border:1px solid #ffffff40;background:#ffffff0d;border-radius:16px}.landing-exam>span:first-child{font-size:.75rem;color:#acdedb}.landing-exam h2{font-size:1.35rem;margin:14px 0 8px;color:#fff}.landing-exam p{font-size:.85rem;margin-top:0}.landing-official{display:block;border-top:1px solid #ffffff30;margin-top:24px;padding-top:16px;font-size:.75rem;line-height:1.7;color:#b7d8de}.landing-live{display:flex;align-items:center;gap:16px;background:#e4f6ee;border:1px solid #b5dfce;border-radius:12px;padding:18px 24px;margin-top:22px;color:#155b46}.landing-live-dot{height:10px;width:10px;border-radius:50%;background:#24986b;flex-shrink:0}.landing-live p{font-size:.8rem;margin:4px 0 0}.landing-live>a{margin-left:auto;font-weight:750;white-space:nowrap}.landing-services,.landing-announcements{margin-top:44px}.landing-section-head{margin-bottom:20px}.landing-section-head .landing-eyebrow{color:#31808b}.landing-section-head h2{font-size:1.65rem;margin:8px 0;color:#163f50}.landing-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.landing-service-grid>a{display:flex;flex-direction:column;padding:26px;border:1px solid #d7e5eb;background:#fff;border-radius:14px;text-decoration:none;color:#163f50;transition:transform .15s,box-shadow .15s}.landing-service-grid>a:hover{transform:translateY(-3px);box-shadow:0 8px 24px #143d5012}.landing-service-icon{display:grid;place-items:center;width:40px;height:40px;background:#eaf6f7;border-radius:10px;color:#187080;font-weight:800;font-size:.8rem}.landing-service-grid h3{margin:20px 0 8px;font-size:1.05rem}.landing-service-grid p{line-height:1.8;color:#5d7988;font-size:.85rem;margin:0 0 18px}.landing-service-state{margin-top:auto;font-weight:750;color:#187080;font-size:.8rem}.landing-notice-list{display:grid;gap:14px}.landing-notice,.landing-empty{border:1px solid #dbe7ed;border-radius:12px;background:#fff;padding:24px}.landing-notice.is-highlighted{border-left:4px solid #d5a13b;background:#fffdf6}.landing-notice>div{display:flex;justify-content:space-between;gap:12px;font-size:.7rem;color:#6b8390}.landing-notice>div span{text-transform:uppercase;letter-spacing:.05em;font-weight:750}.landing-notice h3{font-size:1.05rem;margin:12px 0}.landing-notice p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;color:#476674;font-size:.9rem;margin:0}.landing-empty{font-size:.9rem;color:#627d8b}.landing-how{margin-top:36px;background:#edf5f8;border-radius:14px;padding:26px}.landing-how h2{margin:0 0 20px;font-size:1.1rem;color:#163f50}.landing-how>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.landing-how p{margin:0;font-size:.85rem}.landing-how strong,.landing-how span{display:block}.landing-how span{margin-top:8px;line-height:1.7;color:#627d8b}.public-landing a:focus-visible{outline:3px solid #2693a6;outline-offset:4px}@media(max-width:850px){.landing-hero{grid-template-columns:1fr;gap:24px}.landing-service-grid{grid-template-columns:1fr}.landing-how>div{grid-template-columns:1fr;gap:20px}.landing-live{flex-wrap:wrap}.landing-live>a{margin-left:26px}}@media(max-width:480px){.public-landing{padding:0 0 24px}.landing-hero{border-radius:14px;padding:26px}.landing-exam{padding:20px}.landing-notice,.landing-empty{padding:18px}.landing-notice>div{flex-wrap:wrap}}

.landing-latest-headlines{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 22px;margin-bottom:18px;padding:14px 20px;border:1px solid #d8e6e9;border-left:4px solid #d5a13b;border-radius:10px;background:#fffdf6;color:#163f50}.landing-latest-headlines h2{font-size:.8rem;margin:0;white-space:nowrap}.landing-latest-headlines>div{display:grid;gap:8px}.landing-latest-headlines>div>a{display:flex;justify-content:space-between;gap:12px;color:#165d70;text-decoration:none;font-size:.85rem;font-weight:750;overflow-wrap:anywhere}.landing-latest-headlines a:hover{text-decoration:underline}.landing-all-notices{font-size:.72rem;white-space:nowrap}.landing-notice[id]{scroll-margin-top:20px}.landing-notice-dialog{padding:0;border:1px solid #d5e4eb;border-radius:14px;width:min(650px,calc(100% - 32px));max-height:85vh;background:#fff;color:#163f50;box-shadow:0 24px 70px #102d4c50}.landing-notice-dialog::backdrop{background:#102d4c88}.landing-notice-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px;background:#f2f7fa;border-bottom:1px solid #dbe6ec}.landing-notice-dialog header span{font-size:.7rem;text-transform:uppercase;font-weight:750;color:#617e8c}.landing-notice-dialog h2{font-size:1.3rem;line-height:1.45;margin:9px 0;overflow-wrap:anywhere}.landing-notice-dialog time{font-size:.75rem;color:#617e8c}.landing-notice-dialog header>button{font-size:1.4rem;padding:3px 11px;flex-shrink:0}.landing-notice-message{padding:24px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;font-size:.95rem}.landing-notice-dialog form{display:flex;justify-content:flex-end;padding:0 24px 24px}body:has(.landing-notice-dialog[open]){overflow:hidden}@media(max-width:800px){.landing-latest-headlines{grid-template-columns:1fr}.landing-latest-headlines>div{gap:12px}.landing-all-notices{justify-self:end}}

.landing-hero-notices h2{margin:0 0 18px;font-size:1.15rem}.landing-hero-headlines{display:grid;gap:0}.landing-hero-headlines>a{display:flex;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid #ffffff30;color:#fff;font-size:.95rem;font-weight:750;line-height:1.6;text-decoration:none;overflow-wrap:anywhere}.landing-hero-headlines>a:first-child{padding-top:0}.landing-hero-headlines>a:hover{text-decoration:underline}.landing-hero-notices .landing-notices-all{display:inline-block;margin-top:20px;color:#b7ece4;font-size:.8rem;font-weight:700}

/* Continuous subtle attention cue without moving or hiding announcement text. */
.landing-hero-notices{border-color:#a7e8dd80;animation:announcement-panel-glow 5s ease-in-out infinite}.landing-hero-notices h2{display:flex;align-items:center;gap:10px}.announcement-attention-dot{width:9px;height:9px;border-radius:50%;background:#a6f2cd;flex-shrink:0;box-shadow:0 0 0 4px #a6f2cd20;animation:announcement-dot-pulse 3s ease-in-out infinite}.landing-hero-headlines>a{transition:background-color .18s ease,color .18s ease,transform .18s ease;border-radius:5px}.landing-hero-headlines>a:hover,.landing-hero-headlines>a:focus-visible{background:#ffffff10;color:#c7fff1;transform:translateX(3px)}.landing-hero-headlines>a>span:last-child{transition:transform .18s ease}.landing-hero-headlines>a:hover>span:last-child{transform:translate(2px,-2px)}
@keyframes announcement-panel-glow{0%,100%{box-shadow:0 0 0 0 #a6f2cd00}50%{box-shadow:0 0 0 4px #a6f2cd12,0 0 20px #a6f2cd16}}
@keyframes announcement-dot-pulse{0%,100%{box-shadow:0 0 0 4px #a6f2cd20}50%{box-shadow:0 0 0 9px #a6f2cd00}}
@media(prefers-reduced-motion:reduce){.landing-hero-notices,.announcement-attention-dot{animation:none}.landing-hero-headlines>a,.landing-hero-headlines>a>span:last-child{transition:none}.landing-hero-headlines>a:hover,.landing-hero-headlines>a:focus-visible,.landing-hero-headlines>a:hover>span:last-child{transform:none}}