/* V12: neutral surfaces, approved artwork and geometry retained. */
html,body{background:#15171b;color:#f2f3f5}
body{background:radial-gradient(ellipse at 50% 20%,#202328 0,#15171b 70%)}
.card{background:#252b33;border-color:#48515e;box-shadow:0 6px 22px rgba(0,0,0,.3)}
.card-head{background:linear-gradient(180deg,#3b424d,#323944);border-bottom:1px solid #626d7c;border-radius:8px 8px 0 0;box-shadow:inset 3px 0 0 #ed3541}
.card-head h2{color:#fff}.card-head .more{color:#ff7279}
.news{border-bottom-color:#434b56}.news-title{color:#f7f8fa}.news-meta,.event-meta,.uol-video-meta,.uol-video-note{color:#c5cbd4}
.news-cat{color:#ff7179}.read{color:#ff7981;border-color:#ef5965}.read:hover{color:white}
.events .event{border-bottom-color:#434b56}.filters .filter{background:#303741;border-color:#66717e;color:#f5f6f8}.filters .filter.active{background:#ce2433;border-color:#fa6e77}
.info-card{background:#292e36;border-color:#454c56}.info-card p{color:#ccd1d9}
footer{background:#0e1014!important;border-top:1px solid #454b55}.footer-grid p,.footer-grid a,.footer-bottom{color:#bfc5ce}.footer-bottom,.footer-hadika{border-color:#353c46}
.navbar{background:linear-gradient(180deg,#252b34,#191e26);border-top-color:#505965;border-bottom-color:#365d88}.submenu{background:#252c36;border-color:#4b5869}
.search{background:transparent;border-left-color:#505965;cursor:pointer}.search:hover,.search:focus-visible{background:#414a57;outline:2px solid #8cc7ff;outline-offset:-3px}
.uol-video-card{background:#2e353f;border-color:#586270}.uol-video-filter{background:#313b48;border-color:#657385}.uol-video-dialog{background:#252b33;border-color:#626d7c}
.uol-search-dialog{width:min(800px,94vw);max-width:94vw;max-height:88vh;border:1px solid #6c7889;border-radius:9px;padding:20px;background:#252b33;color:#f4f6f8;box-shadow:0 20px 80px #0008}
.uol-search-dialog::backdrop{background:#000b}.uol-search-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.uol-search-heading h2{margin:0;font-size:22px}
.uol-search-dialog button{font:inherit;cursor:pointer;background:#3a4553;color:white;border:1px solid #708097;border-radius:4px;padding:8px 12px}
.uol-search-fields{display:flex;gap:10px;flex-wrap:wrap}.uol-search-fields input,.uol-search-fields select{font:inherit;color:#fff;background:#171b21;border:1px solid #8390a1;border-radius:4px;padding:12px;min-width:0}.uol-search-fields input{flex:1;min-width:180px}
.uol-search-dialog :focus-visible{outline:2px solid #92cbff;outline-offset:2px}.uol-search-status{font-size:13px;color:#ced3dc;line-height:1.5}
.uol-search-results{list-style:none;padding:0;margin:0}.uol-search-result{display:block;padding:14px 8px;border-top:1px solid #505b68;color:#fff}.uol-search-result:hover{background:#37424f}.uol-search-result strong{display:block;line-height:1.45}.uol-search-result small{display:block;color:#c5cedb;margin-top:5px;line-height:1.45}
@media(max-width:600px){.uol-search-dialog{padding:14px}.uol-search-heading h2{font-size:18px}.uol-search-fields select{width:100%}}
/* Real links and separately operable dropdown toggles. */
.navitem[data-uol-menu]{padding-right:7px}.nav-main{display:flex;align-items:center;align-self:stretch}
.nav-toggle{font:inherit;font-size:11px;color:inherit;cursor:pointer;background:none;border:0;padding:12px 8px;margin-left:3px;line-height:1}
.navitem .nav-toggle:focus-visible,.nav-main:focus-visible{outline:2px solid #9acfff;outline-offset:2px}
.navitem[data-uol-menu] .submenu{display:none}.navitem[data-uol-menu].open .submenu{display:block}.submenu a:focus-visible{background:#435166;outline:2px solid #9acfff}
.uol-event-filter{padding:10px 16px;font-size:12px;color:#d5dae1}.uol-event-filter[hidden],#events-toggle[hidden]{display:none!important}
.uol-event-filter button{font:inherit;padding:5px 8px;cursor:pointer;background:#3c4858;color:#fff;border:1px solid #718097;border-radius:3px}
/* The old horizontal mobile scroller clipped dropdowns. Wrap navigation instead. */
@media(max-width:760px){.navbar{overflow:visible;flex-wrap:wrap}.navlinks{min-width:0;flex-wrap:wrap;flex-basis:calc(100% - 50px)}.navitem{font-size:10px;padding:0 8px;height:40px}.navitem.home{padding-left:10px}.nav-toggle{padding:10px 5px}.search{min-width:44px;width:44px;height:40px}.submenu{min-width:180px;z-index:30}.navitem:nth-child(3n) .submenu{left:auto;right:0}}
@media(min-width:761px){.navitem{font-size:clamp(11px,.76vw,13px);padding-left:clamp(8px,.75vw,18px);padding-right:clamp(8px,.75vw,18px)}.navitem.home{padding-left:16px}.search{flex-shrink:0}}
@media(min-width:761px) and (max-width:1250px){.navbar{height:auto}.navlinks{flex-wrap:wrap}.navitem{height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
