/* Lys grå variant, basert på bakgrunnstonene i brukerens referansebilde.
   Referansen har en lysere midte og kanter rundt #CDCDCD–#D3D3D3. */
:root{--ink:#0c4053;--muted:#345965;--card:#dedede;--line:#a6b6bc;color-scheme:light}
body{background:#d1d1d1;background-image:radial-gradient(ellipse at 48% 28%,#f6f6f6 0%,#e2e2e2 42%,#cdcdcd 100%);color:var(--ink);min-height:100vh}
.header{border-bottom-color:#b3bdc5}.brand{color:var(--ink)}.brand-mark>span{background:var(--ink)}.site-name{color:var(--ink)}.preview-label{color:var(--ink);border-color:#8294a3;background:#ffffff35}
.hero{color:var(--ink);background-image:linear-gradient(rgba(224,224,224,.70),rgba(224,224,224,.70)),url('assets/skyteidrett-bakgrunn.webp')}
.hero h1{color:var(--ink);text-shadow:none}.hero h1>span{color:var(--ink)}.hero-description{color:var(--ink)}.eyebrow{color:var(--ink)}.eyebrow>span{background:var(--ink)}
.section-label h2{color:var(--ink)}.section-label>span{color:#345965}.entry-card{background:#dedede;color:var(--ink);box-shadow:0 7px 20px #0a294514}.entry-card:hover{background:#e7e7e7;box-shadow:0 14px 30px #0a294524}.card-description{color:#345965}.card-top svg{stroke:var(--ink)}.card-number,.card-link>span{color:var(--ink)}.card-link{border-top-color:#a5b2b7}
.help-strip{color:#345965}.help-icon{color:var(--ink);border-color:#5e7384}.text-button{color:var(--ink)}.help-note{color:#345965}footer{color:#345965;border-top-color:#b3bdc5}.footer-divider,.footer-dot{color:#345965}
dialog{background:#e5e5e5;color:var(--ink)}.close{color:var(--ink)}.close:hover{color:var(--ink);background:#d5d5d5}.pending{color:var(--ink)}input,select{background:#f5f5f5;color:var(--ink);border-color:#82959c}input::placeholder{color:#58737d}.tool-links a{color:var(--ink);border-color:#a5b2b7}.tool-links a:hover{background:#d3d3d3;border-color:var(--ink)}.tool-links a>span:last-child{color:var(--ink)}.group-tags span{border-color:#a5b2b7}
@media(max-width:760px){.hero{background-image:linear-gradient(rgba(224,224,224,.70),rgba(224,224,224,.70)),url('assets/skyteidrett-bakgrunn.webp')}}

/* Tydeligere skille mellom sidebakgrunnen og hovedboksene. */
.entry-card{background:linear-gradient(90deg,#cfcfcf 0%,#e2e2e2 55%,#f5f5f5 100%);border-color:var(--ink)}
.entry-card:hover{background:linear-gradient(90deg,#cfcfcf 0%,#e2e2e2 55%,#f5f5f5 100%)}

/* Brede, lave innganger: omtrent 16:9 på PC. */
@media(min-width:761px){
  .entry-card{aspect-ratio:16/9;min-height:0;padding:16px 18px;position:relative;justify-content:center}
  .card-top{position:absolute;top:14px;right:16px;margin:0}.card-top svg{display:none}.card-number{font-size:10px}
  .card-title{font-size:20px;line-height:1.17;margin:0 20px 8px 0;letter-spacing:-.3px}.card-title .smaller{font-size:13px}
  .card-description{display:block;font-size:11px;line-height:1.4;margin-bottom:7px}.card-link{margin-top:0;padding-top:8px;font-size:11px}.card-link>span{font-size:20px}
}
@media(min-width:761px) and (max-width:1100px){.card-description{display:none}.entry-card{padding:12px 14px}.card-title{font-size:17px}.card-title .smaller{font-size:10px}}

/* Plass til de opprinnelige ikonene, med fortsatt lavere kort enn førsteutkastet. */
@media(min-width:761px){
  .entry-card{aspect-ratio:auto;min-height:265px;padding:22px 24px;justify-content:flex-start}
  .card-top{position:static;display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:18px}
  .card-top svg{display:block;width:32px;height:32px}.card-number{font-size:11px}
  .card-title{font-size:22px;line-height:1.2;margin:0 0 12px}.card-title .smaller{font-size:14px}
  .card-description{display:block;font-size:12px;line-height:1.5;margin-bottom:17px}
  .card-link{margin-top:auto;padding-top:12px;font-size:12px}.card-link>span{font-size:22px}
}
@media(min-width:761px) and (max-width:1100px){.entry-card{padding:20px;min-height:265px}.card-title{font-size:19px}.card-title .smaller{font-size:11px}}

/* Hovedtittelen ligger nederst i bildefeltet; ingressen følger seksjonen nedenfor. */
.hero{align-items:stretch;padding-bottom:18px}
.hero-copy{display:flex;flex-direction:column;justify-content:space-between;width:100%;min-width:0}
.hero .eyebrow{margin-bottom:0}
.hero h1{margin-bottom:0}
.section-intro{color:var(--ink);font-size:17px;line-height:1.7;margin:0 0 10px}
@media(max-width:760px){
  .hero{padding-bottom:18px}
  .section-intro{font-size:15px;margin-bottom:12px}
}
.teams-choice>summary{color:var(--ink);border-color:#a5b2b7}
.teams-choice>summary:hover,.teams-choice[open]>summary{background:#d3d3d3;border-color:var(--ink)}
.teams-choice .tool-arrow,.teams-help{color:var(--ink)}
.download-button{background:var(--ink);color:#fff}
.download-note{color:#345965}