@font-face{font-family:'Aktiv Grotesk';src:url(fonts/AktivGrotesk-Light.woff) format('woff');font-weight:300}
@font-face{font-family:'Aktiv Grotesk';src:url(fonts/AktivGrotesk-Regular.woff) format('woff');font-weight:400}
@font-face{font-family:'Aktiv Grotesk';src:url(fonts/AktivGrotesk-Medium.woff) format('woff');font-weight:500}
@font-face{font-family:'Aktiv Grotesk';src:url(fonts/AktivGrotesk-Bold.woff) format('woff');font-weight:600 700}
:root{color-scheme:light;--blue:#002CA0;--ink:#111;--mut:#666b75;--line:#dcdfe8;--card:#f3f4f9;--bad:#D0342C;--warn:#C25A00;--ok:#3E7A00}
*{box-sizing:border-box}
body{font:400 16px/1.4 'Aktiv Grotesk',Arial,sans-serif;letter-spacing:-.01em;background:#fff;color:var(--ink);margin:0 auto;padding:0 20px 40px;max-width:1180px}
.top{display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--ink);padding:14px 0;font-size:.74rem;font-weight:500;text-transform:uppercase;letter-spacing:.02em}
.brand{display:inline-flex;flex-direction:column;gap:6px;flex:none}
.brand img{height:36px;display:block;align-self:flex-start}
.brand .tag{background:#90AAA8;color:#fff;font-size:1.5rem;font-weight:400;text-transform:none;letter-spacing:-.02em;line-height:1.1;padding:.15em .6em .2em .85em}
.top .t{flex:1;line-height:1.5}
h1.first{margin-top:36px}
h1{font-size:2.6rem;font-weight:500;letter-spacing:-.035em;line-height:1.05;margin:2px 0 26px}
select,input,textarea{font:inherit;padding:9px 12px;border:1px solid #b9bdc9;border-radius:10px;background:#fff;color:var(--ink)}
select:focus,input:focus,textarea:focus{outline:2px solid var(--blue);outline-offset:1px}
button{font:500 .78rem 'Aktiv Grotesk',Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;padding:11px 20px;border:0;border-radius:999px;background:var(--blue);color:#fff;cursor:pointer}
button:hover{filter:brightness(1.15)}button:disabled{opacity:.4;cursor:default}
button.g{background:#fff;color:var(--ink);border:1px solid var(--ink)}
label{display:block;margin:16px 0 6px;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.tag{display:inline-block;padding:.3em .9em .3em 1.1em;clip-path:polygon(.55em 0,100% 0,calc(100% - .55em) 100%,0 100%);font-weight:500}
.banner{border-radius:16px;padding:16px 22px;margin:20px 0;font-size:1.15rem;font-weight:500;letter-spacing:-.02em;background:var(--blue);color:#fff}
.banner.m-photo{background:#FDC712;color:#51102A}.banner.m-podcast{background:#1CD68E;color:#003E26}.banner.m-video{background:#0093DD;color:#fff}
table{border-collapse:collapse;width:100%}
th{position:sticky;top:0;background:#fff;text-align:left;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--ink);padding:8px}
td{border-bottom:1px solid var(--line);padding:6px 8px;vertical-align:middle}
.wrap{overflow-x:auto}.pts{width:90px}
.bad{color:var(--bad);font-weight:500}.warn{color:var(--warn)}.ok{color:var(--ok)}.mut{color:var(--mut);font-size:.85rem}
.tabs{margin:6px 0 4px}.tabs button{background:#fff;color:var(--ink);border:1px solid var(--ink)}.tabs button.on{background:var(--blue);border-color:var(--blue);color:#fff}
.stat{background:var(--card);padding:8px 16px;border-radius:12px;font-weight:500}
.hide{display:none}
@media(max-width:640px){.top{gap:16px}.brand img{height:28px}.brand .tag{font-size:1.15rem}h1{font-size:2rem}.pts{width:70px}}