/* Sportzone.se – gemensam stilmall för den statiska sajten (ingen JavaScript).
   Färger och typsnitt efter dagens Astra-tema: #fb2056, #222, #f5f5f5, Montserrat 700 / Noto Sans 400.
   Typsnitten är lokalt hostade (SIL Open Font License 1.1, se /assets/fonts/OFL-*.txt). */
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/montserrat-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/montserrat-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/noto-sans-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/noto-sans-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--c-accent:#fb2056;--c-accent-dark:#d0103f;--c-text:#222;--c-muted:#555;--c-bg:#fff;--c-soft:#f5f5f5;--c-soft2:#f4f5f9;--c-line:#e5e5e5;--c-footer:#191919;--maxw:1200px;--f-body:'Noto Sans',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;--f-head:'Montserrat',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:var(--f-body);font-size:1rem;line-height:1.65;color:var(--c-text);background:var(--c-bg)}
img{max-width:100%;height:auto;display:block}
a{color:var(--c-accent)}
a:hover,a:focus{color:var(--c-accent-dark)}
:focus-visible{outline:2px dotted currentColor;outline-offset:2px}
h1,h2,h3,h4,h5,h6{font-family:var(--f-head);font-weight:700;line-height:1.3;color:var(--c-text);margin:1.6em 0 .6em}
h1{font-size:clamp(1.8rem,4vw,2.6rem);margin-top:.3em}
h2{font-size:clamp(1.45rem,3vw,2rem)}
h3{font-size:1.4rem}
h4{font-size:1.2rem}
h5,h6{font-size:1.05rem}
p,ul,ol,table,figure,details{margin:0 0 1.1em}
ul,ol{padding-left:1.4em}
li{margin:.15em 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
td,th{border:1px solid var(--c-line);padding:.45em .6em;text-align:left;vertical-align:top}
.table-wrap{overflow-x:auto}
figure{margin-left:0;margin-right:0}
figcaption{font-size:.875rem;color:var(--c-muted);margin-top:.4em;text-align:center}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;padding:.6em 1em;z-index:100}
.skip-link:focus{left:1em}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
/* Header och meny */
.site-header{background:#fff;border-bottom:1px solid var(--c-line);position:relative;z-index:50}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.55rem;font-family:var(--f-head);font-weight:700;font-size:1.375rem;letter-spacing:.02em;color:var(--c-text);text-decoration:none}
.brand img{width:32px;height:32px}
.brand:hover,.brand:focus{color:var(--c-accent)}
.nav-toggle{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.nav-toggle-label{display:none;cursor:pointer;font-family:var(--f-head);font-weight:700;text-transform:uppercase;font-size:.85rem;border:2px solid var(--c-text);border-radius:30px;padding:.4em 1em;user-select:none}
.nav-toggle:focus-visible+.nav-toggle-label{outline:2px dotted var(--c-text);outline-offset:2px}
.main-nav{display:flex;align-items:center;gap:1.2rem}
.main-nav ul{list-style:none;margin:0;padding:0}
.main-nav a{text-decoration:none;color:var(--c-text);display:block;padding:.5em .7em}
.main-nav a:hover,.main-nav a:focus,.main-nav a[aria-current=page]{color:var(--c-accent)}
.menu>li{position:relative}
.menu{display:flex;flex-wrap:wrap}
.menu li ul{display:none;position:absolute;top:100%;left:0;min-width:220px;background:#fff;border-top:2px solid var(--c-accent);box-shadow:0 4px 18px rgba(0,0,0,.12);padding:.3em 0}
.menu li ul ul{top:-.3em;left:100%}
.menu li ul a{padding:.4em 1em;font-size:.95rem}
.menu li{position:relative}
.menu li:hover>ul,.menu li:focus-within>ul{display:block}
.menu li ul.cols-3{column-count:3;column-gap:0;min-width:560px}
.has-sub>a::after{content:" \25BE";font-size:.75em}
.btn,.main-nav .btn{display:inline-block;background:var(--c-accent);color:#fff;border:2px solid var(--c-accent);border-radius:30px;padding:.65em 1.4em;font-family:var(--f-body);font-weight:700;font-size:.875rem;line-height:1;text-transform:uppercase;text-decoration:none}
.btn:hover,.btn:focus,.main-nav .btn:hover,.main-nav .btn:focus{background:var(--c-accent-dark);border-color:var(--c-accent-dark);color:#fff}
.btns{display:flex;flex-wrap:wrap;gap:.8em;justify-content:center;margin:1.2em 0}
@media (max-width:921px){
 .nav-toggle-label{display:inline-block}
 .main-nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding:.5em 0 1em}
 .nav-toggle:checked~.main-nav{display:flex}
 .menu{flex-direction:column}
 .menu li ul,.menu li:hover>ul,.menu li:focus-within>ul{display:block;position:static;box-shadow:none;border:0;padding:0 0 0 1em;min-width:0}
 .menu li ul ul,.menu li:hover>ul ul,.menu li:focus-within>ul ul{display:none}
 .menu li ul.cols-3{column-count:1;min-width:0}
 .has-sub>a::after{content:""}
 .main-nav .btn{align-self:flex-start;margin:.5em .7em 0}
}
/* Innehåll */
.site-main{padding:1.5rem 0 3rem}
.content{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.narrow .content{max-width:860px}
.breadcrumbs{font-size:.875rem;color:var(--c-muted);margin:0 0 1rem}
.breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap}
.breadcrumbs li{margin:0}
.breadcrumbs li+li::before{content:"\00BB";margin:0 .45em;color:var(--c-muted)}
.breadcrumbs a{color:var(--c-muted)}
.entry-meta{font-size:.9rem;color:var(--c-muted);margin:-.3em 0 1.5em}
.cols{display:flex;flex-wrap:wrap;gap:2em;margin:0 0 1.2em}
.col{flex:1 1 0;min-width:0}
.col.w66{flex:2 1 0}
.col>*:last-child,.box>*:last-child,.card>*:last-child{margin-bottom:0}
@media (max-width:781px){.cols{flex-direction:column;gap:1em}.col,.col.w66{flex-basis:auto}}
.box{background:var(--c-soft);padding:1.4em 1.6em;border-radius:6px}
.hl{color:blue;font-weight:700}
.card{background:#fff;border:1px solid var(--c-line);border-radius:8px;padding:1.2em;text-align:center}
.card img{margin:0 auto 1em;border-radius:6px}
.card-title{font-family:var(--f-head);font-weight:700;font-size:1.15rem;margin:.4em 0}
.band{margin:0 0 2.5em}
.band.alt{background:var(--c-soft2);padding:2em 1.5em;border-radius:8px}
.kicker{display:block;font-family:var(--f-head);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--c-accent);font-size:.9rem}
.hero{background:#222 center/cover no-repeat;color:#fff;border-radius:8px;padding:4.5em 1.5em;text-align:center;margin-bottom:2.5em;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.hero>*{position:relative}
.hero h1,.hero h2,.hero h3,.hero p,.hero .kicker{color:#fff}
.quote{font-size:1.25rem;font-style:italic}
details{border:1px solid #f1f1f1;border-radius:8px;background:#fff}
details>summary{background:#f1f1f1;padding:.7em 1em;cursor:pointer;font-weight:700;border-radius:8px;list-style-position:inside}
details[open]>summary{border-radius:8px 8px 0 0}
details>.details-body{padding:1em 1em .1em}
.faq-list{list-style:none;padding:0}
.faq-list>li{margin:0 0 1.2em}
.faq-list h2,.faq-list h3,.faq-list h4{margin:.4em 0 .3em;font-size:1.15rem}
.media-link{background:var(--c-soft);border-left:4px solid var(--c-accent);padding:.8em 1em;border-radius:4px}
.post-list{list-style:none;padding:0}
.post-list>li{border-bottom:1px solid var(--c-line);padding:0 0 1.2em;margin:0 0 1.5em}
.post-list h2{margin-top:.2em;font-size:1.5rem}
.post-list h2 a{color:var(--c-text);text-decoration:none}
.post-list h2 a:hover{color:var(--c-accent)}
.post-nav{display:flex;justify-content:space-between;gap:1em;border-top:1px solid var(--c-line);padding-top:1em;margin-top:2em;flex-wrap:wrap}
.sitemap-list{columns:3 220px;column-gap:2em}
.sitemap-list li{break-inside:avoid}
/* Annonsplats (används bara när adsense = "pa") */
.ad-slot{margin:2em 0;min-height:100px}
/* Footer */
.site-footer{background:var(--c-footer);color:#ddd;font-size:.95rem;margin-top:2rem}
.site-footer .wrap{padding-top:1.8em;padding-bottom:1.8em;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1em}
.site-footer a{color:#fff}
.site-footer a:hover,.site-footer a:focus{color:var(--c-accent)}
.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3em 1.2em}
.site-footer p{margin:0}

/* citattecknet på startsidan är en vit PNG – gör den synlig på ljus bakgrund */
img[src$="/quote-1.webp"]{filter:invert(1);opacity:.3}

/* Bakgrundsbilder från tidigare Spectra-block (genererat) */
.bg-5fe67d29{background-image:url(/wp-content/uploads/2022/10/fotboll-arena.webp)}
.bg-66344f91{background-image:url(/wp-content/uploads/2022/10/fotboll-arena.webp)}
.bg-66f138e0{background-image:url(/wp-content/uploads/2022/10/fotboll-arena.webp)}
.bg-dda6e47f{background-image:url(/wp-content/uploads/2022/10/fotboll-arena.webp)}
.bg-de58c4fd{background-image:url(/wp-content/uploads/2022/10/fotboll-arena.webp)}

/* ===== t267 designpolish – gemensamt lager för hela sajten (Sally/Bengt 2026-11-05) =====
   Ligger sist i filen och skriver över äldre regler. Inga klassnamn har bytts.
   Tonar sajten mot t266-boxningssidornas formspråk: mörkare text, mjukare ytor, 10px radie. */
:root{--c-text:#1a1a1a;--c-muted:#5a5a5a;--c-soft:#f6f6f8;--c-soft2:#eef0f6;--c-line:#e2e2e6;--c-footer:#141414;--r:10px;--shadow:0 1px 2px rgba(20,20,30,.06),0 6px 20px rgba(20,20,30,.06)}
body{font-size:1.0625rem;line-height:1.7;color:var(--c-text);text-rendering:optimizeLegibility}
a{text-underline-offset:2px;text-decoration-thickness:1px}
h1,h2,h3,h4{letter-spacing:-.01em;line-height:1.28}
h1{font-size:clamp(1.8rem,4.2vw,2.6rem);margin:.35em 0 .55em}
h2{font-size:clamp(1.4rem,3vw,1.9rem);margin:1.7em 0 .6em}
h3{font-size:clamp(1.12rem,2vw,1.3rem);margin:1.4em 0 .45em}
h2 strong,h3 strong{font-weight:inherit}
.hl{color:inherit;font-weight:700}
p,ul,ol,table,figure,details{margin-bottom:1.15em}
hr{border:0;border-top:1px solid var(--c-line);margin:2em 0}

/* Läsbredd: textsidor centreras på 1040px (startsidan behåller full bredd) */
body:not(.k-start) .content{max-width:1080px}
.site-main{padding:1.6rem 0 3.5rem}

/* Header: sticky, tydlig hierarki, aktiv sida markeras med understreck i stället för rosa text */
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);border-bottom:1px solid var(--c-line)}
@supports (backdrop-filter:blur(6px)){.site-header{background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(6px)}}
.site-header .wrap{min-height:68px}
.brand{font-size:1.3rem;letter-spacing:.05em;font-weight:700}
.brand img{border-radius:6px}
.main-nav{gap:.8rem}
.main-nav>.menu>li>a{font-family:var(--f-head);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;padding:.6em .75em}
.main-nav a[aria-current=page]{color:var(--c-text);box-shadow:inset 0 -2px 0 var(--c-accent)}
.main-nav a:hover,.main-nav a:focus{color:var(--c-accent)}
.menu li ul{border-radius:0 0 var(--r) var(--r);border-top-width:3px;box-shadow:var(--shadow);padding:.45em 0}
.menu li ul a{font-size:.92rem;padding:.42em 1.1em}
.menu li ul a:hover,.menu li ul a:focus{background:var(--c-soft)}
.has-sub>a::after{opacity:.6}
.main-nav .btn{font-family:var(--f-head);letter-spacing:.04em}
.nav-toggle-label{border-radius:8px;padding:.45em .95em;font-size:.8rem;letter-spacing:.04em;background:#fff}
@media (max-width:921px){
 .site-header .wrap{min-height:60px}
 .main-nav{padding:.3em 0 1em;max-height:calc(100vh - 70px);overflow-y:auto;border-top:1px solid var(--c-line)}
 .main-nav>.menu>li{border-bottom:1px solid var(--c-line)}
 .main-nav>.menu>li>a{font-size:.9rem;padding:.85em .2em}
 .main-nav a[aria-current=page]{box-shadow:none;color:var(--c-accent)}
 .menu li ul,.menu li:hover>ul,.menu li:focus-within>ul{padding:0 0 .6em .8em;background:transparent}
 .menu li ul a{padding:.4em .2em}
 .main-nav .btn{margin:1em 0 0;align-self:stretch;text-align:center}
}

/* Knappar: samma typsnitt överallt, touchvänlig höjd */
.btn,.main-nav .btn{font-family:var(--f-head);font-weight:700;font-size:.8rem;letter-spacing:.05em;padding:.85em 1.6em;line-height:1.1;min-height:44px;display:inline-flex;align-items:center;justify-content:center;transition:background-color .15s,border-color .15s,transform .15s}
.btn:hover,.btn:focus{transform:translateY(-1px)}
.btns{margin:1.4em 0}

/* Brödsmulor, metadata */
.breadcrumbs{font-size:.85rem;margin:0 0 1.1rem}
.breadcrumbs a{text-decoration:none;border-bottom:1px solid var(--c-line)}
.breadcrumbs a:hover{color:var(--c-accent)}

/* Bilder: rundade hörn, inga udda storlekar i kolumner */
.entry figure img,.entry>p img{border-radius:var(--r)}
.entry figure{text-align:center}
.entry figure img{margin:0 auto}
.col figure{margin-bottom:0}
.col figure img{width:100%;object-fit:cover;max-height:30rem}
.entry>figure img{max-height:34rem;width:auto}
.cols{gap:2.2em;align-items:flex-start}

/* Rutor, FAQ, länkboxar */
.box{background:var(--c-soft);border:1px solid var(--c-line);border-radius:var(--r);padding:1.3em 1.5em}
.box ul{margin-bottom:0}
details{border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden}
details>summary{background:var(--c-soft);border-radius:0;padding:.8em 1.1em}
details>summary:hover{background:var(--c-soft2)}
details[open]>summary{border-bottom:1px solid var(--c-line)}
.media-link{border-radius:0 var(--r) var(--r) 0;background:var(--c-soft)}
th{background:var(--c-soft2);font-family:var(--f-head);font-size:.88rem}
td,th{border-color:var(--c-line)}
.table-wrap{-webkit-overflow-scrolling:touch}
.faq-list>li{border-bottom:1px solid var(--c-line);padding-bottom:1em}
.faq-list>li:last-child{border-bottom:0}
.post-list>li{border-color:var(--c-line)}

/* Hero: fast minsta höjd + mörk reservfärg (ingen grå tom yta innan bilden laddat) */
.hero{background-color:#1d2330;border-radius:var(--r);min-height:clamp(260px,38vw,420px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5em 1.5em}
.hero::before{background:linear-gradient(180deg,rgba(10,12,18,.45),rgba(10,12,18,.62))}
.hero h1,.hero h2{margin:.2em 0 .4em;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.hero p{max-width:44rem;margin-left:auto;margin-right:auto;font-size:1.06rem}
.hero .btns{margin:1em 0 0}
.hero .kicker{color:#fff;opacity:.92;font-size:.82rem}

/* Startsidan */
.k-start .entry>.cols:nth-child(2){align-items:center;max-width:860px;margin:0 auto 2.5em;gap:1.2em}
.k-start .entry>.cols:nth-child(2)>.col:first-child{flex:0 0 80px}
.k-start .entry>.cols:nth-child(2) figure img{width:64px;height:auto;max-height:none}
.k-start .quote{font-size:clamp(1.15rem,2.2vw,1.45rem);line-height:1.5;margin-bottom:.4em;color:var(--c-text)}
.band>h2{margin-top:0}
.band .cols{align-items:stretch;gap:1.5em}
.band .cols>.col{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:box-shadow .2s,transform .2s}
.band .cols>.col:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(20,20,30,.06),0 12px 28px rgba(20,20,30,.10)}
.band .card{flex:1;border:0;border-radius:0;padding:0 1.4em;text-align:left}
.band .card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0;margin:0 -1.4em 1.1em;max-width:none;width:calc(100% + 2.8em)}
.band .card h3,.band .card .card-title{margin:.2em 0 .4em;font-size:1.25rem;letter-spacing:.02em}
.band .card p{color:var(--c-muted)}
.band .col>.btns{justify-content:flex-start;margin:0;padding:0 1.4em 1.4em}
.k-start .entry>.cols:last-child{background:var(--c-soft2);border-radius:var(--r);padding:2em 2.2em;align-items:center;margin-top:1em}
.k-start .entry>.cols:last-child h2{margin-top:0}
.k-start .entry>.cols:last-child p{margin-bottom:0}
.k-start .entry>.cols:last-child .col:last-child{display:flex;justify-content:flex-end}
.k-start .entry>.cols:last-child figure img{width:auto;max-width:100%;box-shadow:var(--shadow)}
@media (max-width:781px){
 .k-start .entry>.cols:nth-child(2){flex-direction:row}
 .k-start .entry>.cols:last-child{padding:1.5em 1.3em}
 .k-start .entry>.cols:last-child .col:last-child{justify-content:flex-start}
 .band .card img{aspect-ratio:16/9}
}

/* Kort generellt (utanför startsidan) */
.card{border-color:var(--c-line);border-radius:var(--r);box-shadow:var(--shadow)}

/* Footer: kolumnstruktur, god kontrast */
.site-footer{background:var(--c-footer);color:#cfcfcf;font-size:.92rem;margin-top:3rem;border-top:3px solid var(--c-accent)}
.site-footer .wrap{padding-top:2.2em;padding-bottom:2.2em;align-items:center;gap:1.2em 2em}
.site-footer a{color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.25)}
.site-footer a:hover,.site-footer a:focus{color:#ff8aa6;border-bottom-color:#ff8aa6}
.site-footer ul{gap:.4em 1.4em}
.site-footer nav a{font-family:var(--f-head);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:0}
.site-footer p:last-child{color:#9a9a9a;font-size:.85rem}
@media (max-width:781px){.site-footer .wrap{flex-direction:column;align-items:flex-start}}

/* Rörelsekänsliga besökare */
@media (prefers-reduced-motion:reduce){*{transition:none!important}.btn:hover,.band .cols>.col:hover{transform:none}}

/* ===== t267 tillägg: sport-hubbar, ortsidor och textsidor i t266-stil =====
   En centrerad läskolumn (~800px), kolumner staplas, bilder i full kolumnbredd med rundade hörn. */
body:not(.k-start) .content{max-width:840px}
body:not(.k-start) .entry .cols{flex-direction:column;gap:0}
body:not(.k-start) .entry .col,body:not(.k-start) .entry .col.w66{flex:1 1 auto;width:100%}
body:not(.k-start) .entry .col figure{margin:0 0 1.25em}
body:not(.k-start) .entry .col figure img{max-height:26rem;width:100%;object-fit:cover}
body:not(.k-start) .entry figure img{max-height:26rem}
body:not(.k-start) .entry>h1+p,body:not(.k-start) .entry>h1+.cols .col:first-child>p:first-child{font-size:1.12rem}
figcaption{font-size:.85rem;text-align:left;color:var(--c-muted)}
/* Innehållsförteckningar (listor med bara ankarlänkar) blir rosa chips som på boxningssidorna */
.entry ul:has(>li:first-child>a[href^="#"]){list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.45rem;margin:1rem 0 1.6rem}
.entry ul:has(>li:first-child>a[href^="#"])>li{margin:0}
.entry ul:has(>li:first-child>a[href^="#"]) a{display:inline-block;border:2px solid var(--c-accent);border-radius:999px;padding:.28em .95em;text-decoration:none;font-family:var(--f-head);font-size:.8rem;font-weight:700;line-height:1.5;color:var(--c-accent)}
.entry ul:has(>li:first-child>a[href^="#"]) a:hover,.entry ul:has(>li:first-child>a[href^="#"]) a:focus{background:var(--c-accent);color:#fff}
.box>p:first-child strong{font-family:var(--f-head);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;color:var(--c-muted)}
/* Brand som på t266: SPORT + rosa ZONE */

.brand>span>span{color:var(--c-accent)}
.band .card{box-shadow:none;background:transparent}
body:not(.k-start) .entry .cols{gap:1.1em}
body:not(.k-start) .entry figure img{width:100%;object-fit:cover}
body:not(.k-start) .hero{min-height:clamp(200px,26vw,300px);padding:2.5em 1.5em}
.band .card{padding-bottom:1.1em}
/* t267 logo: SVG-ordmärke under /assets/logo.svg */
.brand img{width:auto;height:32px;border-radius:0}
@media (max-width:921px){.brand img{height:28px}}

/* t53: kort enligt SverigesVeterinärers korta SV-struktur. */
.kliniklista{list-style:none;padding:0;margin:1rem 0 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem}
.klinik{list-style:none;background:#fff;border:1px solid #e2e8f0;border-top:4px solid #fb2056;border-radius:12px;padding:1rem;min-width:0;box-shadow:0 2px 8px rgba(15,23,42,.05)}
.klinik h3{margin:.2rem 0 .8rem;font-size:1.12rem;line-height:1.45}.klinik p{margin:.6rem 0;overflow-wrap:anywhere}.klinik-adress{color:#475569}.klinik-google a{text-decoration:none}.g-etikett,.g-antal{color:#475569}.stjarna{color:#b45309}
.klinik a.ring-knapp{display:inline-flex;align-items:center;justify-content:center;min-height:44px;box-sizing:border-box;padding:.55rem 1.3rem;border:1.5px solid #1d4ed8;border-radius:999px;background:#fff;color:#1d4ed8;font-size:1.05rem;font-weight:600;line-height:1.2;text-decoration:none;white-space:nowrap;touch-action:manipulation}
.klinik a.ring-knapp:hover{background:#eff6ff;color:#1e40af}.klinik a.ring-knapp:focus-visible{outline:2px solid #1d4ed8;outline-offset:3px}.klinik p.klinik-ring::before,.klinik a.ring-knapp::before,.klinik a.ring-knapp::after{content:none!important;display:none!important}