
.hsfp{--gold:#ffd329;--blue:#071c37;background:transparent!important;color:#e9f2ff!important;font-family:system-ui,-apple-system,Segoe UI,sans-serif!important;max-width:none!important;padding:12px clamp(12px,2vw,30px) 60px!important}
.hsfp .shell{max-width:1600px!important;margin:auto!important}
.hsfp .mobile-nav{background:#081c36!important;border:1px solid #29476b!important}
.hsfp .mobile-nav a{color:#fff!important}
.hsfp .sb-hero{min-height:335px;border:1px solid #315278;border-radius:23px;background:linear-gradient(90deg,#06172fbb 0%,#06172f8c 65%,#06172f50 100%)!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(22px,4vw,65px);margin:0 0 18px;position:relative;overflow:hidden;box-shadow:0 20px 55px #0007}
.hsfp .sb-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#06172fbb,transparent 45%)}
.hsfp .sb-hero>*{position:relative;z-index:1}
.hsfp .sb-eyebrow{color:#ffd329!important;letter-spacing:.22em;font-size:13px;font-weight:800;text-transform:uppercase}
.hsfp .sb-hero h1{color:#ffd329!important;font-size:clamp(34px,6vw,75px)!important;letter-spacing:.035em!important;line-height:1.05!important;margin:12px 0 6px!important;text-shadow:0 4px 16px #0009}
.hsfp .sb-hero p{color:#fff!important;font-size:clamp(14px,2vw,20px)!important;margin:0!important;max-width:560px}
.hsfp .sb-hero .sb-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.hsfp .sb-hero .sb-nav a{padding:10px 15px;border:1px solid #d2b434;border-radius:10px;color:#071b35!important;background:#ffd329!important;font-weight:750;text-decoration:none}
.hsfp .sb-menu{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 20px}
.hsfp .sb-group{background:linear-gradient(145deg,#092744dc,#06172fe3);border:1px solid #315b86;border-radius:16px;overflow:hidden;min-width:0;box-shadow:0 12px 30px #0004}
.hsfp .sb-group summary{cursor:pointer;list-style:none;padding:20px 14px 14px;color:#fff!important;font-weight:850;font-size:15px;min-height:98px;display:flex;flex-direction:column;gap:8px}
.hsfp .sb-group summary::-webkit-details-marker{display:none}
.hsfp .sb-group summary:focus-visible{outline:3px solid #ffd329;outline-offset:-3px}
.hsfp .sb-group summary .sb-ico{font-size:30px;color:#ffd329}
.hsfp .sb-group summary small{font-size:11px;color:#b9cee7!important;font-weight:500}
.hsfp .sb-group .sb-items{padding:0 12px 14px}
.hsfp .sb-group .sb-items a{display:block;padding:10px 6px;border-top:1px solid #3b5c7d;color:#e9f2ff!important;text-decoration:none!important;font-size:13px;line-height:1.4}
.hsfp .sb-group .sb-items a:hover{color:#ffd329!important}
.hsfp .sb-group .sb-items a strong{font-size:13px;color:inherit!important}
.hsfp .sb-group .sb-items a span{display:none!important}
.hsfp .sb-group .sb-items a:after{content:"›";float:right;color:#ffd329}
.hsfp .sb-group:not([open]) .sb-items{display:none}
.hsfp .sb-group[open]{border-color:#d5ad29}
.hsfp .sb-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.hsfp .sb-mini{background:#092645d9;border:1px solid #315779;border-radius:16px;padding:18px;min-width:0}
.hsfp .sb-mini h3{color:#ffd329!important;font-size:16px!important;margin:0 0 12px!important}
.hsfp .sb-mini .sb-value{font-size:35px;font-weight:900;color:#fff}
.hsfp .sb-mini .sb-desc{font-size:13px;color:#d0e0f3}
.hsfp .sb-mini .sb-photos{display:flex;gap:8px;overflow:hidden}
.hsfp .sb-mini .sb-photos img{width:31%;aspect-ratio:1.35;object-fit:cover;border-radius:8px}
.hsfp .card,.hsfp section.card,.hsfp .hsfp-kpis>div,.hsfp .hsfp-delivery,.hsfp .hsfp-report{background:#092645d9!important;border:1px solid #315779!important;border-radius:17px!important;color:#e9f2ff!important;box-shadow:0 8px 28px #0002!important}
.hsfp .card h2,.hsfp .card h3,.hsfp h2,.hsfp h3{color:#ffd329!important}
.hsfp .card p,.hsfp .card label,.hsfp .card small,.hsfp .card span,.hsfp .muted,.hsfp .sub{color:#d5e3f5!important;opacity:1!important}
.hsfp .hsfp-kpis strong{color:#ffd329!important;opacity:1!important}
.hsfp input:not([type=checkbox]):not([type=radio]),.hsfp textarea,.hsfp select{background:#fff!important;color:#102a48!important;border:2px solid #98aec8!important;opacity:1!important}
.hsfp button,.hsfp .btn,.hsfp input[type=submit]{background:#ffd329!important;color:#071c37!important;border-radius:10px!important;font-weight:750!important}
.hsfp a{color:#ffd329}
.hsfp .notice{background:#123d3b!important;color:#fff!important}
.hsfp #alla-funktioner{display:none!important}
.hsfp .sb-original-header{display:none!important}
@media(max-width:1100px){.hsfp .sb-menu{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.hsfp .sb-hero{min-height:250px;background-position:62% center}.hsfp .sb-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.hsfp .sb-panels{grid-template-columns:1fr}.hsfp .sb-group summary{min-height:88px}}
@media(max-width:420px){.hsfp .sb-menu{grid-template-columns:1fr}.hsfp .sb-group summary{min-height:0}.hsfp .sb-hero{min-height:220px}}

/* One continuous sports action background across the full portal. */
body:has(.hsfp),body.single-hsport_arena{background:#06152c!important}
body:has(.hsfp)::before,body.single-hsport_arena::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,15,33,.83),rgba(4,16,35,.57),rgba(4,16,35,.70)),var(--sb-portal-bg,none) center center/cover no-repeat;background-attachment:fixed}
body:has(.hsfp) .hsfp,body.single-hsport_arena main,body.single-hsport_arena article{position:relative;z-index:1}
.hsfp{--sb-portal-bg:var(--sb-hero);isolation:isolate}
.hsfp::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(3,15,33,.82),rgba(4,16,35,.65),rgba(4,16,35,.75)),var(--sb-hero) center center/cover no-repeat}
.hsfp .shell{position:relative;z-index:1}
.hsfp .sb-hero{border-color:#e0b93b88!important;box-shadow:0 20px 55px #0005!important}
.hsfp .sb-group,.hsfp .sb-mini,.hsfp .card,.hsfp section.card,.hsfp .hsfp-kpis>div{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hsfp .card p,.hsfp .card label,.hsfp .card li,.hsfp .card small,.hsfp .card span{color:#edf4ff!important}
.hsfp .sb-group .sb-items a{color:#fff!important}
.hsfp .sb-group .sb-items a:hover{background:#153b62aa}
.hsfp .hsfp-kpis>div{background:#0b2949d9!important}
.hsfp .sb-mini{background:#092645d9!important}
.hsfp #alla-funktioner{display:block!important;background:#092645d9!important}
.hsfp #alla-funktioner .hub-grid{display:none!important}
.hsfp #alla-funktioner h2{font-size:16px!important}
@media(max-width:750px){.hsfp::before{background-position:65% center}.hsfp .sb-hero{background:#06172f66!important}}

/* v2.2 – all sport behind every portal section, readable glass panels */
.hsfp{background:transparent!important;isolation:isolate}
.hsfp::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(4,16,34,.42) 0%,rgba(4,16,34,.68) 35%,rgba(4,16,34,.88) 100%),var(--sb-hero) center top/cover no-repeat,#06152c!important}
.hsfp .sb-hero{background:linear-gradient(90deg,rgba(5,19,39,.76),rgba(5,19,39,.22)),var(--sb-hero) center 33%/cover no-repeat!important}
.hsfp .sb-group,.hsfp .sb-mini,.hsfp .card,.hsfp section.card,.hsfp .hsfp-kpis>div{background:rgba(6,27,53,.86)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-color:#46678a!important}
.hsfp .sb-group .sb-items a,.hsfp .sb-mini,.hsfp .card p{color:#edf5ff!important}
@media(max-width:700px){.hsfp::before{background-position:55% top!important}.hsfp .sb-hero{background-position:55% center!important}}

/* Premium v3.0: distinct navigable pages, one background across all views */
.hsfp{background:linear-gradient(180deg,rgba(3,15,33,.60),rgba(3,15,33,.88)),var(--sb-hero) center top/cover fixed no-repeat,#06172f!important}
.hsfp .sb-original-header,.hsfp #alla-funktioner{display:none!important}
.hsfp .sb-topnav{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;margin:4px 0 14px;padding:12px;background:#061a33e8;border:1px solid #355777;border-radius:15px;backdrop-filter:blur(12px)}
.hsfp .sb-toplink{padding:12px 14px;border-radius:10px;color:#f0f5ff!important;text-decoration:none!important;font-weight:700;font-size:13px}
.hsfp .sb-toplink.active,.hsfp .sb-toplink:hover{background:#ffd329!important;color:#071b35!important}
.hsfp .sb-pagehero{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:290px;padding:clamp(25px,5vw,68px);margin:0 0 18px;border-radius:20px;border:1px solid #426388;background:linear-gradient(90deg,#06172fbd,#06172f30),var(--sb-hero) center 32%/cover no-repeat;box-shadow:0 16px 40px #0005}
.hsfp .sb-pagehero h1{color:#ffd329!important;font-size:clamp(35px,6vw,70px)!important;line-height:1.1!important;margin:0 0 12px!important}
.hsfp .sb-pagehero p{color:#fff!important;font-size:clamp(15px,2vw,21px)!important;margin:0!important}
.hsfp .sb-pagehero.sb-hero-compact{min-height:160px}
.hsfp .sb-pagehero.sb-hero-compact h1{font-size:clamp(28px,4vw,46px)!important}
.hsfp .sb-pagecards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.hsfp .sb-pagecard{display:flex;flex-direction:column;gap:12px;position:relative;min-height:200px;background:linear-gradient(145deg,#0c2c4fe8,#061c36f5);border:1px solid #41658b;border-radius:17px;padding:23px 17px;text-decoration:none!important;color:#fff!important;backdrop-filter:blur(12px);box-shadow:0 14px 30px #0005}
.hsfp .sb-pagecard:hover,.hsfp .sb-pagecard:focus-visible{border-color:#ffd329;transform:translateY(-2px)}
.hsfp .sb-pageicon{font-size:38px;color:#ffd329!important}.hsfp .sb-pagecard strong{font-size:16px;color:#fff!important}.hsfp .sb-pagecard small{font-size:13px;color:#c8daef!important}.hsfp .sb-arrow{margin-top:auto;color:#ffd329!important;font-size:23px}
.hsfp .sb-shortcuts,.hsfp .sb-help{margin-top:18px;background:#071d39e8;border:1px solid #3b5c80;border-radius:17px;padding:20px;backdrop-filter:blur(10px)}
.hsfp .sb-shortcuts h2,.hsfp .sb-help h2{color:#ffd329!important}.hsfp .sb-quickgrid{display:flex;flex-wrap:wrap;gap:10px}.hsfp .sb-quickgrid a{padding:12px 16px;border-radius:9px;background:#12375d;color:#fff!important;text-decoration:none!important;border:1px solid #3a5e83}
.hsfp .sb-welcome{color:#d6e5f8!important;padding:14px 2px}
.hsfp .sb-pagecontent>.card,.hsfp .sb-pagecontent>section{background:#0a2949ec!important;color:#eaf3ff!important;border:1px solid #3b6085!important;border-radius:18px!important;backdrop-filter:blur(10px);margin-bottom:18px!important}
.hsfp .sb-pagecontent .card p,.hsfp .sb-pagecontent .card label,.hsfp .sb-pagecontent .card small{color:#dce9f9!important;opacity:1!important}
.hsfp .sb-pagecontent .hsfp-editor-photo,.hsfp .sb-pagecontent .position,.hsfp .sb-pagecontent .arena-result{background:#14365be6!important;color:#fff!important;border-radius:10px;padding:10px}
.hsfp .sb-pagecontent .hsfp-editor-photo small{color:#dce9f9!important}
.hsfp .sb-pagecontent .hsfp-kpis>div{background:#12365b!important}
.hsfp .sb-pagecontent [hidden],.hsfp [hidden]{display:none!important}
.hsfp .sb-pagecontent .card h2,.hsfp .sb-pagecontent .card h3{color:#ffd329!important}
.hsfp .sb-pagecontent input:not([type=checkbox]):not([type=radio]),.hsfp .sb-pagecontent textarea,.hsfp .sb-pagecontent select{background:#fff!important;color:#112b49!important}
@media(max-width:1120px){.hsfp .sb-pagecards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.hsfp .sb-pagecards{grid-template-columns:repeat(2,minmax(0,1fr))}.hsfp .sb-topnav{justify-content:flex-start}.hsfp .sb-toplink{font-size:12px;padding:9px}.hsfp .sb-pagehero{min-height:210px}}
@media(max-width:450px){.hsfp .sb-pagecards{grid-template-columns:1fr}.hsfp .sb-pagecard{min-height:145px}}

/* v3.1: consistent premium look on ALL portal subviews, without changing form logic */
.hsfp .sb-pagecontent{max-width:1600px;margin:0 auto;min-height:340px}
.hsfp .sb-pagecontent > section:not([hidden]),.hsfp .sb-pagecontent > div:not([hidden]){animation:sb-in .18s ease-out}
@keyframes sb-in{from{opacity:.65;transform:translateY(5px)}to{opacity:1;transform:none}}
.hsfp .sb-pagecontent :is(.card,.panel,.widget,[class*="-card"],[class*="-panel"],.hsfp-kpis>div){background:rgba(7,29,55,.89)!important;color:#f3f7ff!important;border:1px solid #416487!important;border-radius:17px!important;box-shadow:0 12px 32px #0003!important;backdrop-filter:blur(9px)}
.hsfp .sb-pagecontent :is(h1,h2,h3,h4,legend){color:#ffd329!important;opacity:1!important}
.hsfp .sb-pagecontent :is(p,li,small,span,label,td,th,dt,dd,.muted,.sub,.hint,.description){color:#e1ecfa!important;opacity:1!important}
.hsfp .sb-pagecontent :is(strong,b){color:#fff!important;opacity:1!important}
.hsfp .sb-pagecontent :is(a:not(.btn):not(.button)){color:#ffd329}
.hsfp .sb-pagecontent :is(a:not(.btn):not(.button)):hover{color:#fff}
.hsfp .sb-pagecontent :is(input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),textarea,select){background:#f7fbff!important;color:#102944!important;border:2px solid #9fb9d5!important;border-radius:10px!important;opacity:1!important;box-shadow:none!important;min-height:40px}
.hsfp .sb-pagecontent :is(input,textarea)::placeholder{color:#526b86!important;opacity:1!important}
.hsfp .sb-pagecontent select option{background:#fff!important;color:#102944!important}
.hsfp .sb-pagecontent :is(button,.btn,input[type=submit],input[type=button]){background:#ffd329!important;color:#071c36!important;border:1px solid #ffd329!important;border-radius:10px!important;font-weight:750!important;min-height:40px}
.hsfp .sb-pagecontent :is(button,.btn,input[type=submit],input[type=button]):focus-visible{outline:3px solid #fff!important;outline-offset:3px}
.hsfp .sb-pagecontent :is(table){background:rgba(8,30,54,.75)!important;color:#fff!important;border-collapse:collapse;width:100%}
.hsfp .sb-pagecontent :is(th){background:#10395f!important;color:#ffd329!important}
.hsfp .sb-pagecontent :is(td,th){border-bottom:1px solid #3e6081;padding:12px}
.hsfp .sb-pagecontent :is(tr:nth-child(even)){background:#0f3151a6}
.hsfp .sb-pagecontent :is(.notice,.alert){background:#123b46!important;color:#fff!important;border-color:#557890!important}
.hsfp .sb-pagecontent .grid{gap:16px!important}
.hsfp .sb-pagecontent .hsfp-kpis{gap:14px!important}
.hsfp .sb-pagecontent .hsfp-kpis strong{color:#ffd329!important}
.hsfp .sb-pagehero.sb-hero-compact{min-height:205px!important;background:linear-gradient(90deg,#06172fe8 0%,#06172f80 65%,#06172f55),var(--sb-hero) center 35%/cover no-repeat!important;border-color:#b99c3c!important}
.hsfp .sb-topnav{position:sticky;top:8px;z-index:50;box-shadow:0 10px 25px #0005!important}
.hsfp .sb-toplink:focus-visible{outline:3px solid #ffd329;outline-offset:2px}
.hsfp .sb-pagecontent .sb-help{background:#092846eb!important}
.hsfp .sb-pagecontent .sb-help p{color:#e1ecfa!important}
@media(max-width:700px){.hsfp .sb-pagecontent :is(table){display:block;overflow-x:auto}.hsfp .sb-pagehero.sb-hero-compact{min-height:155px!important}.hsfp .sb-topnav{top:0}}
@media(prefers-reduced-motion:reduce){.hsfp .sb-pagecontent > section,.hsfp .sb-pagecontent > div{animation:none!important}}
