/* Bygget af build/css.py fra src/haandbog.html og src/kampguide.html. Ret kilderne, ikke denne fil. */
:root{
  --ground:#F1F4EB;
  --surface:#FFFFFF;
  --ink:#13201A;
  --muted:#5D6D61;
  --line:#D7DFD1;
  --line-strong:#B9C6B3;
  --pitch:#1B4A2A;
  --pitch-deep:#12341D;
  --chalk:#F6F8F0;
  --brand:#448E34;
  --brand-ink:#2C5F22;
  --brand-tint:#E6F0E1;
  --link:#1F6FB2;
  --c-groen:#3F9C3B;
  --c-lilla:#7A4BA8;
  --c-blaa:#2E6FBA;
  --c-gul:#E4B41C;
  --c-roed:#C8392E;
  --bar-h:62px;
  --rail-w:232px;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --ground:#0C140F;
  --surface:#131E16;
  --ink:#E6ECE2;
  --muted:#9DAC9F;
  --line:#233227;
  --line-strong:#334737;
  --pitch:#173E24;
  --pitch-deep:#0F2A18;
  --chalk:#F1F5EC;
  --brand:#62B14F;
  --brand-ink:#A6D797;
  --brand-tint:#182919;
  --link:#7FB6EA;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;background:var(--ground);color:var(--ink);
  font-family:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:16.5px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--link)}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.disp{font-family:"Bricolage Grotesque","Arial Narrow",Impact,sans-serif;font-variation-settings:"wdth" 80,"opsz" 96;font-weight:800;letter-spacing:-.01em;line-height:.95}
