/* ==========================================================================
   Lokalbold — komponenter, Elementor ikke selv kan tegne.
   Layout og typografi styres af Elementors globale farver og fonts.
   Rettes her under Udseende → Tilpas → Ekstra CSS.
   ========================================================================== */
:root{
  --navy-900:#0E1A2B; --navy-800:#142338; --navy-700:#1B2C44; --navy-600:#24384F;
  --green:#22C55E; --green-hover:#16A34A; --green-text:#15803D; --green-soft:#ECFDF3;
  --paper:#FFFFFF; --paper-soft:#F4F6F8; --line:#E4E7EC;
  --ink:#101828; --ink-muted:#667085;
  --on-dark:#FFFFFF; --on-dark-2:#AFBDCC; --on-dark-3:#7E90A4;
  --red:#D92D20; --f-head:"Archivo Narrow",Arial,sans-serif; --f-body:"Inter",Arial,sans-serif;
  --r-sm:4px; --r-md:8px;
}

/* Vinkelmarkoeren — sitets gennemgaaende kendetegn */
.lb-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-body);
  font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--green-text)}
.lb-eyebrow:not(.elementor-widget)::before{content:"";width:9px;height:9px;flex:0 0 auto;
  border-left:2px solid currentColor;border-bottom:2px solid currentColor}
.lb-dark .lb-eyebrow{color:var(--green)}

/* Raekkelabel */
.lb-pill{display:inline-flex;align-items:center;font-family:var(--f-body);font-size:11px;
  font-weight:600;text-transform:uppercase;letter-spacing:.07em;line-height:1;padding:6px 10px;
  border-radius:3px;border:1px solid var(--line);color:var(--navy-900);background:#fff;white-space:nowrap}
.lb-pill--solid{background:var(--green);border-color:var(--green)}

/* Kamplinje — to stablede holdlinjer, laesbar i alle bredder */
.lb-matchlist{display:flex;flex-direction:column}
.lb-match{display:flex;flex-direction:column;gap:8px;padding:16px 4px;
  border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background-color .15s}
.lb-match:hover{background:var(--paper-soft)}
.lb-matchlist .lb-match:last-child{border-bottom:0}
.lb-dark .lb-match{border-bottom-color:var(--navy-700);color:var(--on-dark)}
.lb-dark .lb-match:hover{background:var(--navy-800)}
.lb-match__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;
  font-weight:500;color:var(--ink-muted)}
.lb-dark .lb-match__meta{color:var(--on-dark-3)}
.lb-match__row{display:flex;align-items:center;gap:12px}
.lb-match__row svg{width:26px;height:26px;flex:0 0 auto}
.lb-match__name{flex:1 1 auto;min-width:0;font-size:16px;font-weight:500;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-match__goals{flex:0 0 auto;font-family:var(--f-head);font-size:18px;font-weight:700;
  min-width:20px;text-align:right}
.lb-match__row--winner .lb-match__name{font-weight:700}
.lb-match__time{flex:0 0 auto;font-size:14px;font-weight:600;color:var(--ink-muted)}
.lb-dark .lb-match__time{color:var(--on-dark-2)}

/* Stillingstabel — rigtig tabel af hensyn til skaermlaesere */
.lb-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--line);
  border-radius:var(--r-md);background:#fff}
table.lb-standings{width:100%;min-width:560px;border-collapse:collapse;font-size:15px}
table.lb-standings th,table.lb-standings td{padding:12px 10px;text-align:right;
  border-bottom:1px solid var(--line);white-space:nowrap}
table.lb-standings th{font-family:var(--f-body);font-size:12px;font-weight:600;
  text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);background:var(--paper-soft)}
table.lb-standings td:first-child,table.lb-standings th:first-child{text-align:center;width:44px}
table.lb-standings td:nth-child(2),table.lb-standings th:nth-child(2){text-align:left;white-space:normal}
table.lb-standings tbody tr:last-child td{border-bottom:0}
table.lb-standings tbody tr:hover{background:var(--paper-soft)}
.lb-standings__team{display:flex;align-items:center;gap:10px}
.lb-standings__team svg{width:24px;height:24px;flex:0 0 auto}
.lb-standings__team a{text-decoration:none;font-weight:600;color:inherit}
.lb-standings__team a:hover{text-decoration:underline;text-decoration-color:var(--green)}
td.lb-pts{font-weight:700;font-family:var(--f-head);font-size:17px}
tr.lb-up td:first-child{box-shadow:inset 3px 0 0 var(--green)}
tr.lb-down td:first-child{box-shadow:inset 3px 0 0 var(--red)}
tr.lb-self{background:var(--green-soft)}
.lb-legend{display:flex;flex-wrap:wrap;gap:20px;margin-top:16px;font-size:13px;color:var(--ink-muted)}
.lb-legend span{display:inline-flex;align-items:center;gap:8px}
.lb-legend i{width:3px;height:16px;border-radius:2px;display:inline-block}

/* Ugens tal */
.lb-story{display:flex;flex-direction:column;gap:6px;height:100%;padding:24px;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-md);border-top:3px solid var(--green)}
.lb-story__value{font-family:var(--f-head);font-size:40px;font-weight:700;line-height:1;color:var(--navy-900)}
.lb-story__kicker{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--green-text)}
.lb-story p{font-size:15px;color:var(--ink-muted);margin:6px 0 0}

