.milestone-intro{margin-top:32px;padding:22px;border-left:3px solid #d32843;background:#19242d;border-radius:0 12px 12px 0}.milestone-intro h2{margin:0 0 10px;font-size:22px}.milestone-intro p{margin:0;color:#b7c3cb;line-height:1.6;font-size:14px}.milestone-section .badge{padding:18px 12px;min-height:310px}.milestone-section .badge h3{font-size:15px;line-height:1.35}.milestone-section .badge p{font-size:12px;line-height:1.5}.recognition-admin [hidden],.recognition-admin[hidden]{display:none!important}.recognition-admin{padding:22px;background:#19242d;border:1px solid #34434d;border-radius:12px}.recognition-admin label{display:block;margin:20px 0 8px;font-size:13px;font-weight:700}.recognition-admin select,.recognition-admin textarea{display:block;width:100%;max-width:100%;padding:12px;background:#101820;color:#f6f8f9;border:1px solid #52616b;border-radius:7px;font:14px/1.5 Arial,sans-serif}.recognition-admin textarea{resize:vertical}.recognition-rule{color:#e5edf1;line-height:1.6;font-size:14px}.recognition-admin .recognition-confirm{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.recognition-confirm input{margin-top:4px;width:18px;height:18px;flex:none;accent-color:#d32843}.recognition-admin :focus-visible{outline:3px solid #72b7ef;outline-offset:3px}.recognition-admin :disabled{opacity:.6}.recognition-admin .fine{line-height:1.6}.recognition-admin button{min-height:44px}@media(max-width:550px){.milestone-section .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.milestone-section .badge{min-height:320px}.recognition-admin{padding:16px}}

/* Keep verification forms readable against the shared navy palette. */
.recognition-admin,.milestone-intro{background:#122333;color:#f4f7fa}.recognition-admin label,.recognition-admin h2,.recognition-admin .fine,.recognition-admin .recognition-confirm{color:#f4f7fa}.recognition-admin select,.recognition-admin textarea{background:#fff;color:#304553}.recognition-admin button{background:#cf203e;color:#fff}.recognition-admin input[type=checkbox]{min-height:22px!important;height:22px;width:22px}

/* Navy information panels need explicit foregrounds above legacy page colors. */
html body .milestone-intro h2,html body #next .progressTop,html body #next .progressTop b,html body #next .progressTop span{color:#ffffff!important}
html body .milestone-intro p,html body #next .fine{color:#dce6ef!important;opacity:1!important}
html body #next,html body .milestone-intro{background:#122333!important}