/* Approved A2-2 wordmark + S2 subtitle. Real self-hosted fonts, no raster logo. */
@font-face{font-family:"DynaPuff";src:url("./DynaPuff-700.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Dela Gothic One";src:url("./DelaGothicOne-400.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"M PLUS Rounded 1c";src:url("./MPLUSRounded1c-900.ttf") format("truetype");font-weight:900;font-display:swap}
/* Specificity intentionally overrides the portal's preserved legacy styles. */
.shell .header{height:auto;display:block;padding-top:28px;gap:0}
.header .brand{display:block;width:350px;max-width:100%;font-style:normal;font-size:inherit;letter-spacing:normal;transform:none;line-height:0}
.brand-lockup{display:block;width:100%;height:auto;overflow:visible}
.brand-main{fill:#0759df;stroke:#fff;paint-order:stroke fill;stroke-linejoin:round;filter:drop-shadow(2px 2px 0 #182e50) drop-shadow(1px 1px 0 #182e50)}
.brand-q{font-family:"DynaPuff",sans-serif;font-size:92.83px;font-weight:700;stroke-width:2px}
.brand-word{font-family:"Dela Gothic One",sans-serif;font-size:70px;font-weight:400;letter-spacing:-3px;stroke-width:2.5px}
.brand-bang{fill:#ef3d4c}
.brand-band{fill:#182e50}
.brand-subtitle{font-family:"M PLUS Rounded 1c",sans-serif;font-size:21px;font-weight:900;letter-spacing:1.8px;fill:#fff}
main .intro{margin:18px 0 26px;color:#182e50}
.intro #intro-title{font-size:34px;font-weight:900;line-height:1.6;letter-spacing:-1px}
.copy-line{display:inline-block;white-space:nowrap}
.copy-line:first-child{margin-right:.1em}
.copy-line strong{font-weight:900;color:#e43042;background:linear-gradient(transparent 81%,#ffdf69 81%,#ffdf69 100%);padding-bottom:1px}
main .intro p{font-size:15px;color:#5b6573;line-height:1.9;margin-top:21px;letter-spacing:0}
.intro p>span{display:block}
.catalog-actions{display:flex;align-items:center;gap:16px}
.catalog-actions #result-count{white-space:nowrap;color:#68717e;font-size:13px}
.catalog-actions .help-link{font-size:12px;padding:7px 15px}
@media(max-width:700px){
 .shell .header{padding-top:20px}
 main .intro{margin:18px 0 23px}
 .intro #intro-title{font-size:clamp(19px,6.15vw,27px);line-height:1.6;letter-spacing:-.7px}
 .copy-line{display:block}
 .copy-line:first-child{margin-right:0}
 main .intro p{font-size:12px;line-height:1.9;margin-top:22px}
 .catalog-actions{gap:10px}
 .catalog-actions .help-link{font-size:11px;padding:6px 11px}
}
@media(max-width:350px){main .intro p{font-size:11px}.catalog-actions #result-count{font-size:11px}}