/* Lokalopgoeret */
.lb-h2h{display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:32px;
  background:var(--navy-900);border-radius:var(--r-md);color:#fff;text-align:center}
.lb-h2h__side{flex:1 1 160px;display:flex;flex-direction:column;align-items:center;gap:6px}
.lb-h2h__side svg{width:56px;height:56px}
.lb-h2h__side strong{font-family:var(--f-head);font-size:19px;font-weight:600}
.lb-h2h__mid{flex:1 1 220px;display:flex;flex-direction:column;align-items:center;gap:6px}
.lb-h2h__big{font-family:var(--f-head);font-size:46px;font-weight:700;line-height:1}
.lb-h2h small{color:var(--on-dark-3);font-size:14px}
.lb-h2h__bar{display:flex;width:100%;height:8px;border-radius:999px;overflow:hidden;
  margin:12px 0 6px;background:var(--navy-700)}
.lb-h2h__bar i{display:block;height:100%}

/* Oprykningsregnestykket */
.lb-promo ul{list-style:none;padding:0;margin:0}
.lb-promo li{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:18px 0;
  border-bottom:1px solid var(--navy-700);margin:0}
.lb-promo li:last-child{border-bottom:0}
.lb-promo__pos{flex:0 0 32px;font-family:var(--f-head);font-size:22px;font-weight:700;color:var(--on-dark-3)}
.lb-promo__club{flex:0 0 auto;display:flex;align-items:center;gap:10px;min-width:210px}
.lb-promo__club svg{width:30px;height:30px;flex:0 0 auto}
.lb-promo__club strong{font-family:var(--f-head);font-size:18px;font-weight:600;color:#fff}
.lb-promo__text{flex:1 1 260px;font-size:15px;color:var(--on-dark-2)}
.lb-promo__text strong{color:#fff}

/* Maal og spillere */
.lb-goals{list-style:none;padding:0;margin:0}
.lb-goals li{display:flex;align-items:baseline;gap:12px;padding:10px 0;
  border-bottom:1px solid var(--line);margin:0}
.lb-goals li:last-child{border-bottom:0}
.lb-goals a{font-weight:600;text-decoration:none;color:inherit}
.lb-goals a:hover{color:var(--green-text);text-decoration:underline}
.lb-goal__min{flex:0 0 44px;font-family:var(--f-head);font-weight:700;color:var(--green-text)}

/* Danmarkskortet */
.lb-map{background:var(--navy-900);border-radius:var(--r-md);padding:24px;overflow-x:auto}
.lb-map svg{width:100%;max-width:760px;height:auto;margin:0 auto;display:block}
.lb-map a circle:first-child{transition:r .15s,fill .15s}
.lb-map a:hover circle:first-child{r:12;fill:#fff}
.lb-map a text{pointer-events:none}
.lb-map a:hover text{fill:var(--green)}

/* Annonceplads — reserveret hoejde, saa siden ikke hopper */
.lb-ad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  background:var(--paper-soft);border:1px dashed #CBD5E0;border-radius:var(--r-sm);
  color:#98A2B3;text-align:center;padding:20px}
.lb-ad b{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em}
.lb-ad span{font-size:13px;font-weight:500}
.lb-ad--leaderboard{min-height:120px}
.lb-ad--rect{min-height:260px}
.lb-ad--inarticle{min-height:280px;margin:40px 0}

/* Eksempeldata- og pladsholdermaerkat */
.lb-note{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:500;
  line-height:1.5;color:#8A5A00;background:#FFFAEB;border:1px solid #FEDF89;
  border-radius:var(--r-sm);padding:12px 14px}
.lb-ph{background:#FFF4ED;border-bottom:2px dotted #F79009;color:#B54708;font-weight:600;padding:0 3px}

@media (max-width:767px){
  .lb-h2h{padding:22px 16px;gap:16px}
  .lb-h2h__big{font-size:36px}
  .lb-h2h__side svg{width:44px;height:44px}
  .lb-promo__club{min-width:0;flex:1 1 100%}
  .lb-promo__text{flex:1 1 100%}
  .lb-map{padding:12px}
  .lb-story__value{font-size:32px}
}

/* Artikelkort til [lokalbold_nyheder] + sticky header */
.lb-cards{display:flex;flex-wrap:wrap;gap:24px}
.lb-card{display:flex;flex-direction:column;flex:1 1 300px;max-width:calc(33.333% - 16px);background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
.lb-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(16,24,40,.08);border-color:#D3D9E0}
.lb-card__media{display:block;position:relative;background:var(--navy-800);aspect-ratio:16/9;overflow:hidden}
.lb-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.lb-card:hover .lb-card__media img{transform:scale(1.03)}
.lb-card__ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.5);font-family:var(--f-body);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.lb-card__body{display:flex;flex-direction:column;gap:10px;padding:20px;flex:1 1 auto}
.lb-card__body h3{font-family:var(--f-head);font-size:20px;font-weight:600;line-height:1.3;margin:0;color:var(--ink);transition:color .15s}
.lb-card:hover .lb-card__body h3{color:var(--green-text)}
.lb-card__body p{font-size:15px;color:var(--ink-muted);margin:0}
.lb-card__meta{margin-top:auto;padding-top:4px;font-size:13px;font-weight:500;color:var(--ink-muted)}
.lb-card .lb-pill{align-self:flex-start}
@media (max-width:1024px){.lb-card{max-width:calc(50% - 12px)}}
@media (max-width:767px){.lb-card{max-width:100%}}

/* Sticky header */
.ehf-header{position:sticky;top:0;z-index:99}

/* Typografi — skrevet med Elementors egen specificitet, saa den slaar igennem
   uden at man skal saette skrifttype paa hver enkelt widget. */
.elementor-widget-heading .elementor-heading-title{font-family:var(--f-head);font-weight:700;letter-spacing:-.01em;line-height:1.1}
.elementor-widget-heading h1.elementor-heading-title{font-size:56px;line-height:1.05}
.elementor-widget-heading h2.elementor-heading-title{font-size:40px}
.elementor-widget-heading h3.elementor-heading-title{font-size:24px;font-weight:600;line-height:1.25}
.elementor-widget-heading h4.elementor-heading-title{font-size:19px;font-weight:600;line-height:1.3}

/* Eyebrow — skal vinde over heading-reglen ovenfor */
.lb-eyebrow .elementor-heading-title,
.elementor-widget-heading.lb-eyebrow .elementor-heading-title{
  display:inline-flex;align-items:center;gap:10px;font-family:var(--f-body);font-size:12px;
  font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--green-text);line-height:1.2}
.lb-eyebrow .elementor-heading-title::before{content:"";width:9px;height:9px;flex:0 0 auto;
  border-left:2px solid currentColor;border-bottom:2px solid currentColor}
.lb-dark .lb-eyebrow .elementor-heading-title{color:var(--green)}

/* Broedtekst og ingress */
.elementor-widget-text-editor{font-family:var(--f-body);font-size:17px;line-height:1.65;color:var(--ink)}
.elementor-widget-text-editor p{margin:0 0 16px}
.elementor-widget-text-editor p:last-child{margin-bottom:0}

/* Knapper */
.elementor-button{font-family:var(--f-body)}
.elementor-button:hover{transform:translateY(-1px)}

/* Links i broedtekst */
.elementor-widget-text-editor a{color:var(--green-text);text-decoration:underline;text-underline-offset:2px}
.elementor-widget-text-editor a:hover{color:var(--navy-900)}

@media (max-width:1024px){
  .elementor-widget-heading h1.elementor-heading-title{font-size:44px}
  .elementor-widget-heading h2.elementor-heading-title{font-size:34px}
  .elementor-widget-heading h3.elementor-heading-title{font-size:22px}
}
@media (max-width:767px){
  .elementor-widget-heading h1.elementor-heading-title{font-size:34px}
  .elementor-widget-heading h2.elementor-heading-title{font-size:28px}
  .elementor-widget-heading h3.elementor-heading-title{font-size:20px}
  .elementor-widget-text-editor{font-size:16px}
}

/* WPForms i Lokalbolds designsystem */
.wpforms-container .wpforms-field{padding:0 0 20px}
.wpforms-container .wpforms-field-label{font-family:var(--f-body);font-size:14px;font-weight:600;color:var(--ink);margin-bottom:8px}
.wpforms-container .wpforms-field-sublabel{font-family:var(--f-body);font-size:13px;color:var(--ink-muted)}
.wpforms-container .wpforms-required-label{color:var(--red)}
.wpforms-container input[type=text],
.wpforms-container input[type=email],
.wpforms-container input[type=tel],
.wpforms-container input[type=date],
.wpforms-container select,
.wpforms-container textarea{
  font-family:var(--f-body);font-size:16px;line-height:1.4;color:var(--ink);background:#fff;
  border:1px solid var(--line);border-radius:var(--r-sm);padding:13px 14px;min-height:50px;
  width:100%;max-width:100%;box-shadow:none;transition:border-color .15s,box-shadow .15s}
.wpforms-container textarea{min-height:150px;resize:vertical}
.wpforms-container input:focus,.wpforms-container select:focus,.wpforms-container textarea:focus{
  outline:none;border-color:var(--green);box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.wpforms-container input::placeholder,.wpforms-container textarea::placeholder{color:#98A2B3}

/* Samtykkefelt */
.wpforms-container .wpforms-field-checkbox ul{list-style:none;margin:0;padding:0}
.wpforms-container .wpforms-field-checkbox li{display:flex;align-items:flex-start;gap:12px;margin:0}
.wpforms-container .wpforms-field-checkbox input[type=checkbox]{width:20px;height:20px;min-height:0;
  flex:0 0 auto;margin-top:2px;accent-color:var(--green)}
.wpforms-container .wpforms-field-checkbox label{font-size:14px;line-height:1.5;font-weight:400;color:var(--ink-muted)}

/* Knap */
.wpforms-container button[type=submit]{
  font-family:var(--f-body);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;
  background:var(--green);color:var(--navy-900);border:0;border-radius:var(--r-sm);
  padding:16px 28px;min-height:48px;cursor:pointer;transition:background-color .18s,transform .18s}
.wpforms-container button[type=submit]:hover{background:var(--green-hover);transform:translateY(-1px)}

/* Fejl og kvittering */
.wpforms-container .wpforms-error{color:var(--red);font-size:13px;font-weight:500}
.wpforms-container input.wpforms-error,.wpforms-container textarea.wpforms-error,
.wpforms-container select.wpforms-error{border-color:var(--red)}
.wpforms-confirmation-container-full{background:var(--green-soft);border:1px solid #A6E9BE;
  border-radius:var(--r-md);padding:20px 22px;color:#0B4A26;font-family:var(--f-body)}
.wpforms-confirmation-container-full p{margin:0}

/* Paa moerk baggrund (annoncoerformularen) */
.lb-dark .wpforms-container .wpforms-field-label{color:#fff}
.lb-dark .wpforms-container .wpforms-field-sublabel,
.lb-dark .wpforms-container .wpforms-field-checkbox label{color:var(--on-dark-2)}
.lb-dark .wpforms-container input[type=text],
.lb-dark .wpforms-container input[type=email],
.lb-dark .wpforms-container input[type=tel],
.lb-dark .wpforms-container select,
.lb-dark .wpforms-container textarea{background:var(--navy-800);border-color:var(--navy-600);color:#fff}
.lb-dark .wpforms-container input::placeholder,
.lb-dark .wpforms-container textarea::placeholder{color:var(--on-dark-3)}

/* Accordion — Lokalbolds streger i stedet for Elementors kasser */
.elementor-accordion .elementor-accordion-item{border:0;border-bottom:1px solid var(--line)}
.elementor-accordion .elementor-tab-title{padding:22px 0;border:0}
.elementor-accordion .elementor-tab-content{padding:0 0 24px;border:0}

/* Icon box — venstrestillet, ikke centreret */
.elementor-widget-icon-box .elementor-icon-box-wrapper{text-align:left}
.elementor-widget-icon-box .elementor-icon-box-title{margin-bottom:10px}

/* WPForms styres via sine egne CSS-variabler — det vinder over plugin-CSS'en
   uden !important og overlever opdateringer. */
.wpforms-container{
  --wpforms-field-border-radius:4px;
  --wpforms-field-border-size:1px;
  --wpforms-field-background-color:#FFFFFF;
  --wpforms-field-border-color:#E4E7EC;
  --wpforms-field-text-color:#101828;
  --wpforms-field-menu-color:#FFFFFF;

  --wpforms-label-color:#101828;
  --wpforms-label-sublabel-color:#667085;
  --wpforms-label-error-color:#B42318;

  --wpforms-button-border-radius:4px;
  --wpforms-button-background-color:#22C55E;
  --wpforms-button-text-color:#0E1A2B;

  --wpforms-page-break-color:#22C55E;
}
.wpforms-container button[type=submit]:hover{
  --wpforms-button-background-color:#16A34A;
}

/* Paa moerk baggrund */
.lb-dark .wpforms-container{
  --wpforms-label-error-color:#FDA29B;
  --wpforms-field-background-color:#142338;
  --wpforms-field-border-color:#24384F;
  --wpforms-field-text-color:#FFFFFF;
  --wpforms-label-color:#FFFFFF;
  --wpforms-label-sublabel-color:#AFBDCC;
  --wpforms-field-menu-color:#142338;
}

/* ==========================================================================
   Kontrast og kontekst

   VIGTIGT: Header Footer Elementor saetter klasserne .ehf-header og
   .ehf-footer paa <body> — ikke paa header- og footer-elementerne. De maa
   derfor ALDRIG bruges som kontekst, for saa rammer de hele siden.
   Header- og footer-skabelonerne er i stedet markeret med .lb-dark.

   Den moerke groenne #15803D er beregnet til hvid baggrund. Paa navy giver
   den kun 3,5:1, saa moerke flader skal bruge den lyse #22C55E (7,4:1).
   ========================================================================== */

/* Sticky header — #masthead er selve header-elementet */
header#masthead{position:sticky;top:0;z-index:99}

/* Moerke flader */
.lb-dark .elementor-widget-text-editor{color:#AFBDCC}
.lb-dark .elementor-widget-text-editor a{color:#22C55E}
.lb-dark .elementor-widget-text-editor a:hover{color:#FFFFFF}
.lb-dark .lb-eyebrow .elementor-heading-title{color:#22C55E}
.lb-dark .elementor-icon-list-item a{color:#AFBDCC}
.lb-dark .elementor-icon-list-item a:hover{color:#FFFFFF}

/* Formularer paa moerk baggrund */
.lb-dark .wpforms-container .wpforms-field-label,
.lb-dark .wpforms-container .wpforms-field-label-inline,
.lb-dark .wpforms-container legend.wpforms-field-label{color:#FFFFFF}
.lb-dark .wpforms-container .wpforms-field-sublabel{color:#AFBDCC}
.lb-dark .wpforms-container .wpforms-field-checkbox label{color:#AFBDCC}

/* Annoncemaerkatet skal kunne laeses — markedsfoeringsloven kraever, at
   reklame er tydeligt adskilt fra redaktionelt indhold. */
.lb-ad{color:#667085}
.lb-ad b{color:#475467}

/* Komponenter til de datadrevne sider */

/* Klub- og spillergitter */
.lb-klubgitter{display:flex;flex-wrap:wrap;gap:24px}
.lb-klubkort{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;
  padding:24px 16px;flex:1 1 200px;max-width:calc(25% - 18px);
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}
.lb-klubkort:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(16,24,40,.08);border-color:#D3D9E0}
.lb-klubkort svg{width:56px;height:56px}
.lb-klubkort strong{font-family:var(--f-head);font-size:18px;font-weight:600;line-height:1.2}
.lb-klubkort span{font-size:14px;font-weight:500;color:var(--ink-muted)}
@media (max-width:1024px){.lb-klubkort{max-width:calc(33.333% - 16px)}}
@media (max-width:767px){.lb-klubkort{max-width:calc(50% - 12px)}}

/* Ugens tal */
.lb-stories{display:flex;flex-wrap:wrap;gap:24px}
.lb-stories .lb-story{flex:1 1 220px;max-width:calc(25% - 18px)}
@media (max-width:1024px){.lb-stories .lb-story{max-width:calc(50% - 12px)}}
@media (max-width:767px){.lb-stories .lb-story{max-width:100%}}

/* Kampdag i programmet */
.lb-dag{margin-bottom:40px}
.lb-dag h3{display:flex;align-items:baseline;gap:12px;padding-bottom:12px;margin:0 0 4px;
  border-bottom:2px solid var(--navy-900);font-family:var(--f-head);font-size:22px;font-weight:600}

/* Spillerhoved paa enkeltvisningen */
.lb-spillerhoved{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.lb-spillerhoved svg{width:76px;height:76px;flex:0 0 auto}

/* Noegletal i en raekke */
.lb-tal{display:flex;flex-wrap:wrap;gap:24px}
.lb-tal>div{flex:1 1 160px}
.lb-tal strong{display:block;font-family:var(--f-head);font-size:40px;font-weight:700;line-height:1.05}
.lb-tal span{font-size:14px;font-weight:500;color:var(--ink-muted)}

/* Enkeltvisninger: klub, spiller, kamp og artikel.
   De bruger temaets skabelon, fordi Theme Builder kraever Elementor Pro.
   Hello Elementor bruger .page-header og .site-main — ikke .entry-header. */

.single .site-main{max-width:1240px;margin:0 auto;padding:0 24px 96px;
  font-family:var(--f-body);font-size:17px;line-height:1.65;color:var(--ink)}

/* Titelbaand i navy */
.single .page-header{background:var(--navy-900);
  margin:0 -24px 48px;padding:56px 24px}
.single .page-header .entry-title{font-family:var(--f-head);font-weight:700;
  font-size:48px;line-height:1.05;color:#fff;margin:0;max-width:20ch}

.single .site-main h2{font-family:var(--f-head);font-size:30px;font-weight:700;
  line-height:1.1;margin:48px 0 16px}
.single .site-main h3{font-family:var(--f-head);font-size:22px;font-weight:600;margin:32px 0 10px}
.single .site-main p{margin:0 0 20px;max-width:68ch}
.single .site-main a{color:var(--green-text);text-decoration:underline;text-underline-offset:2px}
.single .site-main a:hover{color:var(--navy-900)}
.single .site-main .lb-pill{display:inline-flex;margin-bottom:8px;text-decoration:none}
.single .site-main .lb-goals{padding-left:0}
.single .site-main .lb-matchlist a,
.single .site-main .lb-klubgitter a,
.single .site-main .lb-standings a{text-decoration:none}
.single .site-main .lb-standings a:hover{text-decoration:underline}

@media (min-width:1288px){
  .single .page-header{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
    padding-left:calc(50vw - 620px);padding-right:calc(50vw - 620px)}
}
@media (max-width:767px){
  .single .page-header{padding:40px 20px;margin:0 -20px 32px}
  .single .page-header .entry-title{font-size:32px}
  .single .site-main{padding:0 20px 56px}
  .single .site-main h2{font-size:24px}
}

/* ==========================================================================
   Kåringen — turneringstræ og afstemningsstatus

   Træet er bredere end en telefon. Det ruller derfor vandret i sin egen
   kasse — aldrig hele siden.
   ========================================================================== */
.lb-bracket-scroll{overflow-x:auto;padding-bottom:8px;max-width:100%}
.lb-bracket{display:flex;gap:20px;min-width:680px;align-items:stretch}
.lb-bracket__round{flex:1 1 0;display:flex;flex-direction:column;
  justify-content:space-around;gap:16px}
.lb-bracket__title{font-family:var(--f-body);font-size:12px;font-weight:600;
  text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);
  text-align:center;margin:0 0 4px}
.lb-bracket__match{border:1px solid var(--line);border-radius:var(--r-md);
  overflow:hidden;background:var(--paper)}
.lb-bracket__team{display:flex;align-items:center;gap:10px;padding:12px 14px;
  font-family:var(--f-body);font-size:15px;line-height:1.3;color:var(--ink);
  text-decoration:none;border-bottom:1px solid var(--line)}
.lb-bracket__team:last-child{border-bottom:0}
.lb-bracket__team svg{width:24px;height:24px;flex:0 0 auto}
.lb-bracket__team>span{flex:1 1 auto;min-width:0;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.lb-bracket__team b{font-family:var(--f-head);font-size:15px;font-weight:700;
  color:var(--ink-muted)}
a.lb-bracket__team{color:var(--ink)}
a.lb-bracket__team:hover>span{text-decoration:underline}
.lb-bracket__team--lead{background:var(--green-soft)}
.lb-bracket__team--lead>span{font-weight:700}
.lb-bracket__team--lead b{color:var(--green-text)}
.lb-bracket__team--tom{color:var(--ink-muted)}
.lb-bracket__slot{width:24px;height:24px;flex:0 0 auto;border-radius:var(--r-sm);
  border:1px dashed var(--line)}

/* Status på afstemningen */
.lb-kaaring-status{display:flex;flex-wrap:wrap;align-items:center;gap:12px;
  margin:0}
.lb-kaaring-status__mark{display:inline-flex;align-items:center;gap:8px;
  font-family:var(--f-body);font-size:13px;font-weight:600;padding:7px 14px;
  border-radius:999px;background:var(--green-soft);color:var(--green-text)}
.lb-kaaring-status__mark::before{content:"";width:8px;height:8px;flex:0 0 auto;
  border-radius:50%;background:currentColor}
.lb-kaaring-status__mark--lukket{background:var(--paper-soft);color:var(--ink-muted)}
.lb-kaaring-status__tekst{font-family:var(--f-body);font-size:14px;
  color:var(--ink-muted)}
.lb-kaaring-status--moerk .lb-kaaring-status__tekst{color:var(--on-dark-2)}

@media (max-width:767px){
  .lb-bracket{gap:14px}
  .lb-bracket__team{padding:10px 12px;font-size:14px}
}

/* ==========================================================================
   Mobilmenuen

   Header Footer Elementor tegner selv burgerknappen mørkegrå (#494C4F) og
   dropdownen hvid. På den navy header betyder det, at knappen kun har 1,9:1
   og at menupunkterne står lysegrå på hvid — begge dele er ulæselige.
   Her tvinges de over i sitets egne farver.

   Selektoren skal være header#masthead. .ehf-header sidder på <body> og
   ville ramme hele siden.
   ========================================================================== */
header#masthead .hfe-nav-menu__toggle{color:var(--on-dark)}
header#masthead .hfe-nav-menu__toggle svg,
header#masthead .hfe-nav-menu-icon svg{fill:var(--on-dark)}
header#masthead .hfe-nav-menu__toggle:hover svg{fill:var(--green)}
header#masthead .hfe-nav-menu__toggle:focus-visible{outline:2px solid var(--green);outline-offset:4px}

header#masthead nav.hfe-dropdown,
header#masthead nav.hfe-dropdown ul.hfe-nav-menu,
header#masthead nav.hfe-dropdown ul.sub-menu{background:var(--navy-900)}
header#masthead nav.hfe-dropdown a.hfe-menu-item,
header#masthead nav.hfe-dropdown a.hfe-sub-menu-item{
  background:var(--navy-900);
  color:var(--on-dark);
  border-bottom:1px solid var(--navy-600)}
header#masthead nav.hfe-dropdown li:last-child a.hfe-menu-item{border-bottom:0}
header#masthead nav.hfe-dropdown a.hfe-menu-item:hover,
header#masthead nav.hfe-dropdown a.hfe-menu-item:focus,
header#masthead nav.hfe-dropdown a.hfe-sub-menu-item:hover{
  background:var(--navy-800);
  color:var(--green)}

/* ==========================================================================
   Sæsoner

   Sæsonvælgeren og sæsontabellen på spillersiden. Tabellen låner udseende
   fra stillingstabellen, men de tre første kolonner er tekst og står derfor
   venstrestillet.
   ========================================================================== */
.lb-saesoner{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px}
.lb-saesoner__etiket{font-family:var(--f-body);font-size:12px;font-weight:600;
  text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin-right:4px}
.lb-saesoner__valg{display:inline-flex;align-items:center;padding:7px 14px;
  font-family:var(--f-head);font-size:15px;font-weight:600;line-height:1;
  color:var(--ink);text-decoration:none;background:var(--paper);
  border:1px solid var(--line);border-radius:999px}
.lb-saesoner__valg:hover{border-color:var(--green-text);color:var(--green-text)}
.lb-saesoner__valg.is-valgt{background:var(--navy-900);border-color:var(--navy-900);color:var(--on-dark)}
.lb-saesoner__valg.is-valgt:hover{color:var(--green)}

table.lb-saesontabel{width:100%;min-width:520px;border-collapse:collapse;font-size:15px}
table.lb-saesontabel th,table.lb-saesontabel td{padding:12px 10px;text-align:right;
  border-bottom:1px solid var(--line);white-space:nowrap}
table.lb-saesontabel th{font-family:var(--f-body);font-size:12px;font-weight:600;
  text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);background:var(--paper-soft)}
table.lb-saesontabel td:nth-child(-n+3),
table.lb-saesontabel th:nth-child(-n+3){text-align:left}
table.lb-saesontabel tbody tr:last-child td{border-bottom:0}
table.lb-saesontabel .lb-pts{font-family:var(--f-head);font-weight:700;color:var(--green-text)}

@media (max-width:767px){
  .lb-saesoner__valg{padding:6px 12px;font-size:14px}
}

/* Klublogo — traeder i stedet for skjoldet, naar klubben har et
   fremhaevet billede. Samme stoerrelse som skjoldet, saa intet hopper. */
.lb-logo{flex:0 0 auto;object-fit:contain;background:transparent}
.lb-match__row .lb-logo,.lb-bracket__team .lb-logo{width:24px;height:24px}
.lb-klubkort .lb-logo{width:44px;height:44px}

/* ==========================================================================
   Klubhovedet og puljer
   ========================================================================== */
.lb-klubhoved{display:flex;flex-wrap:wrap;align-items:flex-start;gap:20px;
  margin:0 0 28px}
.lb-klubhoved__maerke{flex:0 0 auto;width:72px;height:72px;display:flex;
  align-items:center;justify-content:center}
.lb-klubhoved__maerke svg,.lb-klubhoved__maerke img{width:72px;height:72px;object-fit:contain}
.lb-klubhoved__krop{flex:1 1 260px;min-width:0}
.lb-klubhoved__krop .lb-pill{margin:0 0 14px}
.lb-klubhoved__link{margin:14px 0 0;font-size:15px}

/* Fakta som definitionsliste — etiket over værdi, så den tåler lange navne */
.lb-fakta{display:flex;flex-wrap:wrap;gap:10px 32px;margin:0}
.lb-fakta>div{min-width:0}
.lb-fakta dt{font-family:var(--f-body);font-size:11px;font-weight:600;
  text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);margin:0 0 2px}
.lb-fakta dd{margin:0;font-family:var(--f-head);font-size:19px;font-weight:600;
  color:var(--ink);line-height:1.2}

/* Nøgletal på klubsiden — fem tal, så de skal være tættere end de fire */
.lb-tal--klub{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 40px;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  padding:20px 0}
.lb-tal--klub>div{flex:1 1 96px;min-width:0}
.lb-tal--klub strong{display:block;font-family:var(--f-head);font-size:30px;
  font-weight:700;line-height:1.1;color:var(--ink)}
.lb-tal--klub span{display:block;margin-top:2px;font-family:var(--f-body);
  font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;
  color:var(--ink-muted)}

/* Puljeoverskrift over hver stillingstabel */
.lb-puljetitel{font-family:var(--f-head);font-size:20px;font-weight:600;
  margin:32px 0 12px;color:var(--ink)}
.lb-puljetitel:first-child{margin-top:0}

@media (max-width:767px){
  .lb-klubhoved{gap:14px}
  .lb-klubhoved__maerke,.lb-klubhoved__maerke svg,.lb-klubhoved__maerke img{width:56px;height:56px}
  .lb-fakta dd{font-size:17px}
  .lb-tal--klub strong{font-size:24px}
  .lb-tal--klub>div{flex:1 1 84px}
}

/* ==========================================================================
   Kort og rammer er ikke inline-links

   Kamplinjer, klubkort og holdnavne i stillingen er hele klikbare felter.
   Inde i en Elementor Text Editor arver de tekstlinkets understregning, og
   saa ser en liste ud som en side fuld af understreget tekst. Understregning
   hoerer til brugerens hensigt — den kommer ved hover og fokus.
   ========================================================================== */
a.lb-match,
a.lb-klubkort,
.lb-standings a,
.lb-goals a { text-decoration: none }

a.lb-match:hover .lb-match__name,
a.lb-klubkort:hover strong,
.lb-standings a:hover,
.lb-goals a:hover { text-decoration: underline }

a.lb-match:focus-visible,
a.lb-klubkort:focus-visible { outline: 2px solid var(--green-text); outline-offset: 2px }

/* ==========================================================================
   Rettelser efter designgennemgang 15. august
   ========================================================================== */

/* 1. Titelbaandet paa enkeltsider ramte ikke skaermkanten.

   Baandet blev bloedt ud med faste negative marginer (-24px, paa mobil
   -20px), men .site-main har kun 10px sidepadding paa mobil. Resultatet var
   10px overloeb i hver side og dermed vandret scroll paa hver klub-, spiller-
   og kampside.

   calc(50% - 50vw) rammer altid skaermkanten praecist, uanset hvad foraelderen
   har af padding. Samme teknik som den, der allerede blev brugt over 1288px. */
.single .page-header{
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
@media (max-width:767px){
  .single .page-header{
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    padding-left:20px;
    padding-right:20px;
  }
}


/* 3. Cookiebanneret stod i systemfonten og var dermed det eneste sted paa
   sitet med en fremmed skrift — og det er den mest synlige flade af dem alle. */
.cmplz-cookiebanner,
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-categories,
.cmplz-cookiebanner .cmplz-links,
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn,
#cmplz-manage-consent .cmplz-manage-consent{
  font-family:var(--f-body)
}
.cmplz-cookiebanner .cmplz-title,
.cmplz-cookiebanner .cmplz-category-title{
  font-family:var(--f-head)
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn{font-weight:600}

/* 4. Footerens kolonneoverskrifter blev aendret fra h4 til h2, saa
   overskriftshierarkiet ikke springer fra h2 til h4 paa hver eneste side.
   De skal se ud praecis som foer — h2-reglen ovenfor er til sidernes
   sektionsoverskrifter og er alt for stor her. */
footer#colophon .elementor-widget-heading h2.elementor-heading-title{
  font-size:19px;font-weight:600;line-height:1.3
}

/* 5. Kampdagens overskrift blev aendret fra h3 til h2 (hierarkiet).
   Den skal se ud praecis som foer — ikke som en sektionsoverskrift. */
.lb-dag h2{display:flex;align-items:baseline;gap:12px;padding-bottom:12px;margin:0 0 4px;
  border-bottom:2px solid var(--navy-900);font-family:var(--f-head);font-size:22px;font-weight:600}
.elementor-widget-heading .lb-dag h2,
.lb-dag h2.elementor-heading-title{font-size:22px}

/* ==========================================================================
   Mobil — rettelser efter gennemgang paa rigtig telefon

   Maalt paa Pixel 8 (390 px). En iframe paa 375 px viste ikke fejlene:
   den efterligner hverken device pixel ratio eller mobil user agent, og
   flere af problemerne opstod foerst i den rigtige emulering.
   ========================================================================== */

/* 1. Headeren stablede sig i tre etager: logo, saa burgeren ALENE og
   centreret, saa nyhedsbrevsknappen. Aarsagen var, at navigationswidget'en
   fylder 100 % af raekken og dermed tvinger ombrydning — og burgeren
   centrerer sig inde i den fulde bredde.

   Nu: logo til venstre og burger til hoejre paa foerste linje, knappen i
   fuld bredde nedenunder. Headeren gaar fra 155 px til ca. 95 px. */
@media (max-width:767px){
  header#masthead .e-con-inner{
    row-gap:14px;
    justify-content:space-between;
  }
  /* flex:1 1 auto fik logo-widgeten til at vokse og fylde raekken ud.
     I Safari kan et SVG uden egen stoerrelse saa blive klippet — logoet
     stod som „LOKALBOLI“ paa iPhone. Den maa ikke vokse; margin-right:auto
     skubber i stedet burgeren ud til hoejre. */
  header#masthead .elementor-widget-image{flex:0 1 auto;order:1;margin-right:auto;min-width:0}
  header#masthead .elementor-widget-image img{max-width:100%;height:auto}

  header#masthead .elementor-widget-navigation-menu{
    width:auto;
    flex:0 0 auto;
    order:2;
  }
  header#masthead .hfe-nav-menu__toggle{margin-left:auto}

  /* Dropdown-panelet laa i flowet og fyldte hele raekken, selv naar menuen
     var lukket (hoejde 0, bredde 342). Det var derfor burgeren blev tvunget
     ned paa sin egen linje og centreret. Panelet hoerer hjemme som en
     absolut placeret dropdown — saa krymper widget'en til de 37 px,
     burgeren fylder. */
  header#masthead .hfe-nav-menu{width:auto;flex:0 0 auto}
  header#masthead nav.hfe-dropdown{position:absolute;top:100%;left:0;right:0;width:auto}

  /* Uden disse fik listen sin vandrette bredde tilbage (642 px i et
     390 px vindue) og spraengte siden, saa snart menuen blev aabnet. */
  header#masthead nav.hfe-dropdown ul.hfe-nav-menu{width:100%;flex-direction:column;flex-wrap:nowrap}
  header#masthead nav.hfe-dropdown li{width:100%}

  header#masthead .elementor-widget-button{flex:1 0 100%;order:3}
  header#masthead .elementor-widget-button .elementor-button{
    width:100%;
    justify-content:center;
  }
}

/* ==========================================================================
   Formkurven og tal der står i kolonner

   Det er de to ting, der får en tabel til at føles som et rigtigt
   fodboldsystem frem for en hjemmeside: formen kan aflaeses paa et blik,
   og cifrene staar praecis under hinanden.
   ========================================================================== */

/* Tabulaere tal: alle cifre faar samme bredde, saa kolonner flugter.
   Uden den her "hopper" tallene, fordi 1 er smallere end 8. */
table.lb-standings,
table.lb-saesontabel,
.lb-tal,
.lb-tal--klub,
.lb-match__goals,
.lb-match__time,
.lb-story__value{
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1
}

/* Formkurven — aeldste til venstre, nyeste til hoejre */
.lb-form{display:inline-flex;gap:3px;align-items:center}

.lb-form__plet{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:3px;
  font-family:var(--f-head);
  font-size:12px;
  font-weight:700;
  line-height:1;
  color:#fff;
  text-decoration:none
}
.lb-form__plet:hover{opacity:.82;color:#fff}

/* Sitets linkfarve (.site-main a) er mere specifik end .lb-form__plet og
   farvede teksten groen — groen paa roed er ulaeseligt. Derfor de tungere
   selektorer her. */
.lb-form a.lb-form__plet,
.site-main .lb-form a.lb-form__plet,
.single .site-main .lb-form a.lb-form__plet{color:#fff;text-decoration:none}
.site-main .lb-form a.lb-form__plet:hover{color:#fff}
.lb-form__plet:focus-visible{outline:2px solid var(--navy-900);outline-offset:2px}

/* Groen paa hvid skal vaere den moerke — #22C55E holder ikke som flade
   bag hvid tekst (2,1:1). #15803D giver 4,6:1. */
.lb-form__plet--v{background:var(--green-text)}
.lb-form__plet--u{background:#667085}
.lb-form__plet--t{background:#B42318}

.lb-form__tom{color:var(--ink-muted)}

/* Formkolonnen skal ikke klemme holdnavnet */
table.lb-standings th.lb-formkol,
table.lb-standings td.lb-formkol{text-align:left;white-space:nowrap;padding-left:16px}

@media (max-width:767px){
  .lb-form__plet{width:20px;height:20px;font-size:11px}
}



/* ==========================================================================
   REDESIGN 2026 — komposition, rytme og annoncer
   Identiteten er uaendret: navy, banegroen, Archivo Narrow, Inter.
   Det her loefter komposition, typografisk kontrol og annoncepladser.
   ========================================================================== */

:root{
  --lb-navy:#0E1A2B;
  --lb-navy-2:#1B2C44;
  --lb-groen:#22C55E;
  --lb-groen-tekst:#15803D;
  --lb-blaek:#101828;
  --lb-daempet:#667085;
  --lb-paa-moerk:#AFBDCC;
  --lb-flade:#F4F6F8;
  --lb-streg:#E4E9F0;
  --lb-maal:68ch;
}

/* --------------------------------------------------------- typografi ---- */
/* Display sidder tight og skalerer flydende. Store typer skal have MINDRE
   luft mellem linjerne, ikke mere — 1,5 er browserens default, ikke et valg. */

h1,.elementor-widget-heading h1.elementor-heading-title{
  font-size:clamp(38px,5.4vw,60px);
  line-height:1.04;
  letter-spacing:-.015em;
}
h2,.elementor-widget-heading h2.elementor-heading-title{
  font-size:clamp(28px,3.4vw,40px);
  line-height:1.08;
  letter-spacing:-.012em;
}
h3,.elementor-widget-heading h3.elementor-heading-title{
  font-size:clamp(19px,1.7vw,23px);
  line-height:1.18;
  letter-spacing:-.006em;
}

/* Braedtekst faar en maalelinje. Lange fuldbredde-linjer er et slop-tegn. */
.lb-broed,
.elementor-widget-text-editor p{
  max-width:var(--lb-maal);
  line-height:1.62;
}

/* Eyebrow: strammere sporing, mindre stoej. */
.lb-eyebrow{
  font-size:11px;
  letter-spacing:.1em;
  font-weight:700;
}

/* ------------------------------------------------------ sektionsrytme --- */
/* Rytmen kommer fra fladeskift, ikke fra kasser omkring alting. */

.lb-flade-lys{background:var(--lb-flade)}
.lb-flade-hvid{background:#fff}
.lb-flade-navy{background:var(--lb-navy);color:var(--lb-paa-moerk)}
.lb-flade-navy h1,.lb-flade-navy h2,.lb-flade-navy h3{color:#fff}
.lb-flade-navy a{color:var(--lb-groen)}

/* En haarlinje der markerer sektionsskift uden at tegne en kasse. */
.lb-skel{border-top:1px solid var(--lb-streg)}

/* --------------------------------------------------------- tabeller ----- */
/* Football Manager-foelelsen: taette raekker, tabulaere tal, ingen zebra. */

table.lb-standings,
.lb-tabel table,
table.lb-tabel{
  border-collapse:collapse;
  width:100%;
  font-variant-numeric:tabular-nums;
  font-feature-settings:"tnum" 1;
}
table.lb-standings th,
table.lb-tabel th{
  font-family:"Archivo Narrow",sans-serif;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.07em;
  color:var(--lb-daempet);
  border-bottom:1px solid var(--lb-streg);
  padding:10px 8px;
}
table.lb-standings td,
table.lb-tabel td{
  border-bottom:1px solid var(--lb-streg);
  padding:11px 8px;
  font-variant-numeric:tabular-nums;
}
table.lb-standings tr:last-child td,
table.lb-tabel tr:last-child td{border-bottom:0}

/* Holdnavnet er raekkens anker og maa fylde mest. */
table.lb-standings td:nth-child(2){font-weight:600;color:var(--lb-blaek)}

/* Point er tallet, folk kommer for. */
table.lb-standings td.lb-point,
table.lb-standings td:nth-last-child(2){
  font-weight:700;
  color:var(--lb-blaek);
}

/* ------------------------------------------------------------ kort ------ */
/* Et kort bruges kun, naar det baerer reelt hierarki. Ellers: streg + luft. */

.lb-klubkort{
  border:1px solid var(--lb-streg);
  border-radius:10px;
  background:#fff;
  transition:border-color .12s ease,transform .12s ease;
}
.lb-klubkort:hover{
  border-color:var(--lb-groen-tekst);
  transform:translateY(-1px);
}
.lb-klubkort strong{letter-spacing:-.008em}
.lb-klubkort span{color:var(--lb-daempet);font-size:13px}

/* --------------------------------------------------------- annoncer ---- */
/* Vi lever af reklamer, saa pladserne skal vaere ordentlige:
   1) Hoejden er ALTID reserveret, saa siden ikke hopper naar annoncen loader
      (layout shift koster baade laeser og indtaegt).
   2) Annoncen staar paa sin egen flade, tydeligt adskilt fra redaktionen.
   3) Maerket "Annonce" staar over feltet — det er et krav, ikke pynt. */

.lb-annonceflade{
  background:var(--lb-flade);
  border-top:1px solid var(--lb-streg);
  border-bottom:1px solid var(--lb-streg);
  padding:24px 0;
}

.lb-ad{
  border:0;
  background:transparent;
  border-radius:0;
  padding:0;
  gap:10px;
  position:relative;
  /* Uden width:100% kryber feltet sammen om sin egen tekst inde i
     Elementors flex-container — annoncen blev 42px bred. */
  width:100%;
  box-sizing:border-box;
}
.lb-ad b{
  color:var(--lb-daempet);
  font-size:10px;
  letter-spacing:.14em;
}
/* Pladsholdertilstanden skal ligne en reserveret plads, ikke en fejl. */
.lb-ad:not(.lb-ad--live){
  border:1px dashed #CBD5E0;
  border-radius:4px;
  background:
    repeating-linear-gradient(135deg,rgba(102,112,133,.05) 0 8px,transparent 8px 16px);
  padding:20px;
}
.lb-ad:not(.lb-ad--live) span{color:var(--lb-daempet);font-size:13px}

/* Reserverede hoejder. Samme tal som AdSense-enhederne forventer. */
.lb-ad--leaderboard{min-height:120px}
.lb-ad--rect{min-height:260px}
.lb-ad--inarticle{min-height:280px;margin:0}

@media (min-width:768px){
  .lb-ad--leaderboard{min-height:180px}
}
@media (min-width:1025px){
  .lb-ad--leaderboard{min-height:250px}
}

/* Annoncen inde i en artikel faar luft, saa den ikke laeses som braedtekst. */
.lb-annonce-i-tekst{
  margin:44px 0;
  padding:20px 0;
  border-top:1px solid var(--lb-streg);
  border-bottom:1px solid var(--lb-streg);
}

/* ------------------------------------------------------------ knapper --- */

.elementor-button{
  border-radius:4px;
  font-family:"Archivo Narrow",sans-serif;
  font-weight:700;
  letter-spacing:.03em;
  transition:transform .1s ease,filter .12s ease;
}
.elementor-button:active{transform:translateY(1px)}
.elementor-button:hover{filter:brightness(.94)}

/* ---------------------------------------------------------- noegletal --- */
/* Store tal er sitets signatur. De skal vaere store nok til at baere. */

.lb-tal{
  font-family:"Archivo Narrow",sans-serif;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  font-size:clamp(32px,4vw,46px);
  line-height:1;
  letter-spacing:-.02em;
  color:var(--lb-blaek);
}
.lb-flade-navy .lb-tal{color:#fff}
.lb-tal-etiket{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--lb-daempet);
  font-weight:600;
}
.lb-flade-navy .lb-tal-etiket{color:var(--lb-paa-moerk)}

/* ------------------------------------------------------------- mobil ---- */

@media (max-width:767px){
  table.lb-standings th,
  table.lb-standings td{padding:9px 5px;font-size:14px}
  .lb-annonce-i-tekst{margin:32px 0}
}



/* ==========================================================================
   STATISTIK 2026 — traenertabel, karriere og noegletal
   ========================================================================== */

.lb-statblok{
  margin:56px 0 0;
  padding-top:32px;
  border-top:1px solid var(--lb-streg,#E4E9F0);
}
.lb-statblok__titel{
  font-family:"Archivo Narrow",sans-serif;
  font-size:clamp(22px,2.2vw,28px);
  line-height:1.1;
  margin:0 0 4px;
}
.lb-daempet{color:var(--lb-daempet,#667085)}

.lb-fodnote{
  margin-top:14px;
  font-size:13px;
  line-height:1.55;
  color:var(--lb-daempet,#667085);
  max-width:60ch;
}

/* Noegletal paa en raekke. Flexbox, aldrig grid — layoutet skal kunne
   redigeres i Elementor og maa ikke afhaenge af noget, builderen ikke ser. */
.lb-talraekke{
  display:flex;
  flex-wrap:wrap;
  gap:12px 40px;
  margin:22px 0 28px;
}
.lb-talraekke > div{display:flex;flex-direction:column;gap:4px}

/* Hjemme/ude/stime — fire smaa tal med haarlinje imellem. */
.lb-splitrad{
  display:flex;
  flex-wrap:wrap;
  gap:0;
  border:1px solid var(--lb-streg,#E4E9F0);
  border-radius:10px;
  overflow:hidden;
}
.lb-splitrad > div{
  flex:1 1 140px;
  padding:16px 18px;
  border-right:1px solid var(--lb-streg,#E4E9F0);
  display:flex;
  flex-direction:column;
  gap:3px;
}
.lb-splitrad > div:last-child{border-right:0}
.lb-splitrad strong{
  font-family:"Archivo Narrow",sans-serif;
  font-size:26px;
  line-height:1;
  font-variant-numeric:tabular-nums;
  color:var(--lb-blaek,#101828);
}
.lb-splitrad small{font-size:12px;color:var(--lb-daempet,#667085)}

/* Brede tabeller skal kunne rulles paa mobil i stedet for at sprede siden. */
.lb-tabelrulle{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  margin:20px 0 0;
}
.lb-tabelrulle table{min-width:640px}
.lb-karriere{min-width:560px}

/* Pointsnittet er tabellens vigtigste tal og skal kunne findes med oejet. */
.lb-snit{
  font-weight:700;
  font-variant-numeric:tabular-nums;
  color:var(--lb-groen-tekst,#15803D);
}
.lb-snit--usikker{color:var(--lb-daempet,#667085);font-weight:600}
.lb-snit abbr{text-decoration:none;cursor:help}

.lb-traenertabel td a{color:var(--lb-blaek,#101828);text-decoration:none}
.lb-traenertabel td a:hover{color:var(--lb-groen-tekst,#15803D);text-decoration:underline}

@media (max-width:767px){
  .lb-statblok{margin-top:40px;padding-top:24px}
  .lb-talraekke{gap:14px 26px}
  .lb-splitrad > div{flex:1 1 50%;border-bottom:1px solid var(--lb-streg,#E4E9F0)}
  .lb-splitrad > div:nth-child(2n){border-right:0}
}

/* Tekstkolonner staar venstre. .lb-standings hoejrestiller alt, fordi den
   er bygget til tal — men klubnavn, periode og saeson er ikke tal. */
.lb-traenertabel td:nth-child(2),.lb-traenertabel td:nth-child(3),
.lb-traenertabel td:nth-child(4),.lb-traenertabel th:nth-child(2),
.lb-traenertabel th:nth-child(3),.lb-traenertabel th:nth-child(4),
.lb-karriere td:nth-child(1),.lb-karriere td:nth-child(2),
.lb-karriere td:nth-child(3),.lb-karriere th:nth-child(1),
.lb-karriere th:nth-child(2),.lb-karriere th:nth-child(3){text-align:left}

/* ==========================================================================
   FILTER: hidden skal vinde over display
   Soegningen saetter [hidden] paa de kort, der ikke passer. Browserens egen
   regel er [hidden]{display:none}, men den taber til en klasse, der selv
   saetter display:flex — saa blev tallet i statuslinjen opdateret, mens
   kortene blev staaende. Derfor en regel med hoejere specificitet.
   ========================================================================== */
.lb-klubkort[hidden],
.lb-ks__kort[hidden],
.lb-klubgitter > [hidden]{display:none}



/* ==========================================================================
   FORSIDE 2026 — sportskomponenter
   Flexbox hele vejen. Ingen grid som baerende layout, intet JS.
   ========================================================================== */

/* ------------------------------------------------------ kommende kampe --- */

.lb-kampstribe{display:flex;flex-wrap:wrap;gap:14px}
.lb-kampkort{
  flex:1 1 220px;
  display:flex;
  flex-direction:column;
  gap:10px;
  padding:18px 18px 20px;
  border:1px solid var(--lb-streg,#E4E9F0);
  border-radius:10px;
  background:#fff;
  text-decoration:none;
  color:inherit;
  transition:border-color .12s ease,transform .12s ease;
}
.lb-kampkort:hover{border-color:var(--lb-groen-tekst,#15803D);transform:translateY(-2px)}
.lb-kampkort:focus-visible{outline:2px solid var(--lb-groen-tekst,#15803D);outline-offset:2px}

.lb-kampkort__top{
  display:flex;justify-content:space-between;align-items:baseline;gap:10px;
  font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;
  color:var(--lb-daempet,#667085);
  border-bottom:1px solid var(--lb-streg,#E4E9F0);
  padding-bottom:9px;
}
.lb-kampkort__raekke{color:var(--lb-groen-tekst,#15803D)}

.lb-kampkort__hold{display:flex;align-items:center;gap:10px;min-width:0}
.lb-kampkort__hold svg{flex:0 0 auto;width:28px;height:28px}
.lb-kampkort__hold > span{
  font-family:"Archivo Narrow",sans-serif;font-weight:600;font-size:16px;
  line-height:1.2;overflow-wrap:anywhere;
}

/* Klokkeslettet er det, man scanner efter. */
.lb-kampkort__tid{
  font-family:"Archivo Narrow",sans-serif;
  font-weight:700;
  font-size:26px;
  line-height:1;
  font-variant-numeric:tabular-nums;
  color:var(--lb-blaek,#101828);
  padding-left:38px;
}

/* --------------------------------------------------- seneste resultater -- */

.lb-resultatstribe{display:flex;flex-wrap:wrap;gap:14px}
.lb-reskort{
  flex:1 1 240px;
  display:flex;flex-direction:column;gap:8px;
  padding:16px 18px 18px;
  border:1px solid var(--lb-streg,#E4E9F0);
  border-radius:10px;
  background:#fff;
  text-decoration:none;color:inherit;
  transition:border-color .12s ease,transform .12s ease;
}
.lb-reskort:hover{border-color:var(--lb-groen-tekst,#15803D);transform:translateY(-2px)}
.lb-reskort:focus-visible{outline:2px solid var(--lb-groen-tekst,#15803D);outline-offset:2px}

.lb-reskort__raekke{
  font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;
  color:var(--lb-daempet,#667085);
  border-bottom:1px solid var(--lb-streg,#E4E9F0);
  padding-bottom:8px;
}
.lb-reskort__linje{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lb-reskort__hold{display:flex;align-items:center;gap:9px;min-width:0}
.lb-reskort__hold svg{flex:0 0 auto;width:24px;height:24px}
.lb-reskort__hold > span{
  font-family:"Archivo Narrow",sans-serif;font-size:15px;font-weight:600;
  line-height:1.2;color:var(--lb-daempet,#667085);overflow-wrap:anywhere;
}
/* RESULTATET er det stoerste paa kortet. */
.lb-reskort__maal{
  font-family:"Archivo Narrow",sans-serif;
  font-weight:700;font-size:30px;line-height:1;
  font-variant-numeric:tabular-nums;
  color:var(--lb-daempet,#667085);
}
.lb-reskort__linje.er-vinder .lb-reskort__maal,
.lb-reskort__linje.er-vinder .lb-reskort__hold > span{color:var(--lb-blaek,#101828)}

/* ------------------------------------------------------------ nyheder --- */

.lb-nyhedsgitter{display:flex;flex-wrap:wrap;gap:20px}
.lb-nyhedsgitter__smaa{display:flex;flex-wrap:wrap;gap:16px;flex:1 1 320px}

.lb-artikelkort{
  display:flex;flex-direction:column;gap:0;
  text-decoration:none;color:inherit;
  border:1px solid var(--lb-streg,#E4E9F0);
  border-radius:10px;overflow:hidden;background:#fff;
  transition:border-color .12s ease,transform .12s ease;
}
.lb-artikelkort:hover{border-color:var(--lb-groen-tekst,#15803D);transform:translateY(-2px)}
.lb-artikelkort:focus-visible{outline:2px solid var(--lb-groen-tekst,#15803D);outline-offset:2px}
.lb-artikelkort--stor{flex:1 1 440px}
.lb-nyhedsgitter__smaa .lb-artikelkort{flex:1 1 240px}

.lb-artikelkort__foto{display:block;line-height:0}
.lb-artikelkort__foto img{width:100%;height:auto;display:block;object-fit:cover}
.lb-artikelkort--stor .lb-artikelkort__foto img{aspect-ratio:16/9}

.lb-artikelkort__krop{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px}
.lb-artikelkort__etiket{
  font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;
  color:var(--lb-groen-tekst,#15803D);
}
.lb-artikelkort__titel{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;
  font-size:19px;line-height:1.16;letter-spacing:-.008em;
  color:var(--lb-blaek,#101828);
}
.lb-artikelkort--stor .lb-artikelkort__titel{font-size:clamp(24px,2.4vw,30px)}
.lb-artikelkort__manchet{font-size:15px;line-height:1.55;color:var(--lb-daempet,#667085)}
.lb-artikelkort__dato{font-size:12px;color:var(--lb-daempet,#667085);margin-top:2px}

/* Uden foto baerer typografien kortet. Der opfindes ingen billeder. */
.lb-artikelkort--tekst .lb-artikelkort__krop{
  border-top:3px solid var(--lb-groen,#22C55E);
  padding-top:16px;
}
.lb-artikelkort--stor.lb-artikelkort--tekst{
  background:linear-gradient(160deg,#1B2C44 0%,#0E1A2B 100%);
  border-color:transparent;
}
.lb-artikelkort--stor.lb-artikelkort--tekst .lb-artikelkort__titel{color:#fff}
.lb-artikelkort--stor.lb-artikelkort--tekst .lb-artikelkort__manchet,
.lb-artikelkort--stor.lb-artikelkort--tekst .lb-artikelkort__dato{color:#AFBDCC}
.lb-artikelkort--stor.lb-artikelkort--tekst .lb-artikelkort__etiket{color:var(--lb-groen,#22C55E)}

/* ------------------------------------------------------------- omtale --- */

.lb-omtale{
  margin:40px 0 0;padding-top:22px;
  border-top:1px solid var(--lb-streg,#E4E9F0);
}
.lb-omtale h2{font-size:15px;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px}
.lb-omtale a{color:var(--lb-groen-tekst,#15803D)}

.lb-omtaleliste{list-style:none;margin:16px 0 0;padding:0}
.lb-omtaleliste li{
  display:flex;justify-content:space-between;gap:16px;align-items:baseline;
  padding:11px 0;border-bottom:1px solid var(--lb-streg,#E4E9F0);
}
.lb-omtaleliste li:last-child{border-bottom:0}
.lb-omtaleliste a{
  font-family:"Archivo Narrow",sans-serif;font-weight:600;font-size:16px;
  color:var(--lb-blaek,#101828);text-decoration:none;
}
.lb-omtaleliste a:hover{color:var(--lb-groen-tekst,#15803D);text-decoration:underline}
.lb-omtaleliste span{font-size:12px;color:var(--lb-daempet,#667085);white-space:nowrap}

/* -------------------------------------------------------------- mobil --- */

@media (max-width:767px){
  .lb-kampkort{flex:1 1 100%;padding:16px}
  .lb-kampkort__tid{font-size:23px;padding-left:0}
  .lb-reskort{flex:1 1 100%}
  .lb-reskort__maal{font-size:27px}
  .lb-nyhedsgitter{gap:14px}
  .lb-artikelkort--stor,.lb-nyhedsgitter__smaa .lb-artikelkort{flex:1 1 100%}
  .lb-artikelkort__krop{padding:15px 16px 17px}
  .lb-omtaleliste li{flex-direction:column;gap:2px}
  .lb-omtaleliste span{white-space:normal}
}

/* ==========================================================================
   FORSIDE: rettelser
   Elementors text-editor understreger alle links. Hele kortet ER et link,
   saa uden det her bliver klubnavne og overskrifter understreget.
   ========================================================================== */
.elementor-widget-text-editor a.lb-kampkort,
.elementor-widget-text-editor a.lb-reskort,
.elementor-widget-text-editor a.lb-artikelkort,
.elementor-widget-text-editor a.lb-klubkort,
a.lb-kampkort,a.lb-reskort,a.lb-artikelkort,a.lb-klubkort{text-decoration:none}

.lb-kampkort__top,.lb-reskort__raekke{font-size:10px;letter-spacing:.06em;line-height:1.35}
.lb-kampkort__top{flex-wrap:wrap}
.lb-kampkort__raekke{flex:1 1 auto;min-width:0}
.lb-kampkort__dato{white-space:nowrap;flex:0 0 auto}

.lb-sektion__manchet,.lb-hero__manchet{max-width:62ch;line-height:1.6;margin:0}
.lb-hero__manchet{font-size:17px}
.lb-mere{margin:4px 0 0}
.lb-mere a{font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:14px;
  text-transform:uppercase;letter-spacing:.06em;color:var(--lb-groen-tekst,#15803D);
  text-decoration:none;border-bottom:2px solid var(--lb-groen,#22C55E);padding-bottom:2px}
.lb-mere a:hover{color:var(--lb-blaek,#101828)}

/* ==========================================================================
   MOBIL: stillingen skal rulle, ikke presses
   Tabellen har 12 kolonner og kan ikke klemmes ned paa 375px uden at blive
   ulaeselig. Den faar sin egen vandrette rulning, saa alle tal bevares og
   siden selv aldrig scroller vandret.
   ========================================================================== */
@media (max-width:767px){
  .elementor-widget-text-editor table.lb-standings{
    display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;
    max-width:100%;white-space:nowrap}
  .elementor-widget-text-editor table.lb-standings thead,
  .elementor-widget-text-editor table.lb-standings tbody{display:table;width:max-content;min-width:100%}
  .lb-tabelrulle{max-width:100%}
}



/* ==========================================================================
   ARKIV 2026 — /nyheder/
   Siden er indlaegsarkiv og kan derfor ikke bygges i Elementor. Bredden
   maa saettes her, saa den matcher de oevrige sider (1240px).
   ========================================================================== */

.lb-arkiv__ind{max-width:1240px;margin:0 auto;padding:0 24px}

.lb-arkiv__hoved{
  background:var(--lb-navy,#0E1A2B);
  color:var(--lb-paa-moerk,#AFBDCC);
  padding:56px 0;
}
.lb-arkiv__hoved h1{
  color:#fff;
  font-size:clamp(34px,4.6vw,52px);
  line-height:1.05;
  letter-spacing:-.015em;
  margin:6px 0 12px;
}
.lb-arkiv__manchet{max-width:60ch;line-height:1.6;margin:0;font-size:17px}
.lb-arkiv__hoved .lb-eyebrow{color:var(--lb-groen,#22C55E)}

.lb-arkiv__annonce{
  background:var(--lb-flade,#F4F6F8);
  border-top:1px solid var(--lb-streg,#E4E9F0);
  border-bottom:1px solid var(--lb-streg,#E4E9F0);
  padding:24px 0;
}

.lb-arkiv__krop{padding:56px 0 64px}
.lb-arkiv__antal{
  font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;
  color:var(--lb-daempet,#667085);margin:0 0 22px;
}

.lb-arkiv__bund{
  background:var(--lb-flade,#F4F6F8);
  border-top:1px solid var(--lb-streg,#E4E9F0);
  padding:24px 0;
}

/* Paginering */
.lb-pagination{
  display:flex;flex-wrap:wrap;gap:8px;align-items:center;
  margin:40px 0 0;padding-top:28px;
  border-top:1px solid var(--lb-streg,#E4E9F0);
}
.lb-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:40px;height:40px;padding:0 13px;
  border:1px solid var(--lb-streg,#E4E9F0);border-radius:4px;
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:14px;
  font-variant-numeric:tabular-nums;
  color:var(--lb-blaek,#101828);text-decoration:none;
  transition:border-color .12s ease,color .12s ease;
}
.lb-pagination .page-numbers:hover{border-color:var(--lb-groen-tekst,#15803D);color:var(--lb-groen-tekst,#15803D)}
.lb-pagination .page-numbers.current{
  background:var(--lb-groen-tekst,#15803D);border-color:var(--lb-groen-tekst,#15803D);color:#fff;
}
.lb-pagination .page-numbers.dots{border-color:transparent}
.lb-pagination .page-numbers:focus-visible{outline:2px solid var(--lb-groen-tekst,#15803D);outline-offset:2px}

@media (max-width:767px){
  .lb-arkiv__hoved{padding:40px 0}
  .lb-arkiv__krop{padding:36px 0 44px}
  .lb-arkiv__ind{padding:0 16px}
}

/* ==========================================================================
   TABELLER: afslutning og kolonnebredder
   tr:last-child td{border-bottom:0} fjernede den nederste streg, saa
   tabellen sluttede i ingenting og saa uafsluttet ud. Stregen hoerer til
   paa selve tabellen, ikke paa raekken — saa bliver den heller ikke dobbelt.
   ========================================================================== */
table.lb-standings,table.lb-tabel{border-bottom:1px solid var(--lb-streg,#E4E9F0)}

/* Sidste kolonne aad al overskydende bredde. Formkurven skal kun fylde
   det, den bruger, saa navnekolonnen faar pladsen i stedet. */
table.lb-standings th.lb-formkol,table.lb-standings td.lb-formkol{width:1%;white-space:nowrap}
.lb-traenertabel th:nth-child(2),.lb-traenertabel td:nth-child(2){width:auto;min-width:180px}
.lb-karriere th:nth-child(2),.lb-karriere td:nth-child(2){width:auto;min-width:170px}

table.lb-standings th:not(:nth-child(2)):not(.lb-formkol),
table.lb-standings td:not(:nth-child(2)):not(.lb-formkol){width:1%;white-space:nowrap}

/* Saesontabellen paa traenersiden har sin egen klasse og blev ikke ramt
   af reglen ovenfor. Samme afslutning som de oevrige tabeller. */
table.lb-saesontabel{border-bottom:1px solid var(--lb-streg,#E4E9F0)}
table.lb-saesontabel tr:last-child td{border-bottom:0}

/* Gruppeoverskrift i traenertabellen. */
.lb-gruppetitel{font-family:"Archivo Narrow",sans-serif;font-weight:700;
  font-size:15px;text-transform:uppercase;letter-spacing:.07em;
  color:var(--lb-daempet,#667085);margin:40px 0 2px}
/* ==========================================================================
   TABELWRAPPER: den tomme stribe under tabellen
   Temaet giver <table> en margin-bottom paa 15px. Inde i en wrapper med
   ramme og baggrund blev den margin til en tom stribe, der lignede en
   ekstra raekke — tabellen saa uafsluttet ud.
   Marginen hoerer til UDEN paa wrapperen, ikke inden i den.
   ========================================================================== */
.lb-table-scroll > table,
.lb-tabelrulle > table{margin:0}
.lb-table-scroll{margin:20px 0 0}

/* ==========================================================================
   TABELCELLER: kun vandrette streger
   Temaet giver hver celle en ramme paa alle fire sider. Vores CSS satte kun
   border-bottom, saa resultatet blev et gitter med AABEN bund — tabellen saa
   uafsluttet ud, og de lodrette streger strider mod designets egen regel om
   hairline raekkeskel uden gitter.
   Nulstiller derfor top, venstre og hoejre eksplicit paa alle vores tabeller.
   ========================================================================== */
table.lb-standings th,table.lb-standings td,
table.lb-tabel th,table.lb-tabel td,
table.lb-saesontabel th,table.lb-saesontabel td{
  border-top:0;border-left:0;border-right:0}
table.lb-standings th,table.lb-tabel th,table.lb-saesontabel th{
  border-bottom:1px solid var(--lb-streg,#E4E9F0)}



/* ==========================================================================
   SPILLERPROFIL 2026
   Alt er scoped til .lbp, saa resten af sitet ikke paavirkes.
   ========================================================================== */

.lbp{--p-navy:#0E1A2B;--p-navy2:#1B2C44;--p-groen:#22C55E;--p-groen-t:#15803D;
  --p-blaek:#101828;--p-daemp:#667085;--p-moerk:#AFBDCC;--p-flade:#F4F6F8;--p-streg:#E4E9F0;
  margin:0 0 8px;font-variant-numeric:tabular-nums}
.lbp a{text-decoration:none}

/* ------------------------------------------------------------- hero ---- */

.lbp-hero{
  display:flex;flex-wrap:wrap;gap:24px;align-items:flex-end;justify-content:space-between;
  background:linear-gradient(160deg,var(--p-navy2) 0%,var(--p-navy) 70%);
  border-radius:12px;padding:28px 30px;position:relative;overflow:hidden;
}
/* Diskret banemarkering. Ingen foto, saa fladen maa baere selv. */
.lbp-hero::before{
  content:"";position:absolute;right:-70px;top:50%;transform:translateY(-50%);
  width:230px;height:230px;border:1px solid rgba(175,189,204,.16);border-radius:50%;
}
.lbp-hero__krop{position:relative;z-index:1;min-width:0}
.lbp-hero__label{
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
  color:var(--p-groen);margin:0 0 6px}
.lbp-hero__navn{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;
  font-size:clamp(30px,4.4vw,50px);line-height:1.02;letter-spacing:-.02em;
  color:#fff;margin:0 0 10px}
.lbp-hero__klub{display:flex;align-items:center;gap:9px;margin:0 0 4px}
.lbp-hero__klub svg{width:26px;height:26px;flex:0 0 auto}
.lbp-hero__klub a{
  font-family:"Archivo Narrow",sans-serif;font-weight:600;font-size:17px;color:#fff}
.lbp-hero__klub a:hover{color:var(--p-groen)}
.lbp-hero__meta{margin:0;font-size:13px;color:var(--p-moerk)}

.lbp-hero__maal{
  position:relative;z-index:1;display:flex;flex-direction:column;
  align-items:flex-end;text-align:right;gap:2px}
.lbp-hero__maaltal{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;
  font-size:clamp(56px,8vw,86px);line-height:.88;color:var(--p-groen);letter-spacing:-.03em}
.lbp-hero__maaletiket{
  font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  font-weight:700;color:var(--p-moerk)}
.lbp-badge{
  margin-top:10px;display:inline-block;padding:5px 11px;
  background:rgba(34,197,94,.14);border:1px solid rgba(34,197,94,.4);
  border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--p-groen)}

/* -------------------------------------------------------- statuslinje --- */

.lbp-status{
  display:flex;flex-wrap:wrap;margin:14px 0 0;
  border:1px solid var(--p-streg);border-radius:8px;overflow:hidden;background:#fff}
.lbp-status > div{
  flex:1 1 180px;padding:12px 16px;
  border-right:1px solid var(--p-streg);display:flex;flex-direction:column;gap:3px;min-width:0}
.lbp-status > div:last-child{border-right:0}
.lbp-status__e{
  font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  font-weight:700;color:var(--p-daemp)}
.lbp-status__v{
  font-family:"Archivo Narrow",sans-serif;font-weight:600;font-size:15px;
  color:var(--p-blaek);overflow-wrap:anywhere}

/* ---------------------------------------------------------- nøgletal ---- */

.lbp-noegletal{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0 0}
.lbp-tal{
  flex:1 1 140px;background:#fff;border:1px solid var(--p-streg);border-radius:8px;
  padding:15px 17px;display:flex;flex-direction:column;gap:4px;
  border-top:3px solid var(--p-streg);transition:border-color .12s ease}
.lbp-tal.er-accent{border-top-color:var(--p-groen)}
.lbp-tal__v{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:30px;
  line-height:1;color:var(--p-blaek);letter-spacing:-.02em}
.lbp-tal.er-accent .lbp-tal__v{color:var(--p-groen-t)}
.lbp-tal__e{
  font-size:10px;letter-spacing:.11em;text-transform:uppercase;
  font-weight:700;color:var(--p-daemp)}

/* ------------------------------------------------------------ paneler --- */

.lbp-split{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 0;align-items:flex-start}
.lbp-panel{
  flex:1 1 320px;background:#fff;border:1px solid var(--p-streg);
  border-radius:10px;padding:20px 22px 22px}
.lbp-panel--bred{flex:2 1 440px}
.lbp-panel__titel{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:13px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--p-daemp);
  margin:0 0 10px;padding:0}
.lbp-panel__tal{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:34px;
  line-height:1;color:var(--p-blaek);margin:0 0 20px}
.lbp-panel__tal span{
  font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--p-daemp)}

/* --------------------------------------------------------- måltidslinje - */

.lbp-akse{position:relative;height:64px;margin:26px 0 18px}
.lbp-akse__linje{
  position:absolute;left:0;right:0;top:26px;height:2px;
  background:var(--p-streg);border-radius:2px}
.lbp-akse__halv{
  position:absolute;top:19px;width:1px;height:16px;
  background:var(--p-streg);transform:translateX(-50%)}
.lbp-akse__punkt{
  position:absolute;top:12px;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:5px}
.lbp-akse__punkt i{
  width:16px;height:16px;border-radius:50%;background:var(--p-groen);
  border:3px solid #fff;box-shadow:0 0 0 1px var(--p-groen);
  transition:transform .12s ease}
.lbp-akse__punkt:hover i{transform:scale(1.25)}
.lbp-akse__punkt span{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:12px;
  color:var(--p-blaek)}
.lbp-akse__ende{
  position:absolute;top:44px;font-size:10px;letter-spacing:.1em;
  font-weight:700;color:var(--p-daemp)}
.lbp-akse__ende--v{left:0}
.lbp-akse__ende--h{right:0}

.lbp-halvleg{
  display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--p-streg);
  border-radius:8px;overflow:hidden;margin:0 0 18px}
.lbp-halvleg > div{
  flex:1 1 100px;padding:11px 14px;border-right:1px solid var(--p-streg);
  display:flex;flex-direction:column;gap:2px}
.lbp-halvleg > div:last-child{border-right:0}
.lbp-halvleg strong{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:22px;
  line-height:1;color:var(--p-blaek)}

/* ------------------------------------------------------------ målliste -- */

.lbp-maalliste{list-style:none;margin:0;padding:0;border-top:1px solid var(--p-streg)}
.lbp-maalliste li{border-bottom:1px solid var(--p-streg)}
.lbp-maalliste a{
  display:flex;align-items:center;gap:14px;padding:11px 2px;color:var(--p-blaek)}
.lbp-maalliste a:hover{background:var(--p-flade)}
.lbp-maalliste__min{
  flex:0 0 46px;font-family:"Archivo Narrow",sans-serif;font-weight:700;
  font-size:16px;color:var(--p-groen-t)}
.lbp-maalliste__kamp{flex:1 1 auto;font-size:14px;min-width:0;overflow-wrap:anywhere}
.lbp-maalliste__dato{flex:0 0 auto;font-size:12px;color:var(--p-daemp);white-space:nowrap}

/* -------------------------------------------------------- seneste kamp -- */

.lbp-kamp{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:16px 0 14px;border-bottom:1px solid var(--p-streg)}
.lbp-kamp__hold{
  flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:7px;
  text-align:center;min-width:0}
.lbp-kamp__hold svg{width:34px;height:34px}
.lbp-kamp__hold span{
  font-family:"Archivo Narrow",sans-serif;font-weight:600;font-size:13px;
  line-height:1.2;color:var(--p-daemp);overflow-wrap:anywhere}
.lbp-kamp__score{
  flex:0 0 auto;font-family:"Archivo Narrow",sans-serif;font-weight:700;
  font-size:38px;line-height:1;color:var(--p-blaek);white-space:nowrap}
.lbp-kamp__score i{color:var(--p-streg);font-style:normal;margin:0 4px}
.lbp-kamp__score em{font-size:13px;font-style:normal;color:var(--p-daemp)}
.lbp-kamp__dato{
  margin:12px 0 0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  font-weight:700;color:var(--p-daemp)}
.lbp-kamp__scorer{
  margin:12px 0 0;padding:11px 13px;background:var(--p-flade);border-radius:6px;
  display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.lbp-kamp__scorer strong{font-family:"Archivo Narrow",sans-serif;font-size:15px}
.lbp-kamp__scorer span{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;color:var(--p-groen-t);font-size:15px}

.lbp-mere{margin:16px 0 0}
.lbp-mere a{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:13px;
  letter-spacing:.07em;text-transform:uppercase;color:var(--p-groen-t);
  border-bottom:2px solid var(--p-groen);padding-bottom:2px}
.lbp-mere a:hover{color:var(--p-blaek)}

/* ----------------------------------------------------------- karriere --- */

.lbp-karriere{margin:12px 0 0;flex:1 1 100%}
.lbp-saeson{
  border:1px solid var(--p-streg);border-radius:8px;padding:16px 18px;margin:0 0 10px}
.lbp-saeson:last-of-type{margin-bottom:0}
.lbp-saeson__hoved{
  display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;
  padding-bottom:13px;border-bottom:1px solid var(--p-streg)}
.lbp-saeson__aar{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:21px;
  color:var(--p-blaek);letter-spacing:-.01em}
.lbp-saeson__klub{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-width:0}
.lbp-saeson__klub svg{width:26px;height:26px;flex:0 0 auto}
.lbp-saeson__klub a{
  font-family:"Archivo Narrow",sans-serif;font-weight:600;font-size:16px;color:var(--p-blaek)}
.lbp-saeson__klub a:hover{color:var(--p-groen-t)}
.lbp-saeson__klub > span{font-size:12px;color:var(--p-daemp)}
.lbp-saeson__tal{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0}
.lbp-saeson__tal .lbp-tal{
  flex:1 1 92px;padding:11px 13px;border-top-width:1px}
.lbp-saeson__tal .lbp-tal__v{font-size:22px}

.lbp-note,.lbp-fodnote{
  margin:14px 0 0;font-size:13px;line-height:1.55;color:var(--p-daemp);max-width:60ch}

/* -------------------------------------------------------------- mobil --- */

@media (max-width:767px){
  .lbp-hero{padding:22px 18px;gap:16px;align-items:flex-start}
  .lbp-hero__maal{align-items:flex-start;text-align:left}
  .lbp-hero__maaltal{font-size:60px}
  .lbp-hero::before{right:-100px;width:180px;height:180px}
  .lbp-status > div{flex:1 1 50%;border-right:0;border-bottom:1px solid var(--p-streg)}
  .lbp-status > div:last-child{border-bottom:0}
  .lbp-tal{flex:1 1 calc(50% - 5px);padding:13px 14px}
  .lbp-tal__v{font-size:26px}
  .lbp-panel{padding:17px 16px 18px}
  .lbp-akse{height:60px;margin:22px 0 16px}
  .lbp-kamp__score{font-size:31px}
  .lbp-saeson__tal .lbp-tal{flex:1 1 calc(33.333% - 6px)}
}

/* PROFIL: links maa ikke understreges. Temaet og Elementors text-editor
   saetter underline paa alle a-elementer og vinder over .lbp a. */
.elementor-widget-text-editor .lbp a,.lbp a,
.lbp .lbp-hero__klub a,.lbp .lbp-maalliste a,.lbp .lbp-saeson__klub a,
.lbp .lbp-akse__punkt{text-decoration:none}
.lbp .lbp-mere a:hover,.lbp .lbp-maalliste a:hover{text-decoration:none}

/* ===== PROFIL: form og klub ===================================== */
.lbp-form{display:flex;flex-wrap:wrap;gap:6px}
.lbp-form a{line-height:0}
.lbp-form__p{display:inline-flex;align-items:center;justify-content:center;
  width:30px;height:30px;border-radius:4px;font-style:normal;
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:14px;color:#fff;
  transition:transform .12s ease}
.lbp-form a:hover .lbp-form__p{transform:translateY(-2px)}
.lbp-form__p--v{background:#15803D}
.lbp-form__p--u{background:#667085}
.lbp-form__p--t{background:#B32D2E}

.lbp-hjemmeude{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--p-streg);
  border-radius:8px;overflow:hidden}
.lbp-hjemmeude > div{flex:1 1 120px;padding:14px 16px;
  border-right:1px solid var(--p-streg);display:flex;flex-direction:column;gap:3px}
.lbp-hjemmeude > div:last-child{border-right:0}
.lbp-hjemmeude strong{font-family:"Archivo Narrow",sans-serif;font-weight:700;
  font-size:28px;line-height:1;color:var(--p-blaek)}
.lbp-hjemmeude small{font-size:12px;color:var(--p-daemp)}

.lbp-res--v{color:#15803D}
.lbp-res--u{color:#667085}
.lbp-res--t{color:#B32D2E}
.lbp-maalliste__min.lbp-res--v,.lbp-maalliste__min.lbp-res--u,
.lbp-maalliste__min.lbp-res--t{flex:0 0 56px}

.lbp-badge--dae{background:rgba(175,189,204,.14);border-color:rgba(175,189,204,.4);
  color:var(--p-moerk)}
.lbp-hero__maerke{display:block;opacity:.9}
.lbp-hero__maerke svg{width:92px;height:92px}

@media (max-width:767px){
  .lbp-hjemmeude > div{flex:1 1 50%}
  .lbp-hero__maerke svg{width:64px;height:64px}
}

/* ==========================================================================
   KAMPSIDE 2026
   Kampen er den eneste side med to hold, et resultat og maal med minut.
   Derfor er den ogsaa den eneste, der maa bruge en tosidet tidslinje.
   Alt er scoped til .lbp.
   ========================================================================== */

/* KAMP: links maa ikke understreges. Temaet saetter underline paa alle
   a-elementer, og designfilens egen ".single .site-main a" vejer 0,2,1.
   En regel paa 0,2,0 taber til den. Er ankeret SELV klassen, skal
   selektoren derfor op paa 0,3,0 — det gaelder baade kampens tidslinje
   og spillerprofilens maalakse, som har vaeret understreget hele tiden. */
.lbp .lbp-kamphero__hold a,.lbp .lbp-skema__navn a,.lbp ul.lbp-trup a,
.lbp .lbp-sammen__hoved a,.lbp .lbp-trup__traener a,
.lbp .lbp-tidslinje a.lbp-tidslinje__punkt,
.lbp .lbp-akse a.lbp-akse__punkt,
.lbp .lbp-form a,.lbp .lbp-skema a,
.elementor-widget-text-editor .lbp .lbp-kamphero__hold a,
.elementor-widget-text-editor .lbp .lbp-skema__navn a,
.elementor-widget-text-editor .lbp ul.lbp-trup a{text-decoration:none}

/* ------------------------------------------------------------- heroen ---- */

.lbp-kamphero{
  background:linear-gradient(160deg,var(--p-navy2) 0%,var(--p-navy) 70%);
  border-radius:12px;padding:22px 26px 26px;position:relative;overflow:hidden}
.lbp-kamphero::before{
  content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  width:300px;height:300px;border:1px solid rgba(175,189,204,.14);border-radius:50%}
.lbp-kamphero__top{
  position:relative;z-index:1;margin:0 0 18px;text-align:center;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
  color:var(--p-groen)}
.lbp-kamphero__kamp{
  position:relative;z-index:1;display:flex;align-items:center;
  justify-content:space-between;gap:10px}
.lbp-kamphero__hold{
  flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;
  gap:9px;text-align:center}
.lbp-kamphero__maerke{line-height:0}
.lbp-kamphero__maerke svg{width:58px;height:58px}
.lbp-kamphero__hold a{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:19px;
  line-height:1.15;color:#fff;overflow-wrap:anywhere}
.lbp-kamphero__hold a:hover{color:var(--p-groen)}
.lbp-kamphero__side{
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  font-weight:700;color:var(--p-moerk)}
.lbp-kamphero__midt{flex:0 0 auto;text-align:center;padding:0 6px}
.lbp-kamphero__cifre{
  margin:0;font-family:"Archivo Narrow",sans-serif;font-weight:700;
  font-size:clamp(44px,9vw,76px);line-height:.9;letter-spacing:-.03em;
  color:#fff;white-space:nowrap}
.lbp-kamphero__cifre i{
  font-style:normal;color:var(--p-moerk);opacity:.55;margin:0 6px}
.lbp-kamphero__cifre--tid{font-size:clamp(30px,6vw,46px)}
.lbp-kamphero__status{
  margin:8px 0 0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;
  font-weight:700;color:var(--p-moerk)}

/* ------------------------------------------------------------ referat ---- */

.lbp-referat{margin:12px 0 0}
.lbp-referat p{font-size:16px;line-height:1.6;max-width:68ch}
.lbp-referat p:last-child{margin-bottom:0}

/* ---------------------------------------------------------- tidslinje ---- */

.lbp-forloeb{margin:12px 0 0}
.lbp-tidslinje{margin:22px 0 24px}
.lbp-tidslinje__spor{position:relative;height:36px}
.lbp-tidslinje__punkt{
  position:absolute;transform:translateX(-50%);display:flex;
  flex-direction:column;align-items:center;gap:4px}
.lbp-tidslinje__spor--h .lbp-tidslinje__punkt{bottom:0;flex-direction:column-reverse}
.lbp-tidslinje__spor--u .lbp-tidslinje__punkt{top:0}
.lbp-tidslinje__punkt i{
  width:14px;height:14px;border-radius:50%;border:3px solid #fff;
  transition:transform .12s ease}
.lbp-tidslinje__punkt--h i{background:var(--p-groen-t);box-shadow:0 0 0 1px var(--p-groen-t)}
.lbp-tidslinje__punkt--u i{background:var(--p-navy);box-shadow:0 0 0 1px var(--p-navy)}
.lbp-tidslinje__punkt:hover i{transform:scale(1.28)}
.lbp-tidslinje__punkt span{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:12px;
  color:var(--p-blaek)}
.lbp-tidslinje__akse{
  position:relative;height:2px;background:var(--p-streg);border-radius:2px}
.lbp-tidslinje__halv{
  position:absolute;left:50%;top:-6px;width:1px;height:14px;
  background:var(--p-streg);transform:translateX(-50%)}
.lbp-tidslinje__skala{display:flex;margin:6px 0 0}
.lbp-tidslinje__skala span{
  flex:1 1 0;font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  font-weight:700;color:var(--p-daemp)}
.lbp-tidslinje__skala span:nth-child(2){text-align:center}
.lbp-tidslinje__skala span:last-child{text-align:right}
.lbp-tidslinje__tegn{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:14px 0 0;font-size:12px;color:var(--p-daemp)}
.lbp-tidslinje__tegn i{width:11px;height:11px;border-radius:50%;flex:0 0 auto}
.lbp-tidslinje__tegn i.er-h{background:var(--p-groen-t)}
.lbp-tidslinje__tegn i.er-u{background:var(--p-navy);margin-left:14px}

/* -------------------------------------------------------------- skema ---- */

.lbp-skema{
  list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--p-streg)}
.lbp-skema__r{
  display:flex;align-items:center;gap:8px;padding:10px 0;
  border-bottom:1px solid var(--p-streg)}
.lbp-skema__navn{flex:1 1 0;min-width:0;font-size:14px;overflow-wrap:anywhere}
.lbp-skema__navn--h{text-align:right}
.lbp-skema__navn--u{text-align:left}
.lbp-skema__navn a{color:var(--p-blaek)}
.lbp-skema__r.er-hjemme .lbp-skema__navn a:hover,
.lbp-skema__r.er-ude .lbp-skema__navn a:hover{color:var(--p-groen-t)}
.lbp-skema__midt{
  flex:0 0 78px;display:flex;flex-direction:column;align-items:center;gap:1px}
.lbp-skema__midt b{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:15px;
  color:var(--p-groen-t)}
.lbp-skema__midt i{
  font-style:normal;font-family:"Archivo Narrow",sans-serif;font-weight:600;
  font-size:12px;color:var(--p-daemp)}

/* -------------------------------------------------------- opstillinger --- */

.lbp-trup__traener{
  margin:0 0 14px;font-size:13px;color:var(--p-daemp)}
.lbp-trup__traener a{color:var(--p-groen-t);font-weight:600}
.lbp-trup__gruppe{
  margin:16px 0 6px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  font-weight:700;color:var(--p-daemp)}
.lbp-trup__gruppe:first-of-type{margin-top:0}
ul.lbp-trup{list-style:none;margin:0;padding:0;border-top:1px solid var(--p-streg)}
ul.lbp-trup li{
  display:flex;align-items:baseline;gap:12px;padding:8px 0;
  border-bottom:1px solid var(--p-streg)}
.lbp-trup__nr{
  flex:0 0 24px;font-family:"Archivo Narrow",sans-serif;font-weight:700;
  font-size:14px;color:var(--p-daemp);text-align:right}
ul.lbp-trup a{font-size:14px;color:var(--p-blaek);overflow-wrap:anywhere}
ul.lbp-trup a:hover{color:var(--p-groen-t)}

/* --------------------------------------------------------- indbyrdes ----- */

.lbp-denne{
  display:inline-block;margin-left:7px;padding:2px 7px;border-radius:4px;
  background:var(--p-flade);font-size:10px;letter-spacing:.08em;
  text-transform:uppercase;font-weight:700;color:var(--p-daemp)}

/* ----------------------------------------------------------- holdene ----- */

.lbp-sammen{display:flex;flex-wrap:wrap;gap:0}
.lbp-sammen__hold{
  flex:1 1 240px;min-width:0;padding:0 22px 0 0;
  border-right:1px solid var(--p-streg)}
.lbp-sammen__hold:last-child{border-right:0;padding:0 0 0 22px}
.lbp-sammen__hoved{display:flex;align-items:center;gap:9px;min-width:0}
.lbp-sammen__hoved svg{width:30px;height:30px;flex:0 0 auto}
.lbp-sammen__hoved a{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:17px;
  color:var(--p-blaek);overflow-wrap:anywhere}
.lbp-sammen__hoved a:hover{color:var(--p-groen-t)}
.lbp-sammen__plads{
  margin:12px 0 0;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.lbp-sammen__plads b{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:30px;
  line-height:1;color:var(--p-blaek)}
.lbp-sammen__plads span{font-size:13px;color:var(--p-daemp)}
.lbp-sammen__etiket{
  margin:16px 0 7px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  font-weight:700;color:var(--p-daemp)}

/* -------------------------------------------------------------- mobil ---- */

@media (max-width:767px){
  .lbp-kamphero{padding:18px 14px 20px}
  .lbp-kamphero__kamp{gap:4px}
  .lbp-kamphero__maerke svg{width:42px;height:42px}
  .lbp-kamphero__hold a{font-size:14px}
  .lbp-kamphero__midt{padding:0 2px}
  .lbp-kamphero__cifre i{margin:0 2px}
  .lbp-tidslinje__punkt span{font-size:11px}
  .lbp-skema__midt{flex:0 0 62px}
  .lbp-skema__navn{font-size:13px}
  .lbp-sammen__hold{flex:1 1 100%;padding:0 0 18px;border-right:0;
    border-bottom:1px solid var(--p-streg)}
  .lbp-sammen__hold:last-child{padding:18px 0 0;border-bottom:0}
}

/* ==========================================================================
   RAEKKEVAELGER 2026
   Valget ligger i URL'en, ikke i JavaScript: hver raekke har sin egen
   adresse, der kan deles og indekseres. Derfor er det links, ikke knapper.
   ========================================================================== */

.lb-rv{
  display:flex;flex-wrap:wrap;gap:22px 34px;margin:0 0 26px;
  padding:0 0 22px;border-bottom:1px solid var(--line,#E4E9F0)}
.lb-rv__gruppe{min-width:0}
.lb-rv__rod{
  margin:0 0 9px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;
  font-weight:700;color:var(--muted,#667085)}
.lb-rv__valg{display:flex;flex-wrap:wrap;gap:7px}
.lb-rv__knap{
  display:inline-block;padding:7px 14px;border:1px solid var(--line,#E4E9F0);
  border-radius:4px;background:#fff;
  font-family:"Archivo Narrow",sans-serif;font-weight:600;font-size:14px;
  line-height:1.2;color:var(--ink,#101828);text-decoration:none;
  transition:border-color .12s ease,color .12s ease}
.lb-rv__knap:hover{border-color:var(--green-text,#15803D);color:var(--green-text,#15803D)}
.lb-rv__knap.er-valgt{
  background:#15803D;border-color:#15803D;color:#fff}
.lb-rv__knap.er-valgt:hover{color:#fff;border-color:#15803D}

/* Paa navy: hvid ramme paa den valgte, og lyse etiketter. Groent fyld
   virker paa begge flader, men 10px versaler i #667085 goer ikke. */
.lb-rv--moerk{border-bottom-color:rgba(175,189,204,.22)}
.lb-rv--moerk .lb-rv__rod{color:#AFBDCC}
.lb-rv--moerk .lb-rv__knap{
  background:transparent;border-color:rgba(175,189,204,.34);color:#fff}
.lb-rv--moerk .lb-rv__knap:hover{border-color:#22C55E;color:#22C55E}
.lb-rv--moerk .lb-rv__knap.er-valgt{
  background:#22C55E;border-color:#22C55E;color:#0E1A2B}
.lb-rv--moerk .lb-rv__knap.er-valgt:hover{color:#0E1A2B}

/* Temaet understreger alle links og vinder over .lb-rv__knap alene. */
.single .site-main .lb-rv__knap,.page .site-main .lb-rv__knap,
.lb-rv a.lb-rv__knap{text-decoration:none}

@media (max-width:767px){
  .lb-rv{gap:16px 22px;margin:0 0 20px;padding:0 0 16px}
  .lb-rv__knap{padding:6px 11px;font-size:13px}
}

/* ==========================================================================
   RESULTATCENTER 2026 — bygget om 23. aug til mange raekker
   Den gamle udgave tegnede ét kort pr. pulje. Ved 262 puljer blev siden
   703 KB og 262 overskrifter. Nu: faner, filtre, datobaand og sammenklappede
   raekker, hvor kun de foerste faa staar aabne.
   FLEXBOX, ikke grid. Komponenten maler SINE EGNE flader, saa den ikke kan
   antage forkert baggrund — den fejl er lavet én gang for hver komponent her.
   ========================================================================== */

.lb-rc2{--rc-navy:#0E1A2B;--rc-navy2:#1B2C44;--rc-groen:#22C55E;--rc-groentekst:#15803D;
  --rc-blaek:#101828;--rc-daempet:#667085;--rc-paamork:#AFBDCC;--rc-flade:#F4F6F8;--rc-streg:#E4E9F0;
  font-family:Inter,system-ui,sans-serif;color:var(--rc-blaek)}
.lb-rc2 p{max-width:none}

/* ---------- faner ---------- */
.lb-rc2__faner{display:flex;gap:8px;margin:0 0 18px;padding:0;border-bottom:2px solid var(--rc-streg)}
.lb-rc2__fane{display:inline-block;padding:11px 20px;font-family:"Archivo Narrow",Inter,sans-serif;
  font-weight:700;font-size:15px;letter-spacing:.04em;text-transform:uppercase;
  color:var(--rc-daempet);text-decoration:none;border-bottom:3px solid transparent;margin-bottom:-2px;
  transition:color .16s ease,border-color .16s ease}
.lb-rc2__fane:hover{color:var(--rc-blaek)}
.lb-rc2 a.lb-rc2__fane{text-decoration:none}
.lb-rc2__fane.er-valgt{color:var(--rc-navy);border-bottom-color:var(--rc-groen)}

/* ---------- filter ---------- */
.lb-rc2__filter{background:#fff;border:1px solid var(--rc-streg);border-radius:10px;
  padding:16px 18px;margin:0 0 20px}
.lb-rc2__lab{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;color:var(--rc-daempet);margin:0 0 5px}
.lb-rc2__soeg{margin:0 0 14px}
.lb-rc2__felt{width:100%;max-width:420px;padding:11px 14px;font-size:16px;
  border:1px solid var(--rc-streg);border-radius:4px;background:var(--rc-flade);color:var(--rc-blaek)}
.lb-rc2__felt:focus{outline:2px solid var(--rc-groen);outline-offset:1px;background:#fff}
.lb-rc2__vaelg{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}
.lb-rc2__gruppe{display:block;flex:1 1 190px;min-width:0}
.lb-rc2__select{width:100%;padding:9px 11px;font-size:14px;border:1px solid var(--rc-streg);
  border-radius:4px;background:#fff;color:var(--rc-blaek)}
/* KNAPPER: designretningen siger fyldt #15803D paa lys flade, #22C55E paa
   navy. Komponenten staar paa lys flade, saa den moerke groen er den rigtige
   — og den baerer hvid tekst med 5,1:1. */
.lb-rc2__knap{flex:0 0 auto;padding:10px 22px;font-family:"Archivo Narrow",Inter,sans-serif;
  font-weight:700;font-size:14px;letter-spacing:.05em;text-transform:uppercase;
  background:var(--rc-groentekst);color:#fff;border:0;border-radius:4px;cursor:pointer;
  transition:filter .16s ease}
.lb-rc2__knap:hover{filter:brightness(1.07)}
.lb-rc2 a.lb-rc2__knap{text-decoration:none;display:inline-block}
.lb-rc2__knap--stor{padding:14px 30px;font-size:15px}
.lb-rc2__ryd{flex:0 0 auto;font-size:13px;font-weight:600;color:var(--rc-groentekst)}
.lb-rc2 a.lb-rc2__ryd{text-decoration:underline}

/* ---------- datobaand ---------- */
.lb-rc2__datoer{margin:0 0 18px}
.lb-rc2__datolinje{display:flex;gap:8px;list-style:none;margin:0;padding:0 0 6px;
  overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.lb-rc2__datolinje>li{flex:0 0 auto;margin:0}
.lb-rc2__dato{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:66px;
  padding:9px 12px;background:#fff;border:1px solid var(--rc-streg);border-radius:4px;
  text-decoration:none;color:var(--rc-blaek);transition:border-color .16s ease,background .16s ease}
.lb-rc2 a.lb-rc2__dato{text-decoration:none}
.lb-rc2__dato:hover{border-color:var(--rc-daempet)}
.lb-rc2__dato b{font-family:"Archivo Narrow",Inter,sans-serif;font-size:13px;font-weight:700;letter-spacing:.03em}
.lb-rc2__dato span{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--rc-daempet)}
.lb-rc2__dato i{font-style:normal;font-size:10px;font-weight:700;color:var(--rc-daempet)}
.lb-rc2__dato.er-valgt{background:var(--rc-navy);border-color:var(--rc-navy);color:#fff}
.lb-rc2__dato.er-valgt span,.lb-rc2__dato.er-valgt i{color:var(--rc-paamork)}

/* ---------- dagoverskrift ---------- */
.lb-rc2__dag{font-family:"Archivo Narrow",Inter,sans-serif;font-size:14px;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;color:var(--rc-daempet);
  margin:26px 0 10px;padding:0 0 7px;border-bottom:1px solid var(--rc-streg)}
.lb-rc2__dag:first-child{margin-top:0}

/* ---------- raekke-sektion (details/summary — ingen JS) ---------- */
.lb-rc2__gruppe-r{background:#fff;border:1px solid var(--rc-streg);border-radius:10px;
  margin:0 0 10px;overflow:hidden}
.lb-rc2__sum{display:flex;align-items:center;gap:10px;padding:13px 16px;cursor:pointer;
  list-style:none;transition:background .16s ease}
.lb-rc2__sum::-webkit-details-marker{display:none}
.lb-rc2__sum:hover{background:var(--rc-flade)}
.lb-rc2__sum::before{content:"";flex:0 0 auto;width:0;height:0;
  border-left:6px solid var(--rc-daempet);border-top:4.5px solid transparent;
  border-bottom:4.5px solid transparent;transition:transform .18s ease}
.lb-rc2__gruppe-r[open] .lb-rc2__sum::before{transform:rotate(90deg)}
.lb-rc2__sum-navn{flex:1 1 auto;min-width:0;font-family:"Archivo Narrow",Inter,sans-serif;
  font-size:17px;font-weight:700;color:var(--rc-navy);letter-spacing:.01em}
.lb-rc2__maerkat{flex:0 0 auto;padding:3px 9px;font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--rc-daempet);background:var(--rc-flade);
  border:1px solid var(--rc-streg);border-radius:4px}
.lb-rc2__sum-n{flex:0 0 auto;font-size:12px;font-weight:600;color:var(--rc-daempet);
  font-variant-numeric:tabular-nums}

/* ---------- kampen ---------- */
.lb-rc2__kampe{border-top:1px solid var(--rc-streg)}
.lb-rc2__kamp{display:flex;align-items:center;gap:10px;padding:11px 16px;
  border-bottom:1px solid var(--rc-streg);text-decoration:none;color:var(--rc-blaek);
  transition:background .14s ease}
.lb-rc2__kampe>.lb-rc2__kamp:last-child{border-bottom:0}
.lb-rc2 a.lb-rc2__kamp{text-decoration:none}
.lb-rc2__kamp:hover{background:var(--rc-flade)}
.lb-rc2__tid{flex:0 0 42px;font-size:12px;color:var(--rc-daempet);font-variant-numeric:tabular-nums}
.lb-rc2__hold{flex:1 1 0;min-width:0;text-align:right;font-size:15px;font-weight:600;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-rc2__hold--ud{text-align:left}
.lb-rc2__hold.er-v{color:var(--rc-navy);font-weight:700}
.lb-rc2__hold.er-t{color:var(--rc-daempet);font-weight:500}
/* RESULTATET er det stoerste element i raekken — det er dét, folk scanner. */
.lb-rc2__score{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;
  padding:4px 11px;background:var(--rc-navy);border-radius:4px;
  font-family:"Archivo Narrow",Inter,sans-serif;font-size:17px;font-weight:700;
  color:#fff;font-variant-numeric:tabular-nums;line-height:1.15}
.lb-rc2__score i{font-style:normal;color:var(--rc-paamork);font-weight:400}
.lb-rc2__pulje{flex:0 0 96px;text-align:right;font-size:11px;color:var(--rc-daempet);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-rc2__kamp--dod{cursor:default}

/* ---------- puljeliste under stillinger ---------- */
.lb-rc2__puljer{list-style:none;margin:0;padding:0;border-top:1px solid var(--rc-streg)}
.lb-rc2__puljer>li{margin:0}
.lb-rc2__pulje-k{display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 16px;border-bottom:1px solid var(--rc-streg);text-decoration:none;
  color:var(--rc-blaek);font-weight:600;transition:background .14s ease}
.lb-rc2 a.lb-rc2__pulje-k{text-decoration:none}
.lb-rc2__pulje-k:hover{background:var(--rc-flade)}
.lb-rc2__puljer>li:last-child .lb-rc2__pulje-k{border-bottom:0}
.lb-rc2__pulje-k i{font-style:normal;font-size:12px;font-weight:600;color:var(--rc-daempet)}

/* ---------- smaating ---------- */
.lb-rc2__mere{margin:0;padding:10px 16px;background:var(--rc-flade);
  border-top:1px solid var(--rc-streg);font-size:13px;font-weight:600}
.lb-rc2__mere a{color:var(--rc-groentekst)}
.lb-rc2__alle{margin:22px 0 0;text-align:center}
.lb-rc2__fod{margin:16px 0 0;font-size:12px;color:var(--rc-daempet);text-align:center}
.lb-rc2__intro{margin:0 0 16px;color:var(--rc-daempet);font-size:15px}
.lb-rc2__tom{margin:20px 0;padding:26px 20px;background:#fff;border:1px dashed var(--rc-streg);
  border-radius:10px;text-align:center;color:var(--rc-daempet)}

/* ---------- detaljen ---------- */
.lb-rc2__sti{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:0 0 14px;
  font-size:13px;color:var(--rc-daempet)}
.lb-rc2__sti a{color:var(--rc-groentekst)}
.lb-rc2__sti b{color:var(--rc-blaek)}
.lb-rc2__dhoved{margin:0 0 16px}
.lb-rc2__eyebrow{margin:0 0 3px;font-size:11px;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:var(--rc-daempet)}
.lb-rc2__titel{margin:0;font-family:"Archivo Narrow",Inter,sans-serif;font-size:30px;
  font-weight:700;color:var(--rc-navy);line-height:1.14}
.lb-rc2__soesken{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px}
.lb-rc2__soesk{padding:7px 14px;font-size:13px;font-weight:600;background:#fff;
  border:1px solid var(--rc-streg);border-radius:4px;color:var(--rc-blaek);text-decoration:none}
.lb-rc2 a.lb-rc2__soesk{text-decoration:none}
.lb-rc2__soesk:hover{border-color:var(--rc-daempet)}
.lb-rc2__soesk.er-valgt{background:var(--rc-groentekst);border-color:var(--rc-groentekst);color:#fff;font-weight:700}
.lb-rc2__blok{margin:0 0 26px}
.lb-rc2__bh{font-family:"Archivo Narrow",Inter,sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.09em;text-transform:uppercase;color:var(--rc-daempet);margin:0 0 10px}
/* Regnestykket beholder sin navy flade — dets egen CSS er tegnet til den. */
.lb-rc2__blok--navy{background:var(--rc-navy);border-radius:10px;padding:22px 20px}
.lb-rc2__blok--navy .lb-rc2__bh{color:var(--rc-paamork)}

/* ---------- tablet ---------- */
@media (max-width:900px){
  .lb-rc2__pulje{display:none}
  .lb-rc2__titel{font-size:26px}
}

/* ---------- mobil ---------- */
@media (max-width:600px){
  .lb-rc2__faner{gap:2px}
  .lb-rc2__fane{padding:10px 13px;font-size:13px}
  .lb-rc2__filter{padding:13px 14px;border-radius:4px}
  .lb-rc2__vaelg{gap:9px}
  .lb-rc2__gruppe{flex:1 1 100%}
  .lb-rc2__knap{flex:1 1 100%}
  .lb-rc2__sum{padding:12px 13px;gap:8px}
  .lb-rc2__sum-navn{font-size:15px}
  .lb-rc2__maerkat{display:none}
  .lb-rc2__kamp{gap:7px;padding:10px 13px}
  .lb-rc2__tid{display:none}
  .lb-rc2__hold{font-size:14px}
  .lb-rc2__score{font-size:16px;padding:3px 9px}
  .lb-rc2__titel{font-size:23px}
  .lb-rc2__dag{font-size:12px;margin:20px 0 9px}
  .lb-rc2__blok--navy{padding:18px 15px}
}

/* --------------------------------------------------------------------------
   SPECIFICITET — lektie 7 i handoff'en.
   Designfilen har selv en regel paa ankre inde i .site-main med vaegten 0,1,1.
   Den slaar en enkelt klasse (0,1,0), saa ALLE mine <a> arvede temaets
   groenne linkfarve — ogsaa hele kampraekken, der skal vaere blaek.
   Er ankeret SELV klassen, skal selektoren derfor op paa 0,2,1.
   Groent beholdes KUN, hvor noget faktisk ER et link, man skal klikke.
   -------------------------------------------------------------------------- */
.lb-rc2 a.lb-rc2__fane{color:var(--rc-daempet)}
.lb-rc2 a.lb-rc2__fane:hover{color:var(--rc-blaek)}
.lb-rc2 a.lb-rc2__fane.er-valgt{color:var(--rc-navy)}
.lb-rc2 a.lb-rc2__kamp{color:var(--rc-blaek)}
.lb-rc2 a.lb-rc2__dato{color:var(--rc-blaek)}
.lb-rc2 a.lb-rc2__dato.er-valgt{color:#fff}
.lb-rc2 a.lb-rc2__pulje-k{color:var(--rc-blaek)}
.lb-rc2 a.lb-rc2__soesk{color:var(--rc-blaek)}
.lb-rc2 a.lb-rc2__soesk.er-valgt{color:#fff}
.lb-rc2 a.lb-rc2__knap{color:#fff}
/* Disse SKAL se ud som links — groen tekst er her med vilje. */
.lb-rc2 .lb-rc2__mere a,
.lb-rc2 a.lb-rc2__ryd,
.lb-rc2 .lb-rc2__sti a{color:var(--rc-groentekst)}

/* ==========================================================================
   KAMPPROGRAM 2026 — bygget om 23. aug
   SOESKENDE MED RESULTATCENTRET med vilje: komponenten baerer selv .lb-rc2,
   saa filterlinje, datobaand og sammenklapning er den SAMME kode og det samme
   udtryk. Kun forskellene staar her. Resultatsiden svarer "hvad blev det?",
   denne svarer "hvem spiller?" — derfor er der et TIDSPUNKT hvor den anden
   har et resultat.
   ========================================================================== */

/* ---------- soegefeltet: sidens vigtigste element ---------- */
.lb-kp__soeg{background:var(--rc-navy);border-radius:10px;padding:20px 22px;margin:0 0 18px}
.lb-kp__soeglab{display:block;font-family:"Archivo Narrow",Inter,sans-serif;font-size:12px;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rc-paamork);margin:0 0 9px}
.lb-kp__soegrow{display:flex;flex-wrap:wrap;gap:10px}
.lb-kp__soegfelt{flex:1 1 260px;min-width:0;padding:13px 16px;font-size:16px;
  border:1px solid var(--rc-navy2);border-radius:4px;background:#fff;color:var(--rc-blaek)}
.lb-kp__soegfelt:focus{outline:2px solid var(--rc-groen);outline-offset:2px}
/* GROENT FYLD PAA NAVY: her er #22C55E den rigtige, jf. designretningen. */
.lb-kp__soeg .lb-rc2__knap{flex:0 0 auto;background:var(--rc-groen);color:var(--rc-navy)}
.lb-rc2 .lb-kp__soeg a.lb-rc2__knap{color:var(--rc-navy)}

.lb-kp__filter{margin:0 0 14px}

/* ---------- filter-chips ---------- */
.lb-kp__chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px}
.lb-kp__chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;font-size:13px;
  font-weight:600;background:var(--rc-navy);color:#fff;border-radius:4px;text-decoration:none}
.lb-rc2 a.lb-kp__chip{color:#fff;text-decoration:none}
.lb-kp__chip span{color:var(--rc-paamork);font-size:15px;line-height:1}
.lb-kp__chip:hover span{color:#fff}

/* ---------- genveje: i dag / weekend ---------- */
.lb-kp__genveje{display:flex;gap:8px;margin:0 0 10px}
.lb-kp__genvej{padding:7px 15px;font-family:"Archivo Narrow",Inter,sans-serif;font-size:13px;
  font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:#fff;
  border:1px solid var(--rc-streg);border-radius:4px;color:var(--rc-blaek);text-decoration:none}
.lb-rc2 a.lb-kp__genvej{color:var(--rc-blaek);text-decoration:none}
.lb-kp__genvej:hover{border-color:var(--rc-daempet)}
.lb-kp__genvej.er-valgt{background:var(--rc-navy);border-color:var(--rc-navy);color:#fff}
.lb-rc2 a.lb-kp__genvej.er-valgt{color:#fff}

/* ---------- dagoverskrift med antal ---------- */
.lb-kp__dag{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}
.lb-kp__antal{font-family:Inter,sans-serif;font-size:12px;font-weight:600;
  letter-spacing:0;text-transform:none;color:var(--rc-daempet);font-variant-numeric:tabular-nums}

/* ---------- kampraekken ---------- */
.lb-kp__tid{flex:0 0 auto;min-width:52px;padding:4px 9px;background:var(--rc-flade);
  border:1px solid var(--rc-streg);border-radius:4px;font-size:13px;font-weight:700;
  color:var(--rc-navy);font-variant-numeric:tabular-nums;text-align:center}
.lb-kp__hold{font-size:15px;font-weight:600;color:var(--rc-blaek)}
.lb-kp__vs{flex:0 0 auto;color:var(--rc-daempet);font-size:14px;padding:0 2px}
.lb-kp__kamp:hover .lb-kp__tid{border-color:var(--rc-daempet)}

/* ---------- lokalopgoer ---------- */
/* Baaret af klubbernes koordinater. Groent FYLD med navy tekst laeses baade
   paa hvid og paa navy — den ene groenne kombination der virker begge steder. */
.lb-kp__lokal{flex:0 0 auto;padding:3px 8px;font-size:10px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;background:var(--rc-groen);color:var(--rc-navy);border-radius:4px}

/* ---------- klubvisning ---------- */
.lb-kp__dagdel{margin:0;padding:9px 16px;background:var(--rc-flade);
  border-bottom:1px solid var(--rc-streg);font-family:"Archivo Narrow",Inter,sans-serif;
  font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rc-daempet)}

/* ---------- tom tilstand ---------- */
.lb-kp__tom{margin:22px 0;padding:44px 24px;background:#fff;border:1px solid var(--rc-streg);
  border-radius:10px;text-align:center}
.lb-kp__tomikon{margin:0 0 10px;font-size:34px;line-height:1}
.lb-kp__tomtitel{margin:0 0 6px;font-family:"Archivo Narrow",Inter,sans-serif;font-size:20px;
  font-weight:700;color:var(--rc-navy)}
.lb-kp__tomtekst{margin:0 0 18px;color:var(--rc-daempet);max-width:none}

/* ---------- tablet ---------- */
@media (max-width:900px){
  .lb-kp__soeg{padding:17px 18px}
}

/* ---------- mobil: kampen staar lodret ---------- */
@media (max-width:600px){
  .lb-kp__soeg{padding:15px 15px;border-radius:10px}
  .lb-kp__soegfelt{flex:1 1 100%}
  .lb-kp__soeg .lb-rc2__knap{flex:1 1 100%}
  .lb-kp__chips{gap:6px;margin:0 0 14px}
  .lb-kp__genveje{gap:6px}
  .lb-kp__genvej{padding:6px 12px;font-size:12px}
  /* Paa mobil er der ikke plads til hjemme – ude paa én linje uden at
     klubnavnene brydes midt over. Kampen staar derfor lodret, og tiden
     bliver et lille maerke oeverst. */
  .lb-kp__kamp{flex-wrap:wrap;row-gap:3px;padding:11px 13px}
  .lb-kp__kamp .lb-kp__tid{order:1;flex:0 0 auto;min-width:0;padding:2px 7px;font-size:12px}
  .lb-kp__kamp .lb-kp__lokal{order:2;font-size:9px;padding:2px 6px}
  .lb-kp__kamp .lb-rc2__pulje{order:5;flex:1 1 100%;text-align:left;margin-top:2px}
  .lb-kp__kamp .lb-rc2__pulje--gammel{order:2;display:block;flex:1 1 auto;text-align:right;font-size:11px}
  .lb-kp__kamp .lb-kp__hold{order:3;flex:1 1 100%;text-align:left;font-size:15px}
  .lb-kp__kamp .lb-kp__vs{display:none}
  .lb-kp__kamp .lb-rc2__hold--ud{order:4;flex:1 1 100%;text-align:left}
  .lb-kp__tom{padding:34px 18px}
  .lb-kp__dag{gap:7px}
}

/* ==========================================================================
   KLUBREGISTER 2026
   Alt filtreres paa serveren og staar i adressen: 58 klubber i dag, 5.000
   om et par aar. Kompakte raekker, hoej informationstaethed, to spalter
   paa desktop. Flexbox, ikke grid. Bygget til HVID flade.
   ========================================================================== */

.lb-kr p{max-width:none}

/* ------------------------------------------------------------- soeg ------ */

.lb-kr__soeg{display:flex;gap:8px;margin:0 0 16px}
.lb-kr__soeg input[type=search]{
  flex:1 1 auto;min-width:0;padding:15px 18px;
  border:1px solid #E4E9F0;border-radius:6px;background:#fff;
  font-size:17px;color:#101828}
.lb-kr__soeg input[type=search]::placeholder{color:#98A2B3}
.lb-kr__soeg input[type=search]:focus{outline:2px solid #15803D;outline-offset:1px;border-color:#15803D}
.lb-kr__soeg button{
  flex:0 0 auto;padding:0 26px;border:0;border-radius:6px;background:#15803D;color:#fff;
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:15px;
  letter-spacing:.05em;text-transform:uppercase;cursor:pointer;
  transition:background .12s ease}
.lb-kr__soeg button:hover{background:#0E1A2B}

/* ---------------------------------------------------------- alfabet ------ */

.lb-kr__alfabet{
  display:flex;gap:3px;margin:0 0 14px;overflow-x:auto;padding-bottom:3px;
  -webkit-overflow-scrolling:touch}
.lb-kr__alfabet::-webkit-scrollbar{height:3px}
.lb-kr__alfabet::-webkit-scrollbar-thumb{background:#E4E9F0;border-radius:3px}
.lb-kr__bogstav{
  flex:0 0 auto;min-width:30px;padding:6px 8px;text-align:center;
  border:1px solid #E4E9F0;border-radius:4px;background:#fff;
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:14px;
  color:#101828;text-decoration:none;line-height:1.1;
  transition:border-color .12s ease,background .12s ease,color .12s ease}
.lb-kr__bogstav:first-child{min-width:auto;padding:6px 12px}
.lb-kr__bogstav:hover{border-color:#15803D;color:#15803D}
.lb-kr__bogstav.er-valgt{background:#0E1A2B;border-color:#0E1A2B;color:#fff}
/* Bogstaver uden klubber kan ikke klikkes — ellers ender man paa en tom side. */
.lb-kr__bogstav.er-tom{color:#CBD5E1;border-color:#F1F4F8;background:#FBFCFD}

/* ----------------------------------------------------------- filtre ------ */

.lb-kr__filtre{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.lb-kr__filtre select{
  flex:0 1 auto;min-width:0;max-width:230px;padding:9px 12px;
  border:1px solid #E4E9F0;border-radius:4px;background:#fff;
  font-size:14px;color:#101828}
.lb-kr__filtre button{
  padding:9px 18px;border:1px solid #0E1A2B;border-radius:4px;background:#fff;
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:13px;
  letter-spacing:.05em;text-transform:uppercase;color:#0E1A2B;cursor:pointer;
  transition:background .12s ease,color .12s ease}
.lb-kr__filtre button:hover{background:#0E1A2B;color:#fff}

.lb-kr__chips{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 12px}
.lb-kr__chip{
  display:inline-flex;align-items:center;gap:7px;padding:5px 11px;
  border:1px solid rgba(21,128,61,.3);border-radius:999px;
  background:rgba(21,128,61,.07);font-size:13px;color:#15803D;text-decoration:none;
  transition:background .12s ease}
.lb-kr__chip i{font-style:normal;font-size:15px;line-height:1;opacity:.7}
.lb-kr__chip:hover{background:rgba(21,128,61,.14)}
.lb-kr__ryd{
  font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;
  color:#667085;text-decoration:none;padding:5px 4px}
.lb-kr__ryd:hover{color:#101828}

.lb-kr__status{
  margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid #E4E9F0;
  font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;
  color:#667085}

/* ----------------------------------------------------------- listen ------ */

/* To spalter paa desktop: dobbelt saa mange klubber i syne uden at
   raekken bliver for lang at scanne. */
.lb-kr__liste{display:flex;flex-wrap:wrap;gap:8px}
.lb-kr__klub{
  flex:1 1 420px;min-width:0;display:flex;align-items:center;gap:14px;
  padding:13px 16px;border:1px solid #E4E9F0;border-radius:8px;background:#fff;
  transition:border-color .14s ease,transform .14s ease}
.lb-kr__klub:hover{border-color:#CBD5E1;transform:translateY(-1px)}
.lb-kr__krop{flex:1 1 auto;min-width:0}
.lb-kr__navn{
  margin:0;font-family:"Archivo Narrow",sans-serif;font-weight:700;
  font-size:18px;line-height:1.15;letter-spacing:-.01em}
.lb-kr__navn a{color:#101828;text-decoration:none}
.lb-kr__navn a:hover{color:#15803D}
.lb-kr__meta{
  margin:2px 0 0;font-size:13px;color:#667085;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-kr__meta i{font-style:normal;color:#CBD5E1;margin:0 2px}
.lb-kr__raekker{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0 0}
.lb-kr__chipmini{
  display:inline-block;padding:2px 8px;border-radius:3px;background:#F4F6F8;
  font-size:11px;font-weight:600;color:#667085;white-space:nowrap;
  max-width:100%;overflow:hidden;text-overflow:ellipsis}
.lb-kr__se{
  flex:0 0 auto;font-family:"Archivo Narrow",sans-serif;font-weight:700;
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:#98A2B3;text-decoration:none;opacity:0;
  transition:opacity .14s ease,color .12s ease}
.lb-kr__se::after{content:" \2192"}
.lb-kr__klub:hover .lb-kr__se{opacity:1;color:#15803D}
.lb-kr__se:focus{opacity:1;color:#15803D}

/* display:flex slaar [hidden] ihjel, saa soegningen skjuler ingenting. */
.lb-kr__klub[hidden]{display:none}

/* ------------------------------------------------------------ sider ------ */

.lb-kr__sider{
  display:flex;flex-wrap:wrap;gap:10px;align-items:center;
  justify-content:space-between;margin:20px 0 0;padding:16px 0 0;
  border-top:1px solid #E4E9F0}
.lb-kr__viser{font-size:13px;color:#667085;font-variant-numeric:tabular-nums}
.lb-kr__knapper{display:flex;align-items:center;gap:12px}
.lb-kr__knapper a,.lb-kr__knapper .er-slukket{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:13px;
  letter-spacing:.05em;text-transform:uppercase;text-decoration:none}
.lb-kr__knapper a{color:#15803D}
.lb-kr__knapper a:hover{color:#0E1A2B}
.lb-kr__knapper .er-slukket{color:#CBD5E1}
.lb-kr__sidetal{font-size:12px;color:#667085;font-variant-numeric:tabular-nums}

/* ------------------------------------------------------------- tomt ------ */

.lb-kr__tom{
  padding:44px 24px;text-align:center;
  border:1px dashed #CBD5E1;border-radius:10px;background:#F9FAFB}
.lb-kr__tomtitel{
  margin:0 0 6px;font-family:"Archivo Narrow",sans-serif;font-weight:700;
  font-size:21px;color:#101828}
.lb-kr__tom p{margin:0;color:#667085;font-size:14px}
.lb-kr__tomlink{margin-top:16px !important}
.lb-kr__tomlink a{
  font-family:"Archivo Narrow",sans-serif;font-weight:700;font-size:12px;
  letter-spacing:.07em;text-transform:uppercase;color:#15803D;
  text-decoration:none;border-bottom:2px solid #22C55E;padding-bottom:2px}
.lb-kr__ingenmatch{
  margin:14px 0 0;padding:20px;text-align:center;color:#667085;font-size:14px;
  border:1px dashed #CBD5E1;border-radius:10px;background:#F9FAFB}

.page .site-main .lb-kr a,.lb-kr a{text-decoration:none}

/* ------------------------------------------------------------ mobil ------ */

@media (max-width:767px){
  .lb-kr__soeg{gap:6px}
  .lb-kr__soeg input[type=search]{padding:13px 15px;font-size:16px}
  .lb-kr__soeg button{padding:0 18px;font-size:14px}
  .lb-kr__filtre{gap:6px}
  .lb-kr__filtre select{flex:1 1 100%;max-width:none}
  .lb-kr__filtre button{flex:1 1 100%}
  .lb-kr__klub{flex:1 1 100%;padding:12px 14px;gap:10px}
  .lb-kr__navn{font-size:17px}
  /* Ingen hover paa mobil, saa pilen skal staa fast. */
  .lb-kr__se{opacity:1;color:#15803D}
  .lb-kr__sider{gap:8px}
  .lb-kr__knapper{width:100%;justify-content:space-between;gap:8px}
}

/* ==========================================================================
   FORSIDE DASHBOARD 2026 — bygget 23. aug
   Afloeser de tre faste Serie 2-sektioner (kampstribe, resultatstribe og en
   KOMPLET stilling), som laaste forsiden til én pulje ud af 262.
   Genbruger .lb-rc2-systemet, saa forside, kampprogram og resultatcenter er
   ét produkt. Kun forskellene staar her.
   ========================================================================== */

/* Weekendfeltet staar uden for .lb-rc2, saa det skal have tokens selv. */
.lb-fd__weekend{--rc-navy:#0E1A2B;--rc-navy2:#1B2C44;--rc-groen:#22C55E;
  --rc-groentekst:#15803D;--rc-blaek:#101828;--rc-daempet:#667085;--rc-paamork:#AFBDCC;
  --rc-flade:#F4F6F8;--rc-streg:#E4E9F0;font-family:Inter,system-ui,sans-serif}

/* ---------- linjer: kamp eller resultat ---------- */
.lb-fd__liste{background:#fff;border:1px solid var(--rc-streg);border-radius:10px;overflow:hidden}
.lb-fd__linje{display:flex;align-items:center;gap:14px;padding:13px 16px;
  border-bottom:1px solid var(--rc-streg);text-decoration:none;color:var(--rc-blaek);
  transition:background .14s ease}
.lb-fd__liste>.lb-fd__linje:last-child{border-bottom:0}
.lb-rc2 a.lb-fd__linje{text-decoration:none;color:var(--rc-blaek)}
.lb-fd__linje:hover{background:var(--rc-flade)}

.lb-fd__tid{flex:0 0 auto;min-width:56px;padding:5px 10px;background:var(--rc-flade);
  border:1px solid var(--rc-streg);border-radius:4px;font-size:13px;font-weight:700;
  color:var(--rc-navy);font-variant-numeric:tabular-nums;text-align:center}
.lb-fd__score{flex:0 0 auto;min-width:56px;padding:5px 10px;background:var(--rc-navy);
  border-radius:4px;font-family:"Archivo Narrow",Inter,sans-serif;font-size:16px;font-weight:700;
  color:#fff;font-variant-numeric:tabular-nums;text-align:center;line-height:1.2}

.lb-fd__hold{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;
  font-size:15px;font-weight:600;overflow:hidden}
.lb-fd__hold b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-fd__hold i{font-style:normal;color:var(--rc-daempet);flex:0 0 auto}
.lb-fd__meta{flex:0 0 auto;max-width:38%;text-align:right;font-size:11px;color:var(--rc-daempet);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-fd__meta em{display:block;font-style:normal;font-size:10px;opacity:.85}

/* ---------- top 3 ---------- */
.lb-fd__stillinger{display:flex;flex-wrap:wrap;gap:14px}
.lb-fd__tabel{flex:1 1 240px;min-width:0;background:#fff;border:1px solid var(--rc-streg);
  border-radius:10px;overflow:hidden}
.lb-fd__tabelhoved{margin:0;padding:11px 14px;background:var(--rc-navy);
  font-family:"Archivo Narrow",Inter,sans-serif;font-size:13px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-fd__tabelhoved a{color:#fff;text-decoration:none}
.lb-rc2 .lb-fd__tabelhoved a{color:#fff;text-decoration:none}
.lb-fd__tabelhoved a:hover{color:var(--rc-groen)}
.lb-fd__top3{list-style:none;margin:0;padding:0}
.lb-fd__plads{display:flex;align-items:center;gap:9px;padding:9px 14px;
  border-bottom:1px solid var(--rc-streg);font-size:14px}
.lb-fd__top3>li:last-child{border-bottom:0}
.lb-fd__nr{flex:0 0 20px;height:20px;line-height:20px;text-align:center;border-radius:4px;
  background:var(--rc-flade);font-size:11px;font-weight:700;color:var(--rc-daempet)}
.lb-fd__plads--1 .lb-fd__nr{background:var(--rc-groen);color:var(--rc-navy)}
.lb-fd__klub{flex:1 1 auto;min-width:0;font-weight:600;color:var(--rc-blaek);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}
.lb-rc2 a.lb-fd__klub{color:var(--rc-blaek);text-decoration:none}
.lb-fd__k,.lb-fd__p{flex:0 0 auto;font-variant-numeric:tabular-nums;font-size:13px}
.lb-fd__k{color:var(--rc-daempet);min-width:18px;text-align:right}
.lb-fd__p{font-weight:700;color:var(--rc-navy);min-width:22px;text-align:right}

/* ---------- mere-link ---------- */
.lb-fd__mere{margin:14px 0 0;font-size:14px;font-weight:600}
.lb-fd__mere a{color:var(--rc-groentekst)}
.lb-rc2 .lb-fd__mere a{color:var(--rc-groentekst)}

/* ---------- denne weekend ---------- */
.lb-fd__weekend{margin:0}
.lb-fd__wtotal{margin:0 0 14px;max-width:none;font-size:15px;color:var(--rc-paamork)}
.lb-fd__wtotal b{font-family:"Archivo Narrow",Inter,sans-serif;font-size:30px;font-weight:700;
  color:#fff;font-variant-numeric:tabular-nums;margin-right:6px}
.lb-fd__wdage{display:flex;flex-wrap:wrap;gap:12px}
.lb-fd__wdag{flex:1 1 150px;min-width:0;display:flex;flex-direction:column;gap:2px;
  padding:15px 17px;background:var(--rc-navy2);border-radius:10px;text-decoration:none;
  transition:background .16s ease}
.lb-fd__wdag:hover{background:#24395a}
.lb-fd__wdag b{font-family:"Archivo Narrow",Inter,sans-serif;font-size:16px;font-weight:700;
  letter-spacing:.05em;color:#fff}
.lb-fd__wdag span{font-size:12px;color:var(--rc-paamork)}
.lb-fd__wdag i{font-style:normal;font-family:"Archivo Narrow",Inter,sans-serif;font-size:26px;
  font-weight:700;color:var(--rc-groen);font-variant-numeric:tabular-nums;margin-top:5px}

/* SPECIFICITET — lektie 7. Temaets ankerregel inde i .site-main har vaegt
   0,1,1 og understregede hele weekendkortet. Er ankeret SELV klassen, skal
   selektoren op paa 0,2,1. */
.lb-fd__weekend a.lb-fd__wdag,
.lb-rc2 a.lb-fd__linje,
.lb-rc2 a.lb-fd__klub{text-decoration:none}
.lb-fd__weekend a.lb-fd__wdag i{text-decoration:none}

/* ---------- tablet ---------- */
@media (max-width:900px){
  .lb-fd__meta{max-width:32%}
  .lb-fd__wtotal b{font-size:26px}
}

/* ---------- mobil ---------- */
@media (max-width:600px){
  .lb-fd__linje{flex-wrap:wrap;row-gap:5px;gap:10px;padding:12px 13px}
  .lb-fd__hold{order:2;flex:1 1 100%;font-size:14px}
  .lb-fd__tid,.lb-fd__score{order:1;min-width:50px;font-size:13px;padding:3px 8px}
  .lb-fd__meta{order:3;flex:1 1 auto;max-width:none;text-align:left;font-size:10px}
  .lb-fd__meta em{display:inline;margin-left:6px}
  .lb-fd__stillinger{gap:11px}
  .lb-fd__tabel{flex:1 1 100%}
  .lb-fd__wdage{gap:9px}
  .lb-fd__wdag{flex:1 1 100%;flex-direction:row;align-items:baseline;gap:9px;padding:12px 14px}
  .lb-fd__wdag i{margin-top:0;margin-left:auto;font-size:22px}
}

/* ==========================================================================
   FORSIDE RADIKAL 2026 — bygget 23. aug

   HVORFOR DEN HER BLOK FINDES

   Forsiden skiftede allerede mellem moerke og lyse zoner. Den foeltes alligevel
   statisk, fordi midten var TRE DATALISTER I SAMME FORM efter hinanden. Oejet
   kunne ikke se forskel paa "kommende kampe", "resultater" og "stillinger" —
   de var alle en stribe rader med samme rytme.

   Derfor er det FORMEN, der skifter her, ikke bare farven:

     I dag        tidsplan   — klokkeslet i venstre spalte, holdene i midten
     Resultater   scanliste  — cifrene i midten, holdene skubbet ud til siderne
     Puls         talvaeg    — fire tal, ingen broedtekst
     Toppen       tabeller   — tre smalle kolonner
     Landet       celler     — hairline-gitter uden bokse
     Weekend      stribe     — ét stort tal og tre dage vandret

   KOMPONENTERNE KENDER DERES FLADE. Fejlen er lavet fire gange paa det her
   site: en komponent klonet fra en graa sektion og sat paa navy, hvor
   overskriften blev usynlig. Derfor er farven bagt ind pr. komponent —
   .lb-f2__puls er ALTID paa navy, .lb-f2__idag er ALTID paa lys. Ingen af
   dem arver deres farve fra en forfaeder, og ingen af dem kan derfor bryde,
   naar containeren skifter baggrund.

   GROEN-REGLEN OVERHOLDT: --green (#22C55E) staar kun paa navy, --green-text
   (#15803D) kun paa lys flade. Ingen af dem krydser.

   SPECIFICITET: temaets ".site-main a" vejer 0,1,1 og slaar en enkelt klasse.
   Er ankeret SELV klassen, skal selektoren derfor op paa 0,2,1 —
   ".lb-f2 a.lb-f2__planlink", ikke ".lb-f2__planlink".

   TEMAET saetter max-width ~458px paa alle <p>. Hvert <p> her faar
   max-width:none, ellers braekker tallinjerne midt over.
   ========================================================================== */

.lb-f2{font-family:var(--f-body);font-variant-numeric:tabular-nums}
.lb-f2 p{max-width:none}
.lb-f2 ol,.lb-f2 ul{list-style:none;margin:0;padding:0}

/* Tallet — samme anatomi overalt, forskellig stoerrelse pr. zone */
.lb-f2__taltop{display:flex;flex-direction:column}
.lb-f2__tal{display:block;font-family:var(--f-head);font-weight:700;line-height:.9;
  letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.lb-f2__taletiket{display:block;font-family:var(--f-body);font-weight:600;
  text-transform:uppercase;letter-spacing:.09em}

/* "Se alle ..." — samme form i alle zoner, saa oejet ved hvor det skal lede */
.lb-f2__videre{margin:24px 0 0}
.lb-f2 .lb-f2__videre a{display:inline-flex;align-items:center;gap:9px;
  font-family:var(--f-body);font-size:13px;font-weight:700;text-transform:uppercase;
  letter-spacing:.08em;color:var(--green-text);text-decoration:none;
  border-bottom:2px solid var(--green);padding-bottom:4px;transition:gap .15s}
.lb-f2 .lb-f2__videre a:hover{gap:15px}
.lb-f2 .lb-f2__videre.er-moerk a{color:var(--green)}

/* --------------------------------------------------------------------------
   HERO — den levende tallinje under knapperne. ALTID paa navy.
   -------------------------------------------------------------------------- */
.lb-f2__herotal{display:flex;flex-wrap:wrap;gap:20px 46px;align-items:flex-end;
  margin:32px 0 0;padding-top:24px;border-top:1px solid var(--navy-600)}
.lb-f2__herotal .lb-f2__tal{font-size:clamp(32px,5vw,50px);color:var(--green)}
.lb-f2__herotal .lb-f2__taletiket{margin-top:7px;font-size:11px;color:var(--on-dark-2)}

/* --------------------------------------------------------------------------
   I DAG — tidsplanen. ALTID paa lys flade.
   -------------------------------------------------------------------------- */
.lb-f2__dagshoved{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin:0 0 24px}
.lb-f2__dagstal{font-family:var(--f-head);font-weight:700;line-height:.84;
  font-size:clamp(50px,8.5vw,84px);letter-spacing:-.035em;color:var(--ink);
  font-variant-numeric:tabular-nums}
.lb-f2__dagstekst{font-family:var(--f-head);font-weight:600;
  font-size:clamp(18px,2.3vw,25px);color:var(--ink-muted)}

.lb-f2__plan{border-top:2px solid var(--ink)}
.lb-f2__planlinje{border-bottom:1px solid var(--line)}
.lb-f2 a.lb-f2__planlink{display:flex;align-items:center;gap:16px;padding:15px 8px;
  text-decoration:none;color:var(--ink);transition:background-color .14s}
.lb-f2 a.lb-f2__planlink:hover{background:var(--paper-soft)}
.lb-f2__plantid{flex:0 0 58px;font-family:var(--f-head);font-weight:700;font-size:20px;
  line-height:1;color:var(--green-text);font-variant-numeric:tabular-nums}
.lb-f2__planhold{flex:1 1 auto;min-width:0;display:flex;flex-wrap:wrap;
  align-items:baseline;gap:2px 9px}
.lb-f2__hjemme,.lb-f2__ude{font-size:16px;font-weight:600;color:var(--ink)}
.lb-f2__mod{font-size:11px;font-weight:600;text-transform:uppercase;
  letter-spacing:.09em;color:var(--ink-muted)}
.lb-f2__planraekke{flex:0 0 auto;max-width:38%;text-align:right;font-size:11px;
  font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted)}

/* --------------------------------------------------------------------------
   SENESTE RESULTATER — scanlisten. ALTID paa den graa flade.

   CIFRENE STAAR I MIDTEN paa fast bredde, holdene skubbet ud til hver sin
   side. Oejet loeber ned ad tallene i stedet for ind i navnene — det er hele
   forskellen paa at scanne og at laese.
   -------------------------------------------------------------------------- */
.lb-f2__reslise{border-top:2px solid var(--ink)}
.lb-f2__reslinje{border-bottom:1px solid var(--line)}
.lb-f2 a.lb-f2__reslink{display:block;padding:13px 8px;text-decoration:none;
  color:var(--ink);transition:background-color .14s}
.lb-f2 a.lb-f2__reslink:hover{background:var(--paper)}
.lb-f2__resraekke{display:block;margin-bottom:6px;font-size:11px;font-weight:600;
  text-transform:uppercase;letter-spacing:.07em;color:var(--ink-muted)}
.lb-f2__reskamp{display:flex;align-items:center;gap:10px}
.lb-f2__resh,.lb-f2__resu{flex:1 1 0;min-width:0;font-size:16px;font-weight:500;
  color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis}
.lb-f2__resh{text-align:right}
.lb-f2__resu{text-align:left}
.lb-f2__resh.er-vinder,.lb-f2__resu.er-vinder{font-weight:700;color:var(--ink)}
.lb-f2__resscore{flex:0 0 78px;display:flex;align-items:baseline;justify-content:center;
  gap:5px;font-family:var(--f-head);font-weight:700;font-size:22px;color:var(--ink);
  font-variant-numeric:tabular-nums}
.lb-f2__resscore i{font-style:normal;font-weight:400;color:var(--ink-muted)}

/* --------------------------------------------------------------------------
   PULS — talvaeggen. ALTID paa navy. Ingen broedtekst, meget luft.
   -------------------------------------------------------------------------- */
.lb-f2__puls{display:flex;flex-wrap:wrap;gap:30px 22px}
.lb-f2__puls .lb-f2__taltop{flex:1 1 180px;min-width:0}
.lb-f2__puls .lb-f2__tal{font-size:clamp(42px,7vw,74px);color:var(--on-dark)}
.lb-f2__puls .lb-f2__taletiket{margin-top:12px;padding-top:11px;font-size:11px;
  color:var(--green);border-top:1px solid var(--navy-600)}

/* --------------------------------------------------------------------------
   TOPPEN AF STILLINGERNE — tre smalle tabeller. ALTID paa lys flade.
   -------------------------------------------------------------------------- */
.lb-f2__tabeller{display:flex;flex-wrap:wrap;gap:34px 28px}
.lb-f2__tabel{flex:1 1 290px;min-width:0}
.lb-f2__tabelnavn{margin:0 0 10px;padding-bottom:9px;border-bottom:2px solid var(--ink);
  font-family:var(--f-head);font-weight:700;font-size:18px;line-height:1.2;
  text-transform:uppercase;letter-spacing:.02em}
.lb-f2 .lb-f2__tabelnavn a{color:var(--ink);text-decoration:none;
  display:flex;flex-direction:column;gap:3px}
/* Puljen staar under raekkenavnet, saa overskriften ikke lover hele raekken. */
.lb-f2__tabelpulje{font-family:var(--f-body);font-weight:600;font-size:11px;
  letter-spacing:.07em;color:var(--ink-muted)}
.lb-f2 .lb-f2__tabelnavn a:hover{color:var(--green-text)}
.lb-f2__kolonner{display:flex;justify-content:flex-end;gap:14px;margin:0 0 2px;
  font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;
  color:var(--ink-muted)}
.lb-f2__kolonner span:first-child{width:26px;text-align:right}
.lb-f2__kolonner span:last-child{width:30px;text-align:right}
.lb-f2__plads{display:flex;align-items:center;gap:11px;padding:11px 0;
  border-bottom:1px solid var(--line)}
.lb-f2__nr{flex:0 0 21px;height:21px;display:flex;align-items:center;justify-content:center;
  border-radius:var(--r-sm);background:var(--paper-soft);color:var(--ink-muted);
  font-size:11px;font-weight:700}
.lb-f2__plads--1 .lb-f2__nr{background:var(--green-soft);color:var(--green-text)}
.lb-f2 a.lb-f2__klub{flex:1 1 auto;min-width:0;font-size:15px;font-weight:600;
  color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
.lb-f2 a.lb-f2__klub:hover{color:var(--green-text)}
.lb-f2__kampe{flex:0 0 26px;text-align:right;font-size:13px;color:var(--ink-muted)}
.lb-f2__point{flex:0 0 30px;text-align:right;font-family:var(--f-head);font-weight:700;
  font-size:17px;color:var(--ink)}
.lb-f2__spaend{margin:13px 0 0;font-size:13px;line-height:1.5;color:var(--ink-muted)}

/* --------------------------------------------------------------------------
   HELE LANDET — celler i et hairline-gitter, ikke kort.

   BEVIDST UDEN BOKSE. Seks kort her ville vaere praecis den "card wall",
   resten af siden er bygget for at undgaa.
   -------------------------------------------------------------------------- */
.lb-f2__landet{display:flex;flex-wrap:wrap;border-top:2px solid var(--ink);
  border-left:1px solid var(--line)}
.lb-f2 a.lb-f2__landsdel{flex:1 1 165px;min-width:0;display:flex;flex-direction:column;
  gap:5px;padding:20px 18px 22px;text-decoration:none;
  border-bottom:1px solid var(--line);border-right:1px solid var(--line);
  transition:background-color .15s}
.lb-f2 a.lb-f2__landsdel:hover{background:var(--paper-soft)}
.lb-f2__landsdelnavn{font-family:var(--f-head);font-weight:700;font-size:14px;
  text-transform:uppercase;letter-spacing:.07em;color:var(--green-text)}
.lb-f2__landsdeltal{font-family:var(--f-head);font-weight:700;font-size:36px;
  line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.lb-f2__landsdelmeta{font-size:12px;color:var(--ink-muted)}

/* --------------------------------------------------------------------------
   DENNE WEEKEND — vandret stribe. ALTID paa navy.
   -------------------------------------------------------------------------- */
.lb-f2__weekend{display:flex;flex-wrap:wrap;align-items:center;gap:26px 42px}
.lb-f2__wsum{flex:1 1 240px;margin:0}
.lb-f2__weekend .lb-f2__tal{font-size:clamp(46px,7.6vw,78px);color:var(--green)}
.lb-f2__weekend .lb-f2__taletiket{margin-top:8px;font-size:12px;color:var(--on-dark-2)}
.lb-f2__wdage{flex:2 1 360px;display:flex;flex-wrap:wrap;gap:10px}
.lb-f2 a.lb-f2__wdag{flex:1 1 105px;min-width:0;display:flex;flex-direction:column;
  gap:5px;padding:16px;background:var(--navy-700);border-radius:var(--r-md);
  text-decoration:none;transition:background-color .15s}
.lb-f2 a.lb-f2__wdag:hover{background:var(--navy-600)}
.lb-f2__wnavn{font-size:10px;font-weight:700;letter-spacing:.11em;color:var(--green)}
.lb-f2__wtal{font-family:var(--f-head);font-weight:700;font-size:30px;line-height:1;
  color:var(--on-dark);font-variant-numeric:tabular-nums}
.lb-f2__wdato{font-size:12px;color:var(--on-dark-2)}

/* Én dag tilbage: tallet og linket stables, i stedet for at ligge i den
   vandrette stribe, der kun giver mening med flere dage. */
.lb-f2__weekend.er-endag{display:block}
.lb-f2__weekend.er-endag .lb-f2__wsum{margin:0}

/* --------------------------------------------------------------------------
   NYHEDSGITTERET paa forsiden.

   SCOPET MED --forside. De samme klasser bruges paa /nyheder/, som har en
   anden opgave: der skal ALLE artikler kunne ses. Uden scope ville en
   stramning her goere arkivet ubrugeligt.

   Der er to artikler i systemet lige nu. Layoutet er bygget til fem og
   falder tilbage til "én stor + én lille" uden at efterlade huller —
   der er ingen pladsholdere, og der opfindes ingen billeder.
   -------------------------------------------------------------------------- */
.lb-nyhedsgitter--forside{display:flex;flex-wrap:wrap;gap:22px;align-items:stretch}
.lb-nyhedsgitter--forside .lb-artikelkort--stor{flex:2 1 400px;min-width:0}
.lb-nyhedsgitter--forside .lb-nyhedsgitter__smaa{flex:1 1 270px;min-width:0;
  display:flex;flex-direction:column;gap:14px}
.lb-nyhedsgitter--forside .lb-artikelkort--stor .lb-artikelkort__titel{
  font-size:clamp(23px,3vw,32px);line-height:1.14}

/* Med kun to artikler skal den lille ikke straekkes til halv sideheojde. */
.lb-nyhedsgitter--forside.lb-nyhedsgitter--antal-2 .lb-nyhedsgitter__smaa{
  justify-content:flex-start}

/* --------------------------------------------------------------------------
   FIND DIN KLUB — soegefeltet skal vaere sidens tydeligste indgang,
   ikke en footer-widget.
   -------------------------------------------------------------------------- */
.lb-ks__soeg{max-width:660px;margin-left:auto;margin-right:auto}
.lb-ks__felt{font-size:17px;padding:15px 18px}
.lb-ks__hint,.lb-ks__status{text-align:center;max-width:none}

/* --------------------------------------------------------------------------
   MOBIL

   Ikke desktop i én spalte: raekkeetiketten flytter UNDER holdene i
   tidsplanen, fordi 38% bredde til en etiket paa 360px efterlader for lidt
   til klubnavnene. Tallene skrumper i takt, saa rytmen holder.
   -------------------------------------------------------------------------- */
@media (max-width:600px){
  .lb-f2 a.lb-f2__planlink{flex-wrap:wrap;gap:4px 14px;padding:14px 4px}
  .lb-f2__plantid{flex:0 0 48px;font-size:18px}
  .lb-f2__planhold{flex:1 1 auto}
  .lb-f2__hjemme,.lb-f2__ude{font-size:15px}
  .lb-f2__planraekke{flex:1 1 100%;max-width:none;text-align:left;
    padding-left:62px;margin-top:2px}

  .lb-f2 a.lb-f2__reslink{padding:12px 4px}
  .lb-f2__resh,.lb-f2__resu{font-size:14px}
  .lb-f2__resscore{flex:0 0 64px;font-size:20px}

  .lb-f2__herotal{gap:16px 28px;margin-top:26px;padding-top:20px}
  .lb-f2__puls{gap:24px 18px}
  .lb-f2__puls .lb-f2__taltop{flex:1 1 132px}
  .lb-f2__puls .lb-f2__taletiket{margin-top:8px;padding-top:9px}

  .lb-f2__landet{border-left:0}
  .lb-f2 a.lb-f2__landsdel{flex:1 1 50%;padding:16px 14px 18px;border-left:0}
  .lb-f2__landsdeltal{font-size:30px}

  .lb-f2__wdage{flex:1 1 100%}
  .lb-f2 a.lb-f2__wdag{flex:1 1 95px;padding:13px}
  .lb-f2__wtal{font-size:26px}

  .lb-ks__felt{font-size:16px;padding:13px 15px}
}

/* Meget smalle telefoner: to landsdele i bredden er stadig laesbart,
   men tidsplanens etiket maa ikke rykke ind under et 48px klokkeslet. */
@media (max-width:380px){
  .lb-f2__planraekke{padding-left:0}
  .lb-f2__dagstal{font-size:44px}
}

/* ==========================================================================
   HEADER: KNAPPENS OVERLOEB VED 768px — rettet 23. aug

   SYMPTOMET var vandret scroll paa ALLE sider mellem mobilstakken og 1024px.
   Ét element stak ud: headerens «Få nyhedsbrevet», 636→789 i en 768px bred
   skaerm. Knappen braekkede samtidig over to linjer og blev skaaret af.

   AARSAGEN var ikke knappen. I det interval er navigationen kollapset til en
   burger paa 37px, MEN widget-wrapperen omkring den er stadig et flex-element
   med den skjulte desktopmenus intrinsiske bredde — 465px. Den lagde beslag
   paa pladsen, og flexboksen klemte saa knappens wrapper ned til 108px.
   Knappens <a> er inline-block og kan ikke krympe under sin egen tekst paa
   153px, saa den flød ud over kanten i stedet.

   Regnestykket ved 768px:
       logo 99 + gap 24 + nav 465 + gap 24 + knap 153 = 765
       til raadighed: 768 - 2x24 padding                = 720
       forskel                                          =  45  (= 789 - 744)

   RETTELSEN flytter krympningen derhen, hvor der ER luft: navigationen faar
   lov at give plads (min-width:0, uden den kan et flex-element ikke krympe
   under sit indhold), og knappen faar lov at beholde sin naturlige bredde.
   Der aendres ingen skriftstoerrelser, ingen afstande og intet layout —
   kun HVEM af de tre der giver efter.

   Maalt foer/efter ved 768px:
       scrollWidth 788 -> 768 (= innerWidth) · knap 636→789 -> 570→744
       elementer uden for kanten: 1 -> 0 · knappen: to linjer -> én
   Paa 375px er maalingerne identiske med og uden reglen.
   ========================================================================== */
@media (max-width:1024px){
  /* Navigationen giver efter. min-width:0 er ikke pynt: uden den kan et
     flex-element ikke krympe under sit indholds intrinsiske bredde. */
  .elementor-265 .elementor-element-aec9995{flex:0 1 auto;min-width:0}
  /* Knappen krymper ikke — den er sidens eneste faste handling i headeren. */
  .elementor-265 .elementor-element-a2e000d{flex:0 0 auto}
  .elementor-265 .elementor-element-a2e000d a.elementor-button{
    white-space:nowrap;max-width:100%}
}

/* ==========================================================================
   KAMPCENTER 2026 — kampsiden og holdsiden, bygget 23. aug

   HERO'EN ER TRE SPALTER: hold, cifre, hold. Cifrene har fast bredde, saa
   to lange klubnavne ikke skubber resultatet ud af midten. Paa mobil
   STABLES de tre — ikke fordi der ikke er plads, men fordi et resultat
   laeses lodret paa en telefon: hold, tal, hold.

   FARVEN ER BAGT IND PR. KOMPONENT. Heroen er ALTID navy, blokkene ALTID
   lyse. Ingen af dem arver deres farve fra en forfaeder, saa de kan ikke
   braekke, naar containeren skifter baggrund.

   GROEN-REGLEN: --green (#22C55E) kun paa navy, --green-text (#15803D) kun
   paa lys flade.

   SPECIFICITET: temaets ".site-main a" vejer 0,1,1. Er ankeret SELV klassen,
   skal selektoren op paa 0,2,1 — ".lb-kc a.lb-kc__holdnavn".
   ========================================================================== */

.lb-kc{font-family:var(--f-body);font-variant-numeric:tabular-nums}
.lb-kc p{max-width:none}
.lb-kc ul,.lb-kc ol{list-style:none;margin:0;padding:0}

/* --------------------------------------------------------------- heroen -- */
.lb-kc__hero{background:var(--navy-900);color:var(--on-dark);
  border-radius:var(--r-md);padding:26px 22px 28px;margin:0 0 26px}

.lb-kc__badges{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 14px}
.lb-kc__badge{display:inline-flex;align-items:center;padding:5px 10px;
  border-radius:var(--r-sm);background:var(--navy-700);color:var(--on-dark-2);
  font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;
  line-height:1;white-space:nowrap}
.lb-kc a.lb-kc__badge.er-link{color:var(--green);text-decoration:none;
  transition:background-color .15s}
.lb-kc a.lb-kc__badge.er-link:hover{background:var(--navy-600)}

.lb-kc__naar{margin:0 0 20px;font-size:12px;font-weight:600;letter-spacing:.09em;
  color:var(--on-dark-2)}

.lb-kc__opgoer{display:flex;align-items:center;gap:16px}
.lb-kc__hold{flex:1 1 0;min-width:0;display:flex;flex-direction:column;
  align-items:center;gap:9px;text-align:center}
.lb-kc__maerke{display:block;line-height:0}
.lb-kc a.lb-kc__holdnavn{font-family:var(--f-head);font-weight:700;
  font-size:clamp(19px,2.9vw,30px);line-height:1.1;color:var(--on-dark);
  text-decoration:none;letter-spacing:-.01em}
.lb-kc a.lb-kc__holdnavn:hover{color:var(--green)}
.lb-kc__side{font-size:10px;font-weight:600;text-transform:uppercase;
  letter-spacing:.11em;color:var(--on-dark-3)}
/* Taberen daempes, saa resultatet kan aflaeses uden at laese cifrene. */
.lb-kc__hold.er-taber a.lb-kc__holdnavn{color:var(--on-dark-2)}

.lb-kc__midt{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;
  gap:6px;min-width:110px}
.lb-kc__cifre{display:flex;align-items:baseline;gap:9px;margin:0;
  font-family:var(--f-head);font-weight:700;font-size:clamp(38px,6.4vw,60px);
  line-height:.9;color:var(--on-dark)}
.lb-kc__cifre i{font-style:normal;font-weight:400;color:var(--on-dark-3);
  font-size:.6em}
.lb-kc__vs{margin:0;font-family:var(--f-head);font-weight:600;
  font-size:clamp(17px,2.4vw,22px);color:var(--on-dark-3);
  text-transform:uppercase;letter-spacing:.1em}
.lb-kc__status{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;
  letter-spacing:.1em;color:var(--green)}

/* --------------------------------------------------------------- blokke -- */
.lb-kc__blok{margin:0 0 26px;padding:0 0 24px;border-bottom:1px solid var(--line)}
.lb-kc__blok:last-of-type{border-bottom:0;padding-bottom:0}
.lb-kc__titel{margin:0 0 16px;font-family:var(--f-head);font-weight:700;
  font-size:19px;line-height:1.2;text-transform:uppercase;letter-spacing:.03em;
  color:var(--ink)}
.lb-kc__etiket{margin:14px 0 7px;font-size:11px;font-weight:600;
  text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted)}
.lb-kc__fodnote{margin:14px 0 0;font-size:12px;line-height:1.5;color:var(--ink-muted)}
.lb-kc__ingen{margin:6px 0 0;font-size:13px;color:var(--ink-muted)}
.lb-kc__brod{font-size:16px;line-height:1.65}

/* To kolonner: ét hold i hver. flex 1 1 300px, ikke grid. */
.lb-kc__to{display:flex;flex-wrap:wrap;gap:22px 26px}
.lb-kc__to > *{flex:1 1 290px;min-width:0}

.lb-kc__holdkorttop{display:flex;align-items:center;gap:9px;margin:0 0 12px;
  padding-bottom:9px;border-bottom:2px solid var(--ink);
  font-family:var(--f-head);font-weight:700;font-size:16px;color:var(--ink)}
.lb-kc .lb-kc__holdkorttop a{color:var(--ink);text-decoration:none}
.lb-kc .lb-kc__holdkorttop a:hover{color:var(--green-text)}

/* --------------------------------------------------- placering og form --- */
.lb-kc__plads{display:flex;align-items:baseline;gap:8px;margin:0 0 12px}
.lb-kc__plads b{font-family:var(--f-head);font-weight:700;font-size:34px;
  line-height:1;color:var(--ink)}
.lb-kc__plads span{font-size:13px;color:var(--ink-muted)}

.lb-kc__noegletal{display:flex;flex-wrap:wrap;gap:8px}
.lb-kc__noegletal li{flex:1 1 74px;min-width:0;padding:10px 12px;
  background:var(--paper-soft);border-radius:var(--r-sm)}
.lb-kc__noegletal b{display:block;font-family:var(--f-head);font-weight:700;
  font-size:20px;line-height:1.1;color:var(--ink)}
.lb-kc__noegletal span{display:block;margin-top:2px;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted)}

.lb-kc__form{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.lb-kc a.lb-kc__formkugle{width:30px;height:30px;display:inline-flex;
  align-items:center;justify-content:center;border-radius:var(--r-sm);
  font-family:var(--f-head);font-weight:700;font-size:13px;
  text-decoration:none;color:#fff;transition:transform .12s}
.lb-kc a.lb-kc__formkugle:hover{transform:translateY(-2px)}
.lb-kc a.lb-kc__formkugle.er-v{background:var(--green-text)}
.lb-kc a.lb-kc__formkugle.er-u{background:var(--ink-muted)}
.lb-kc a.lb-kc__formkugle.er-t{background:var(--red)}

.lb-kc__traener{display:flex;flex-direction:column;gap:2px;margin:14px 0 0;
  padding:12px 14px;background:var(--green-soft);border-radius:var(--r-sm)}
.lb-kc__traener span{font-size:11px;font-weight:600;text-transform:uppercase;
  letter-spacing:.07em;color:var(--ink-muted)}
.lb-kc .lb-kc__traener a{font-family:var(--f-head);font-weight:700;font-size:17px;
  color:var(--green-text);text-decoration:none}
.lb-kc .lb-kc__traener a:hover{text-decoration:underline}

.lb-kc__klublink{margin:12px 0 0}
.lb-kc .lb-kc__klublink a{font-size:12px;font-weight:600;color:var(--ink-muted);
  text-decoration:none}
.lb-kc .lb-kc__klublink a:hover{color:var(--green-text)}

/* ------------------------------------------------------------ stillingen -- */
.lb-kc__tabel{width:100%;border-collapse:collapse;font-size:14px}
.lb-kc__tabel th{padding:0 8px 8px;border-bottom:2px solid var(--ink);
  font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:var(--ink-muted);text-align:left}
.lb-kc__tabel td{padding:11px 8px;border-bottom:1px solid var(--line);color:var(--ink)}
.lb-kc__tnr{width:34px;text-align:center;color:var(--ink-muted)}
.lb-kc__tt{width:56px;text-align:right}
.lb-kc__tabel th.lb-kc__tt,.lb-kc__tabel th.lb-kc__tnr{text-align:center}
.lb-kc__tabel th.lb-kc__tt{text-align:right}
.lb-kc .lb-kc__tabel a{color:var(--ink);text-decoration:none;font-weight:500}
.lb-kc .lb-kc__tabel a:hover{color:var(--green-text)}
/* De to hold i kampen skal kunne findes uden at laese navnene. */
.lb-kc__tabel tr.er-med td{background:var(--green-soft)}
.lb-kc .lb-kc__tabel tr.er-med a{font-weight:700}
.lb-kc__spring td{text-align:center;color:var(--ink-muted);padding:4px 8px;
  letter-spacing:.3em}

/* ------------------------------------------------------ maal og kampe ---- */
.lb-kc__maalliste li{display:flex;align-items:baseline;gap:10px;padding:8px 0;
  border-bottom:1px solid var(--line)}
.lb-kc__minut{flex:0 0 38px;font-family:var(--f-head);font-weight:700;
  font-size:14px;color:var(--green-text)}
.lb-kc .lb-kc__maalliste a{color:var(--ink);text-decoration:none;font-weight:600}
.lb-kc .lb-kc__maalliste a:hover{color:var(--green-text)}

.lb-kc__trup li{display:flex;align-items:baseline;gap:10px;padding:6px 0;
  border-bottom:1px solid var(--line)}
.lb-kc__nr{flex:0 0 24px;font-size:12px;font-weight:700;color:var(--ink-muted);
  text-align:right}
.lb-kc .lb-kc__trup a{color:var(--ink);text-decoration:none;font-size:15px}
.lb-kc .lb-kc__trup a:hover{color:var(--green-text)}

.lb-kc__kampe li{border-bottom:1px solid var(--line)}
.lb-kc .lb-kc__kampe a{display:flex;align-items:center;gap:12px;padding:11px 4px;
  text-decoration:none;color:var(--ink);transition:background-color .14s}
.lb-kc .lb-kc__kampe a:hover{background:var(--paper-soft)}
.lb-kc__kampres{flex:0 0 52px;text-align:center;padding:4px 0;
  border-radius:var(--r-sm);font-family:var(--f-head);font-weight:700;
  font-size:14px;color:#fff}
.lb-kc__kampres.er-v{background:var(--green-text)}
.lb-kc__kampres.er-u{background:var(--ink-muted)}
.lb-kc__kampres.er-t{background:var(--red)}
.lb-kc__kampdato{flex:0 0 auto;font-size:12px;color:var(--ink-muted);
  font-variant-numeric:tabular-nums}
.lb-kc__kampmod{flex:1 1 auto;min-width:0;font-size:15px;font-weight:600}
.lb-kc__kampmod i{font-style:normal;font-weight:400;font-size:12px;
  color:var(--ink-muted)}
.lb-kc__denne{font-size:10px;font-weight:700;text-transform:uppercase;
  letter-spacing:.07em;color:var(--green-text)}
.lb-kc__moeder .lb-kc__kampdato:last-child{text-align:right}

/* --------------------------------------------------------- indbyrdes ----- */
.lb-kc__regnskab{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.lb-kc__regnskab > div{flex:1 1 130px;min-width:0;padding:14px;
  background:var(--paper-soft);border-radius:var(--r-sm);text-align:center}
.lb-kc__regnskab span{display:block;font-size:11px;font-weight:600;
  text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-kc__regnskab b{display:block;margin:5px 0 2px;font-family:var(--f-head);
  font-weight:700;font-size:28px;line-height:1;color:var(--ink)}
.lb-kc__regnskab small{font-size:11px;color:var(--ink-muted)}

/* --------------------------------------------------------- maalscorere --- */
.lb-kc__scorere li{display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.lb-kc .lb-kc__scorere a{color:var(--ink);text-decoration:none;font-weight:600;
  font-size:15px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-kc .lb-kc__scorere a:hover{color:var(--green-text)}
.lb-kc__scorere b{flex:0 0 auto;font-family:var(--f-head);font-weight:700;
  font-size:17px;color:var(--ink)}

/* --------------------------------------------------------------- videre -- */
.lb-kc__mere{margin:16px 0 0}
.lb-kc .lb-kc__mere a{display:inline-flex;align-items:center;gap:8px;
  font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;
  color:var(--green-text);text-decoration:none;border-bottom:2px solid var(--green);
  padding-bottom:3px;transition:gap .15s}
.lb-kc .lb-kc__mere a:hover{gap:13px}

/* ========================================================================== */
/* HOLDSIDEN                                                                  */
/* ========================================================================== */

.lb-hs__hoved{background:var(--navy-900);color:var(--on-dark);
  border-radius:var(--r-md);padding:26px 22px;margin:0 0 22px}
.lb-hs__navn{display:flex;align-items:center;gap:14px;margin:0 0 8px}
.lb-hs__navn span{font-family:var(--f-head);font-weight:700;
  font-size:clamp(26px,4.4vw,40px);line-height:1.05;letter-spacing:-.02em}
.lb-hs__under{margin:0;font-size:14px;color:var(--on-dark-2)}

/* Skiftet mellem klubbens hold — sidens vigtigste orienteringspunkt. */
.lb-hs__skift{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
  margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid var(--line)}
.lb-hs__skift .lb-kc__etiket{margin:0}
.lb-hs__skiftliste{display:flex;flex-wrap:wrap;gap:8px}
.lb-kc a.lb-hs__skiftlink{padding:7px 13px;border-radius:var(--r-sm);
  border:1px solid var(--line);background:#fff;color:var(--ink);
  font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s}
.lb-kc a.lb-hs__skiftlink:hover{border-color:var(--green-text)}
.lb-kc a.lb-hs__skiftlink.er-valgt{background:var(--navy-900);
  border-color:var(--navy-900);color:var(--on-dark)}

.lb-hs__noegletal{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 6px}
.lb-hs__noegletal li{flex:1 1 110px;min-width:0;padding:14px;
  background:var(--paper-soft);border-radius:var(--r-sm)}
.lb-hs__noegletal b{display:block;font-family:var(--f-head);font-weight:700;
  font-size:28px;line-height:1;color:var(--ink)}
.lb-hs__noegletal span{display:block;margin-top:4px;font-size:11px;
  text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted)}

/* ========================================================================== */
/* --------------------------------------------------------------------------
   KLUBMAERKET I KAMPCENTRET — rettet umiddelbart efter foerste deploy.

   lokalbold_klub_maerke() returnerer en <svg viewBox="0 0 48 48"> UDEN
   width/height. Hver komponent paa sitet saetter selv stoerrelsen — det goer
   alle 15 eksisterende. Jeg gjorde det ikke, og resultatet var begge
   yderpunkter paa én side: i heroens flexKOLONNE kollapsede maerket til 0px,
   og i holdkortets flexRAEKKE strakte det til 300px og skubbede holdnavnet
   ud i kanten.

   Stoerrelsesparameteren i PHP-kaldet styrer altsaa ikke noget her. CSS goer.
   -------------------------------------------------------------------------- */
.lb-kc__maerke svg{width:58px;height:58px;display:block}
.lb-kc__holdkorttop svg{width:26px;height:26px;flex:0 0 auto}
.lb-hs__navn svg{width:52px;height:52px;flex:0 0 auto}
.lb-kc__tabel svg{width:20px;height:20px;flex:0 0 auto}

@media (max-width:640px){
  .lb-kc__maerke svg{width:40px;height:40px}
  .lb-hs__navn svg{width:40px;height:40px}
}


/* --------------------------------------------------------------------------
   KLOKKESLETTET I EN KAMP, DER IKKE ER SPILLET.

   Paa en spillet kamp er CIFRENE det stoerste. Paa en kamp, der ikke er
   spillet, findes der ingen cifre — og saa er klokkeslettet det, folk
   scanner efter. Det faar derfor resultatets plads og vaegt, mens "mod"
   trraeder tilbage til en etiket.
   -------------------------------------------------------------------------- */
.lb-kc__hero:not(.er-spillet) .lb-kc__vs{font-size:12px;letter-spacing:.14em;
  color:var(--on-dark-3);order:1}
.lb-kc__hero:not(.er-spillet) .lb-kc__midt{gap:2px}
.lb-kc__hero:not(.er-spillet) .lb-kc__status{order:2;font-family:var(--f-head);
  font-weight:700;font-size:clamp(28px,4.6vw,44px);line-height:1;
  letter-spacing:-.02em;text-transform:none;color:var(--green)}

@media (max-width:640px){
  .lb-kc__hero:not(.er-spillet) .lb-kc__midt{flex-direction:column;gap:3px}
  .lb-kc__hero:not(.er-spillet) .lb-kc__status{font-size:34px}
}


/* --------------------------------------------------------------------------
   HEROEN ER SIDENS h1.

   Temaets titelbjaelke er slaaet fra paa kampsider (via Hello Elementors eget
   hello_elementor_page_title-filter), fordi den skrev "Horsens B – Stensballe
   IK" i en 213px hoej navy bjaelke, og heroen lige under sagde det samme igen.
   Holdnavnene stod to gange paa den foerste skaerm.

   Opgoeret er nu en <h1> bygget af <span> — en h1 maa kun indeholde frasering,
   saa <div> og <p> kan ikke bruges. Derfor skal de spans have deres display
   sat her; de arver ikke noget fra de <div>/<p>, de afloeser.

   h1'en nulstilles ogsaa: temaet giver h1 en stor font-size og margin, og
   uden det her ville hele heroen arve den.
   -------------------------------------------------------------------------- */
h1.lb-kc__opgoer{margin:0;padding:0;font-size:inherit;font-weight:400;
  line-height:inherit;letter-spacing:normal;color:inherit;max-width:none}
.lb-kc__hero .lb-kc__vs,
.lb-kc__hero .lb-kc__status{display:block}
.lb-kc__hero .lb-kc__cifre{display:flex}
.lb-kc__hero .lb-kc__hold,
.lb-kc__hero .lb-kc__midt{display:flex}

/* Bjaelken er vaek, saa heroen er nu det oeverste paa siden og skal have
   luft over sig i stedet for at klistre op i headeren. */
.single-lb_kamp .lb-kc__hero{margin-top:8px}


/* --------------------------------------------------------------------------
   AFVENTER AFGOERELSE — udsat (UDS) eller under protest (PRO).

   Kampen ER spillet, men der findes intet resultat — heller ikke hos DBU.
   Heroen skal derfor ikke vise et klokkeslet, som om kampen mangler at blive
   spillet. Den siger grunden i stedet, og en linje under heroen forklarer.
   -------------------------------------------------------------------------- */
.lb-kc__hero .lb-kc__status.er-afventer{font-family:var(--f-head);font-weight:700;
  font-size:clamp(17px,2.6vw,24px);line-height:1.15;letter-spacing:-.01em;
  text-transform:none;color:var(--on-dark-2);text-align:center}

.lb-kc__afventer{margin:0 0 22px;padding:13px 16px;border-radius:var(--r-sm);
  background:var(--paper-soft);border-left:3px solid var(--ink-muted);
  font-size:14px;line-height:1.55;color:var(--ink)}


/* MOBIL — resultatet laeses lodret paa en telefon                            */
/* ========================================================================== */
@media (max-width:640px){
  .lb-kc__hero{padding:22px 16px 24px}
  /* Hold, tal, hold under hinanden. Ikke desktop presset sammen. */
  .lb-kc__opgoer{flex-direction:column;gap:12px}
  .lb-kc__hold{flex:0 0 auto;width:100%;flex-direction:row;justify-content:center;
    align-items:center;gap:11px;text-align:left}
  .lb-kc a.lb-kc__holdnavn{font-size:21px}
  .lb-kc__side{flex:0 0 auto}
  .lb-kc__midt{width:100%;min-width:0;flex-direction:row;justify-content:center;
    align-items:baseline;gap:14px}
  .lb-kc__cifre{font-size:44px}
  .lb-kc__vs{font-size:16px}

  .lb-kc__to{gap:24px}
  .lb-kc__blok{margin-bottom:22px;padding-bottom:20px}
  .lb-kc__titel{font-size:17px}

  .lb-kc__noegletal li{flex:1 1 64px;padding:9px 10px}
  .lb-kc__noegletal b{font-size:17px}

  .lb-kc__tabel{font-size:13px}
  .lb-kc__tabel td{padding:9px 5px}
  .lb-kc__tt{width:44px}
  /* Maalkolonnen er den foerste, der maa gaa, naar der er 360px. */
  .lb-kc__tabel th:nth-child(4),.lb-kc__tabel td:nth-child(4){display:none}

  .lb-kc .lb-kc__kampe a{gap:9px;padding:10px 2px}
  .lb-kc__kampres{flex:0 0 46px;font-size:13px}
  .lb-kc__kampmod{font-size:14px}
  .lb-kc__moeder .lb-kc__kampdato:last-child{display:none}

  .lb-kc__regnskab > div{flex:1 1 44%;padding:11px}
  .lb-kc__regnskab b{font-size:23px}

  .lb-hs__hoved{padding:22px 16px}
  .lb-hs__noegletal li{flex:1 1 44%;padding:11px}
  .lb-hs__noegletal b{font-size:23px}
}

/* === PROFILERNES TOP 2026 =================================================
   Da temaets titelbjaelke blev slaaet fra paa spiller-, klub-, traener- og
   dommersiderne (navnet stod to gange), forsvandt ogsaa de 48px, som
   `.single .page-header{margin:0 -24px 48px}` gav. `.single .site-main` har
   `padding-top:0`, saa heroen laa derefter helt op ad headeren.

   Kampsiden loeste det samme problem med `.single-lb_kamp .lb-kc__hero{
   margin-top:8px}`. Profilerne faar praecis samme vaerdi — ikke en ny, saa
   sidetyperne ikke begynder at ligge i hver sin hoejde.

   HOLDSIDEN ER IKKE MED. `/klub/<klub>/<raekke>/` har stadig sin titelbjaelke
   og dermed de 48px; den bruger i oevrigt `.lb-hs`-klasser, ikke `.lbp-hero`.
   ------------------------------------------------------------------------ */
.single-lb_spiller .lbp-hero,
.single-lb_traener .lbp-hero,
.single-lb_klub .lbp-hero,
.single-lb_dommer .lbp-hero{margin-top:8px}

/* === FORSIDENS MIDTERBAAND 2026 ===========================================
   Hovedspalte + sidebar. FLEX, ikke grid — samme regel som resten af sitet.
   Sidebaren findes for annoncernes skyld: rect er 300x250, og en rail er det
   eneste sted paa forsiden, det format hoerer hjemme.
   ------------------------------------------------------------------------ */
.lb-f3{display:flex;flex-wrap:wrap;gap:34px;align-items:flex-start;margin:0}

/* MIN-WIDTH:0 ER IKKE PYNT. Uden den kan hovedspalten ikke krympe under sit
   indhold, og en bred tabel skubber sidebaren ud af skaermen i stedet for at
   rulle i sig selv. Det er samme fejl som headerens overloeb ved 768px. */
.lb-f3__hoved{flex:1 1 560px;min-width:0}
.lb-f3__side{flex:0 1 300px;min-width:0}

/* Under 980px lagger rail'en sig under indholdet af sig selv, fordi
   560+300+34 ikke kan vaere der. Ingen media query noedvendig. */

.lb-f3__ad{margin:0 0 26px}
.lb-f3__klaebe{position:sticky;top:22px;z-index:1}

/* --- panelerne i rail'en ------------------------------------------------ */
.lb-f3__panel{background:var(--paper-soft);border:1px solid var(--line);
  border-radius:var(--r-md);padding:18px 18px 14px;margin:0 0 26px}
.lb-f3__paneltitel{font-family:var(--f-head);font-weight:700;font-size:15px;
  letter-spacing:.02em;text-transform:uppercase;color:var(--ink);
  margin:0 0 12px}

.lb-f3__rang{list-style:none;margin:0;padding:0;counter-reset:lbf3}
.lb-f3__rang li{display:flex;align-items:baseline;gap:10px;
  padding:8px 0;border-top:1px solid var(--line);counter-increment:lbf3}
.lb-f3__rang li:first-child{border-top:0}
.lb-f3__rang li::before{content:counter(lbf3);flex:0 0 18px;
  font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;
  color:var(--ink-muted)}
.lb-f3__rangnavn{flex:1 1 auto;min-width:0;display:block}
.lb-f3__rangnavn a{font-weight:600;font-size:14px;color:var(--ink);
  text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.lb-f3__rangnavn a:hover{color:var(--green-text)}
.lb-f3__rangnavn em{display:block;font-style:normal;font-size:11px;
  color:var(--ink-muted);overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.lb-f3__rang b{flex:0 0 auto;font-variant-numeric:tabular-nums;
  font-size:16px;font-weight:700;color:var(--green-text)}

.lb-f3__mere{margin:12px 0 0;font-size:12px;font-weight:600}
.lb-f3__mere a{color:var(--green-text);text-decoration:none}
.lb-f3__mere a span{margin-left:5px}

/* --- hovedspaltens moduler ---------------------------------------------- */
.lb-f3__blok{margin:0 0 34px}
.lb-f3__titel{font-family:var(--f-head);font-weight:700;
  font-size:clamp(20px,2.2vw,26px);letter-spacing:-.01em;color:var(--ink);
  margin:0 0 14px}
.lb-f3__note{margin:8px 0 0;font-size:12px;color:var(--ink-muted)}

/* Hvem scorede sidst — hairline-raekker, ikke kort. En anden FORM end
   resultatlisten lige ovenfor, saa de to ikke smelter sammen. */
.lb-f3__maal{list-style:none;margin:0;padding:0}
.lb-f3__maal li{display:flex;align-items:center;gap:12px;padding:11px 0;
  border-top:1px solid var(--line)}
.lb-f3__maal li:first-child{border-top:0}
.lb-f3__maalmin{flex:0 0 34px;font-variant-numeric:tabular-nums;
  font-size:13px;font-weight:700;color:var(--green-text)}
.lb-f3__maalnavn{flex:1 1 auto;min-width:0}
.lb-f3__maalnavn a{display:block;font-weight:600;font-size:15px;
  color:var(--ink);text-decoration:none;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.lb-f3__maalnavn a:hover{color:var(--green-text)}
.lb-f3__maalnavn em{display:block;font-style:normal;font-size:12px;
  color:var(--ink-muted)}
.lb-f3__maalkamp{flex:0 1 auto;min-width:0;font-size:12px;
  color:var(--ink-muted);text-decoration:none;text-align:right;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-f3__maalkamp:hover{color:var(--ink)}

/* Kampens tal — tre kort. Tredje FORM i spalten. */
.lb-f3__drama{display:flex;flex-wrap:wrap;gap:14px}
.lb-f3__dramakort{flex:1 1 170px;min-width:0;display:block;
  background:var(--navy-900);color:#fff;border-radius:var(--r-md);
  padding:16px 16px 14px;text-decoration:none}
.lb-f3__dramakort:hover{background:var(--navy-700)}
.lb-f3__dramaetiket{display:block;font-size:10px;font-weight:700;
  letter-spacing:.12em;text-transform:uppercase;color:var(--on-dark-2)}
/* GROEN-REGLEN: #22C55E paa navy, aldrig #15803D. */
.lb-f3__dramatal{display:block;font-family:var(--f-head);font-weight:700;
  font-size:26px;line-height:1.1;margin:6px 0 4px;color:var(--green)}
.lb-f3__dramakamp{display:block;font-size:12px;color:var(--on-dark-2);
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* === FORSIDEBAANDET: RAIL'EN SKAL STRAEKKES ===============================
   MAALT: hovedspalten er ~7.300px hoej, rail'ens indhold ~1.950. Med
   `align-items:flex-start` bliver <aside> kun saa hoej som sit indhold, og
   saa har den klaebende annonce ingen strækning at foelge med i — der stod
   over fem tusind pixels tom sidebar.

   Uden flex-start straekkes rail'en til fuld hoejde (stretch er default), og
   den klaebende annonce nederst kan foelge hele vejen ned.
   ------------------------------------------------------------------------ */
.lb-f3{align-items:stretch}
.lb-f3__side{display:flex;flex-direction:column}
/* Skubber den klaebende annonce ned i den tomme straekning i stedet for at
   lade den ligge klemt op ad panelet ovenover. */
.lb-f3__side > .lb-f3__klaebe{margin-top:auto;padding-bottom:26px}

/* === NYHEDSGITTERET: KORT NR. 2 LAA UDEN FOR SKAERMEN =====================
   MAALT paa den RIGTIGE forside ved 375px: scrollWidth 692 mod clientWidth
   375, og et `.lb-artikelkort` med left:365 — altsaa helt uden for skaermen.
   Fejlen var der foer midterbaandet; den viser sig bare ogsaa der.

   AARSAGEN: `.lb-nyhedsgitter__smaa` er `flex-direction:column` MED
   `flex-wrap:wrap`, og kortene har `flex:1 1 100%`. I en KOLONNE er
   flex-basis hoejden — hvert kort vil derfor fylde hele hoejden, der er kun
   plads til ét, og nr. 2 ombrydes til en NY KOLONNE ude til hoejre.

   `nowrap` er den rigtige hensigt: de smaa kort skal altid stables lodret.
   ------------------------------------------------------------------------ */
.lb-nyhedsgitter__smaa{flex-wrap:nowrap}

/* === MAALLISTENS KLUBMAERKE ===============================================
   `lokalbold_klub_maerke()` har INGEN stoerrelse i sin SVG — px-argumentet
   gaelder kun, naar klubben har et rigtigt logo som <img>. Uden logo kommer
   der en ren <svg>, og den fylder alt, hvad flexrækken vil give den.

   MAALT: hvert maal i «Hvem scorede sidst» fyldte en halv skaerm. Samme
   fejl som lektie 23 beskriver, og alle femten andre komponenter paa sitet
   saetter stoerrelsen selv. Nu goer den her det ogsaa.
   ------------------------------------------------------------------------ */
.lb-f3__maal svg,
.lb-f3__maal .lb-logo{width:26px;height:26px;flex:0 0 auto}


/* === RAIL FLUGTER NAAR DEN ER STABLET =====================================
   flex:0 1 300px holder rail'en paa praecis 300px — ogsaa efter at den er
   brudt ned under hovedspalten. Maalt paa mobil: hovedspalte 327px, rail
   300px, altsaa 27px ragede kant mod hoejre, hvor alt andet paa siden
   flugter. Naar den ligger alene paa sin linje, skal den fylde linjen.

   DEN KLAEBENDE ANNONCE SLIPPES SAMTIDIG. Sticky giver kun mening, saa
   laenge rail'en staar ved siden af en meget hoejere hovedspalte. Stablet
   er den sidste blok paa sin egen linje, og der er intet at klaebe langs.
   ------------------------------------------------------------------------ */
@media (max-width:980px){
  .lb-f3__side{flex-basis:100%}
  .lb-f3__klaebe{position:static}
}

/* === FORSIDEN SOM DASHBOARD 2026 ==========================================
   Hero, dagens kampe med sidebar, tallene, formen og arkivet.

   FLEX, IKKE GRID. Samme regel som resten af sitet: kolonner laves med
   flex-basis, og ombrydningen sker af sig selv. Der er ÉN media query
   herunder, og den bygger ikke layout — den retter bredden paa en rail,
   der ALLEREDE er brudt ned, saa den flugter med indholdet over sig.

   MIN-WIDTH:0 PAA HVER FLEX-KOLONNE. Uden den kan en bred tabel ikke krympe
   under sit indhold, og saa skubber den nabokolonnen ud af skaermen i stedet
   for at rulle i sig selv.

   GROEN-REGLEN: --green (#22C55E) staar kun paa navy, --green-text (#15803D)
   kun paa lys flade. De to krydser aldrig.
   ------------------------------------------------------------------------ */

.lb-f4{font-family:var(--f-body);font-variant-numeric:tabular-nums}
.lb-f4 p{max-width:none}
.lb-f4 a{text-decoration:none}

/* --- sektionshoved ------------------------------------------------------ */
.lb-f4__hoved{display:flex;flex-wrap:wrap;align-items:flex-end;
  justify-content:space-between;gap:8px 24px;margin:0 0 22px}
.lb-f4__hovedtekst{flex:1 1 320px;min-width:0}
.lb-f4__titel{font-family:var(--f-head);font-weight:700;font-size:clamp(22px,2.4vw,30px);
  line-height:1.1;letter-spacing:-.01em;color:var(--ink);margin:0}
.lb-f4__manchet{font-size:14px;color:var(--ink-muted);margin:6px 0 0}
.lb-f4__hovedlink{flex:0 0 auto;font-size:13px;font-weight:700;color:var(--green-text);
  white-space:nowrap}
.lb-f4__hovedlink:hover{text-decoration:underline}
.lb-f4__undertitel{font-family:var(--f-head);font-weight:700;font-size:16px;
  text-transform:uppercase;letter-spacing:.04em;color:var(--ink);margin:0 0 14px}
.lb-f4__grundlag{font-size:12px;color:var(--ink-muted);margin:14px 0 0}

/* PAA NAVY VENDER HELE PALETTEN. Komponenten kender sin flade — den arver
   ikke farve fra en forfaeder, saa den kan ikke braekke, naar containeren
   skifter baggrund. */
.lb-f4--paanavy .lb-f4__titel,
.lb-f4--paanavy .lb-f4__undertitel{color:#fff}
.lb-f4--paanavy .lb-f4__manchet,
.lb-f4--paanavy .lb-f4__grundlag{color:var(--on-dark-2)}
.lb-f4--paanavy .lb-f4__hovedlink{color:var(--green)}

/* --- klubmaerket -------------------------------------------------------- */
/* SVG'EN HAR INGEN EGEN STOERRELSE. Uden de her tre linjer fylder ét maerke
   en halv skaerm. Det er sket to gange. */
.lb-f4__maerke{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center}
.lb-f4__maerke svg,.lb-f4__maerke img{width:100%;height:100%;display:block}

/* --- annoncer ----------------------------------------------------------- */
/* PLADSEN RESERVERES, OGSAA NAAR ANNONCEN ER TOM. Uden min-height hopper
   indholdet, naar AdSense udfylder — og hoppet er dét, Google maaler. */
.lb-f4__ad{margin:0 0 24px;position:relative}
.lb-f4__ad--rect{min-height:250px}
.lb-f4__ad--inarticle{min-height:180px}
.lb-f4__ad--leaderboard{min-height:120px}
.lb-f4__adlabel{display:block;font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-muted);opacity:.7;margin:0 0 5px}
.lb-f4__klaebe{position:sticky;top:22px;z-index:1}

/* ========================================================================== */
/* HERO                                                                       */
/* ========================================================================== */

.lb-f4__hero{max-width:820px}
.lb-f4__heroover{font-size:12px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--green);margin:0 0 14px}
.lb-f4__herotitel{font-family:var(--f-head);font-weight:700;
  font-size:clamp(34px,5.4vw,60px);line-height:1.02;letter-spacing:-.02em;
  color:#fff;margin:0}
.lb-f4__heromanchet{font-size:clamp(15px,1.5vw,18px);line-height:1.55;
  color:var(--on-dark-2);margin:16px 0 0;max-width:56ch}
.lb-f4__heroknapper{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0}
.lb-f4__knap{display:inline-block;padding:12px 20px;border-radius:var(--r-sm);
  border:1px solid rgba(255,255,255,.28);color:#fff;font-size:14px;font-weight:700;
  transition:background-color .15s ease,border-color .15s ease,transform .15s ease}
.lb-f4__knap:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.55);
  transform:translateY(-1px)}
.lb-f4__knap.er-primaer{background:var(--green);border-color:var(--green);color:#08210f}
.lb-f4__knap.er-primaer:hover{background:#34d36c;border-color:#34d36c}

/* Talstriben under knapperne. Hvert tal er et link videre. */
.lb-f4__herostribe{display:flex;flex-wrap:wrap;gap:14px 40px;margin:34px 0 0;
  padding:24px 0 0;border-top:1px solid rgba(255,255,255,.14)}
.lb-f4__herotal{display:block;min-width:96px}
.lb-f4__herotal b{display:block;font-family:var(--f-head);font-weight:700;
  font-size:clamp(26px,3.2vw,38px);line-height:1;color:var(--green)}
.lb-f4__herotal span{display:block;font-size:11px;font-weight:700;letter-spacing:.10em;
  text-transform:uppercase;color:var(--on-dark-2);margin:7px 0 0}
.lb-f4__herotal:hover b{color:#4ade80}
.lb-f4__herotal:hover span{color:#fff}

/* ========================================================================== */
/* BAANDET: hovedspalte + rail                                                */
/* ========================================================================== */

.lb-f4__baand{display:flex;flex-wrap:wrap;gap:34px;align-items:stretch}
.lb-f4__spalte{flex:1 1 560px;min-width:0}
.lb-f4__rail{flex:0 1 300px;min-width:0;display:flex;flex-direction:column}
/* Den klaebende annonce skubbes til bunden af en rail, der er straekket til
   hovedspaltens hoejde. Ellers kan den ikke naa ned og klaebe undervejs. */
.lb-f4__rail > .lb-f4__klaebe{margin-top:auto}
.lb-f4__blok{margin:0 0 34px}
.lb-f4__blok:last-child{margin-bottom:0}

/* NAAR RAIL'EN ER BRUDT NED, SKAL DEN FYLDE LINJEN.
   flex:0 1 300px holder den paa 300px, ogsaa efter ombrydning — og saa stod
   panelerne inde fra hoejre kant, mens alt andet flugtede. */
@media (max-width:980px){
  .lb-f4__rail{flex-basis:100%}
  .lb-f4__klaebe{position:static}
}

/* ========================================================================== */
/* KAMPRAEKKEN — forsidens vigtigste komponent                                */
/* ========================================================================== */

.lb-f4__kampe{border-top:2px solid var(--ink)}
.lb-f4__kamp{display:flex;align-items:center;gap:14px;padding:13px 10px;
  border-bottom:1px solid var(--line);color:var(--ink);
  transition:background-color .12s ease}
.lb-f4__kamp:hover{background:var(--paper-soft)}
.lb-f4__kampvenstre{flex:0 0 62px;text-align:center}
.lb-f4__kamptid{font-size:14px;font-weight:700;color:var(--ink-muted)}
.lb-f4__kampscore{display:inline-flex;align-items:baseline;gap:3px;
  font-family:var(--f-head);font-size:19px;font-weight:700;color:var(--ink)}
.lb-f4__kampscore i{font-style:normal;color:var(--ink-muted);font-size:14px}
.lb-f4__kamphold{flex:1 1 auto;min-width:0;display:flex;align-items:center;
  flex-wrap:wrap;gap:4px 10px}
.lb-f4__kampside{display:inline-flex;align-items:center;gap:8px;min-width:0}
.lb-f4__kampnavn{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* VINDEREN MARKERES MED VAEGT, IKKE FARVE. En liste med groen og roed bliver
   et trafiklys, og uafgjort ville staa uden signal. */
.lb-f4__kampside.er-vinder .lb-f4__kampnavn{font-weight:700}
.lb-f4__kampmod{font-size:11px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-muted)}
.lb-f4__kampraekke{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-muted);text-align:right;max-width:34%}
.lb-f4__kamp:hover .lb-f4__kampnavn{color:var(--green-text)}

/* ========================================================================== */
/* SIDEBARMODULER                                                             */
/* ========================================================================== */

.lb-f4__modul{background:var(--paper-soft);border:1px solid var(--line);
  border-radius:var(--r-md);padding:18px;margin:0 0 24px}
.lb-f4__modultitel{font-family:var(--f-head);font-weight:700;font-size:14px;
  letter-spacing:.05em;text-transform:uppercase;color:var(--ink);margin:0 0 14px}
.lb-f4__modulnote{font-size:12px;color:var(--ink-muted);margin:12px 0 0}
.lb-f4__modulnote a{color:var(--green-text);font-weight:600}

.lb-f4__nu{list-style:none;margin:0;padding:0}
.lb-f4__nu li + li{border-top:1px solid var(--line)}
.lb-f4__nu a{display:flex;align-items:baseline;justify-content:space-between;
  gap:12px;padding:10px 0;color:var(--ink)}
.lb-f4__nuetiket{font-size:13px}
.lb-f4__nutal{font-family:var(--f-head);font-size:20px;font-weight:700;color:var(--green-text)}
.lb-f4__nu a:hover .lb-f4__nuetiket{color:var(--green-text)}

.lb-f4__pop{list-style:none;margin:0;padding:0;counter-reset:lbf4}
.lb-f4__pop li{counter-increment:lbf4;border-top:1px solid var(--line)}
.lb-f4__pop li:first-child{border-top:0}
.lb-f4__pop a{display:flex;gap:10px;padding:9px 0;font-size:13px;font-weight:600;
  color:var(--ink);overflow:hidden}
.lb-f4__pop a::before{content:counter(lbf4);flex:0 0 16px;color:var(--ink-muted);
  font-size:11px;font-weight:700}
.lb-f4__pop a:hover{color:var(--green-text)}

/* ========================================================================== */
/* TALLENE                                                                    */
/* ========================================================================== */

.lb-f4__tiles{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 26px}
.lb-f4__tile{flex:1 1 180px;min-width:0;padding:20px;border-radius:var(--r-md);
  background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12)}
.lb-f4__tiletal{display:block;font-family:var(--f-head);font-weight:700;
  font-size:clamp(30px,4vw,44px);line-height:1;color:var(--green)}
.lb-f4__tileetiket{display:block;font-size:11px;font-weight:700;letter-spacing:.10em;
  text-transform:uppercase;color:var(--on-dark-2);margin:9px 0 0}
.lb-f4__tilenote{display:block;font-size:12px;color:var(--on-dark-2);margin:5px 0 0}

.lb-f4__udfald{display:flex;flex-direction:column;gap:11px}
.lb-f4__udfaldrk{display:flex;align-items:center;gap:14px}
.lb-f4__udfaldnavn{flex:0 0 116px;font-size:12px;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;color:var(--on-dark-2)}
.lb-f4__udfaldtal{flex:0 0 92px;text-align:right;font-family:var(--f-head);
  font-size:17px;font-weight:700;color:#fff}
.lb-f4__udfaldtal i{display:inline-block;font-style:normal;font-family:var(--f-body);
  font-size:11px;font-weight:600;color:var(--on-dark-2);margin-left:8px}

.lb-f4__bar{flex:1 1 auto;min-width:0;height:10px;border-radius:99px;
  background:rgba(255,255,255,.12);overflow:hidden;display:block}
.lb-f4__barfyld{display:block;height:100%;border-radius:99px;background:var(--green);
  transition:width .4s ease}
.lb-f4__bar.er-uafgjort .lb-f4__barfyld{background:#94a3b8}
.lb-f4__bar.er-ude .lb-f4__barfyld{background:#60a5fa}

/* Maalminutterne: seks kvarter som soejler. Ren CSS-hoejde, ingen graf-bibliotek. */
.lb-f4__minutter{margin:34px 0 0;padding:26px 0 0;border-top:1px solid rgba(255,255,255,.14)}
.lb-f4__snor{display:flex;align-items:flex-end;gap:8px;height:150px}
.lb-f4__spand{flex:1 1 0;min-width:0;display:flex;flex-direction:column;
  align-items:center;justify-content:flex-end;height:100%}
.lb-f4__spandtal{font-size:12px;font-weight:700;color:#fff;margin:0 0 6px}
.lb-f4__spandsoejle{display:block;width:100%;border-radius:4px 4px 0 0;
  background:linear-gradient(180deg,var(--green),rgba(34,197,94,.35));min-height:6px}
.lb-f4__spandnavn{font-size:10px;font-weight:700;letter-spacing:.05em;
  color:var(--on-dark-2);margin:8px 0 0}

/* ========================================================================== */
/* FORM                                                                       */
/* ========================================================================== */

.lb-f4__formliste{display:flex;flex-wrap:wrap;gap:16px}
.lb-f4__formkort{flex:1 1 300px;min-width:0;padding:18px;border:1px solid var(--line);
  border-radius:var(--r-md);background:#fff;color:var(--ink);
  transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.lb-f4__formkort:hover{border-color:var(--green-text);transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(16,24,40,.07)}
.lb-f4__formtop{display:flex;align-items:center;gap:12px;min-width:0}
.lb-f4__formnavn{min-width:0}
.lb-f4__formnavn b{display:block;font-size:15px;font-weight:700;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.lb-f4__formnavn em{display:block;font-style:normal;font-size:11px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin:3px 0 0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* BOGSTAVET STAAR I PRIKKEN. Farven alene siger intet til den, der ikke ser
   forskel paa groen og gul. */
.lb-f4__form{display:flex;gap:5px;margin:14px 0 0}
.lb-f4__prik{width:22px;height:22px;border-radius:50%;display:inline-flex;
  align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}
.lb-f4__prik.er-v{background:var(--green-text)}
.lb-f4__prik.er-u{background:#94a3b8}
.lb-f4__prik.er-t{background:#b32d2e}

.lb-f4__formtal{display:flex;gap:18px;margin:14px 0 0;padding:12px 0 0;
  border-top:1px solid var(--line)}
.lb-f4__formtal span{font-size:11px;font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;color:var(--ink-muted)}
.lb-f4__formtal b{display:block;font-family:var(--f-head);font-size:19px;
  font-weight:700;color:var(--ink);letter-spacing:0;text-transform:none}

/* ========================================================================== */
/* ARKIVET                                                                    */
/* ========================================================================== */

.lb-f4__arkiv{display:flex;flex-wrap:wrap;gap:14px}
.lb-f4__arkivkort{flex:1 1 150px;min-width:0;padding:20px 18px;border-radius:var(--r-md);
  border:1px solid var(--line);background:var(--paper-soft);color:var(--ink);
  transition:border-color .15s ease,background-color .15s ease,transform .15s ease}
.lb-f4__arkivkort:hover{border-color:var(--green-text);background:#fff;
  transform:translateY(-2px)}
.lb-f4__arkivkort b{display:block;font-family:var(--f-head);font-weight:700;
  font-size:clamp(24px,2.8vw,32px);line-height:1;color:var(--green-text)}
.lb-f4__arkivkort span{display:block;font-size:11px;font-weight:700;letter-spacing:.10em;
  text-transform:uppercase;color:var(--ink-muted);margin:8px 0 0}

/* --- mindre skaerme ----------------------------------------------------- */
/* Kampraekken bliver til to linjer paa smalle skaerme: raekkenavnet under
   holdene i stedet for ude i hoejre kant, hvor der ikke er plads. */
@media (max-width:600px){
  .lb-f4__kamp{flex-wrap:wrap;gap:8px 12px;padding:12px 8px}
  .lb-f4__kampvenstre{flex:0 0 52px}
  .lb-f4__kamphold{flex:1 1 200px}
  .lb-f4__kampraekke{flex:1 1 100%;max-width:none;text-align:left;padding-left:64px}
  .lb-f4__udfaldnavn{flex:0 0 92px;font-size:11px}
  .lb-f4__udfaldtal{flex:0 0 78px;font-size:15px}
  .lb-f4__formtal{gap:12px}
}

/* === DASHBOARDET: SPECIFICITET OG SMAA SKAERME ============================
   TEMAETS ".site-main a" VEJER 0,1,1 OG SLAAR EN ENKELT KLASSE.
   Er ankeret SELV komponenten, skal selektoren derfor op paa 0,2,1 —
   ".lb-f4 a.lb-f4__kamp", ikke ".lb-f4__kamp". Maalt paa live: kampraekken,
   formkortet og arkivkortet stod alle i --green-text, hvor de skulle staa i
   --ink. Reglen staar allerede i CSS'en for lb-f2; den gaelder her ogsaa.
   ------------------------------------------------------------------------ */
.lb-f4 a.lb-f4__kamp{color:var(--ink)}
.lb-f4 a.lb-f4__kamp:hover .lb-f4__kampnavn{color:var(--green-text)}
.lb-f4 a.lb-f4__formkort{color:var(--ink)}
.lb-f4 a.lb-f4__arkivkort{color:var(--ink)}
.lb-f4 a.lb-f4__tile{color:var(--ink)}
.lb-f4 a.lb-f4__herotal{color:inherit}
.lb-f4 a.lb-f4__knap{color:#fff}
.lb-f4 a.lb-f4__knap.er-primaer{color:#08210f}
.lb-f4 a.lb-f4__hovedlink{color:var(--green-text)}
.lb-f4--paanavy a.lb-f4__hovedlink{color:var(--green)}
.lb-f4 .lb-f4__nu a,.lb-f4 .lb-f4__pop a{color:var(--ink)}

/* "MOD" GIVER KUN MENING PAA ÉN LINJE.
   Naar kampraekken ombrydes paa smal skaerm, staar holdene under hinanden,
   og saa haenger ordet alene i enden af foerste linje. Forholdet mellem de
   to hold er tydeligt af opstillingen. Ordet bliver staaende for
   skaermlaesere. */
@media (max-width:600px){
  .lb-f4__kampmod{position:absolute;width:1px;height:1px;overflow:hidden;
    clip:rect(0 0 0 0);white-space:nowrap}
  .lb-f4__kampside{flex:1 1 100%}
}

/* === RESULTATCENTRET 2026 =================================================
   Bygger OVEN PAA forsidens komponenter. Kampraekken, statistikflisen,
   soejlen, sidebarmodulet og sektionshovedet er .lb-f4__* og styles ikke om
   her — to sider, der viser samme slags data med hver sit kort, driver fra
   hinanden i loebet af faa maaneder.

   Her staar kun det, resultatsiden har og forsiden ikke har: filterkortet,
   de aktive filtre, datobaandet, daggrupperne og hoejdepunkterne.

   TEMAETS ".site-main a" VEJER 0,1,1. Er ankeret selv komponenten, skal
   selektoren op paa 0,2,1 — det gaelder ogsaa her.
   ------------------------------------------------------------------------ */

.lb-rc3{font-family:var(--f-body);font-variant-numeric:tabular-nums}
.lb-rc3 p{max-width:none}

/* --- heroens manchet (heroen selv er .lb-f4__hero) ---------------------- */
.lb-rc3__heromanchet{font-size:clamp(15px,1.5vw,18px);line-height:1.55;
  color:var(--on-dark-2);margin:14px 0 0;max-width:60ch}

/* --- faneblade ---------------------------------------------------------- */
.lb-rc3__faner{display:flex;gap:4px;margin:0 0 26px;border-bottom:2px solid var(--line)}
.lb-rc3 a.lb-rc3__fane{padding:11px 20px;font-size:14px;font-weight:700;
  color:var(--ink-muted);border-bottom:2px solid transparent;margin-bottom:-2px;
  text-decoration:none;transition:color .15s ease,border-color .15s ease}
.lb-rc3 a.lb-rc3__fane:hover{color:var(--ink)}
.lb-rc3 a.lb-rc3__fane.er-valgt{color:var(--ink);border-bottom-color:var(--green-text)}

/* ========================================================================== */
/* FILTERKORTET                                                               */
/* ========================================================================== */

.lb-rc3__filterkort{background:var(--paper-soft);border:1px solid var(--line);
  border-radius:var(--r-md);padding:22px;margin:0 0 26px}
.lb-rc3__filtertitel{font-family:var(--f-head);font-weight:700;font-size:15px;
  letter-spacing:.05em;text-transform:uppercase;color:var(--ink);margin:0 0 16px}

.lb-rc3__hurtig{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.lb-rc3 a.lb-rc3__chip{padding:7px 15px;border-radius:99px;border:1px solid var(--line);
  background:#fff;font-size:13px;font-weight:700;color:var(--ink);text-decoration:none;
  transition:border-color .15s ease,background-color .15s ease}
.lb-rc3 a.lb-rc3__chip:hover{border-color:var(--green-text);color:var(--green-text)}
.lb-rc3 a.lb-rc3__chip.er-valgt{background:var(--navy-900);border-color:var(--navy-900);color:#fff}

/* FLEX, IKKE GRID. Felterne bryder om af sig selv; der er ingen media query
   til at bygge kolonnerne. */
.lb-rc3__felter{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}
.lb-rc3__felt{flex:1 1 190px;min-width:0;display:flex;flex-direction:column}
.lb-rc3__felt--knap{flex:0 0 auto}
.lb-rc3__lab{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-muted);margin:0 0 6px}
.lb-rc3__input{width:100%;padding:10px 12px;border:1px solid var(--line);
  border-radius:var(--r-sm);background:#fff;font-family:var(--f-body);font-size:14px;
  color:var(--ink);min-height:42px}
.lb-rc3__input:focus{outline:2px solid var(--green-text);outline-offset:1px;border-color:var(--green-text)}
.lb-rc3__hint{font-size:13px;color:var(--ink-muted);padding:11px 0;min-height:42px}
.lb-rc3__felt--tom{opacity:.75}
.lb-rc3 .lb-rc3__vis{min-height:42px;cursor:pointer;border:1px solid var(--green);
  font-family:var(--f-body)}

/* --- aktive filtre ------------------------------------------------------- */
.lb-rc3__aktive{display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  margin:18px 0 0;padding:16px 0 0;border-top:1px solid var(--line)}
.lb-rc3__aktivlab{font-size:11px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-muted);margin-right:4px}
.lb-rc3 a.lb-rc3__aktiv{display:inline-flex;align-items:center;gap:8px;
  padding:6px 12px;border-radius:99px;background:var(--navy-900);color:#fff;
  font-size:12px;font-weight:700;text-decoration:none}
.lb-rc3 a.lb-rc3__aktiv span[aria-hidden]{font-size:15px;line-height:1;opacity:.7}
.lb-rc3 a.lb-rc3__aktiv:hover span[aria-hidden]{opacity:1}
.lb-rc3 a.lb-rc3__ryd{font-size:12px;font-weight:700;color:var(--green-text);
  text-decoration:underline;margin-left:4px}

/* ========================================================================== */
/* DATOBAANDET                                                                */
/* ========================================================================== */

/* Baandet ruller i SIG SELV paa smalle skaerme, saa siden ikke goer det.
   Derfor overflow-x her og ingen ombrydning. */
.lb-rc3__datoer{display:flex;gap:8px;overflow-x:auto;padding:0 0 6px;margin:0 0 26px;
  -webkit-overflow-scrolling:touch}
.lb-rc3 a.lb-rc3__dag{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;
  min-width:74px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-md);
  background:#fff;color:var(--ink);text-decoration:none;
  transition:border-color .15s ease,background-color .15s ease}
.lb-rc3 a.lb-rc3__dag:hover{border-color:var(--green-text)}
.lb-rc3 a.lb-rc3__dag.er-valgt{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.lb-rc3__dag b{font-family:var(--f-head);font-size:13px;font-weight:700;letter-spacing:.02em}
.lb-rc3__dag span{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-muted);margin:2px 0 0}
.lb-rc3__dag.er-valgt span{color:var(--on-dark-2)}
.lb-rc3__dag i{font-style:normal;font-size:12px;font-weight:700;color:var(--green-text);margin:5px 0 0}
.lb-rc3__dag.er-valgt i{color:var(--green)}

/* ========================================================================== */
/* TAL OG HOEJDEPUNKTER                                                       */
/* ========================================================================== */

/* Tal-blokken er navy INDE i en hvid spalte, saa den skal baere sin egen
   flade og sin egen afstand. */
.lb-rc3__tal{background:var(--navy-900);border-radius:var(--r-md);
  padding:26px;margin:0 0 26px}

.lb-rc3__hoejdepunkter{display:flex;flex-wrap:wrap;gap:22px;margin:0 0 26px}
.lb-rc3__hoejblok{flex:1 1 280px;min-width:0}
.lb-rc3__hoej{list-style:none;margin:0;padding:0;counter-reset:lbrc}
.lb-rc3__hoej li{counter-increment:lbrc;border-top:1px solid var(--line)}
.lb-rc3__hoej li:first-child{border-top:2px solid var(--ink)}
.lb-rc3 .lb-rc3__hoej a{display:flex;align-items:center;gap:12px;padding:11px 4px;
  color:var(--ink);text-decoration:none}
.lb-rc3 .lb-rc3__hoej a:hover{background:var(--paper-soft)}
.lb-rc3__hoej a::before{content:counter(lbrc);flex:0 0 16px;font-size:11px;
  font-weight:700;color:var(--ink-muted)}
.lb-rc3__hoejhold{flex:1 1 auto;min-width:0;display:flex;align-items:baseline;gap:8px;
  font-size:13px;overflow:hidden}
.lb-rc3__hoejhold span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 0}
.lb-rc3__hoejhold b{flex:0 0 auto;font-family:var(--f-head);font-size:15px;font-weight:700}
.lb-rc3__hoejtal{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--green-text);
  white-space:nowrap}

/* ========================================================================== */
/* LISTEN                                                                     */
/* ========================================================================== */

.lb-rc3__dagblok{margin:0 0 30px}
.lb-rc3__daghoved{display:flex;flex-wrap:wrap;align-items:baseline;
  justify-content:space-between;gap:6px 16px;margin:0 0 14px;
  padding:0 0 10px;border-bottom:2px solid var(--ink)}
.lb-rc3__dagtitel{font-family:var(--f-head);font-weight:700;font-size:15px;
  letter-spacing:.06em;color:var(--ink);margin:0}
.lb-rc3__dagtal{font-size:12px;font-weight:700;color:var(--ink-muted)}

.lb-rc3__raekke{border-bottom:1px solid var(--line)}
.lb-rc3__raekke[open]{padding-bottom:8px}
.lb-rc3__sum{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;
  padding:12px 4px;cursor:pointer;list-style:none}
.lb-rc3__sum::-webkit-details-marker{display:none}
.lb-rc3__sum:hover{background:var(--paper-soft)}
.lb-rc3__sumnavn{flex:1 1 auto;min-width:0;font-size:14px;font-weight:700;color:var(--ink)}
.lb-rc3__maerkat{flex:0 0 auto;font-size:10px;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-muted);padding:3px 8px;
  border:1px solid var(--line);border-radius:99px}
.lb-rc3__sumtal{flex:0 0 auto;font-size:12px;font-weight:700;color:var(--green-text)}
.lb-rc3__raekkelink{margin:10px 0 0;padding-left:4px;font-size:12px;font-weight:700}
.lb-rc3 .lb-rc3__raekkelink a{color:var(--green-text);text-decoration:none}
.lb-rc3 .lb-rc3__raekkelink a:hover{text-decoration:underline}

.lb-rc3__mere{margin:28px 0 0;text-align:center}

/* --- tom tilstand -------------------------------------------------------- */
.lb-rc3__tom{padding:46px 24px;text-align:center;background:var(--paper-soft);
  border:1px solid var(--line);border-radius:var(--r-md)}
.lb-rc3__tomtitel{font-family:var(--f-head);font-weight:700;font-size:20px;
  color:var(--ink);margin:0 0 8px}
.lb-rc3__tomtekst{font-size:14px;color:var(--ink-muted);margin:0 0 20px}
.lb-rc3__tomtip{font-size:13px;color:var(--ink-muted);margin:16px 0 0}

/* --- smaa skaerme -------------------------------------------------------- */
@media (max-width:600px){
  .lb-rc3__filterkort{padding:18px}
  .lb-rc3__felt{flex:1 1 100%}
  .lb-rc3__felt--knap,.lb-rc3 .lb-rc3__vis{width:100%}
  .lb-rc3__hoejhold{flex-wrap:wrap}
  .lb-rc3__tal{padding:20px}
}

/* === KAMPRAEKKENS MAERKAT ==================================================
   Kampprogrammet saetter «Lokalopgør» paa kampe, hvor der er under
   LB_LOKALOPGOER_KM mellem klubberne. Det er et FAKTUM baaret af klubbernes
   koordinater, ikke et skoen — derfor faar den en egen, rolig etiket og ikke
   en farve, der raaber.

   Den staar FOER raekkenavnet, saa oejet moeder den samme kolonne hver gang.
   ------------------------------------------------------------------------ */
.lb-f4__kampmaerkat{flex:0 0 auto;font-size:10px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--green-text);
  border:1px solid var(--green-text);border-radius:99px;padding:2px 8px;
  white-space:nowrap}

@media (max-width:600px){
  /* Paa smal skaerm staar maerkaten paa raekkenavnets linje, ikke alene. */
  .lb-f4__kampmaerkat{margin-left:64px}
  .lb-f4__kampmaerkat + .lb-f4__kampraekke{flex:1 1 auto;padding-left:8px}
}

/* === KICKOFF-GRAFEN PAA SMAL SKAERM ========================================
   Maalgrafen paa forsiden har seks spand; kampdagens har ét pr. kampstart, og
   en travl tirsdag har ti. Ved 287px giver det 28px pr. soejle, og etiketten
   «18:30» kunne ikke krympe — saa grafen rullede sidelaens inde i sig selv.
   Maalt: scrollWidth over clientWidth paa 375px.

   Den ruller stadig, hvis en dag har rigtig mange kampstarter — men ved ti
   passer den nu. Tallet over soejlen er vigtigere end etiketten under, saa
   det er etiketten, der giver sig.
   ------------------------------------------------------------------------ */
@media (max-width:600px){
  .lb-f4__snor{gap:3px;height:130px}
  .lb-f4__spandnavn{font-size:9px;letter-spacing:0}
  .lb-f4__spandtal{font-size:10px;margin-bottom:4px}
}

/* === KLUBREGISTRET 2026 ====================================================
   Bygger paa .lb-rc3 (filterkort, chips, tom tilstand) og .lb-f4 (baand,
   rail, moduler, knapper). Her staar kun klubgitteret, alfabetet og
   sidetallene.

   FLEX, IKKE GRID — ogsaa her. Kortene er flex:1 1 240px, saa antallet af
   kolonner foelger bredden af sig selv. Der er ingen media query til at
   bygge gitteret.
   ------------------------------------------------------------------------ */

/* --- alfabetet ----------------------------------------------------------- */
/* Ruller i SIG SELV paa smalle skaerme, saa siden ikke goer det. 24 bogstaver
   kan ikke vaere paa 327px, og en ombrudt alfabetstribe i tre linjer er
   svaerere at ramme end én, man kan skubbe. */
.lb-kr3__alfabet{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;
  padding:0 0 6px;margin:0 0 18px;-webkit-overflow-scrolling:touch}
.lb-kr3 a.lb-kr3__bogstav{flex:0 0 auto;min-width:38px;text-align:center;
  padding:7px 10px}

/* --- klubgitteret -------------------------------------------------------- */
.lb-kr3__gitter{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 24px}

.lb-kr3 a.lb-kr3__kort{flex:1 1 240px;min-width:0;display:flex;
  flex-direction:column;gap:12px;padding:16px;
  border:1px solid var(--line);border-radius:var(--r-md);background:#fff;
  color:var(--ink);text-decoration:none;
  transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.lb-kr3 a.lb-kr3__kort:hover{border-color:var(--green-text);
  transform:translateY(-2px);box-shadow:0 6px 18px rgba(16,24,40,.07)}

.lb-kr3__top{display:flex;align-items:center;gap:12px;min-width:0}
.lb-kr3__navne{min-width:0;flex:1 1 auto}
.lb-kr3__navn{display:block;font-size:15px;font-weight:700;line-height:1.25;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-kr3__by{display:block;font-style:normal;font-size:12px;color:var(--ink-muted);
  margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-kr3 a.lb-kr3__kort:hover .lb-kr3__navn{color:var(--green-text)}

/* Maerkaterne skubbes til bunden, saa kortene i en raekke flugter forneden,
   ogsaa naar det ene navn broed om paa to linjer. */
.lb-kr3__raekker{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto}
.lb-kr3__chip{font-size:10px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--ink-muted);background:var(--paper-soft);
  border:1px solid var(--line);border-radius:99px;padding:3px 9px;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-kr3__chip.er-flere{color:var(--green-text);border-color:var(--green-text);
  background:#fff}
.lb-kr3__ingen{margin-top:auto;font-size:12px;color:var(--ink-muted)}

/* --- sidetal ------------------------------------------------------------- */
.lb-kr3__sider{display:flex;flex-wrap:wrap;align-items:center;
  justify-content:center;gap:12px;margin:24px 0 0}
.lb-kr3__sidetal{font-size:13px;font-weight:700;color:var(--ink-muted)}
/* En slukket knap skal SE slukket ud og ikke kunne rammes. */
.lb-kr3 .lb-f4__knap.er-slukket{opacity:.4;pointer-events:none;
  border-color:var(--line);color:var(--ink-muted)}
/* Knapperne her staar paa lys flade, ikke paa navy som i heroen. */
.lb-kr3 a.lb-f4__knap{color:var(--ink);border-color:var(--line)}
.lb-kr3 a.lb-f4__knap:hover{border-color:var(--green-text);color:var(--green-text);
  background:transparent}
.lb-kr3 a.lb-f4__knap.er-primaer,.lb-kr3 .lb-rc3__vis{color:#08210f;
  border-color:var(--green)}

/* --- sidebarens lister --------------------------------------------------- */
.lb-kr3__lister{list-style:none;margin:0;padding:0;display:flex;
  flex-wrap:wrap;gap:6px}
.lb-kr3__lister li{flex:0 0 auto}
.lb-kr3 .lb-kr3__lister a{display:inline-block;padding:5px 11px;font-size:12px;
  font-weight:700;color:var(--ink);background:#fff;border:1px solid var(--line);
  border-radius:99px;text-decoration:none}
.lb-kr3 .lb-kr3__lister a:hover{border-color:var(--green-text);color:var(--green-text)}

@media (max-width:600px){
  /* Ét kort pr. linje paa telefon. To ville give 150px pr. klubnavn. */
  .lb-kr3 a.lb-kr3__kort{flex:1 1 100%}
  .lb-kr3__sider{gap:8px}
  .lb-kr3__sidetal{flex:1 1 100%;text-align:center;order:3}
}

/* === SPILLERKORTETS TAL ====================================================
   Kampe og maal nederst paa spillerkortet. Uden de her regler stod tal og
   etiket klistret sammen: «1kamp0maal».

   Samme form som formkortets tal paa forsiden, men egen klasse, fordi
   spillerkortet har to tal og ikke tre.
   ------------------------------------------------------------------------ */
.lb-sp3__tal{display:flex;gap:18px;margin-top:auto;padding:10px 0 0;
  border-top:1px solid var(--line)}
.lb-sp3__tal span{font-size:11px;font-weight:600;letter-spacing:.04em;
  text-transform:uppercase;color:var(--ink-muted)}
.lb-sp3__tal b{display:block;font-family:var(--f-head);font-size:18px;
  font-weight:700;color:var(--ink);letter-spacing:0;text-transform:none;
  line-height:1.1;margin:0 0 2px}

/* === TRAENERARKIVET 2026 ===================================================
   Bygger paa .lb-rc3 (filterkort, chips, tom tilstand) og .lb-f4 (baand,
   rail, moduler, knapper, formprikker). Her staar kun traenerkortet.

   Kortet er BREDERE end klub- og spillerkortet, fordi det baerer fire tal og
   en formstribe. Derfor flex:1 1 320px og ikke 240px — to pr. raekke paa
   desktop i stedet for tre.
   ------------------------------------------------------------------------ */

.lb-tr3__gitter{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 24px}
.lb-tr3__kort{flex:1 1 320px;min-width:0;position:relative;display:flex;
  flex-direction:column;gap:11px;padding:16px;
  border:1px solid var(--line);border-radius:var(--r-md);background:#fff}

/* Ranglisten faar nummeret som en diskret markoer i hjoernet — ikke som en
   kolonne, der stjaeler bredde fra navnet. */
.lb-tr3__nr{position:absolute;top:12px;right:14px;font-family:var(--f-head);
  font-size:22px;font-weight:700;line-height:1;color:var(--line)}
.lb-tr3__gitter--rang .lb-tr3__kort{border-color:var(--green-text)}

.lb-tr3__top{display:flex;align-items:flex-start;gap:12px;min-width:0}
.lb-tr3__navne{min-width:0;flex:1 1 auto;padding-right:26px}
.lb-tr3 a.lb-tr3__navn{display:block;font-size:15px;font-weight:700;
  color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.lb-tr3 a.lb-tr3__navn:hover{color:var(--green-text)}
.lb-tr3 a.lb-tr3__klub{display:block;font-size:12px;font-weight:600;
  color:var(--ink-muted);text-decoration:none;margin:2px 0 0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-tr3 a.lb-tr3__klub:hover{color:var(--green-text)}
.lb-tr3__raekke{display:block;font-style:normal;font-size:10px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);
  margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.lb-tr3__form{margin:0}

.lb-tr3__tal{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto;
  padding:11px 0 0;border-top:1px solid var(--line)}
.lb-tr3__tal span{font-size:10px;font-weight:600;letter-spacing:.05em;
  text-transform:uppercase;color:var(--ink-muted)}
.lb-tr3__tal b{display:block;font-family:var(--f-head);font-size:17px;
  font-weight:700;color:var(--ink);letter-spacing:0;text-transform:none;
  line-height:1.1;margin:0 0 2px}

/* SNITTET DAEMPES UNDER GRAENSEN, DET SKJULES IKKE.
   Et tal, der bygger paa faerre end LB_MIN_KAMPE kampe, er stoej — men det
   skal kunne SES, at det er dét, ikke gaettes. */
.lb-tr3__snit{color:var(--green-text)}
.lb-tr3__snit.er-usikker{color:var(--ink-muted);opacity:.65}

.lb-tr3__periode{font-size:11px;color:var(--ink-muted)}
.lb-tr3__rang{margin:0 0 30px}

@media (max-width:600px){
  .lb-tr3__kort{flex:1 1 100%}
  .lb-tr3__tal{gap:10px}
}

/* === TRAENERKORTETS SNIT: SPECIFICITET =====================================
   `.lb-tr3__tal b` vejer 0,1,1 (klasse + element) og slaar `.lb-tr3__snit`
   paa 0,1,0. Det sikre snit stod derfor i --ink i stedet for groent.
   Maalt paa live: rgb(16,24,40) hvor der skulle staa rgb(21,128,61).

   Den daempede variant virkede allerede, fordi `.lb-tr3__snit.er-usikker`
   vejer 0,2,0 — to klasser slaar én klasse plus et element.

   Samme familie som temaets ".site-main a": naar en regel ikke slaar
   igennem, saa TAEL selektoren i stedet for at gaette.
   ------------------------------------------------------------------------ */
.lb-tr3 .lb-tr3__tal b.lb-tr3__snit{color:var(--green-text)}
.lb-tr3 .lb-tr3__tal b.lb-tr3__snit.er-usikker{color:var(--ink-muted)}

/* === DOMMERARKIVET 2026 ====================================================
   Genbruger .lb-tr3__tal og .lb-tr3__nr fra traenerarkivet — de to kort er
   samme slags: et navn og en raekke tal. Her staar kun det, der er
   forskelligt.

   INTET KLUBMAERKE. En dommer hoerer ikke til en klub; dommeridentitet er
   navnet alene. Initialerne traeder i maerkets sted, saa kortet har samme
   rytme som klub-, spiller- og traenerkortet.
   ------------------------------------------------------------------------ */

.lb-dm3__gitter{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 24px}
.lb-dm3__kort{flex:1 1 320px;min-width:0;position:relative;display:flex;
  flex-direction:column;gap:11px;padding:16px;
  border:1px solid var(--line);border-radius:var(--r-md);background:#fff}
.lb-dm3 .lb-tr3__gitter--rang .lb-dm3__kort{border-color:var(--green-text)}

.lb-dm3__top{display:flex;align-items:center;gap:12px;min-width:0}
.lb-dm3__ini{flex:0 0 auto;width:34px;height:34px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:var(--navy-900);color:#fff;font-family:var(--f-head);
  font-size:13px;font-weight:700;letter-spacing:.02em}
.lb-dm3__navne{min-width:0;flex:1 1 auto;padding-right:26px}
.lb-dm3 a.lb-dm3__navn{display:block;font-size:15px;font-weight:700;
  color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.lb-dm3 a.lb-dm3__navn:hover{color:var(--green-text)}
.lb-dm3__linje{display:block;font-style:normal;font-size:11px;
  color:var(--ink-muted);margin:3px 0 0}

/* Fem tal paa ét kort er ét mere end traenerens — de faar lidt mindre luft. */
.lb-dm3 .lb-dm3__tal{gap:12px}

/* KORTFARVERNE ER DE RIGTIGE, IKKE PYNT. Gult og roedt er fodboldens egne
   signaler, og de er de eneste to steder paa sitet, hvor gul bruges.
   Specificiteten er 0,2,1, fordi .lb-tr3__tal b vejer 0,1,1. */
.lb-dm3 .lb-dm3__tal b.lb-dm3__gul{color:#8C580C}
.lb-dm3 .lb-dm3__tal b.lb-dm3__rod{color:#B32D2E}
.lb-dm3 .lb-dm3__tal b.er-usikker{color:var(--ink-muted);opacity:.65}

@media (max-width:600px){
  .lb-dm3__kort{flex:1 1 100%}
  .lb-dm3 .lb-dm3__tal{gap:10px}
}

/* === FØLG OG MIT LOKALBOLD 2026 ============================================
   Følget er sitets første funktion, der husker noget om læseren — og den
   husker det i hans egen browser. Derfor er der to ting, designet skal sige
   uden at nogen læser en hjælpetekst: at knappen virker, og hvor det, man
   lige har fulgt, dukker op igen.

   PLADSEN ER RESERVERET FØR FØRSTE MALING. `html.kan-foelge` sættes i
   <head>, før siden tegnes, så knappen ikke skubber indholdet ned, når den
   kommer. Kan der ikke skrives til localStorage, fylder den ingenting.

   GRØN-REGLEN: knappen er #15803D som FLADE med hvid skrift. #22C55E er
   lys nok til at hvid tekst falder under kontrastkravet, og den må derfor
   aldrig bære tekst her.
   ------------------------------------------------------------------------ */

.lb-fl{display:none}
html.kan-foelge .lb-fl{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin:0 0 18px;padding:12px 0;
  /* Dæmpet og uklikbar, indtil JavaScript har sat sig på knappen. En knap,
     der ser klar ud, før den er det, lyver om et klik, der forsvinder. */
  opacity:.5;pointer-events:none;transition:opacity .18s ease}
html.kan-foelge .lb-fl.er-klar{opacity:1;pointer-events:auto}

.lb-fl__knap{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  min-width:118px;padding:9px 16px;
  border:1px solid var(--green-text);border-radius:999px;
  background:var(--green-text);color:#fff;
  font-family:var(--f-head);font-size:14px;font-weight:700;letter-spacing:.01em;
  cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}
.lb-fl__knap:hover{background:#116a33;border-color:#116a33}

/* FULGT ER EN TILSTAND, IKKE EN BELØNNING. Den fyldte knap er en opfordring;
   når man har taget imod den, skal den træde tilbage og blive en kvittering. */
.lb-fl__knap[aria-pressed="true"]{
  background:#fff;color:var(--ink);border-color:var(--line)}
.lb-fl__knap[aria-pressed="true"]:hover{border-color:var(--ink-muted)}

.lb-fl__ikon{display:inline-flex;width:13px;justify-content:center;
  font-size:15px;line-height:1}
.lb-fl__ikon::before{content:"+"}
.lb-fl__knap[aria-pressed="true"] .lb-fl__ikon::before{
  content:"\2713";color:var(--green-text)}

.lb-fl__note{font-size:12px;color:var(--ink-muted);min-width:0}
.lb-fl__note--fra{display:none}
.lb-fl__knap[aria-pressed="true"] ~ .lb-fl__note .lb-fl__note--til{display:none}
.lb-fl__knap[aria-pressed="true"] ~ .lb-fl__note .lb-fl__note--fra{display:inline}

/* Heroen er navy; står baren umiddelbart under den, skal noten kunne læses
   på mørk bund. Se GRØN-REGLEN — her er #22C55E den rigtige. */

/* --- Mit Lokalbold ------------------------------------------------------ */

.lb-mit{margin:0 0 8px}
.lb-mit__krop{min-height:120px}
.lb-mit.er-henter .lb-mit__krop{opacity:.45;transition:opacity .15s ease}

.lb-mit__gitter{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}
.lb-mit__gitter > .lb-f4__modul{flex:1 1 320px;min-width:0}
.lb-mit__kampe{display:flex;flex-direction:column}

/* Invitationen. Den, der allerede følger noget, ser den aldrig — `har-foelg`
   sættes i <head>, så den ikke når at blinke forbi. */
html.har-foelg .lb-mit__tom{display:none}
.lb-mit__tom{padding:4px 0 2px}
.lb-mit__tomtekst{margin:0 0 14px;max-width:52ch;font-size:14px;
  color:var(--ink-muted);line-height:1.55}
.lb-mit__tomlinks{display:flex;flex-wrap:wrap;gap:10px;margin:0}
.lb-mit a.lb-mit__knap{
  display:inline-flex;align-items:center;padding:9px 16px;
  border:1px solid var(--green-text);border-radius:999px;
  background:var(--green-text);color:#fff;text-decoration:none;
  font-family:var(--f-head);font-size:14px;font-weight:700}
.lb-mit a.lb-mit__knap:hover{background:#116a33;border-color:#116a33}
.lb-mit a.lb-mit__knap.er-blank{background:#fff;color:var(--ink);
  border-color:var(--line)}
.lb-mit a.lb-mit__knap.er-blank:hover{border-color:var(--ink-muted)}

.lb-mit__intet{padding:2px 0}
.lb-mit__intet p{margin:0;max-width:52ch;font-size:14px;color:var(--ink-muted)}

.lb-mit__spillere{display:flex;flex-direction:column}
.lb-mit a.lb-mit__spiller{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:9px 0;border-bottom:1px solid var(--line);
  text-decoration:none;color:var(--ink)}
.lb-mit a.lb-mit__spiller:last-child{border-bottom:0}
.lb-mit a.lb-mit__spiller:hover .lb-mit__spillernavn{color:var(--green-text)}
.lb-mit__spillernavne{min-width:0;display:flex;flex-direction:column;gap:2px}
.lb-mit__spillernavn{font-size:14px;font-weight:700;overflow:hidden;
  text-overflow:ellipsis;white-space:nowrap}
.lb-mit__spillerklub{display:flex;align-items:center;gap:6px;
  font-size:11px;color:var(--ink-muted);min-width:0}

/* To tal med hver sin etiket. Tallet er stort, etiketten er lille — samme
   rytme som resten af dashboardet, bare i én linje. */
.lb-mit__spillertal{flex:0 0 auto;display:flex;align-items:baseline;gap:5px;
  font-size:11px;color:var(--ink-muted);white-space:nowrap}
.lb-mit .lb-mit__spillertal b{font-family:var(--f-head);font-size:16px;
  font-weight:700;color:var(--ink)}
.lb-mit .lb-mit__spillertal b + span{margin-right:6px}

@media (max-width:980px){
  .lb-mit__gitter > .lb-f4__modul{flex-basis:100%}
}
@media (max-width:600px){
  html.kan-foelge .lb-fl{gap:8px}
  .lb-fl__note{flex:1 1 100%}
}

/* Dagen over kampene. Uden den er 18:00, 19:00, 14:30 en liste, der ser
   forkert sorteret ud — den spænder bare over tre datoer. */
.lb-mit__dag{margin:14px 0 4px;font-family:var(--f-head);font-size:11px;
  font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-muted)}
.lb-mit__kampe > .lb-mit__dag:first-child{margin-top:2px}

/* TO SPALTER, IKKE TRE.
   Kamprækken fra forsiden vil have omkring 900 px. Får den 400, brækker
   holdnavnene og rækkeetiketten om, og én kamp fylder 119 px i stedet for
   56. To spalter giver den knap 590 og holder rækken på én linje. */
.lb-mit__gitter > .lb-f4__modul{flex:1 1 460px}
.lb-mit__bred{flex:1 1 100%;min-width:0}

/* Spillerne er korte linjer og kan stå ved siden af hinanden, når der er
   plads. Rammen er den samme som kortene resten af sitet over. */
.lb-mit__bred .lb-mit__spillere{flex-direction:row;flex-wrap:wrap;gap:0 22px}
/* 0,3,1 — .lb-mit a.lb-mit__spiller ovenfor vejer 0,2,1, og temaets
   .site-main a vejer 0,1,1. Begge skal slaas her. */
.lb-mit .lb-mit__bred a.lb-mit__spiller{flex:1 1 280px;min-width:0}

@media (max-width:980px){
  .lb-mit__gitter > .lb-f4__modul{flex-basis:100%}
  .lb-mit__bred .lb-mit__spillere{flex-direction:column;gap:0}
}

/* === KAMPPROGRAMMET: WEEKEND OG KLIKBART KLOKKESLÆT ========================
   To tilføjelser i det eksisterende kampprograms sprog. Søjlerne er ren
   CSS-højde som kickoff-grafen — intet grafbibliotek, ingen JavaScript.

   WEEKENDEN FÅR SIN EGEN BLOK, fordi den bærer to tredjedele af kampene.
   Datobåndet vejer alle fjorten dage lige; det gør weekenden ikke.
   ------------------------------------------------------------------------ */

.lb-kp3__weekend{margin:0 0 22px}
/* IKKE align-items:flex-end. Barnet skal have FULD hoejde, ellers har
   soejlens height:N% intet at regne procenten af — og alle soejler blev
   8 px. Kickoff-grafen ved siden af goer det samme: containeren giver
   hoejden, barnet skubber sit indhold ned med justify-content. */
.lb-kp3__wkdage{display:flex;gap:12px;align-items:stretch;
  height:132px;margin:6px 0 2px}

/* 0,2,1 — temaets .site-main a vejer 0,1,1 og ville ellers farve dem grønne. */
.lb-kp3__weekend a.lb-kp3__wkdag{
  flex:1 1 0;min-width:0;display:flex;flex-direction:column;
  align-items:center;justify-content:flex-end;gap:6px;
  padding:8px 4px 10px;border-radius:var(--r-sm);
  text-decoration:none;color:var(--on-dark-2);
  transition:background .15s ease}
.lb-kp3__weekend a.lb-kp3__wkdag:hover{background:rgba(255,255,255,.06)}
.lb-kp3__weekend a.lb-kp3__wkdag.er-valgt{background:rgba(34,197,94,.14)}

.lb-kp3__wktal{font-family:var(--f-head);font-size:17px;font-weight:700;
  color:#fff;line-height:1}
.lb-kp3__wkspor{flex:1 1 auto;width:100%;max-width:56px;display:flex;
  align-items:flex-end}
.lb-kp3__wksoejle{display:block;width:100%;
  background:var(--green);border-radius:3px 3px 0 0;min-height:6px}
.lb-kp3__weekend a.lb-kp3__wkdag.er-valgt .lb-kp3__wksoejle{background:#fff}
.lb-kp3__wknavn{font-size:11px;font-weight:700;letter-spacing:.08em}

/* Klokkeslættet i kickoff-grafen er nu et filter. Det skal kunne ses at
   søjlen kan klikkes — og hvilken der er valgt. */
.lb-f4__snor a.lb-kp3__spandlink{text-decoration:none;cursor:pointer;
  border-radius:var(--r-sm);transition:background .15s ease}
.lb-f4__snor a.lb-kp3__spandlink:hover{background:rgba(255,255,255,.07)}
.lb-f4__snor a.lb-kp3__spandlink.er-valgt{background:rgba(34,197,94,.16)}
.lb-f4__snor a.lb-kp3__spandlink.er-valgt .lb-f4__spandsoejle{background:#fff}

@media (max-width:600px){
  .lb-kp3__wkdage{height:108px;gap:8px}
  .lb-kp3__wktal{font-size:15px}
}

/* === KLUBUNIVERSET: LANDSDELENE SOM INDGANGE ===============================
   En liste over 1.452 klubber er en telefonbog. Landsdelene er den måde,
   folk faktisk leder på — dér hvor de bor.

   KORTENE LIGGER PÅ HVID BAGGRUND, ikke navy. Klubregistret er sidens lyse
   flade, og en navy blok midt i den ville skære. Derfor ink-farvet tekst —
   modsat weekendmodulet på kampprogrammet, som ligger i en navy sektion.
   ------------------------------------------------------------------------ */

.lb-kr3__regioner{margin:0 0 26px}
.lb-kr3__regiongitter{display:flex;flex-wrap:wrap;gap:14px;margin-top:6px}

/* 0,2,1 — temaets .site-main a vejer 0,1,1. */
.lb-kr3__regiongitter a.lb-kr3__region{
  flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:10px;
  padding:18px 20px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-md);text-decoration:none;color:var(--ink);
  transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.lb-kr3__regiongitter a.lb-kr3__region:hover{
  border-color:var(--green-text);transform:translateY(-2px);
  box-shadow:0 6px 18px rgba(16,24,40,.07)}

/* DEN STØRSTE LANDSDEL FÅR DET STORE KORT. Jylland har over fyrre procent
   af klubberne, og seks ens kasser ville skjule det. */
.lb-kr3__regiongitter a.lb-kr3__region.er-stor{flex-basis:100%}
.lb-kr3__regiongitter a.lb-kr3__region.er-stor .lb-kr3__regionnavn{font-size:26px}

.lb-kr3__regionnavn{font-family:var(--f-head);font-size:19px;font-weight:700;
  color:var(--ink);line-height:1.1}
.lb-kr3__regiontal{display:flex;flex-wrap:wrap;gap:14px;
  font-size:12px;color:var(--ink-muted)}
.lb-kr3__regiontal b{font-family:var(--f-head);font-size:17px;font-weight:700;
  color:var(--ink);margin-right:3px}
.lb-kr3__regionpil{font-size:12px;font-weight:700;color:var(--green-text);
  letter-spacing:.01em}
.lb-kr3__regiongitter a.lb-kr3__region:hover .lb-kr3__regionpil i{
  margin-left:2px}

@media (max-width:600px){
  .lb-kr3__regiongitter a.lb-kr3__region{flex:1 1 100%}
  .lb-kr3__regiongitter a.lb-kr3__region.er-stor .lb-kr3__regionnavn{font-size:22px}
}


/* ==========================================================================
   SPILLERNE LIGE NU OG SIDETALLENE - 26. august 2026
   Kortene er hvide og staar i den hvide spalte, saa de arver --ink og
   --ink-muted. Tal-blokken ovenfor er navy og baerer selv sin palet via
   lb-f4--paanavy. De to maa ikke bytte plads.
   ========================================================================== */
.lb-sp3__nu{margin:0 0 26px}
.lb-sp3__nurad{display:flex;flex-wrap:wrap;gap:18px}
.lb-sp3__nukort{flex:1 1 320px;min-width:0;background:#fff;
  border:1px solid var(--line);border-radius:var(--r-md);padding:20px}

/* Numrene paa desktop, Side X af Y paa mobil - aldrig begge, saa der ikke
   staar to konkurrerende maader at sige det samme. Reglen er bundet til
   .lb-sp3, fordi klubregistret bruger samme sidetal UDEN numre. */
.lb-kr3__numre{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.lb-kr3__nr{display:inline-block;min-width:34px;padding:6px 9px;text-align:center;
  font-size:13px;font-weight:700;font-variant-numeric:tabular-nums;
  border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink)}
.lb-rc3 a.lb-kr3__nr{color:var(--ink);text-decoration:none}
.lb-rc3 a.lb-kr3__nr:hover{border-color:var(--green-text);color:var(--green-text)}
.lb-kr3__nr.er-valgt{background:var(--navy-900);border-color:var(--navy-900);color:#fff}
.lb-kr3__spring{color:var(--ink-muted);font-size:13px;padding:0 2px}
@media (max-width:767px){
  .lb-kr3__numre{display:none}
}
@media (min-width:768px){
  .lb-sp3 .lb-kr3__sidetal,
  .lb-tr3 .lb-kr3__sidetal{display:none}
}

/* Forslagsboksen. DELT af spillerarkivet og traenersiden — klassenavnet
   siger sp3 af historiske grunde, men komponenten deles af spillerarkivet,
   traenersiden og klubregistret.
   Ankret er .lb-sp3/.lb-tr3, saa de andre sider med .lb-rc3__felt
   ikke faar position:relative paaduttet. */
.lb-sp3 .lb-rc3__felt,
.lb-tr3 .lb-rc3__felt,
.lb-kr3 .lb-rc3__felt{position:relative}
/* LOFT PAA BREDDEN. Dommersiden har kun ét soegefelt, saa det fylder hele
   filterkortet — og en 1.100 px bred liste med tre korte linjer ser tom ud.
   De tre andre sider har smallere felter og rammer aldrig loftet. */
.lb-sp3__forslag{position:absolute;z-index:30;left:0;right:0;top:100%;margin:4px 0 0;
  max-width:560px;
  background:#fff;border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:0 12px 28px rgba(16,24,40,.14);max-height:340px;overflow-y:auto}
.lb-sp3__forslag1{display:block;padding:10px 14px;border-top:1px solid var(--line)}
.lb-sp3__forslag1:first-child{border-top:0}
.lb-sp3 a.lb-sp3__forslag1,
.lb-tr3 a.lb-sp3__forslag1,
.lb-kr3 a.lb-sp3__forslag1{color:var(--ink);text-decoration:none}
.lb-sp3__forslag1:hover,.lb-sp3__forslag1.er-valgt{background:var(--paper-soft)}
/* ÉN LINJE PR. FELT. En raekke, der ombryder, goer listen ujaevn og
   svaerere at scanne — samme greb som .lb-f3__rangnavn em. */
.lb-sp3__forslagnavn{display:block;font-weight:600;font-size:14px;color:var(--ink);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-sp3__forslagklub{display:block;font-size:12px;color:var(--ink-muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-sp3__forslagtal{display:block;font-size:11px;font-weight:700;letter-spacing:.04em;
  text-transform:uppercase;color:var(--green-text);margin:3px 0 0}
.lb-sp3__forslagtom,.lb-sp3__forslagflere{display:block;padding:12px 14px;
  font-size:12px;color:var(--ink-muted)}


/* ==========================================================================
   TRAENERUNIVERSET - forklaringsboks og rangfaner - 26. august 2026
   Boksen staar paa den lyse flade og baerer --ink / --ink-muted. Den maa
   IKKE forveksles med navy-talblokken lige ovenfor, som har sin egen palet.
   ========================================================================== */
.lb-tr3__forklaring{display:flex;flex-wrap:wrap;gap:18px 24px;margin:0 0 26px;
  padding:20px 22px;background:var(--paper-soft);border:1px solid var(--line);
  border-radius:var(--r-md)}
.lb-tr3__forklaring > div{flex:1 1 240px;min-width:0}
.lb-tr3__forklaring h3{font-family:var(--f-head);font-weight:700;font-size:12px;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 6px}
.lb-tr3__forklaring p{font-size:13px;line-height:1.55;color:var(--ink-muted);margin:0}
.lb-tr3__faner{margin:0 0 18px}


/* ==========================================================================
   DOMMERUNIVERSET - soejler i ranglisten - 26. august 2026
   Farverne er de samme, som kortenes tal allerede bruger: #8C580C for gult
   og #B32D2E for roedt. Kampe-soejlen er --green-text, som er den groenne,
   der maa staa paa hvidt.
   ========================================================================== */
.lb-dm3__soejler{display:flex;flex-direction:column;gap:8px;margin:2px 0 0;
  padding:11px 0 0;border-top:1px solid var(--line)}
.lb-dm3__soejle{display:flex;align-items:center;gap:10px;min-width:0}
.lb-dm3__soejleetiket{flex:0 0 92px;font-size:10px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}
.lb-dm3__soejlespor{flex:1 1 auto;min-width:0;height:8px;border-radius:99px;
  background:var(--paper-soft);overflow:hidden}
.lb-dm3__soejlefyld{display:block;height:100%;border-radius:99px;
  background:var(--green-text)}
.lb-dm3__soejle.er-gul .lb-dm3__soejlefyld{background:#8C580C}
.lb-dm3__soejle.er-rod .lb-dm3__soejlefyld{background:#B32D2E}
.lb-dm3__soejletal{flex:0 0 auto;font-family:var(--f-head);font-size:14px;
  font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}
@media (max-width:600px){
  .lb-dm3__soejleetiket{flex:0 0 78px;font-size:9px}
}


/* ==========================================================================
   DOMMERTABELLEN - 26. august 2026
   Kortene blev til en tabel: fem ens tal pr. dommer sammenlignes nedad en
   kolonne, ikke paa tvaers af fyrre kasser. Genbruger table.lb-standings,
   som stillingerne bruger, saa udseendet er sitets eget.
   ========================================================================== */
table.lb-dm3__tabel{min-width:700px}
table.lb-dm3__tabel td.lb-dm3__navncelle{text-align:left}
.lb-standings .lb-dm3__navncelle a{color:var(--ink);font-weight:600;text-decoration:none}
.lb-standings .lb-dm3__navncelle a:hover{color:var(--green-text)}
table.lb-dm3__tabel td.lb-dm3__nrcelle{color:var(--ink-muted);font-size:12px}
table.lb-dm3__tabel td.lb-dm3__rollecelle{color:var(--ink-muted);font-size:12px}
table.lb-dm3__tabel td.lb-dm3__gul{color:#8C580C;font-weight:700}
table.lb-dm3__tabel td.lb-dm3__rod{color:#B32D2E;font-weight:700}
table.lb-dm3__tabel td.er-usikker{color:var(--ink-muted);opacity:.65}
/* Sorterbare overskrifter. Pilen viser hvilken kolonne der styrer. */
.lb-standings .lb-dm3__sort{color:var(--ink-muted);text-decoration:none;white-space:nowrap}
.lb-standings .lb-dm3__sort:hover{color:var(--green-text)}
.lb-standings .lb-dm3__sort.er-valgt{color:var(--green-text)}
.lb-dm3__sort.er-valgt::after{content:' ↓';font-size:10px}

/* ==========================================================================
   HJEMMEBANEFORDELEN - delt af kampprogram og resultatside - 26. august 2026
   Tre andele af samme hele. Farverne i bjaelken og i legenden er de samme,
   saa man ikke skal gaette hvilket felt der er hvilket. Groen paa hvidt er
   --green-text; --green ville braekke groen-reglen.
   ========================================================================== */
.lb-f4__hbspor{display:flex;height:12px;border-radius:99px;overflow:hidden;
  background:var(--line);margin:0 0 12px}
.lb-f4__hbspor i{display:block;height:100%}
.lb-f4__hbspor i.er-hjemme{background:var(--green-text)}
.lb-f4__hbspor i.er-uafgjort{background:var(--ink-muted)}
.lb-f4__hbspor i.er-ude{background:var(--navy-700)}
.lb-f4__hbtal{display:flex;gap:10px;margin:0;padding:0;list-style:none}
.lb-f4__hbtal li{flex:1 1 0;min-width:0}
.lb-f4__hbtal b{display:block;font-family:var(--f-head);font-size:19px;
  font-weight:700;line-height:1.1}
.lb-f4__hbtal li.er-hjemme b{color:var(--green-text)}
.lb-f4__hbtal li.er-uafgjort b{color:var(--ink-muted)}
.lb-f4__hbtal li.er-ude b{color:var(--navy-700)}
.lb-f4__hbtal span{display:block;font-size:11px;color:var(--ink-muted);margin:2px 0 0}


/* ==========================================================================
   NYHEDSGITTERET: TEKSTEN PAA DE SMAA KORT - rettet 26. august 2026

   De to smaa kort viste kun billedet. Aarsagen var maalbar: kortene er
   flex-items i en KOLONNE, der straekkes til det store korts hoejde, saa
   hvert kort blev 309 px. Billedet havde ingen aspect-ratio - kun det store
   kort har en - og tog derfor sin naturlige hoejde paa 299 px. Kroppen
   kraevede 134 px mere, og da .lb-artikelkort er overflow:hidden, blev
   rubrik, kategori og dato klippet vaek uden en eneste fejl nogen steder.

   Rettelsen: billedet tager den plads, der er TILOVERS, i stedet for at
   kraeve sin egen. Kroppen faar altid sin naturlige hoejde foerst.
   ========================================================================== */
.lb-nyhedsgitter--forside .lb-nyhedsgitter__smaa .lb-artikelkort__foto{
  flex:1 1 auto;min-height:110px;overflow:hidden}
.lb-nyhedsgitter--forside .lb-nyhedsgitter__smaa .lb-artikelkort__foto img{
  width:100%;height:100%;min-height:110px;object-fit:cover}
.lb-nyhedsgitter--forside .lb-nyhedsgitter__smaa .lb-artikelkort__krop{
  flex:0 0 auto}
/* Under 900 px staar kortene under hinanden i fuld bredde, og saa skal
   billedet igen have sin egen hoejde - ellers bliver det en stribe. */
@media (max-width:900px){
  .lb-nyhedsgitter--forside .lb-nyhedsgitter__smaa .lb-artikelkort__foto{
    flex:0 0 auto}
  .lb-nyhedsgitter--forside .lb-nyhedsgitter__smaa .lb-artikelkort__foto img{
    height:auto;aspect-ratio:16/9}
  /* OG INGEN TVUNGEN ENSHOEJDE. Staablet under hinanden deler kortene ikke
     laengere en raekke, saa der er intet at rette ind efter — og en rubrik
     paa to linjer fik ellers sin dato klippet med ni pixels. */
  .lb-nyhedsgitter--forside .lb-nyhedsgitter__smaa .lb-artikelkort{flex:0 0 auto}
}


/* ==========================================================================
   FLYDENDE SIDEBAR - hele sitet

   EN ZONE KAN KUN KLAEBE, HVIS DEN KAN STAA HELT INDE I SKAERMEN.
   Det er hele forklaringen, og den kostede fire forsoeg:

   1. sticky:top paa hele rail'en. Rail'en er 1.300-2.100 px mod en skaerm
      paa 900, saa den pinnede ved foerste skaerm og gjorde sine nederste to
      tredjedele UOPNAAELIGE. Det er ikke en design-smag, det er tabt indhold.
   2. sticky:bottom. Pinnede foerst efter en hel rail-hoejdes rulning, og saa
      var de OEVERSTE to tredjedele vaek i stedet.
   3. Egen scroll inde i sidebaren. Kasseret: en scrollbar inde i en sidebar
      er en daarligere handel end den loeser.
   4. En lav flyder-zone nederst. Virkede mekanisk, men saa var det ogsaa kun
      DEN zone, der fulgte med - og en sidebar med ét modul i er ingen sidebar.

   SAADAN ER DET NU:

   En rail med alle sine moduler er hoejere end skaermen og kan derfor ikke
   klaebe hel. Den ruller med siden, og den NEDERSTE annonce klaeber: naar
   modulerne er rullet forbi, bliver annoncen staaende resten af vejen ned.
   Det kraever, at rail'en er straekket til baandets hoejde - ellers ligger
   annoncen i forvejen ved rail'ens underkant og har nul straekning at klaebe
   langs. Derfor align-items:stretch.

   En rail, der ER kort nok, klaeber HEL. Den faar klassen lb-f4__rail--kort
   af den skabelon, der bygger den. CSS kan ikke maale hoejder, saa det er
   skabelonen, der ved besked - og klassen saettes kun, hvor rail'en er bygget
   kort med vilje (nyhedsarkivet: annonce plus ét modul, omkring 560 px).

   Under 980 px ligger rail'en under indholdet, og saa skal intet klaebe.
   ========================================================================== */
@media (min-width:981px){
  .lb-f4__baand{align-items:stretch}
  .lb-f4__rail{position:static;bottom:auto}
  /* Ingen margin-top:auto her. Med auto bliver annoncen skubbet HELT ned i
     bunden af den straekkede rail og dukker foerst op til allersidst. Uden
     auto staar den lige under modulerne og klaeber derfra og ned. */
  .lb-f4__rail > .lb-f4__klaebe{position:sticky;top:22px;margin-top:0;z-index:1}

  .lb-f4__rail--kort{position:sticky;top:22px;align-self:flex-start;z-index:1}
  /* Hele rail'en klaeber allerede - to klaebende lag i hinanden hopper. */
  .lb-f4__rail--kort > .lb-f4__klaebe{position:static}
}
@media (max-width:980px){
  .lb-f4__rail,
  .lb-f4__rail--kort,
  .lb-f4__klaebe{position:static}
}


/* ==========================================================================
   SIDEBAR PAA NYHEDERNE - 26. august 2026

   HER KLAEBER DEN MED TOP, ikke bottom. Forskellen er hoejden: arkivsidernes
   rail er 2.468 px mod en skaerm paa 900 og kan derfor ikke klaebe hele
   vejen. Artiklernes rail er bygget smal med vilje - annonce, klubber,
   annonce - og passer i skaermen. Saa virker sticky:top som forventet.
   ========================================================================== */
.lb-artikel{margin:24px 0 0}
@media (min-width:981px){
  .lb-artikel .lb-f4__baand{align-items:flex-start}
  .lb-artikel .lb-f4__rail{position:sticky;top:22px;bottom:auto;
    align-self:flex-start}
  .lb-artikel .lb-f4__rail > .lb-f4__klaebe{position:static;margin-top:0}
}

/* ==========================================================================
   NYHEDSARKIVET 2026 - /nyheder/, kategorier og emner

   HVAD DER VAR GALT, MAALT PAA /nyheder/ ved 1440 px:

   1. De tre smaa kort stod paa 165 px hver med rubrikker paa 55 tegn.
      Aarsagen var IKKE arkivets egen CSS. Arkivet delte gitter med forsiden,
      og forsidens gitter havde faaet `flex-wrap:nowrap` for at holde SINE
      smaa kort i én kolonne. Den regel stod uden for forside-klassen, saa
      den ramte ogsaa arkivet - hvor de smaa kort staar i en RAEKKE. Tre kort
      i en raekke, der ikke maa bryde, bliver til tre smalle strimler.
      Arkivet har nu sit eget gitter, .lb-arkivgitter, og kan ikke rammes af
      forsidens rettelser igen.

   2. Siden aabnede med 300 px graa annonceflade mellem hovedet og den
      foerste artikel. Annoncen er flyttet ned mellem tophistorien og resten.
      Samme antal annoncer, samme formater - men siden aabner med journalistik.

   3. Alle fire kort blev straekket til 579 px, fordi de delte raekke med
      tophistorien. Tophistorien ligger nu paa tvaers ovenover, og resten er
      et jaevnt gitter med tre kort pr. raekke.
   ========================================================================== */

/* --- kategorierne i hovedet ---------------------------------------------- */
.lb-arkiv__kat{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}
.lb-arkiv__katlink{display:inline-flex;align-items:center;gap:7px;
  padding:7px 14px;border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  color:#fff;font-size:13px;font-weight:600;text-decoration:none;
  transition:background-color .12s ease,border-color .12s ease}
.lb-arkiv__katlink b{font-weight:700;font-size:11px;
  color:var(--lb-paa-moerk,#AFBDCC);font-variant-numeric:tabular-nums}
.lb-arkiv__katlink:hover{background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.55)}
.lb-arkiv__katlink:focus-visible{outline:2px solid var(--lb-groen,#22C55E);
  outline-offset:2px}
/* GROEN-REGLEN: --green paa navy, og teksten paa den groenne knap er
   moerkegroen - ikke hvid, som ikke ville have kontrast nok. */
.lb-arkiv__katlink.er-valgt{background:var(--lb-groen,#22C55E);
  border-color:var(--lb-groen,#22C55E);color:#08210F}
.lb-arkiv__katlink.er-valgt b{color:#08210F;opacity:.65}

/* --- gitteret ------------------------------------------------------------ */
.lb-arkivgitter{display:flex;flex-direction:column;gap:30px}
.lb-arkivgitter__raekke{display:flex;flex-wrap:wrap;gap:20px;align-items:stretch}
.lb-arkivgitter__raekke > .lb-artikelkort{flex:1 1 300px;min-width:0}
/* Kroppen skal fylde kortet ud, saa datoen kan skubbes ned i bunden og
   kortene faa den samme underkant. */
.lb-arkivgitter__raekke > .lb-artikelkort > .lb-artikelkort__krop{flex:1 1 auto}
.lb-artikelkort--arkiv .lb-artikelkort__manchet{font-size:14px}
.lb-artikelkort--arkiv .lb-artikelkort__dato{margin-top:auto;padding-top:12px}
/* Annoncen mellem tophistorien og gitteret faar samme ramme som kortene.
   Uden den staar en tom, reserveret annonceplads som 250 px hvidt hul midt
   paa siden. Hoejden er reserveret med vilje - den staar i afsnittet om
   annoncehoejder og skal ikke roeres - men den skal se ud som en plads,
   ikke som et hul. */
.lb-arkiv__baand{margin:0;padding:18px;
  background:var(--lb-flade,#F4F6F8);
  border:1px solid var(--lb-streg,#E4E9F0);border-radius:10px}

/* --- tophistorien paa tvaers --------------------------------------------- */
/* Under 901 px falder den tilbage til det almindelige lodrette kort:
   billede over tekst. Der er ikke plads til to spalter. */
@media (min-width:901px){
  .lb-artikelkort--lead{flex-direction:row;align-items:stretch}
  .lb-artikelkort--lead .lb-artikelkort__foto{flex:1 1 58%;min-width:0}
  .lb-artikelkort--lead .lb-artikelkort__foto img{height:100%;min-height:330px;
    aspect-ratio:auto;object-fit:cover}
  .lb-artikelkort--lead .lb-artikelkort__krop{flex:1 1 42%;min-width:0;
    justify-content:center;padding:36px 38px}
  .lb-artikelkort--lead .lb-artikelkort__titel{font-size:clamp(26px,2.6vw,34px)}
  .lb-artikelkort--lead .lb-artikelkort__manchet{font-size:16px}
  /* Uden foto er der ingen spalte at saette teksten ved siden af. */
  .lb-artikelkort--lead.lb-artikelkort--tekst{flex-direction:column}
  .lb-artikelkort--lead.lb-artikelkort--tekst .lb-artikelkort__krop{
    padding:40px 38px 42px}
}

/* ==========================================================================
   ARTIKELSIDEN 2026 - toppen, emnerne og rubrikkens maal

   TRE TING MANGLEDE, MAALT PAA EN ARTIKEL VED 1440 px:

   1. Rubrikken stod i en spalte paa 438 px, mens der laa tusind pixels tomt
      navy til hoejre. Aarsagen var `max-width:20ch` paa .entry-title - et
      fornuftigt maal for et klubnavn, men for stramt til en nyhedsrubrik paa
      55 tegn, der saa braekkede i fire linjer. Kun indlaeg faar et bredere
      maal; klub-, spiller- og kampsiderne beholder deres.

   2. Det fremhaevede billede blev aldrig vist paa selve artiklen. Det stod
      paa kortene i arkivet og paa forsiden - men aabnede man artiklen, var
      det vaek, og siden begyndte med broedtekst.

   3. Datoen stod ingen steder paa artiklen, og emnerne stod som raa,
      kommaseparerede links efter ordet «Tagged».
   ========================================================================== */

/* 1. RUBRIKKEN SKAL STAA PAA ÉN LINJE.

   Maalt 29. august 2026: `max-width:26ch` gav 569 px, mens rubrikken
   «Perfekt start: 7 traenere er fortsat ubesejrede» kraever 801 px paa én
   linje. Den braekkede altsaa i to, selv om der laa 570 px tomt navy til
   hoejre. Maalet var indfoert for at undgaa en rubrik i fire linjer, men
   det loeste problemet ved at goere spalten smallere i stedet for at
   goere skriften mindre.

   MAALT PAA ALLE OTTE ARTIKLER: median 55 tegn, laengste 72. I Archivo
   Narrow fylder 72 tegn 1.327 px ved 48 px, men kun 1.207 ved 42. Med
   maalet vaek, baandet paa 1240 og 42 px staar hver eneste af sitets
   rubrikker paa én linje. Graensen er cirka 73 tegn ved 1440 px skaerm;
   en laengere rubrik braekker, og det er den rigtige opfoersel.

   Temaets `.page-header .entry-title` er (0,2,1). En ren
   `.single-post ...` er (0,2,0) og TABER tavst, saa `body` skal med. */
body.single-post .page-header .entry-title{max-width:none;font-size:42px}
@media (min-width:1300px){
  body.single-post .page-header .entry-title{max-width:1240px}
}

/* 2. Toppen: kategori, dato og billede. */
.lb-artikeltop{margin:0 0 30px}
.lb-artikeltop__meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;
  margin:0 0 22px;padding:0 0 16px;
  border-bottom:1px solid var(--line,#E4E7EC)}
.single .site-main .lb-artikeltop__kat{display:inline-flex;align-items:center;
  padding:5px 12px;border-radius:999px;
  background:var(--paper-soft,#F4F6F8);border:1px solid var(--line,#E4E7EC);
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--green-text,#15803D);text-decoration:none;
  transition:border-color .12s ease}
.single .site-main .lb-artikeltop__kat:hover{border-color:var(--green-text,#15803D);
  color:var(--green-text,#15803D)}
.lb-artikeltop__dato{font-size:13px;color:var(--ink-muted,#667085)}
.lb-artikeltop__foto{margin:0;border-radius:10px;overflow:hidden;
  border:1px solid var(--line,#E4E7EC)}
.lb-artikeltop__foto img{width:100%;height:auto;display:block}
.lb-artikeltop__foto figcaption{font-size:13px;line-height:1.5;
  color:var(--ink-muted,#667085);padding:11px 15px;
  background:var(--paper-soft,#F4F6F8)}

/* 3. Emnerne som chips i stedet for en kommasepareret raekke.
      SPECIFICITET: `.single .site-main a` vejer 0,2,1 og understreger alle
      links. Chippen skal derfor skrives med mindst 0,3,1 for at slippe. */
.single-post .post-tags{margin:44px 0 0;padding:22px 0 0;
  border-top:1px solid var(--line,#E4E7EC)}
.lb-emner{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.lb-emner__titel{font-size:11px;font-weight:700;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-muted,#667085);margin-right:6px}
.single .site-main .lb-emner__emne{display:inline-flex;align-items:center;
  padding:6px 13px;border-radius:999px;
  border:1px solid var(--line,#E4E7EC);background:#fff;
  font-size:13px;font-weight:600;color:var(--ink,#101828);
  text-decoration:none;transition:border-color .12s ease,color .12s ease}
.single .site-main .lb-emner__emne:hover{border-color:var(--green-text,#15803D);
  color:var(--green-text,#15803D)}

@media (max-width:767px){
  .single-post .page-header .entry-title{max-width:none}
  .lb-artikeltop{margin:0 0 24px}
}

/* ==========================================================================
   SIDEBARENS MODULER - to fejl rettet 26. august 2026

   1. TAL OG ETIKET LOEB SAMMEN: «Kampe i udsnittet60».
      .lb-f4__nu havde sin flex-opstilling paa ANKERET, ikke paa raekken:
      `.lb-f4__nu a{display:flex;justify-content:space-between}`. De moduler,
      hvor raekken er et link, saa rigtige ud. Men tal-modulerne skriver
      <li><span>..</span><b>..</b></li> UDEN anker - og saa var der ingen
      flex, ingen fordeling og ingen luft. Det ramte hvert eneste
      «... i tal»-modul paa sitet.
      Opstillingen ligger nu paa <li>, og ankeret arver den.

   2. FIND DIN KLUB VAR BYGGET TIL EN ANDEN FLADE.
      [lokalbold_klubsoeg] er tegnet til forsidens brede, centrerede felt:
      maks. 660 px, 17 px skrift, centreret hjaelpetekst. Sat ind i en rail
      paa 300 px blev feltet for stort, teksten centreret og knappen stod
      i temaets standardfarve - roed skrift paa hvid, det eneste sted paa
      sitet. Knappen havde ingen CSS overhovedet.
      Samme faelde som lektien om komponenter, der kender deres flade.
   ========================================================================== */

/* 1. Raekken i tal-modulerne */
.lb-f4__nu li{display:flex;align-items:baseline;justify-content:space-between;
  gap:12px}
.lb-f4__nu > li > .lb-f4__nuetiket,
.lb-f4__nu > li > .lb-f4__nutal{padding:10px 0}
.lb-f4__nu a{flex:1 1 auto;display:flex;align-items:baseline;
  justify-content:space-between;gap:12px;padding:10px 0;color:var(--ink)}
/* Etiketten skal kunne brydes, tallet skal aldrig. */
.lb-f4__nuetiket{min-width:0}
.lb-f4__nutal{flex:0 0 auto;font-variant-numeric:tabular-nums}

/* 2a. Soegeknappen - den havde ingen CSS nogen steder */
.lb-ks__knap{display:inline-flex;align-items:center;justify-content:center;
  padding:12px 20px;border:1px solid var(--green,#22C55E);border-radius:var(--r-sm,6px);
  background:var(--green,#22C55E);color:#08210F;
  font-family:var(--f-head,inherit);font-size:15px;font-weight:700;
  cursor:pointer;transition:background-color .12s ease,border-color .12s ease}
.lb-ks__knap:hover{background:#34D36C;border-color:#34D36C}
.lb-ks__knap:focus-visible{outline:2px solid var(--green-text,#15803D);
  outline-offset:2px}

/* 2b. Kompakt udgave, naar soegefeltet staar i et sidebarmodul */
.lb-f4__modul .lb-ks__soeg{max-width:none;margin:0;display:flex;gap:8px}
.lb-f4__modul .lb-ks__felt{flex:1 1 auto;min-width:0;
  font-size:14px;padding:10px 12px}
.lb-f4__modul .lb-ks__knap{flex:0 0 auto;padding:10px 14px;font-size:14px}
.lb-f4__modul .lb-ks__hint,
.lb-f4__modul .lb-ks__status{text-align:left;font-size:12px;line-height:1.5;
  color:var(--ink-muted,#667085);margin:12px 0 0}
.lb-f4 .lb-f4__modul .lb-ks__hint a{color:var(--green-text,#15803D);font-weight:600}

@media (max-width:420px){
  .lb-f4__modul .lb-ks__soeg{flex-wrap:wrap}
  .lb-f4__modul .lb-ks__felt{flex-basis:100%}
  .lb-f4__modul .lb-ks__knap{width:100%}
}

/* ========================================================================== */
/* DOMMERPROFIL — kampprogrammets form                                        */
/*                                                                            */
/* Den gamle side sagde det samme tre gange: «9» stod i heroen, i «Rollerne»  */
/* og i «Kampene», og «1,67 gule pr. kamp» stod baade som tal og som soejle   */
/* med en forklarende paragraf under. Her staar hvert tal ét sted.            */
/*                                                                            */
/* Formen er laant fra et kampprogram: fakta til venstre, tal til hoejre, og  */
/* en tabel hvor hver kamp baerer sine EGNE kort. Moensteret laeses lodret.   */
/* ========================================================================== */

.lb-dp > .lbp-panel{margin:12px 0 0}

/* De to spalter skal staa lige hoeje. Ellers hakker den hoejre kolonnes
   underkant ned under den venstres, og blikket bliver i tvivl om, hvor
   blokken slutter. */
.lb-dp .lbp-split{align-items:stretch}

/* ---------------------------------------------------------------- fakta -- */

.lb-dp__fakta{margin:12px 0 0;padding:0;border-top:1px solid var(--p-streg)}
.lb-dp__linje{
  display:flex;align-items:baseline;justify-content:space-between;gap:14px;
  padding:9px 2px;border-bottom:1px solid var(--p-streg)}
.lb-dp__linje dt{margin:0;font-size:14px;line-height:1.4;color:var(--p-blaek);min-width:0}
.lb-dp__linje--blod dt{color:var(--p-daemp)}
.lb-dp__linje dd{margin:0}
.lb-dp__tal{
  font-family:var(--f-head);font-weight:700;font-size:16px;
  font-variant-numeric:tabular-nums;color:var(--p-blaek);white-space:nowrap}
.lb-dp__tal.lb-dp__tal--gul{color:#8C580C}
.lb-dp__tal.lb-dp__tal--rod{color:#B32D2E}

/* ---------------------------------------------------------- kampprogram -- */

/* EGEN VANDRET RULNING. Siden maa aldrig kunne rulles vandret som helhed;
   en bred tabel skal rulle inde i sig selv. */
.lb-dp__rul{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:12px 0 0}
.lb-dp__tabel{width:100%;border-collapse:collapse;font-size:14px}
.lb-dp__tabel th{
  font-family:var(--f-head);font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;font-weight:700;color:var(--p-daemp);text-align:left;
  padding:0 10px 8px;border-bottom:1px solid var(--p-streg);white-space:nowrap}
.lb-dp__tabel td{padding:10px;border-bottom:1px solid var(--p-streg)}
.lb-dp__tabel tbody tr:hover{background:var(--p-flade)}
.lb-dp__tabel td.lb-dp__dato{color:var(--p-daemp);white-space:nowrap}
.lb-dp__tabel td.lb-dp__kamp a{color:var(--p-blaek);font-weight:600}
.lb-dp__tabel td.lb-dp__kamp a:hover{color:var(--p-groen-t)}
.lb-dp__tabel td.lb-dp__smal{color:var(--p-daemp)}
.lb-dp__tabel th.lb-dp__t,.lb-dp__tabel td.lb-dp__t{
  text-align:right;width:54px;font-variant-numeric:tabular-nums;color:var(--p-daemp)}
.lb-dp__tabel td.lb-dp__t--gul{color:#8C580C;font-weight:700}
.lb-dp__tabel td.lb-dp__t--rod{color:#B32D2E;font-weight:700}

/* Raekke og rolle er kontekst, ikke tal. De ryger foerst paa smal skaerm. */
@media (max-width:700px){
  .lb-dp__tabel th.lb-dp__smal,.lb-dp__tabel td.lb-dp__smal{display:none}
}

/* Spiller- og traenerprofilen bruger dommerprofilens raekker — samme form,
   samme betydning. Kun vaerditypen og et par talfarver kommer til. */
.lb-fm{align-items:stretch}
.lb-dp__vaerdi{margin:0;font-size:14px;line-height:1.4;color:var(--p-blaek);
  text-align:right;font-weight:600;min-width:0}
.lb-dp__tabel td.lb-dp__t--maal{color:var(--p-groen-t);font-weight:700}
.lb-dp__tabel .lbp-res{font-weight:700;font-variant-numeric:tabular-nums}

/* Links i faktaraekkerne baerer raekkens vaegt. FARVEN saettes IKKE her:
   .lbp a vinder paa specificitet og giver #15803D — den groenne, der maa staa
   som tekst paa hvid. En color-erklaering her ville vaere doed kode. */
.lb-dp__linje dt a,.lb-dp__vaerdi a{font-weight:600}

/* Gruppeoverskrift i en kamptabel: halvsaesonen paa klubsiden, ansaettelsen
   paa traenersiden. Den er en <th scope="colgroup">, ikke bare en fed celle,
   saa en skaermlaeser ogsaa kan hoere, at raekkerne under den hoerer sammen. */
.lb-dp__tabel tr.lb-dp__gruppe th{
  font-family:var(--f-head);font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;font-weight:700;color:var(--p-blaek);
  background:var(--p-flade);padding:9px 10px;text-align:left;
  border-top:1px solid var(--p-streg);border-bottom:1px solid var(--p-streg)}
.lb-dp__tabel tbody tr.lb-dp__gruppe:hover{background:var(--p-flade)}

/* ========================================================================== */
/* KLUBMONOGRAM — to bogstaver, eller klubbens logo naar der kommer et        */
/* ========================================================================== */
/* Fast kvadrat, saa en tabelraekke ikke skifter hoejde, alt efter om klubben
   har faaet logo endnu. Bruges BAADE inde i .lbp og udenfor, saa den maa
   ikke hvile paa --p-*, der kun findes inde i profilen. */
.lb-mono{display:inline-flex;align-items:center;justify-content:center;
  flex:0 0 auto;border-radius:var(--r-sm);overflow:hidden;vertical-align:middle}
.lb-mono--tegn{font-family:var(--f-head);font-weight:700;color:#fff;
  line-height:1;letter-spacing:.01em;font-variant-numeric:tabular-nums}
.lb-mono__logo{width:100%;height:100%;object-fit:contain;display:block}
.lb-mono--hero{border-radius:8px}
/* Tonen kan selv vaere navy. Paa navy grund skal maerket stadig have en kant. */
.lbp-hero .lb-mono{box-shadow:inset 0 0 0 1px rgba(175,189,204,.34)}

/* Kun for skaermlaesere. */
.lb-skjul{position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ========================================================================== */
/* FORMSTRIBEN PAA NAVY                                                       */
/* ========================================================================== */
/* .lb-f4__prik er tegnet til forsidens HVIDE formkort og bruger --green-text
   (#15803D). Paa navy giver den 3,5:1. Komponenten kender sin flade:
   modifieren vender paletten i stedet for at arve den. */
.lb-f4__form--paanavy .lb-f4__prik.er-v{background:var(--green);color:var(--navy-900)}
.lb-f4__form--paanavy .lb-f4__prik.er-u{background:var(--on-dark-2);color:var(--navy-900)}
.lb-f4__form--paanavy .lb-f4__prik.er-t{background:var(--red);color:#fff}

/* ========================================================================== */
/* KLUBSIDENS HERO                                                            */
/* ========================================================================== */
.lbp-hero__titelrad{display:flex;align-items:center;gap:14px;min-width:0}
.lbp-hero--klub .lbp-hero__navn{margin:0}
.lbp-hero__plads{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;
  margin:12px 0 0}
.lbp-hero__plads b{font-family:var(--f-head);font-weight:700;font-size:21px;
  line-height:1.1;color:var(--green);font-variant-numeric:tabular-nums}
.lbp-hero__plads span{font-size:14px;color:var(--on-dark-2)}
.lbp-hero__form{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:14px 0 0}
.lbp-hero__formlabel{font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  font-weight:700;color:var(--on-dark-2)}
.lbp-hero__form .lb-f4__form{margin:0}
.lbp-hero__maaletiket{font-size:12px;color:var(--on-dark-2)}

/* ========================================================================== */
/* STILLINGEN PAA KLUBSIDEN                                                   */
/* ========================================================================== */
.lbp-blok{margin:14px 0 0}
.lbp-blok__titel{font-family:var(--f-head);font-weight:700;font-size:13px;
  letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 2px}
.lbp-blok__under{font-size:13px;color:var(--ink-muted);margin:0 0 10px}
.lbp-blok .lb-table-scroll{margin:0}

/* ========================================================================== */
/* KAMPENE PR. SAESON                                                         */
/* ========================================================================== */
/* IKKE .lbp-saeson — den klasse er karriere-panelets paa spillerprofilen, og
   reglerne her ville lække derover. Se lokalbold-komponentfaelder. */
.lbp-kampsaeson{margin:0 0 20px}
.lbp-kampsaeson:last-child{margin-bottom:0}
.lbp-kampsaeson__titel{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;
  font-family:var(--f-head);font-weight:700;font-size:17px;color:var(--p-blaek);
  margin:0 0 8px;padding:0 0 7px;border-bottom:2px solid var(--p-streg)}
.lbp-kampsaeson__titel span{font-family:var(--f-body);font-weight:400;font-size:12px;
  color:var(--p-daemp);font-variant-numeric:tabular-nums}

/* En saeson uden kampe skal siges hoejt, ikke udelades i stilhed. */
.lbp-hul{margin:0 0 20px;padding:9px 13px;border-left:3px solid var(--p-streg);
  background:var(--p-flade);border-radius:0 4px 4px 0;
  font-size:12.5px;line-height:1.5;color:var(--p-daemp)}

/* ---------- resultattabellen ---------- */
.lbp-kamptabel__mkol{width:32px}
.lbp-kamptabel td.lbp-kamptabel__mkol{padding-left:0;padding-right:0}
/* BOGSTAV PLUS FARVE. Farven alene siger intet til den, der ikke ser forskel
   paa roed og groen. */
.lbp-udfald{display:inline-flex;align-items:center;justify-content:center;
  width:22px;height:22px;border-radius:var(--r-sm);font-family:var(--f-head);
  font-weight:700;font-size:12px;line-height:1;color:#fff}
.lbp-udfald--v{background:var(--green-text)}
.lbp-udfald--u{background:var(--p-daemp)}
.lbp-udfald--t{background:#B32D2E}
.lbp-kamptabel td.lb-dp__kamp a{display:flex;align-items:center;gap:8px;min-width:0}
.lbp-kamptabel td.lb-dp__kamp a span{overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap}
.lbp-kamptabel .lbp-res{font-family:var(--f-head);font-weight:700;font-size:15px;
  font-variant-numeric:tabular-nums}
.lbp-kamptabel .lbp-res i{font-style:normal;opacity:.45;padding:0 1px}
.lbp-kamptabel td,.lbp-kamptabel th{font-variant-numeric:tabular-nums}

/* ========================================================================== */
/* KAMPRAEKKEN — faelleskomponent, bruges ogsaa uden for .lbp                 */
/* ========================================================================== */
.lb-kl{display:flex;align-items:center;gap:10px;padding:9px 2px;
  border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.lb-kl:last-child{border-bottom:0}
.lb-kl__dato{flex:0 0 50px;font-size:12px;color:var(--ink-muted);
  font-variant-numeric:tabular-nums}
.lb-kl__hold{display:flex;align-items:center;gap:7px;flex:1 1 0;min-width:0}
/* Udeholdet spejlvendes, saa resultatet staar i midten mellem de to. */
.lb-kl__hold:nth-child(4){flex-direction:row-reverse;text-align:right}
.lb-kl__hold.er-egen .lb-kl__navn{font-weight:700}
.lb-kl__navn{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-kl__res,.lb-kl__tid{flex:0 0 auto;font-family:var(--f-head);font-weight:700;
  font-variant-numeric:tabular-nums;text-align:center}
.lb-kl__res{font-size:16px;color:var(--ink)}
.lb-kl__res i{font-style:normal;opacity:.45;padding:0 1px}
.lb-kl__tid{font-size:13px;color:var(--ink-muted);min-width:46px}
.lb-kl__raekke,.lb-kl__maerkat{flex:0 0 auto;font-size:11px;color:var(--ink-muted)}
.lb-kl:hover .lb-kl__navn{text-decoration:underline}

@media (max-width:600px){
  .lb-kl__dato{flex-basis:44px}
  .lb-kl__navn{font-size:12.5px}
  .lbp-hero__titelrad{gap:10px}
}

/* ========================================================================== */
/* PROFILSKABELONEN — spiller, traener og dommer deler rytme                   */
/* ========================================================================== */
.lbp-hero--profil .lbp-hero__navn{margin:0}
.lbp-hero__under{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 0;
  margin:10px 0 0;font-size:14px;color:var(--on-dark-2)}
.lbp-hero__under a{color:#fff;text-decoration:none}
.lbp-hero__under a:hover{text-decoration:underline}
.lbp-hero__prik{padding:0 8px;color:var(--on-dark-3)}
.lbp-hero__periode{font-variant-numeric:tabular-nums}

/* KPI-STRIBEN ER IKKE TRE KORT. Designkontrakten forbyder en raekke af tre ens
   feature-kort; her er det én stribe med haarstreger imellem, uden kortramme. */
.lbp-kpi{display:flex;flex-wrap:wrap;margin:16px 0 0}
.lbp-kpi__post{display:flex;flex-direction:column;gap:3px;padding:0 20px;
  border-left:1px solid rgba(175,189,204,.28)}
.lbp-kpi__post:first-child{padding-left:0;border-left:0}
.lbp-kpi__tal{font-family:var(--f-head);font-weight:700;font-size:30px;line-height:1;
  color:var(--green);font-variant-numeric:tabular-nums}
.lbp-kpi__etiket{font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--on-dark-2)}

/* ---------- «Om tallene» ---------- */
/* Browserens egen <details>. Ingen JavaScript bygger noget her. */
.lbp-om{margin:20px 0 0;border:1px solid var(--p-streg);border-radius:8px;
  background:var(--p-flade)}
.lbp-om__titel{cursor:pointer;list-style:none;padding:12px 16px;
  font-family:var(--f-head);font-weight:700;font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--p-daemp)}
.lbp-om__titel::-webkit-details-marker{display:none}
.lbp-om__titel::after{content:"+";float:right;font-size:15px;line-height:1;
  color:var(--p-daemp)}
.lbp-om[open] .lbp-om__titel::after{content:"\2212"}
.lbp-om__krop{padding:0 16px 14px;border-top:1px solid var(--p-streg)}
.lbp-om__krop p{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--p-daemp);
  max-width:68ch}

/* ---------- den lette side ---------- */
/* Den skal se bevidst ud, ikke i stykker: 70 % af profilerne lander her. */
.lbp-hero--let{padding:22px 26px}
.lbp-hero--let .lbp-hero__navn{font-size:clamp(24px,3.4vw,36px)}
.lbp-let__tekst{max-width:62ch;font-size:15px;line-height:1.65;color:var(--p-blaek);
  margin:0 0 14px}

/* Tallet i en faktalinje maa ikke klistre til en etiket, der SLUTTER paa et
   ciffer: «Serie 5» + 1 laestes som «Serie 51». */
.lb-dp__fakta .lb-dp__tal{padding-left:14px;font-variant-numeric:tabular-nums}

/* ========================================================================== */
/* KAMPPROGRAMMET — gruppering og udvidelse på stedet                         */
/* ========================================================================== */

/* ---------- Gruppér efter ---------- */
.lb-kp3__gruppevalg{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
  margin:0 0 14px;padding:10px 0;border-bottom:1px solid var(--line)}
.lb-kp3__gruppelabel{font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  font-weight:700;color:var(--ink-muted)}
.lb-kp3__gruppeknapper{display:flex;flex-wrap:wrap;gap:6px}
.lb-kp3__gruppeknap{padding:6px 14px;border:1px solid var(--line);border-radius:var(--r-sm);
  font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;background:#fff;
  transition:border-color .12s ease,background-color .12s ease}
.lb-kp3__gruppeknap:hover{border-color:var(--green-text)}
/* Fyldt #15803D paa lys flade, som kontrakten foreskriver for knapper. */
.lb-kp3__gruppeknap.er-valgt{background:var(--green-text);border-color:var(--green-text);
  color:#fff}

/* ---------- Gruppen udvides på stedet ---------- */
/* Browserens egen <details>: intet sideskift, ingen tabt plads i listen.
   Foer stod der «Se alle 11 kampe kl. 11:00» i hver gruppe, og hvert eneste
   af de links pegede paa den SAMME ?alle=1-adresse. */
.lb-kp3__resten{margin:0}
.lb-kp3__restensum{cursor:pointer;list-style:none;padding:9px 2px;
  font-size:13px;font-weight:600;color:var(--green-text);
  border-top:1px solid var(--line)}
.lb-kp3__restensum::-webkit-details-marker{display:none}
.lb-kp3__restensum::after{content:"\25BE";padding-left:7px;font-size:11px}
.lb-kp3__resten[open] .lb-kp3__restensum::after{content:"\25B4"}
.lb-kp3__restensum:hover{text-decoration:underline}

/* «Dagen i tal» staar nu under listen og skal have luft over sig. */
.lb-rc3__dagblok + .lb-f4__ad + .lb-rc3__tal{margin-top:28px}

/* ========================================================================== */
/* FORSIDENS HERO — et værktøj, ikke en forsideplakat                         */
/* ========================================================================== */
/* Heroen står på navy. To tilstande ligger i markuppen; CSS vælger ud fra
   `har-foelg`, som lokalbold-foelg allerede sætter på <html> i <head>, altså
   FØR første maling. Derfor blinker den ene tilstand aldrig forbi den anden. */
.lb-f4__hero--vaerktoej{max-width:none}
.lb-f4__hero--vaerktoej .lb-f4__heromanchet{max-width:56ch}

/* Søgefeltet er sidens første handling. */
.lb-f4__herosoeg{margin:24px 0 0;max-width:520px}
/* Feltets egen hjælpelinje er tegnet til hvid flade: #667085 på navy giver
   3,3:1. På navy skal den være --on-dark-2. */
.lb-f4__herosoeg .lb-klubsoeg__note,
.lb-f4__herosoeg small{color:var(--on-dark-2)}

.lb-f4__hero--vaerktoej .lb-f4__heroknapper{margin:20px 0 0}

/* ---------- de to tilstande ---------- */
.lb-f4__heromit{display:none}
html.har-foelg .lb-f4__hero--vaerktoej .lb-f4__herostandard{display:none}
html.har-foelg .lb-f4__hero--vaerktoej .lb-f4__heromit{display:block}

/* EN KOMPONENT KENDER SIN FLADE.
   .lb-f4__modul har lys baggrund, men sætter ingen tekstfarve — den arver.
   Lagt ind i den navy hero ville brødteksten være HVID på #F4F6F8, altså
   usynlig. Farven sættes derfor eksplicit her. */
.lb-f4__heromit{color:var(--ink)}
.lb-f4__heromitover{font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  font-weight:700;color:var(--green);margin:0 0 14px}
.lb-f4__heromitmere{margin:14px 0 0}
.lb-f4__heromitmere a{color:var(--green);font-weight:700;font-size:14px}
.lb-f4__heromit .lb-f4__modul{margin-bottom:16px}
.lb-f4__heromit .lb-mit__gitter{gap:16px}

/* ========================================================================== */
/* ÉT MODUL MED FANER                                                         */
/* ========================================================================== */
/* Ren CSS: tre radioknapper, tre etiketter, tre paneler. Radioknapperne er
   søskende med panelerne, ellers når `:checked ~` ikke frem. Uden CSS står
   alle tre paneler under hinanden, hvilket stadig er en brugbar side. */
.lb-f4__faneradio{position:absolute;width:1px;height:1px;opacity:0;
  pointer-events:none;margin:0}
.lb-f4__fanerad{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 18px;
  border-bottom:1px solid var(--line)}
.lb-f4__fane{padding:10px 16px;cursor:pointer;font-family:var(--f-head);
  font-weight:700;font-size:15px;color:var(--ink-muted);
  border-bottom:2px solid transparent;margin-bottom:-1px;
  transition:color .12s ease,border-color .12s ease}
.lb-f4__fane:hover{color:var(--ink)}
.lb-f4__fanepanel{display:none}

.lb-f4__faneradio.er-idag:checked ~ .lb-f4__fanepanel.er-idag,
.lb-f4__faneradio.er-weekend:checked ~ .lb-f4__fanepanel.er-weekend,
.lb-f4__faneradio.er-res:checked ~ .lb-f4__fanepanel.er-res{display:block}

.lb-f4__faneradio.er-idag:checked ~ .lb-f4__fanerad .lb-f4__fane[for$="-idag"],
.lb-f4__faneradio.er-weekend:checked ~ .lb-f4__fanerad .lb-f4__fane[for$="-weekend"],
.lb-f4__faneradio.er-res:checked ~ .lb-f4__fanerad .lb-f4__fane[for$="-res"]{
  color:var(--ink);border-bottom-color:var(--green-text)}

/* Tastaturet skal kunne se, hvor det er. */
.lb-f4__faneradio:focus-visible ~ .lb-f4__fanerad .lb-f4__fane{outline:none}
.lb-f4__faneradio.er-idag:focus-visible ~ .lb-f4__fanerad .lb-f4__fane[for$="-idag"],
.lb-f4__faneradio.er-weekend:focus-visible ~ .lb-f4__fanerad .lb-f4__fane[for$="-weekend"],
.lb-f4__faneradio.er-res:focus-visible ~ .lb-f4__fanerad .lb-f4__fane[for$="-res"]{
  outline:2px solid var(--green-text);outline-offset:2px}

/* Fanepanelet har sin egen overskrift fra modulet; sektionshovedet i panelet
   gentager ikke fanens navn. */
.lb-f4__fanepanel > .lb-f4__hoved{margin-top:0}

@media (max-width:600px){
  .lb-f4__fane{padding:9px 12px;font-size:14px}
  .lb-f4__herosoeg{max-width:none}
}

/* ========================================================================== */
/* KORTET — statiske OpenStreetMap-fliser, ingen JavaScript                   */
/* ========================================================================== */
/* Fliserne er almindelige <img>, som CSS placerer absolut. Beholderen har
   fast højde, så siden ikke hopper, mens de hentes. */
.lb-kort{position:relative;overflow:hidden;border:1px solid var(--line);
  border-radius:var(--r-md);background:var(--paper-soft);margin:0}
.lb-kort__flader{position:absolute;inset:0}
.lb-kort__flise{position:absolute;width:256px;height:256px;max-width:none;
  display:block;border:0}
/* Nålen står altid i midten: udsnittet er regnet omkring punktet. */
.lb-kort__naal{position:absolute;left:50%;top:50%;width:16px;height:16px;
  margin:-8px 0 0 -8px;border-radius:50%;background:var(--green-text);
  box-shadow:0 0 0 3px #fff,0 0 0 4px rgba(16,24,40,.25)}
.lb-kort__kilde{position:absolute;right:0;bottom:0;padding:2px 7px;
  background:rgba(255,255,255,.86);font-size:10px;line-height:1.5;
  border-top-left-radius:var(--r-sm)}
.lb-kort__kilde a{color:var(--ink-muted);text-decoration:none}
.lb-kort__kilde a:hover{text-decoration:underline}

/* ---------- noterne under kortet ---------- */
.lb-geo__noter{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;
  margin:10px 0 0}
.lb-geo__link{font-weight:600;font-size:14px;color:var(--green-text)}
.lb-geo__note{font-size:12px;line-height:1.5;color:var(--ink-muted);max-width:60ch}
.lb-geo__sted{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.lb-geo__sted b{font-family:var(--f-head);font-size:16px}
.lb-geo__by{display:block;font-size:13px;color:var(--ink-muted)}

/* ========================================================================== */
/* KLUBBER NÆR DIG                                                            */
/* ========================================================================== */
.lb-naer__form{margin:0 0 22px}
.lb-naer__lab{display:block;font-family:var(--f-head);font-weight:700;
  font-size:13px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-muted);margin:0 0 8px}
.lb-naer__rad{display:flex;flex-wrap:wrap;gap:8px;max-width:520px}
.lb-naer__felt{flex:1 1 220px;min-width:0;padding:11px 13px;font-size:15px;
  border:1px solid var(--line);border-radius:var(--r-sm);background:#fff;
  color:var(--ink)}
.lb-naer__felt:focus{outline:2px solid var(--green-text);outline-offset:1px}
.lb-naer__hint{display:block;margin:8px 0 0;font-size:12.5px;line-height:1.5;
  color:var(--ink-muted);max-width:62ch}

.lb-naer__flere,.lb-naer__intet,.lb-naer__fra{font-size:15px;margin:0 0 12px}
.lb-naer__forslag{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.lb-naer__forslaglink{padding:7px 14px;border:1px solid var(--line);
  border-radius:var(--r-sm);background:#fff;font-size:14px;font-weight:600;
  color:var(--ink);text-decoration:none}
.lb-naer__forslaglink:hover{border-color:var(--green-text)}

.lb-naer__liste{list-style:none;margin:0;padding:0;counter-reset:naer}
.lb-naer__post{border-top:1px solid var(--line)}
.lb-naer__post:first-child{border-top:0}
.lb-naer__post a{display:flex;align-items:center;gap:11px;padding:11px 2px;
  color:var(--ink);text-decoration:none}
.lb-naer__navn{flex:1 1 auto;min-width:0;font-size:15px;font-weight:600;
  overflow:hidden;text-overflow:ellipsis}
.lb-naer__navn em{display:block;font-style:normal;font-size:12.5px;
  font-weight:400;color:var(--ink-muted)}
.lb-naer__km{flex:0 0 auto;font-family:var(--f-head);font-weight:700;
  font-size:15px;color:var(--green-text);font-variant-numeric:tabular-nums}
.lb-naer__post a:hover .lb-naer__navn{text-decoration:underline}

@media (max-width:600px){
  .lb-naer__rad{max-width:none}
  .lb-geo__noter{gap:6px 12px}
}

/* ==========================================================================
   KOMPAKT VEJVISER I RAIL'EN
   Fem fulde raekker fyldte 325 px. Som chips fylder de omkring 140, og det
   er praecis den forskel, der afgoer, om rail'en kan staa helt inde i
   skaermen og dermed klaebe hele vejen ned.
   ========================================================================== */
.lb-f4__veje{display:flex;flex-wrap:wrap;gap:6px}
.lb-f4__vej{display:inline-block;padding:6px 11px;border:1px solid var(--line);
  border-radius:var(--r-sm);background:#fff;font-size:13px;font-weight:600;
  line-height:1.3;color:var(--ink);text-decoration:none}
.lb-f4__vej:hover,.lb-f4__vej:focus{border-color:var(--green-text);color:var(--green-text)}

/* De moduler, rail'en ikke har plads til, staar under listen med fuld bredde.
   300 px var i forvejen for smalt til en rangliste med navn og tal. */
.lb-f4__mere{display:flex;flex-wrap:wrap;gap:22px;margin:28px 0 0}
.lb-f4__mere > .lb-f4__modul{flex:1 1 280px;margin:0}

/* ==========================================================================
   KAMPRAEKKEN: BADGET MAA IKKE FLYTTE KOLONNERNE
   Lokalopgoer-badget var flex:0 0 auto og stjal derfor bredde fra de to
   holdspalter. Maalt 29. august 2026: raekker MED badge havde 339 px
   holdspalter, raekker UDEN havde 388, og klokkeslettet stod paa x=511 mod
   x=560. Et spring paa 49 px, og det ramte netop den oeverste kamp.
   Badget tages derfor UD af flowet og faar en fast plads i hoejre side.
   :has() sikrer, at pladsen kun reserveres i lister, der faktisk har
   badges. Paa resultatsiden, hvor der ingen er, koster det ingenting.
   ========================================================================== */
.lb-f4__spalte:has(.lb-kl__maerkat) .lb-kl{position:relative;padding-right:112px}
.lb-kl__maerkat{position:absolute;right:0;top:50%;transform:translateY(-50%);
  max-width:104px;text-align:right;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
@media (max-width:760px){
  .lb-f4__spalte:has(.lb-kl__maerkat) .lb-kl{padding-right:0}
  .lb-kl__maerkat{position:static;transform:none;max-width:none;text-align:left}
}

/* ==========================================================================
   RESULTATERNE: KLOKKESLETTET ER DET FOERSTE, RANGEN DET ANDET
   Tidsblokken er en LET overskrift, ikke et panel. Paa en rigtig loerdag
   er der 23 forskellige kickoff-tidspunkter, og 23 paneler ville vaere
   praecis den mur, hub-modellen fjernede.
   ========================================================================== */
.lb-rc3__tidblok{display:flex;align-items:baseline;gap:10px;
  margin:20px 0 4px;padding:0 0 5px;border-bottom:1px solid var(--line)}
.lb-rc3__tidtitel{margin:0;font-family:var(--f-head);font-size:17px;
  font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;
  letter-spacing:.01em}
.lb-rc3__tidtal{font-size:12px;color:var(--ink-muted)}
.lb-rc3__dagblok .lb-rc3__tidblok:first-of-type{margin-top:10px}

/* ==========================================================================
   ARKIVERNE ER TABELLER NU
   Klub-, spiller- og traenerkortene blev til raekker 29. august 2026. Alle
   tre genbruger table.lb-standings, saa der er kun celle-bredder tilbage
   at saette. Maalt paa dommerarkivet 26. august: 40 kort fyldte 9.500 px,
   40 raekker fylder 1.641.
   ========================================================================== */
.lb-tr3__klubcelle,.lb-kr3__bycelle{color:var(--ink-muted);font-size:13.5px;
  text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  max-width:190px}
.lb-tr3__klubcelle a{color:var(--ink-muted);text-decoration:none}
.lb-tr3__klubcelle a:hover{color:var(--green-text);text-decoration:underline}
.lb-tr3__raekkecelle,.lb-kr3__raekkecelle{color:var(--ink-muted);font-size:12.5px;
  text-align:left;max-width:260px;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis}
.lb-kr3__flere{color:var(--green-text);font-weight:700}
/* TOPLISTERNE paa spillersiden. Fanerne er resultatcentrets egne. */
.lb-sp3__stat{margin:0 0 34px}
.lb-f4__sektiontitel{font-family:var(--f-head);font-size:26px;font-weight:700;
  line-height:1.1;margin:0 0 12px;color:var(--ink)}
.lb-sp3__stat .lb-rc3__faner{margin:0 0 14px}
.lb-sp3__toptabel .lb-pts{font-weight:700}

/* ==========================================================================
   FORSIDENS NYHEDSGITTER: LEAD PAA TVAERS, FIRE SMAA UNDER

   Maalt 29. august 2026: blokken var 1.002 px hoej, fordi det store kort
   var STABLET med et 16:9-foto over teksten. Arkivet paa /nyheder/ havde i
   forvejen den rigtige form (.lb-artikelkort--lead: foto til venstre,
   tekst til hoejre); forsiden brugte bare ikke den.

   ALT ER SCOPET MED --forside. Klasserne deles med arkivet, som har den
   modsatte opgave, og en uscopet stramning her gjorde 26. august arkivets
   kort til tre strimler paa 165 px. Den fejl skal ikke gentages.

   FOTOERNE BAERER IKKE SIDEN. Fire ud af fem rubrikker indeholder ordene
   «breddefodbold resultater», og billederne er udskiftelige arkivfotos.
   Derfor faar rubrikken plads, og fotoet holdes i en fast, rolig ramme.
   ========================================================================== */
@media (min-width:861px){
  .lb-nyhedsgitter--forside{flex-direction:column;gap:18px}
  .lb-nyhedsgitter--forside .lb-artikelkort--stor{flex:0 0 auto;
    flex-direction:row;align-items:stretch}
  /* BILLEDET MAA IKKE DRIVE HOEJDEN.
     Foerste forsoeg satte height:100% paa img'et i en forael-der, hvis
     hoejde selv kom fra billedet. Med lazy-loading er naturalWidth 0,
     indtil filen er hentet, og saa loeb det loebsk: maalt 644x1500 px.
     Absolut placering tager billedet UD af flowet, saa kortets hoejde
     kommer fra teksten og min-height, og billedet fylder resten. */
  .lb-nyhedsgitter--forside .lb-artikelkort--stor{min-height:300px}
  .lb-nyhedsgitter--forside .lb-artikelkort--stor .lb-artikelkort__foto{
    flex:0 0 52%;min-width:0;position:relative;overflow:hidden}
  .lb-nyhedsgitter--forside .lb-artikelkort--stor .lb-artikelkort__foto img{
    position:absolute;inset:0;width:100%;height:100%;min-height:0;
    aspect-ratio:auto;object-fit:cover}
  .lb-nyhedsgitter--forside .lb-artikelkort--stor .lb-artikelkort__krop{
    flex:1 1 auto;justify-content:center;padding:30px 34px;gap:10px}
  .lb-nyhedsgitter--forside .lb-artikelkort--stor .lb-artikelkort__titel{
    font-size:clamp(22px,2.1vw,29px)}
  .lb-nyhedsgitter--forside .lb-nyhedsgitter__smaa{flex:0 0 auto;
    flex-direction:row;flex-wrap:nowrap;gap:16px}
  .lb-nyhedsgitter--forside .lb-nyhedsgitter__smaa .lb-artikelkort{
    flex:1 1 0;min-width:0}
  .lb-nyhedsgitter--forside .lb-nyhedsgitter__smaa .lb-artikelkort__foto{
    flex:0 0 auto}
  .lb-nyhedsgitter--forside .lb-nyhedsgitter__smaa .lb-artikelkort__foto img{
    height:auto;aspect-ratio:16/9;object-fit:cover}
  .lb-nyhedsgitter--forside .lb-nyhedsgitter__smaa .lb-artikelkort__titel{
    font-size:16px}
}

/* ==========================================================================
   FOOTEREN BRAEKKEDE I TO RAEKKER

   Maalt 29. august 2026 ved 1440 px: beholderen er 1.240 px, og de fire
   spalter har en FAST width:310px plus 24 px mellemrum. 4 x 310 + 3 x 24
   = 1.312 px, altsaa 72 px for meget, saa den fjerde spalte ombroed altid.
   Det var der, foer traener- og dommerlinkene blev tilfoejet; de gjorde det
   bare tydeligere, fordi spalten blev hoejere.

   Spalterne goeres flydende i stedet for faste. Selektoren er STRUKTUREL
   (en raekke med mindst fire spalter) og ikke bundet til Elementors
   genererede id, saa den overlever en redigering i Elementor.
   ========================================================================== */
@media (min-width:861px){
  footer .e-con-inner:has(> .e-con:nth-child(4)){flex-wrap:nowrap;row-gap:0}
  footer .e-con-inner:has(> .e-con:nth-child(4)) > .e-con{
    width:auto;flex:1 1 0;min-width:0}
  /* Logospalten baerer en manchet og skal have lidt mere luft end en linkliste. */
  footer .e-con-inner:has(> .e-con:nth-child(4)) > .e-con:first-child{flex:1.35 1 0}
}

/* ==========================================================================
   SAMME BREDDE PAA HELE SITET

   Maalt 29. august 2026: en arkivside er 1.240 px bred (Elementors
   beholder), mens en profilside er 1.092, fordi Hello Elementors
   .site-main har max-width:1140 med 24 px indvendig luft. To forskellige
   bredder er en af de ting, der faar sitet til at foeles som to sites.
   Designkontrakten siger 1240, og det er den, der gaelder.

   1288 = 1240 + 2 x 24 px luft, saa INDHOLDET bliver 1.240.
   ========================================================================== */
/* Temaets egen regel er `body:not([class*="elementor-page-"]) .site-main`
   med specificitet (0,2,1). En ren `.single-x .site-main` er (0,2,0) og
   TABER. Derfor staar `body` med: samme specificitet, og Customizer-CSS
   indlaeses efter temaet, saa den sidste vinder. */
@media (min-width:1300px){
  body.single-lb_klub .site-main,
  body.single-lb_spiller .site-main,
  body.single-lb_traener .site-main,
  body.single-lb_dommer .site-main,
  body.single-lb_kamp .site-main{max-width:1288px}
}
/* Profilbaandet skal have samme luft mellem spalte og rail som arkiverne. */
.lb-f4--profil{margin:0}

/* ---- kontrast i profilheroen, maalt 30. aug 2026 -------------------- */
/* De to bilinjer i .lbp-hero__klub havde ingen farveregel og arvede
   --ink #101828 ned paa navy: 1,02:1, altsaa usynligt. */
.lbp-hero__klub{color:var(--on-dark-2)}
.lbp-hero__bi{color:var(--on-dark-2)}
/* Temaets .single .site-main a med vaegt 0,2,1 slog .lbp-hero__klub a
   med vaegt 0,1,1, saa klublinket stod #15803D paa navy: 3,49:1 og
   dermed mod groen-reglen. Hvid er 17,5:1. */
.single .site-main .lbp-hero__klub a{color:var(--on-dark)}
.single .site-main .lbp-hero__klub a:hover{color:var(--p-groen)}

/* ---- sidenavigation paa lys flade, maalt 30. aug 2026 --------------- */
/* .lb-f4__knap er tegnet til den navy hero: hvid tekst, hvid 28%-kant.
   Rettelsen fandtes, men var scopet til .lb-kr3-wrapperen, som kun
   klubregisteret har. traenere3, spillere3 og dommere3 udskriver samme
   .lb-kr3__sider UDEN den wrapper, saa Forrige/Naeste stod hvid paa
   hvid: 1,0:1. Scopet hoerer paa navigationen, ikke paa siden. */
.lb-kr3__sider a.lb-f4__knap,
.lb-kr3__sider span.lb-f4__knap{color:var(--ink);border-color:var(--line)}
.lb-kr3__sider a.lb-f4__knap:hover{border-color:var(--green-text);color:var(--green-text)}
.lb-kr3__sider .lb-f4__knap.er-slukket{opacity:.45;pointer-events:none}

/* ---- forsidens hero-soegehjaelp, maalt 30. aug 2026 ----------------- */
/* .lb-ks__hint havde ingen farveregel og arvede --ink #101828 ned paa
   navy: 1,02:1. Linket i den fik --green-text fra Elementors
   .elementor-widget-text-editor a med vaegt 0,2,1: 3,49:1 paa navy og
   mod groen-reglen. Scopet til heroen, saa .lb-ks paa lyse flader
   staar uroert. */
.lb-f4__herosoeg .lb-ks__hint{color:var(--on-dark-2)}
.elementor-widget-text-editor .lb-f4__herosoeg .lb-ks__hint a,
.lb-f4__herosoeg .lb-ks__hint a{color:var(--green)}

/* ---- link i grundlagslinjen paa navy, maalt 30. aug 2026 ------------ */
/* .lb-f4--paanavy .lb-f4__grundlag var sat til --on-dark-2, men et
   almindeligt <a> inde i den havde ingen regel og faldt tilbage paa
   den lyse groenne #15803D: 3,49:1 paa navy og mod groen-reglen.
   Samme svar som .lb-f4__hovedlink allerede bruger: --green. */
.lb-f4.lb-f4--paanavy .lb-f4__grundlag a,
.single .site-main .lb-f4--paanavy .lb-f4__grundlag a{color:var(--green)}

/* ---- toplisternes tabel, 30. aug 2026 ------------------------------- */
/* Kolonneoverskrifterne ER links, saa siden virker uden JavaScript.
   Derfor color:inherit — uden den ville de arve browserens linkfarve. */
.lb-sp3__sorter{color:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:2px}
.lb-sp3__sorter:hover,.lb-sp3__sorter:focus-visible{color:var(--green-text);text-decoration:underline}
.lb-sp3__sorter.er-sorteret{font-weight:700}
.lb-sp3__pil{font-size:11px;line-height:1}
.lb-sp3__topsoeg{margin:0 0 12px}
.lb-sp3__topfelt{width:100%;max-width:320px;padding:9px 12px;border:1px solid var(--line);
  border-radius:var(--r-sm);font-size:15px;background:#fff;color:var(--ink)}
.lb-sp3__topfelt:focus{outline:2px solid var(--green-text);outline-offset:1px}
.lb-sp3__mere{margin:14px 0 0;text-align:center}
.lb-sp3__mere .lb-f4__knap{color:var(--ink);border-color:var(--line)}
.lb-sp3__mere .lb-f4__knap:hover{border-color:var(--green-text);color:var(--green-text)}
.lb-sp3__stat[aria-busy="true"] .lb-sp3__toptabel{opacity:.55}
.lb-sp3__stat[aria-busy="true"]{cursor:progress}

/* ---- lokalopgoerene, 30. aug 2026 ----------------------------------- */
/* Parret staar som to linjer i én celle. «mod» er en adskiller, ikke en
   etiket, saa den er daempet og mindre end klubnavnene. */
.lb-lo__parcelle{min-width:190px}
.lb-lo__parcelle a{display:block;font-weight:600}
.lb-lo__mod{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-muted);margin:1px 0}
.lb-lo__kampcelle{white-space:nowrap;font-size:14px}
.lb-lo__dato{display:block;font-size:12px;color:var(--ink-muted)}
.lb-lo__tabel td{vertical-align:top}
@media (max-width:600px){.lb-lo__parcelle{min-width:150px}}

/* ---- sideskal paa geo-siderne, 30. aug 2026 -------------------------- */
/* Temaets .site-main er 1140; vores baand er 1240. Vaegt 0,3,1, fordi
   temaets egen regel er 0,2,1 og et uafgjort ville afhaenge af orden. */
body.page.lb-bredside .site-main{max-width:1240px}
.lb-geo__side,.lb-lo__side{max-width:1240px;margin-left:auto;margin-right:auto}

/* ---- vejviserbaandet paa indholdssiderne, 30. aug 2026 --------------- */
/* Hvidt baand, fordi .lb-f4__modul selv er en #F4F6F8-flade med kant —
   paa en tonet baggrund ville kortet ikke kunne ses som et kort. */
.lb-slutband{background:var(--paper);padding:30px 20px 44px}
.lb-slutband__inder{max-width:1240px;margin:0 auto}


/* ---- rettelsesnote nederst i en artikel, 1. sep 2026 ---------------- */
/* Ikke .lb-note: den er gul og advarer om MANGLENDE data. En rettelse er
   udfoert og skal laeses som redaktionel oplysning, ikke som en fejl paa
   siden. Derfor haarlinje og luft frem for kort — designets egen regel om
   at et kort kun bruges, naar det baerer reelt hierarki. */
.lb-rettelse{margin:40px 0 0;padding:18px 0 0;border-top:1px solid var(--line);
  font-family:var(--f-body);font-size:14px;line-height:1.6;color:var(--ink-muted)}
.lb-rettelse::before{content:"Rettelse";display:block;margin-bottom:10px;
  font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;
  color:var(--ink)}
.lb-rettelse strong{color:var(--ink);font-weight:600}
/* Temaets .single .site-main p vejer 0,2,1 og ville ellers nulstille
   afstanden ovenover. 0,3,1 vinder uden !important. */
.single .site-main p.lb-rettelse{margin:40px 0 0}

/* ---- topmenuen paa ÉN linje, 5. september 2026 ----------------------- */
/* Menuen braekkede over to linjer. Maalt: de otte punkter fylder 857 px i
   en beholder paa 857 ved 1440 px skaerm — nul pixels til overs, saa den
   vippede paa den mindste forskel i skriftgengivelse. Ved 1280 er der kun
   852 px, og saa braekker den hver gang.

   Elementor saetter 14 px polstring med vaegt 0,5,1 fra et genereret
   element-id. Her bindes rettelsen til WIDGET-klassen i stedet, saa den
   overlever en ombygning af headeren, og #masthead giver vaegten. */
header#masthead .elementor-widget-navigation-menu .menu-item a.hfe-menu-item{
  padding-left:9px;padding-right:9px;letter-spacing:.3px}
/* Burgermenuen skal beholde sin egen luft — dér er der plads nok. */
header#masthead nav.hfe-dropdown .menu-item a.hfe-menu-item{
  padding-left:18px;padding-right:18px;letter-spacing:.6px}
/* MENUEN MAA IKKE KLEMMES SAMMEN AF SINE NABOER.
   Ved 1025 px er headerraekken 977 og de tre kolonner 149+618+162 = 929;
   der staar 48 px ubrugt, mens menuen presses til 618 og braekker. Med
   flex-shrink:0 tager den sin egen bredde, og logoet og knappen giver
   plads. Kun over 1024 — derunder er det burgermenuen, og der er rigeligt. */
@media (min-width:1025px){
  header#masthead .elementor-widget-navigation-menu{flex-shrink:0}
}
