/* SEC Pride shares SEC POWer's Arial/Helvetica typography, colors adapted to navy and gold,
   bold pill buttons, and rounded content panels. */
:root{--navy:#173a6b;--ink:#081a33;--gold:#b89851;--muted:#4c5b6b;--power-orange:#d4b66e;--power-dark:#0f2344}
body{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:var(--ink)}
button,select,input{font-family:Arial,Helvetica,sans-serif}
.sec-mark{font-size:30px;font-weight:900}
.pride{font-size:46px;line-height:1;font-weight:900;letter-spacing:-2px}
.brandline{font-size:8px;font-weight:700;letter-spacing:1.2px;margin-top:6px}
.masthead nav{font-size:13px;font-weight:800;gap:23px}
.utility{font-weight:700;letter-spacing:1px}
.eyebrow,.edition{font-weight:900;letter-spacing:1.1px}
h1{font-size:clamp(38px,4vw,54px);line-height:1.08;font-weight:900;letter-spacing:-1.8px}
h1 em{display:block;font-family:Arial,Helvetica,sans-serif;font-size:clamp(29px,3vw,40px);font-weight:800;font-style:normal;line-height:1.16;letter-spacing:-1px;margin-top:12px}
.hero-copy p{font-size:16px;line-height:1.7;color:#3f5061}
.heritage-note{font-size:11px;color:#526171}
.button{border-radius:999px;font-weight:900;font-size:13px;box-shadow:0 4px 0 rgba(0,0,0,.2);padding:13px 18px;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}
.button:hover{transform:translateY(-1px);filter:brightness(1.04)}
.button:active{transform:translateY(3px);box-shadow:0 1px 0 rgba(0,0,0,.2)}
.button.light{background:#fff;color:#173a6b;border-color:#d7dee8}
.button.gold{background:var(--power-orange);border-color:var(--power-orange);color:#111}
.helmet-board{border-radius:14px;border-color:#d7dee8}
.helmet-cell span{font-size:10px;font-weight:800}
.board-top{font-size:9px;font-weight:800;letter-spacing:1px}
.board-bottom strong{font-size:12px;font-style:normal;font-weight:800}
.score-caption b{font-size:15px;line-height:1.25;font-weight:900}
.score-caption{font-size:9px;letter-spacing:.5px}
.mini-game{font-size:12px}.mini-game small{font-size:9px;font-weight:700}
.section-heading h2{font-size:30px;line-height:1.15;font-weight:900}
.feature-story h2{font-size:30px;line-height:1.15;letter-spacing:-.6px;font-weight:900}
.feature-story p{font-size:15px;line-height:1.7;color:#3f5061}
.text-link{font-size:12px;font-weight:900}
.power-panel{background:var(--power-dark);border-radius:14px;border-top:6px solid #173a6b;box-shadow:0 8px 20px rgba(8,26,51,.12)}
.power-logo{font-size:34px;line-height:1.1;font-weight:900;letter-spacing:-1px}
.power-logo span{color:#d4b66e}
.power-panel p{font-size:14px;line-height:1.7;color:#dce8f7}
.power-panel small{font-size:10px}
.fan-poll h3{font-size:25px;line-height:1.15;font-weight:900;letter-spacing:-.4px}
.fan-poll select{font-size:14px;border-radius:8px;color:#081a33}
.fan-poll small{font-size:11px;color:#526171}
.tradition{border-radius:14px;border-top:6px solid #173a6b;box-shadow:0 7px 18px rgba(8,26,51,.07)}
.tradition h3{font-size:23px;font-weight:900;line-height:1.15;letter-spacing:-.5px}
.tradition p{font-size:13px;color:#3f5061}
.tradition-number{font-size:32px;font-weight:900;font-style:normal}
.pride-values h2{font-size:30px;line-height:1.13;font-weight:900}
.pride-values p{font-size:14px;color:#3f5061}
.value b{font-size:31px;font-weight:900;font-style:normal}
.value strong{font-size:11px;font-weight:900}.value span{font-size:11px;color:#4c5b6b}
.footer strong{font-size:22px;font-weight:900}.footer p,.footer a{font-size:11px}
.dialog-inner h2{font-size:32px;line-height:1.1;font-weight:900}
@media(max-width:1000px){.masthead nav{gap:15px;font-size:12px}.pride{font-size:40px}.brandline{font-size:7px}.value{padding:0 8px}.value strong{font-size:10px}}
@media(max-width:700px){.sec-mark{font-size:25px}.pride{font-size:35px}.brandline{font-size:6px;letter-spacing:.6px}.masthead nav{font-size:13px}.score-caption b{font-size:12px}.score-caption{font-size:8px}h1{font-size:40px;letter-spacing:-1.3px}h1 em{font-size:30px;letter-spacing:-.7px}.hero-copy p{font-size:15px}.hero-actions .button{font-size:12px;padding:12px 14px;gap:9px}.helmet-cell span{font-size:8px}.board-top{font-size:8px}.board-bottom strong{font-size:10px}.feature-story h2{font-size:28px}.feature-story p{font-size:14px}.section-heading h2{font-size:27px}.tradition h3{font-size:23px}.value strong{font-size:12px}.value span{font-size:12px}.fan-poll form{grid-template-columns:1fr 116px}.fan-poll select{min-width:0}.pride-values h2{font-size:29px}}

/* Approved horizontal website logo. Preserve its white shield interior. */
.wordmark{flex:0 1 360px;min-width:0}
.website-logo{display:block;width:360px;max-width:100%;height:auto}
@media(max-width:1000px) and (min-width:701px){.wordmark{flex-basis:290px}.masthead{gap:20px}.masthead nav{gap:12px;font-size:11px}.masthead nav .button{font-size:11px;padding:11px 13px}}
@media(max-width:700px){.wordmark{flex:0 1 calc(100% - 90px)}.website-logo{width:280px}.masthead{padding:13px 0}}