.app{min-height:100%;display:flex;flex-direction:column}
.topbar{
  position:sticky;top:env(safe-area-inset-top,0px);z-index:20;
  background:var(--pitch);color:var(--chalk);
  display:flex;align-items:center;gap:12px;padding:0 16px;height:54px;
}
.topbar .mark{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:inherit}
.topbar .mark b{font-size:22px}
.topbar .mark span{font-size:12px;letter-spacing:.22em;text-transform:uppercase;opacity:.75;font-weight:600}
.topbar .grow{flex:1}
.tabbar{
  position:fixed;left:0;right:0;bottom:0;z-index:20;
  background:var(--surface);border-top:1px solid var(--line);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
.tabbar ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);height:var(--bar-h)}
.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;height:100%;width:100%;color:var(--muted);font-size:11.5px;font-weight:600;letter-spacing:.02em}
.tab svg{flex:none;width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tab.on{color:var(--brand-ink)}
.tab.on svg{stroke:var(--brand)}
html.embedded .topbar{display:none}
.content{flex:1;padding:0 16px calc(var(--bar-h) + 28px + env(safe-area-inset-bottom,0px));max-width:820px;width:100%;margin-inline:auto}
@media (max-width:959px){
  html.embedded .tabbar{position:sticky;top:0;bottom:auto;border-top:0;border-bottom:1px solid var(--line);padding:0;background:var(--surface)}
  html.embedded .tabbar ul{display:flex;height:54px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 10px;gap:4px;align-items:center;-webkit-overflow-scrolling:touch;
    mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
  html.embedded .tabbar ul::-webkit-scrollbar{display:none}
  html.embedded .tabbar li{flex:0 0 auto}
  html.embedded .tab{flex-direction:row;gap:6px;height:40px;width:auto;padding:0 14px;border-radius:999px;font-size:14px;letter-spacing:0;color:var(--ink);background:var(--brand-tint)}
  html.embedded .tab svg{width:17px;height:17px;stroke-width:2}
  html.embedded .tab.on{background:var(--pitch);color:#fff}
  html.embedded .tab.on svg{stroke:#fff}
  html.embedded .tabbar li:last-child{padding-right:24px}
  html.embedded .content{padding-bottom:24px}
  html.has-topsearch .tab.search-tab{display:none}
  html.embedded .view{padding-top:2px}
  html.embedded .vhead{padding-top:22px}
}
@media (min-width:960px){
  .app{flex-direction:row;align-items:flex-start}
  .topbar{display:none}
  .tabbar{position:sticky;top:0;bottom:auto;left:auto;right:auto;height:100vh;width:var(--rail-w);flex:0 0 var(--rail-w);border-top:0;border-right:0;background:transparent;color:var(--ink);padding:20px 18px}
  .tabbar .railhead{display:none}
  .tabbar ul{display:flex;flex-direction:column;height:auto;gap:2px;margin-top:18px}
  .tab{flex-direction:row;justify-content:flex-start;gap:12px;padding:11px 12px;border-radius:8px;font-size:15.5px;color:#3E4E42;height:auto}
  .tab:hover{background:var(--brand-tint);color:var(--pitch)}
  .tab.on{background:var(--pitch);color:#fff}
  .tab.on svg{stroke:#fff}
  .tab.search-tab{display:none}
  .content{padding:0 48px 80px;max-width:900px;margin-inline:auto}
  .railfoot{display:block}
}
.railhead{display:none;color:var(--pitch)}
.railhead .eyebrow{font-size:11px;letter-spacing:.28em;text-transform:uppercase;opacity:.7;font-weight:600}
.railhead b{display:block;font-size:34px;margin-top:6px}
.railhead .sub{font-size:13px;opacity:.75;margin-top:2px}
.railsearch{display:none;margin-top:0}
@media (min-width:960px){.railsearch{display:block}}
.railfoot{display:none;position:absolute;left:18px;right:18px;bottom:22px;font-size:12px;color:var(--muted);line-height:1.5}
.search{position:relative}
.search input{
  width:100%;height:42px;border-radius:8px;border:1px solid var(--line-strong);
  background:var(--surface);color:var(--ink);padding:0 12px 0 38px;font-size:15.5px;
}
.tabbar .search input{background:var(--surface);border-color:var(--line);color:var(--ink)}
.tabbar .search input::placeholder{color:var(--muted)}
.search svg{position:absolute;left:11px;top:11px;width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;opacity:.65;pointer-events:none}
.searchpanel{display:none}
.searchpanel.open{display:block}
.mobsearch{padding:14px 0 4px;display:flex;gap:8px;align-items:center}
.mobsearch .search{flex:1}
.closebtn{height:42px;padding:0 12px;font-weight:600;color:var(--brand-ink);border-radius:8px}
.closebtn:hover{background:var(--brand-tint)}
@media (min-width:960px){.mobsearch{display:none}}
.results{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.results li button{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:11px 14px}
.results li button:hover{border-color:var(--brand)}
.results .where{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ink);font-weight:700}
.results .what{font-weight:600;margin-top:2px}
.results .snip{font-size:14px;color:var(--muted);margin-top:2px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.results .none{color:var(--muted);padding:8px 2px}
mark{background:var(--c-gul);color:#1E1A05;padding:0 2px;border-radius:2px}
.flash{animation:flash 1.6s ease-out}
@keyframes flash{0%{background:var(--brand-tint)}100%{background:transparent}}
@media (prefers-reduced-motion:reduce){.flash{animation:none}}
.view{padding-top:8px}
.hero{
  margin:0 -16px;padding:26px 16px 24px;background:var(--pitch);color:var(--chalk);position:relative;overflow:hidden;
}
@media (min-width:960px){.hero{margin:0 -48px;padding:44px 48px 36px;border-radius:0 0 18px 18px}}
.hero .lines{position:absolute;right:-40px;top:-30px;width:min(70%,520px);height:auto;opacity:.16;pointer-events:none}
.hero .lines *{fill:none;stroke:#fff;stroke-width:2}
.hero .lock{display:flex;align-items:center;gap:14px;position:relative}
.hero .lock img{height:60px;width:auto;flex:none}
@media (min-width:960px){.hero .lock{gap:22px}.hero .lock img{height:96px}}
.hero .eyebrow{font-size:12px;letter-spacing:.3em;text-transform:uppercase;font-weight:600;opacity:.88}
.hero h1{margin:8px 0 6px;font-size:clamp(48px,12.5vw,112px);color:#fff;white-space:nowrap}
.hero .sub{font-size:clamp(17px,2.4vw,21px);margin:0;max-width:34ch;opacity:.92;font-weight:500}
.facts{display:flex;flex-wrap:wrap;gap:6px 26px;margin-top:20px;font-size:14.5px;position:relative}
.facts div{display:flex;flex-direction:column}
.facts small{font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.85;font-weight:600}
.facts b{font-weight:700;font-size:16px}
@media (max-width:600px){
  .hero{padding:20px 16px 18px}
  .hero .eyebrow{font-size:11px;letter-spacing:.22em}
  .hero h1{margin:6px 0 4px}
  .hero .sub{font-size:16px;line-height:1.4}
  .facts{margin-top:14px;gap:8px 18px;font-size:13.5px}
  .facts small{font-size:10px;letter-spacing:.14em}
  .facts b{font-size:15px;line-height:1.3}
  .sec{padding-top:28px}
  .sec > h3{font-size:11.5px;letter-spacing:.14em;margin-bottom:12px}
  .mantra{gap:6px}
  .mantra span{font-size:18px;padding:12px 6px}
  .tools a{padding:11px 14px}
}
h2{margin:0 0 6px;font-size:clamp(34px,6vw,46px);color:var(--ink)}
.lead{color:var(--muted);margin:0 0 22px;max-width:60ch;font-size:17px}
.vhead{padding:30px 0 6px}
@media (min-width:960px){.vhead{padding-top:52px}}
.sec{padding:36px 0 0}
.sec > h3{font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--brand-ink);font-weight:700;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid var(--brand)}
@media (max-width:600px){.vhead{padding-top:24px}.lead{font-size:16px;margin-bottom:8px}.sec{padding-top:28px}}
h4{font-size:19px;margin:22px 0 6px;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:"wdth" 92,"opsz" 24;font-weight:700;letter-spacing:-.005em;text-wrap:balance}
p{margin:0 0 12px;max-width:66ch}
ul,ol{margin:0 0 12px;padding-left:20px;max-width:66ch}
li{margin-bottom:7px}
li::marker{color:var(--brand)}
.k{color:var(--brand-ink);font-weight:700}
.callout{border-left:4px solid var(--brand);padding:6px 0 6px 16px;margin:18px 0;max-width:66ch}
.callout p:last-child{margin:0}
.callout.strong p{font-size:18px;font-weight:600}
.quick{list-style:none;padding:0;margin:0;max-width:none}
.quick li{display:grid;grid-template-columns:14px 1fr;gap:14px;padding:14px 0;border-bottom:1px solid var(--line);margin:0;align-items:start}
.quick .n{width:12px;height:12px;border-radius:3px;background:var(--brand);margin-top:7px}
.quick b{display:block;font-size:17.5px}
.quick span{color:var(--muted);font-size:15px}
.ladder{margin-top:14px;position:relative}
.rung{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;border-top:2px solid var(--line-strong);padding:10px 0}
.rung:last-child{border-bottom:2px solid var(--line-strong)}
.rung .lvl{display:flex;flex-direction:column;line-height:1}
.rung .lvl b{font-size:44px;color:var(--ink)}
.rung .lvl small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-top:6px}
.rung .empty{color:var(--muted);font-size:14.5px;font-style:italic}
.rung.off{border-top-style:dashed;margin-top:14px}
.rung.off .lvl b{font-size:15px;line-height:1.2;color:var(--muted);font-family:"Schibsted Grotesk",sans-serif;font-weight:700}
.grp{display:grid;grid-template-columns:auto 1fr auto;gap:0 16px;align-items:center;padding:8px 0}
.grplist{margin:6px 0 8px}
.grplist .grp{border-bottom:1px solid var(--line);padding:12px 0}
.grplist .grp:first-child{border-top:2px solid var(--line-strong)}
.grp .stack{width:54px;height:66px;border-radius:6px;display:flex;flex-direction:column;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.grp .stack i{flex:1;display:block}
.grp .name{font-size:38px;line-height:1}
.grp .meta{font-size:14.5px;color:var(--muted);margin-top:4px;line-height:1.35}
.grp .meta b{color:var(--ink);font-weight:600}
.grp .count{text-align:right;line-height:1}
.grp .count b{font-size:46px;display:block;font-variant-numeric:tabular-nums}
.grp .count small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.sw-groen{background:var(--c-groen)}
.sw-lilla{background:var(--c-lilla)}
.sw-blaa{background:var(--c-blaa)}
.sw-gul{background:var(--c-gul)}
.sw-roed{background:var(--c-roed)}
.colors{list-style:none;padding:0;margin:8px 0 0;max-width:none}
.colors li{display:grid;grid-template-columns:72px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);margin:0}
.colors .sw{height:72px;border-radius:6px;display:flex;align-items:flex-end;padding:6px 8px;color:#fff;font-weight:700;font-size:13px;letter-spacing:.04em;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.colors .sw.gul{color:#1E1A05}
.colors .fn{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-ink);font-weight:700}
.colors .fn .new{background:var(--c-lilla);color:#fff;border-radius:3px;padding:1px 6px;margin-left:6px;letter-spacing:.1em}
.colors p{margin:4px 0 0;font-size:15.5px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:8px 0}
@media (max-width:600px){.two{grid-template-columns:1fr;gap:6px}}
.two h4{margin-top:6px}
.timeline{margin:12px 0 6px}
.tl{display:grid;grid-template-columns:10fr 60fr 8fr;gap:4px;height:64px}
.tl div{border-radius:6px;display:flex;align-items:flex-end;padding:8px 10px;font-weight:700;color:#fff;font-size:14px;line-height:1.1;overflow:hidden;white-space:nowrap}
.tl .a{background:var(--brand-ink)}
.tl .b{background:var(--brand);display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:4px;align-items:stretch}
.tl .b i{display:flex;align-items:flex-end;padding:6px 8px;background:rgba(255,255,255,.14);border-radius:4px;font-style:normal;font-size:13px}
.tl .c{background:var(--brand-ink)}
.tllab{display:grid;grid-template-columns:10fr 60fr 8fr;gap:4px;margin-top:8px;font-size:13.5px;color:var(--muted)}
.tllab b{color:var(--ink);display:block;font-size:15px}
@media (max-width:600px){
  .tl{height:54px;grid-template-columns:12fr 60fr 10fr}
  .tl div{font-size:12px;padding:6px 6px}
  .tl .b{padding:4px}
  .tl .b i{font-size:0;padding:0}
  .tllab{grid-template-columns:1fr;gap:8px;margin-top:12px}
  .rung{grid-template-columns:44px 1fr;gap:10px}
  .rung .lvl b{font-size:36px}
  .rung .lvl small{font-size:10px;letter-spacing:.1em}
  .rung.off{grid-template-columns:1fr;gap:4px}
  .rung.off .lvl b{font-size:12px;letter-spacing:.14em;text-transform:uppercase}
  .grp{grid-template-columns:auto 1fr auto;gap:0 12px}
  .grp .stack{width:40px;height:54px}
  .grp .name{font-size:28px;white-space:nowrap}
  .grp .meta{font-size:13px}
  .grp .count b{font-size:32px}
  .grp .count small{font-size:9.5px;letter-spacing:.1em}
  .teams .name{font-size:26px}
  .teams .lvl b{font-size:26px}
  .bigquote{font-size:38px}
}
.pitchwrap{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:center;margin:10px 0}
@media (max-width:600px){.pitchwrap{grid-template-columns:1fr;gap:12px}.pitchwrap .pitch{max-width:230px;margin:4px auto 0}}
.pitch{width:100%;height:auto;display:block}
.pitch .g{fill:var(--pitch);}
.pitch .l{fill:none;stroke:#fff;stroke-width:1.6;opacity:.7}
.pitch .p{fill:#fff}
.pitch .gk{fill:var(--c-gul)}
.teams{list-style:none;padding:0;margin:8px 0 4px;max-width:none}
.teams li{display:grid;grid-template-columns:auto 1fr auto;gap:0 14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);margin:0}
.teams .stack{width:30px;height:42px;border-radius:6px;display:flex;flex-direction:column;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.teams .stack i{flex:1;display:block}
.teams .name{font-size:30px;line-height:1}
.teams .meta{font-size:14.5px;color:var(--muted);margin-top:3px}
.teams .lvl{text-align:right;line-height:1.1}
.teams .lvl b{display:block;font-size:30px;color:var(--brand-ink)}
.teams .lvl small{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}
.teams .lvl .mini{display:block;width:30px;height:30px;border-radius:6px;margin:0 0 4px auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.tools{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.tools a{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:8px;text-decoration:none;color:var(--ink);font-weight:600;font-size:15px}
.tools a:hover{border-color:var(--brand);color:var(--brand-ink)}
.tools a svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pitch .rombe{fill:none;stroke:#fff;stroke-width:1.2;stroke-dasharray:3 3;opacity:.55}
.pitch .pl{cursor:pointer}
.pitch .pl circle{fill:#fff;stroke:var(--pitch);stroke-width:1}
.pitch .pl text{font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:"wdth" 85;font-weight:800;font-size:9px;fill:var(--pitch);text-anchor:middle;pointer-events:none}
.pitch .pl.gk circle{fill:var(--c-gul)}
.pitch .pl.gk text{fill:#1E1A05;font-size:7.5px}
.pitch .pl:hover circle,.pitch .pl:focus-visible circle{stroke:var(--c-gul);stroke-width:2.5}
.pitch .pl:focus-visible{outline:none}
.pitch .pl circle.hit,.pitch .pl:hover circle.hit,.pitch .pl:focus-visible circle.hit{fill:transparent;stroke:none}
.hint{font-size:13.5px;color:var(--muted)}
.five{display:grid;grid-template-columns:1fr 1fr;gap:4px 28px;margin:4px 0 6px}
.five h4{margin:14px 0 4px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-family:"Schibsted Grotesk",sans-serif;font-weight:700;color:var(--brand-ink)}
.five ul{margin:0;padding-left:18px}
.five li{margin-bottom:4px;font-size:15.5px}
@media (max-width:600px){.five{grid-template-columns:1fr}}
.roles241{border-top:2px solid var(--line-strong);margin-top:6px}
.role{border-bottom:1px solid var(--line)}
.role summary{list-style:none;display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;padding:12px 0;cursor:pointer}
.role summary::-webkit-details-marker{display:none}
.role .num{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--pitch);color:#fff;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:"wdth" 85;font-weight:800;font-size:15px;letter-spacing:-.02em}
.role .num.gk{background:var(--c-gul);color:#1E1A05}
.role .rt b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:"wdth" 90,"opsz" 24;font-weight:700;font-size:18px;line-height:1.15}
.role .rt small{display:block;color:var(--muted);font-size:14px;margin-top:2px}
.role .chev{width:22px;height:22px;stroke:var(--muted);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.role[open] .chev{transform:rotate(180deg)}
.role[open] summary .rt b{color:var(--brand-ink)}
.rolebody{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;padding:2px 0 6px 56px}
.rolebody h5{margin:0 0 4px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-ink);font-weight:700}
.rolebody ul{margin:0;padding-left:18px}
.rolebody li{margin-bottom:4px;font-size:15px}
.keys{margin:0;padding:4px 0 14px 56px;font-size:14px;color:var(--muted)}
.keys b{color:var(--ink);font-weight:600}
@media (max-width:600px){.rolebody{grid-template-columns:1fr;padding-left:0}.keys{padding-left:0}}
@media (prefers-reduced-motion:reduce){.role .chev{transition:none}}
.bigquote{font-size:clamp(38px,8vw,64px);color:var(--ink);margin:10px 0 18px;max-width:14ch;text-wrap:balance}
.mantra{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:8px;margin:16px 0 10px;max-width:640px}
.mantra span{display:flex;align-items:center;justify-content:center;background:var(--pitch);color:#fff;padding:14px 10px;text-align:center;border-radius:6px;font-size:clamp(20px,4.2vw,28px);line-height:1}
.mantra svg{align-self:center;width:22px;height:22px;stroke:var(--brand);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ratio{display:flex;align-items:center;gap:6px;margin:6px 0 4px}
.ratio i{width:26px;height:26px;border-radius:50%;display:inline-block;background:var(--brand)}
.ratio i.x{background:transparent;border:3px solid var(--c-roed);width:20px;height:20px}
.ratio em{font-style:normal;color:var(--muted);margin:0 6px;font-weight:700}
.roles{list-style:none;padding:0;margin:0;max-width:none}
.roles li{display:grid;grid-template-columns:1fr 1.7fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);margin:0}
.roles b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:"wdth" 88,"opsz" 24;font-weight:700;font-size:18px;line-height:1.15}
.roles .who{color:var(--brand-ink);font-weight:600;font-size:15px;margin-top:2px}
.roles p{margin:0;font-size:15.5px;color:var(--muted)}
@media (max-width:520px){.roles li{grid-template-columns:1fr;gap:4px}}
.foot{margin-top:44px;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.rosbank{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none}
.rosbank li{background:var(--brand-tint);color:var(--brand-ink);font-weight:700;font-size:15px;padding:7px 12px;border-radius:999px}
.cgrid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px}
@media (min-width:960px){.cgrid{grid-template-columns:1fr 1fr}}
.ccard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.ccard.hit{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-tint);transition:box-shadow .3s,border-color .3s}
.ccard h4{margin:0 0 8px;font-size:18px}
.ccard .ros{list-style:none;margin:0;padding:0}
.ccard .ros li{padding:6px 0;border-top:1px solid var(--line);font-weight:600}
.ccard .ros li:first-child{border-top:0;padding-top:0}
.ccard .cue{margin:10px 0 0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.ccard .cue b{color:var(--brand-ink);letter-spacing:0;text-transform:none;font-size:14px}

/* ---------- Kampguide ---------- */
.iconbtn{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;color:var(--chalk)}
.iconbtn:hover{background:rgba(255,255,255,.1)}
.iconbtn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.tab .k{display:none}
@media (min-width:960px){.tab .k{display:inline;margin-left:auto;font-size:12px;opacity:.55;font-variant-numeric:tabular-nums}}
[hidden]{display:none!important}
@media (max-width:640px){.two{grid-template-columns:1fr;gap:6px}}
.say li,.quote li{font-style:italic}
.rules{list-style:none;padding:0;margin:0;max-width:none}
.rules li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);margin:0;align-items:start}
.rules li:first-child{border-top:2px solid var(--line-strong)}
.rules .n{font-size:38px;color:var(--brand);line-height:.9}
.rules b{display:block;font-size:17.5px}
.rules span{color:var(--muted);font-size:15px}
.seg{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 14px}
.seg button{border:1px solid var(--line-strong);background:var(--surface);border-radius:999px;padding:8px 14px;font-weight:600;font-size:14.5px;color:var(--ink)}
.seg button[aria-pressed="true"]{background:var(--pitch);border-color:var(--pitch);color:#fff}
.pane[hidden]{display:none}
.pane .k2{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand-ink);font-weight:700;margin:4px 0 6px}
.msgs{list-style:none;padding:0;margin:0 0 14px;max-width:none}
.msgs li{margin:0;padding:12px 0;border-bottom:1px solid var(--line);font-size:18px;font-weight:600;line-height:1.3}
.msgs li:first-child{border-top:1px solid var(--line)}
.cues{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:6px}
@media (max-width:640px){.cues{grid-template-columns:1fr}}
.cues h4{margin:0 0 8px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{background:var(--pitch);color:#fff;border-radius:6px;padding:7px 11px;font-size:17px;line-height:1}
.dd{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:640px){.dd{grid-template-columns:1fr}}
.dd ul{list-style:none;padding:0;margin:0}
.dd li{padding:9px 0 9px 28px;border-bottom:1px solid var(--line);margin:0;position:relative;font-size:15.5px}
.dd li:before{position:absolute;left:2px;top:9px;font-weight:800}
.dd .yes li:before{content:"✓";color:var(--brand)}
.dd .no li:before{content:"✕";color:var(--c-roed)}
.dd h4{margin-top:0}
.three{background:var(--pitch);color:#fff;border-radius:12px;padding:22px 20px;margin-top:8px}
.three p{font-size:clamp(24px,5vw,34px);margin:0 0 6px;line-height:1.05}
.three p:last-child{margin:0}
.tk{display:grid;grid-template-columns:230px 1fr;gap:26px;align-items:start}
@media (max-width:640px){.tk{grid-template-columns:1fr;gap:16px}}
.pitch2{width:100%;max-width:260px;height:auto;display:block;margin:0 auto}
.pitch2 .g{fill:var(--pitch)}
.pitch2 .l{fill:none;stroke:#fff;stroke-width:1.6;opacity:.6}
.pitch2 .d{fill:none;stroke:#fff;stroke-width:1.2;stroke-dasharray:4 3;opacity:.55}
.pitch2 .pl{cursor:pointer}
.pitch2 .pl circle{fill:#fff;transition:fill .15s}
.pitch2 .pl text{fill:var(--pitch-deep);font:800 12px "Schibsted Grotesk",sans-serif;text-anchor:middle;dominant-baseline:central;pointer-events:none}
.pitch2 .pl.on circle{fill:var(--c-gul)}
.pitch2 .pl:focus-visible circle{stroke:var(--c-gul);stroke-width:3}
.trole .t{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.trole .t h4{font-size:30px;margin:0;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:"wdth" 80,"opsz" 96;font-weight:800}
.trole .t small{color:var(--muted);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:12px}
.trole .lede{font-weight:600;color:var(--brand-ink);margin:2px 0 12px}
.trole .cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:420px){.trole .cols{grid-template-columns:1fr}}
.trole .cols ul{padding-left:18px;margin:0}
.trole .kw{margin-top:12px;font-size:14.5px;color:var(--muted)}
.trole .kw b{color:var(--ink)}
.bridge td{padding:6px 14px 6px 0;vertical-align:top}
.bridge td:first-child{font-weight:700;color:var(--brand-ink)}
@media print{
:root{--ground:#fff;--surface:#fff}
.topbar,.tabbar,.searchpanel,.seg,.printhide{display:none!important}
.app{display:block}
.content{padding:0!important;max-width:none}
.view{display:block!important;break-before:page}
.view:first-of-type{break-before:auto}
.pane{display:block!important;margin-bottom:10px}
.hero{margin:0;border-radius:0;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.three,.chips span,.rules li{-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rolecard{display:none}.allroles{display:block!important}
}
.allroles{display:none}
.allroles .trole{break-inside:avoid;border-top:1px solid var(--line);padding:12px 0}
.tl4{display:grid;grid-template-columns:5fr 10fr 7fr 3fr;gap:4px;height:58px}
.tl4 div{border-radius:6px;display:flex;align-items:flex-end;padding:8px 10px;font-weight:800;color:#fff;font-size:20px;line-height:1;font-family:"Bricolage Grotesque",sans-serif;font-variation-settings:"wdth" 80}
.tl4 div:after{content:" min";font-size:12px;font-family:"Schibsted Grotesk",sans-serif;font-weight:600;margin-left:3px;opacity:.85}
.tl4 div:last-child:after{content:""}
.tl4 .a{background:var(--brand-ink)}
.tl4 .b{background:var(--brand)}
.tl4lab{display:grid;grid-template-columns:5fr 10fr 7fr 3fr;gap:4px;margin-top:8px;font-size:13.5px;color:var(--muted)}
.tl4lab b{color:var(--ink);display:block;font-size:15px}
@media (max-width:600px){.tl4 div{padding:6px;font-size:17px}.tl4 div:after{content:""}.tl4lab{font-size:12.5px}.tl4lab b{font-size:13px}.tl4lab div:last-child b{font-size:0}.tl4lab div:last-child b:after{content:"Samling";font-size:11px}}
.rules li div b:only-child{padding-top:6px}
.meta{color:var(--muted);font-size:14.5px;margin-top:8px}
.big{font-size:19px;font-weight:700;margin:0 0 10px;line-height:1.3}
.tight{margin:0 0 8px}
.tight li{margin-bottom:4px}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chips span{background:var(--pitch);color:#fff;border-radius:6px;padding:7px 11px;font-size:15.5px;font-weight:600;line-height:1}
.dwrap{display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:start}
@media (max-width:600px){.dwrap{grid-template-columns:1fr;gap:12px}}
.dia{width:100%;max-width:280px;height:auto;display:block}
.dia .g,.mini .g{fill:var(--pitch)}
.dia .l,.mini .l{fill:none;stroke:#fff;stroke-width:1.5;opacity:.55}
.pa{fill:#fff}
.pb{fill:var(--c-blaa)}
.pj{fill:var(--c-gul)}
.dia .tr{fill:var(--c-roed)}
.dia .tt{fill:#fff;font:800 12px "Schibsted Grotesk",sans-serif;text-anchor:middle}
.dia .goal{fill:#fff;opacity:.9}
.dia .ar{fill:none;stroke:var(--c-gul);stroke-width:2.2;stroke-dasharray:5 4;stroke-linecap:round}
.dia .ar.sh{stroke-dasharray:none;stroke-width:2.6}
.dia .ar.dim{opacity:.45}
.legend{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13.5px;color:var(--muted)}
.legend i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:-6px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.2)}
.legend i.pa{background:#fff}
.legend i.pb{background:var(--c-blaa)}
.legend i.pj{background:var(--c-gul)}
.legend b{background:var(--c-roed);color:#fff;border-radius:3px;padding:0 4px;font-size:12px}
.words{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
@media (max-width:600px){.words{grid-template-columns:1fr}}
.words div{padding:10px 0;border-bottom:1px solid var(--line)}
.words dt{font-weight:700;color:var(--brand-ink)}
.words dd{margin:2px 0 0;font-size:15px;color:var(--muted)}
.rules.sm .n{font-size:30px}
.rules.sm li{padding:11px 0}
.rules.sm b{font-size:16.5px}
.praise{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.praise span{background:var(--brand);color:#fff;border-radius:8px;padding:12px 14px;font-size:clamp(20px,4.6vw,26px);line-height:1}
.praise span:nth-child(-n+3){background:var(--pitch)}
.phases{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:600px){.phases{grid-template-columns:1fr}}
.ph{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:8px;padding:12px 14px}
.ph small{display:block;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--brand-ink);margin-bottom:8px}
.ph.b,.ph.c{border-top-color:var(--c-roed)}
.ph.b .chips span,.ph.c .chips span{background:#7A2A23}
.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media (max-width:600px){.flow{grid-template-columns:1fr}}
.flow div{background:var(--pitch);color:#fff;border-radius:8px;padding:14px;position:relative}
.flow b{display:block;font-size:26px;line-height:1;margin-bottom:6px}
.flow span{font-size:15px;opacity:.92}
.dd{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:600px){.dd{grid-template-columns:1fr}}
.minis{display:flex;align-items:center;gap:14px;margin:6px 0}
.minis figure{margin:0;text-align:center}
.minis figcaption{font-size:13.5px;font-weight:700;margin-top:6px}
.mini{width:110px;height:auto}
.minis .arrow{width:26px;height:26px;stroke:var(--brand);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin:0 4px 0 8px;vertical-align:-1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.dot.pa{background:#fff}
.dot.pb{background:var(--c-blaa)}
.callout a{font-weight:600}
.dia .lane{fill:rgba(255,255,255,.08)}
.dia .cone{fill:#E4762E}
.dia .cone.y{fill:var(--c-gul)}
.dia .ball{fill:#fff;stroke:#13201A;stroke-width:.8}
.dia .pk{fill:var(--c-gul);stroke:#13201A;stroke-width:1}
.dia .pa{stroke:#13201A;stroke-width:.8}
.dia .pass{fill:none;stroke:#fff;stroke-width:1.8;marker-end:url(#ah)}
.dia .pass.dim{opacity:.4}
.legend{margin-top:6px}
.dia .pass2{fill:none;stroke:#fff;stroke-width:2;marker-end:url(#ah2)}
.dia .lbl{fill:#fff;opacity:.7;font:600 10px "Schibsted Grotesk",sans-serif;text-anchor:middle}
.dia .dimline{stroke:#fff;opacity:.35;stroke-width:1}
.dia .lane2{fill:#5FA84A}
.dia .cn.p{fill:#D9346B}
.dia .cn.y{fill:#F2D21B}
.dia .fig.r ellipse{fill:#D93B30}
.dia .fig.b ellipse{fill:#2E8FD6}
.dia .fig.gr ellipse{fill:#9AA39C}
.dia .fig .hd{fill:#5A3720}
.dia .trail{fill:none;stroke:#E8F2E3;stroke-width:2;stroke-dasharray:1.5 3.5;stroke-linecap:round;opacity:.9}
.dia .trailhead{fill:#E8F2E3;opacity:.9}
.dia .fig.j ellipse{fill:#F2D21B}
.dia .pass3{fill:none;stroke:#fff;stroke-width:1.6;marker-end:url(#ah3)}
.dia .net{fill:#fff;opacity:.55}
.dia .post{fill:#d8dcd8}
.legend i.lr{background:#D93B30;border-radius:50%}
.legend i.lb{background:#2E8FD6}
.legend i.lj{background:#F2D21B}
.legend i.lg{background:#9AA39C}
.lex{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px}
@media (max-width:600px){.lex{grid-template-columns:1fr}}
.lex h4{margin:10px 0 2px}
.lex .words{grid-template-columns:1fr}
.rules .kid{display:block;color:var(--ink);font-size:15.5px;font-weight:600;margin-top:2px}
.why{margin-top:8px}
.why summary{cursor:pointer;color:var(--brand-ink);font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;list-style:none}
.why summary::-webkit-details-marker{display:none}
.why summary:before{content:"+ "}
.why[open] summary:before{content:"− "}
.why p{color:var(--muted);font-size:15px;margin:6px 0 0}
.why .q b{display:inline;font-size:15px;color:var(--ink)}
@media print{.why p{display:block}}