/*
Theme Name:   Manimalis
Theme URI:    https://www.manimalis.se/
Description:  Barntema till GeneratePress för manimalis.se. Hundbricka, koppel och tennisboll: komponenter för rasfakta, faktarutor, tidslinjer, FAQ och internlänkar.
Author:       Redaktionen
Template:     generatepress
Version:      1.3.1
Requires PHP: 7.4
License:      GNU General Public License v2 or later
Text Domain:  manimalis
*/

/* ============ Typsnitt (lokala, inga anrop till Google) ============ */
@font-face{font-family:"Bricolage";src:url("fonts/bricolage.woff2") format("woff2-variations"),url("fonts/bricolage.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:"Literata";src:url("fonts/literata.woff2") format("woff2-variations"),url("fonts/literata.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Literata";src:url("fonts/literata-italic.woff2") format("woff2-variations"),url("fonts/literata-italic.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap}

/* ============ Färger och mått ============ */
:root{
  --mm-tall:#14303a;        /* tallbarr: text, rubriker, sidfot */
  --mm-tall-2:#2b4f58;      /* mjukare text */
  --mm-ang:#f3f6ef;         /* morgonäng: sidans bakgrund */
  --mm-vit:#ffffff;
  --mm-boll:#dceb5a;        /* tennisboll: accentytor */
  --mm-boll-ljus:#f0f6c4;   /* faktarutor */
  --mm-koppel:#3446c9;      /* länkar */
  --mm-nos:#f2b8a8;         /* varningsrutor, kattsidor */
  --mm-nos-ljus:#fbe6df;
  --mm-linje:#cfd9cc;
  --mm-linje-mork:#9fb1a6;
  --mm-rubrik:"Bricolage",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --mm-brod:"Literata",Georgia,"Times New Roman",serif;
  --mm-matt:44rem;          /* läsbredd */
  --mm-bred:74rem;
  --mm-runda:14px;
}

/* ============ Grund ============ */
body,button,input,select,textarea{font-family:var(--mm-brod)}
body{background:var(--mm-ang);color:var(--mm-tall);font-size:1.125rem;line-height:1.7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6,.main-title,.main-navigation,.site-footer,.mm-rubrikfont,.mm-fakta-rubrik,.mm-knapp,button,.button,input[type=submit]{font-family:var(--mm-rubrik)}
h1,h2,h3,h4,h5,h6{color:var(--mm-tall);font-variation-settings:"opsz" 72;letter-spacing:-.015em;line-height:1.12}
h1{font-size:clamp(2.2rem,1.4rem + 3.4vw,3.6rem);font-weight:780}
h2{font-size:clamp(1.65rem,1.25rem + 1.6vw,2.25rem);font-weight:720;margin:2.6em 0 .55em}
h3{font-size:clamp(1.3rem,1.1rem + .8vw,1.55rem);font-weight:680;margin:1.9em 0 .45em}
h4{font-size:1.15rem;font-weight:680;margin:1.6em 0 .4em}
p{margin-bottom:1.15em}
a{color:var(--mm-tall);text-decoration-line:underline;text-decoration-color:#b5c72a;text-decoration-thickness:.14em;text-underline-offset:.2em;text-decoration-skip-ink:none;transition:text-decoration-thickness .15s ease,text-underline-offset .15s ease}
a:hover{color:var(--mm-tall);text-decoration-color:var(--mm-boll);text-decoration-thickness:.35em;text-underline-offset:-.1em;text-decoration-skip-ink:none}
:focus-visible{outline:3px solid var(--mm-koppel);outline-offset:3px;border-radius:4px}
::selection{background:var(--mm-boll);color:var(--mm-tall)}
strong,b{font-weight:680}
blockquote{border:0;margin:2em 0;padding:0 0 0 1.4em;border-left:4px solid var(--mm-boll);font-style:italic;font-size:1.2rem;color:var(--mm-tall-2)}
hr{background:none;border:0;height:22px;margin:3em 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='22' viewBox='0 0 64 22'%3E%3Cg fill='%239fb1a6'%3E%3Cellipse cx='12' cy='14' rx='4.2' ry='3.6'/%3E%3Ccircle cx='6.6' cy='8.6' r='1.7'/%3E%3Ccircle cx='10' cy='6' r='1.7'/%3E%3Ccircle cx='14' cy='6' r='1.7'/%3E%3Ccircle cx='17.4' cy='8.6' r='1.7'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat-x;background-position:center;opacity:.8}
img{border-radius:var(--mm-runda)}
.entry-content img,.wp-block-image img{height:auto}
figcaption,.wp-caption-text{font-family:var(--mm-rubrik);font-size:.88rem;color:var(--mm-tall-2);margin-top:.5em}

/* ============ Sidhuvud ============ */
.site-header{background:var(--mm-ang);border-bottom:2px solid var(--mm-tall)}
.inside-header{padding-top:14px;padding-bottom:14px}
.main-title{font-size:1.75rem;font-weight:780;letter-spacing:-.03em;line-height:1;margin:0}
.main-title a{color:var(--mm-tall);text-decoration:none;display:inline-flex;align-items:center;gap:.45rem}
.main-title a:hover{color:var(--mm-tall);text-decoration:none}
.mm-logo-bricka{width:38px;height:46px;flex:none;transform-origin:19px 6px;transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.main-title a:hover .mm-logo-bricka{transform:rotate(-14deg)}
.site-description{font-family:var(--mm-rubrik);font-size:.85rem;color:var(--mm-tall-2);margin-top:.2rem}

.main-navigation,.main-navigation ul ul{background:transparent}
.main-navigation .main-nav ul li a{color:var(--mm-tall);font-weight:600;font-size:1rem;padding-left:14px;padding-right:14px;line-height:52px}
.main-navigation .main-nav ul li:hover>a,.main-navigation .main-nav ul li:focus>a,.main-navigation .main-nav ul li.sfHover>a{color:var(--mm-tall);background:transparent;text-decoration:underline;text-decoration-color:var(--mm-boll);text-decoration-thickness:.4em;text-underline-offset:-.15em;text-decoration-skip-ink:none}
.main-navigation .main-nav ul li[class*="current-menu-"]>a{color:var(--mm-tall);background:transparent;text-decoration:underline;text-decoration-color:var(--mm-boll);text-decoration-thickness:.4em;text-underline-offset:-.15em;text-decoration-skip-ink:none}
.main-navigation ul ul{background:var(--mm-vit);border:2px solid var(--mm-tall);border-radius:12px;box-shadow:4px 4px 0 var(--mm-tall);padding:6px 0}
.main-navigation .main-nav ul ul li a{line-height:1.4;padding:9px 16px;font-size:.95rem}
.menu-toggle,.main-navigation .menu-toggle{color:var(--mm-tall);background:var(--mm-boll);border-radius:999px;font-weight:700;padding:0 18px}
.menu-toggle:hover,.menu-toggle:focus{background:var(--mm-tall);color:var(--mm-boll)}
.main-navigation.toggled .main-nav>ul{background:var(--mm-vit);border:2px solid var(--mm-tall);border-radius:14px;margin-top:10px}

/* ============ Innehållsytan ============ */
.separate-containers .inside-article,.one-container .container,.one-container .site-content,.separate-containers .comments-area,.separate-containers .page-header,.separate-containers .paging-navigation,.inside-page-header{background:transparent}
.one-container .site-content{padding-top:48px;padding-bottom:64px}
.entry-header,.entry-content>*:not(.alignwide):not(.alignfull):not(.mm-bred){max-width:var(--mm-matt);margin-left:auto;margin-right:auto}
.entry-content>.mm-bred,.entry-content>.alignwide,body.home .entry-content>*:not(.alignwide):not(.alignfull):not(.mm-bred){max-width:var(--mm-bred);margin-left:auto;margin-right:auto}
.entry-title{margin-bottom:.35em}
body.home .entry-header{max-width:var(--mm-bred)}
.entry-meta{font-family:var(--mm-rubrik);font-size:.9rem;color:var(--mm-tall-2)}
.entry-meta a{color:var(--mm-tall-2)}
.entry-content>p:first-of-type{font-size:1.24rem;line-height:1.6}
.entry-content ul,.entry-content ol{margin-left:1.3em}
.entry-content li{margin-bottom:.35em}
.entry-content ul li::marker{color:var(--mm-linje-mork)}
.featured-image,.post-image{max-width:var(--mm-bred);margin-left:auto;margin-right:auto}
/* Utvald bild: luft mot sidhuvudet och kanterna, hela bilden visas */
.featured-image.page-header-image{max-width:min(60rem,calc(100% - 2rem));margin:2.2rem auto 0 !important;padding:0 !important}
.featured-image.page-header-image img{display:block;width:100%;height:auto}
@media (max-width:768px){.featured-image.page-header-image{margin-top:1.2rem !important}}
.page-header-image-single img,.featured-image img{border-radius:22px;border:2px solid var(--mm-tall)}

/* Yoasts brödsmulor */
.mm-smulor{max-width:var(--mm-matt);margin:0 auto 1.2rem;font-family:var(--mm-rubrik);font-size:.88rem;color:var(--mm-tall-2)}
.mm-smulor a{color:var(--mm-tall-2);text-decoration:none}
.mm-smulor a:hover{text-decoration:underline}

/* ============ Knappar ============ */
button,.button,input[type=submit],.mm-knapp,.wp-block-button__link{background:var(--mm-tall);color:var(--mm-ang);border:2px solid var(--mm-tall);border-radius:999px;padding:.7em 1.4em;font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none;display:inline-block;transition:transform .15s ease,box-shadow .15s ease}
button:hover,.button:hover,input[type=submit]:hover,.mm-knapp:hover,.wp-block-button__link:hover{background:var(--mm-boll);color:var(--mm-tall);box-shadow:3px 3px 0 var(--mm-tall);transform:translate(-2px,-2px);text-decoration:none}
.mm-knapp--ljus{background:var(--mm-boll);color:var(--mm-tall)}
.mm-knapp--ljus:hover{background:var(--mm-vit)}

/* ============ Tabeller ============ */
.mm-tabell{overflow-x:auto;margin:1.8em 0;border:2px solid var(--mm-tall);border-radius:var(--mm-runda);background:var(--mm-vit)}
.entry-content table{border-collapse:collapse;width:100%;margin:0;font-size:1rem;border:0}
.entry-content :not(.mm-tabell)>table{border:2px solid var(--mm-tall);border-radius:var(--mm-runda);overflow:hidden;margin:1.8em 0;background:var(--mm-vit)}
.entry-content th{background:var(--mm-tall);color:var(--mm-ang);font-family:var(--mm-rubrik);font-weight:650;text-align:left;padding:.75em 1em;border:0}
.entry-content td{padding:.7em 1em;border:0;border-top:1px solid var(--mm-linje);vertical-align:top}
.entry-content tbody tr:nth-child(even) td{background:#f7f9f4}

/* ============ Komponent: faktaruta (hundbricka) ============ */
.mm-fakta{position:relative;background:var(--mm-boll-ljus);border:2px solid var(--mm-tall);border-radius:22px;padding:1.6em 1.6em 1.3em 1.6em;margin:2em auto}
.mm-fakta::before{content:"";position:absolute;top:16px;right:18px;width:16px;height:16px;border-radius:50%;background:var(--mm-ang);border:2px solid var(--mm-tall)}
.mm-fakta>h2,.mm-fakta>h3,.mm-fakta>.mm-fakta-rubrik,.mm-internlankar>.mm-fakta-rubrik{font-family:var(--mm-rubrik);margin:0 0 .6em;font-size:1.3rem;padding-right:2rem}
.mm-fakta>*:last-child{margin-bottom:0}
.mm-fakta dl{display:grid;grid-template-columns:minmax(8rem,auto) 1fr;gap:.45em 1.2em;margin:0}
.mm-fakta dt{font-family:var(--mm-rubrik);font-weight:650}
.mm-fakta dd{margin:0}

/* ============ Komponent: tips och varning ============ */
.mm-tips,.mm-varning{border-radius:var(--mm-runda);padding:1.1em 1.3em 1.1em 3.4em;margin:1.8em auto;position:relative;font-size:1.02rem}
.mm-tips{background:var(--mm-vit);border:2px dashed var(--mm-linje-mork)}
.mm-varning{background:var(--mm-nos-ljus);border:2px solid var(--mm-nos)}
.mm-tips::before,.mm-varning::before{content:"";position:absolute;left:1.05em;top:1.2em;width:1.4em;height:1.5em;background-repeat:no-repeat;background-size:contain}
.mm-tips::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%2314303a'%3E%3Cellipse cx='12' cy='15.5' rx='5' ry='4.3'/%3E%3Cellipse cx='5.3' cy='9.6' rx='2' ry='2.4'/%3E%3Cellipse cx='9.4' cy='5.8' rx='2' ry='2.5'/%3E%3Cellipse cx='14.6' cy='5.8' rx='2' ry='2.5'/%3E%3Cellipse cx='18.7' cy='9.6' rx='2' ry='2.4'/%3E%3C/g%3E%3C/svg%3E")}
.mm-varning::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5 22.5 21h-21z' fill='%23f2b8a8' stroke='%2314303a' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 9v5.5' stroke='%2314303a' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17.6' r='1.3' fill='%2314303a'/%3E%3C/svg%3E")}
.mm-tips>*:last-child,.mm-varning>*:last-child{margin-bottom:0}
.mm-tips strong:first-child,.mm-varning strong:first-child{font-family:var(--mm-rubrik)}

/* ============ Komponent: tassmätare (1-5) ============ */
/* <span class="mm-tassar" style="--v:4" role="img" aria-label="4 av 5"></span> */
.mm-tassar{--v:3;display:inline-block;position:relative;width:7.5rem;height:1.25rem;vertical-align:-.2em;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='%239fb1a6' stroke-width='1.6'%3E%3Cellipse cx='12' cy='15.5' rx='5' ry='4.3'/%3E%3Cellipse cx='5.3' cy='9.6' rx='2' ry='2.4'/%3E%3Cellipse cx='9.4' cy='5.8' rx='2' ry='2.5'/%3E%3Cellipse cx='14.6' cy='5.8' rx='2' ry='2.5'/%3E%3Cellipse cx='18.7' cy='9.6' rx='2' ry='2.4'/%3E%3C/g%3E%3C/svg%3E");background-size:1.5rem 1.25rem;background-repeat:repeat-x}
.mm-tassar::after{content:"";position:absolute;inset:0;width:calc(var(--v) * 1.5rem);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='%2314303a'%3E%3Cellipse cx='12' cy='15.5' rx='5' ry='4.3'/%3E%3Cellipse cx='5.3' cy='9.6' rx='2' ry='2.4'/%3E%3Cellipse cx='9.4' cy='5.8' rx='2' ry='2.5'/%3E%3Cellipse cx='14.6' cy='5.8' rx='2' ry='2.5'/%3E%3Cellipse cx='18.7' cy='9.6' rx='2' ry='2.4'/%3E%3C/g%3E%3C/svg%3E");background-size:1.5rem 1.25rem;background-repeat:repeat-x}

/* ============ Komponent: rasfakta ============ */
.mm-ras{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:0;border:2px solid var(--mm-tall);border-radius:22px;overflow:hidden;background:var(--mm-vit);margin:2em auto}
.mm-ras-bild{background:var(--mm-boll);display:flex;align-items:flex-end;min-height:16rem}
.mm-ras-bild img{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}
.mm-ras-data{padding:1.3em 1.5em}
.mm-ras-data h2,.mm-ras-data h3{margin:0 0 .2em;font-size:1.5rem}
.mm-ras-data .mm-ras-grupp{font-family:var(--mm-rubrik);font-size:.92rem;color:var(--mm-tall-2);margin:0 0 1em}
.mm-ras-data dl{display:grid;grid-template-columns:auto 1fr;gap:.5em 1em;margin:0;font-size:.98rem;align-items:center}
.mm-ras-data dt{font-family:var(--mm-rubrik);font-weight:600}
.mm-ras-data dd{margin:0}

/* ============ Komponent: steg (bara för riktiga sekvenser) ============ */
.mm-steg{list-style:none;counter-reset:mmsteg;margin:2em auto !important;padding:0}
.mm-steg>li{counter-increment:mmsteg;position:relative;padding:0 0 1.4em 3.6rem;margin:0}
.mm-steg>li::before{content:counter(mmsteg);position:absolute;left:0;top:-.1em;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--mm-boll);border:2px solid var(--mm-tall);font-family:var(--mm-rubrik);font-weight:780;display:grid;place-items:center;font-size:1.05rem}
.mm-steg>li strong:first-child{display:block;font-family:var(--mm-rubrik);font-size:1.12rem}

/* ============ Komponent: tidslinje (vertikal) ============ */
.mm-tidslinje{list-style:none;margin:2em auto !important;padding:0 0 0 1.6rem;border-left:3px solid var(--mm-tall);position:relative}
.mm-tidslinje>li{position:relative;margin:0 0 1.6em;padding-left:1rem}
.mm-tidslinje>li::before{content:"";position:absolute;left:calc(-1.6rem - 10px);top:.35em;width:14px;height:14px;border-radius:50%;background:var(--mm-boll);border:3px solid var(--mm-tall)}
.mm-tidslinje .mm-ar{display:block;font-family:var(--mm-rubrik);font-weight:780;font-size:1.2rem;line-height:1.2}
.mm-tidslinje>li:last-child{margin-bottom:0}

/* ============ Komponent: FAQ ============ */
.mm-faq{margin:2em auto}
.mm-faq details{border-bottom:2px solid var(--mm-linje);padding:.2em 0}
.mm-faq details:first-of-type{border-top:2px solid var(--mm-linje)}
.mm-faq summary{cursor:pointer;list-style:none;font-family:var(--mm-rubrik);font-weight:650;font-size:1.12rem;padding:.8em 2.6rem .8em 0;position:relative}
.mm-faq summary::-webkit-details-marker{display:none}
.mm-faq summary::after{content:"";position:absolute;right:.3rem;top:50%;width:1.6rem;height:1.6rem;margin-top:-.8rem;border-radius:50%;background:var(--mm-boll) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M3 8h10' stroke='%2314303a' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/.9rem no-repeat;transition:transform .25s ease}
.mm-faq details[open] summary::after{transform:rotate(45deg)}
.mm-faq details>div,.mm-faq details>p{padding:0 0 1em}

/* ============ Komponent: internlänkar ============ */
.mm-internlankar{background:var(--mm-tall);color:var(--mm-ang);border-radius:22px;padding:1.5em 1.6em;margin:2.6em auto}
.mm-internlankar h2,.mm-internlankar h3,.mm-internlankar .mm-fakta-rubrik{color:var(--mm-ang);margin:0 0 .7em;font-size:1.25rem}
.mm-internlankar ul{list-style:none;margin:0 !important;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.5em 1.4em}
.mm-internlankar li{margin:0}
.mm-internlankar a{color:var(--mm-ang);font-family:var(--mm-rubrik);font-weight:600;text-decoration-color:var(--mm-boll)}
.mm-internlankar a:hover{color:var(--mm-boll)}

/* ============ Komponent: källor ============ */
.mm-kallor{font-size:.92rem;color:var(--mm-tall-2);border-top:2px solid var(--mm-linje);padding-top:1em;margin-top:3em}
.mm-kallor ol,.mm-kallor ul{margin-left:1.2em}

/* ============ Startsida: hero med brickbild ============ */
.mm-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;max-width:var(--mm-bred) !important;margin:0 auto 3.5rem !important}
.mm-hero h1{font-size:clamp(2.5rem,1.4rem + 4.2vw,4.6rem);margin:0 0 .35em;letter-spacing:-.035em;line-height:1.02}
.mm-hero p{font-size:1.22rem;max-width:34rem}
.mm-hero-bricka{position:relative;aspect-ratio:1/1.08;max-width:26rem;width:100%;justify-self:center;padding-top:2.4rem}
.mm-hero-bricka::before{content:"";position:absolute;top:1.15rem;left:50%;width:3.6rem;height:3.6rem;margin-left:-1.8rem;border:5px solid var(--mm-tall);border-radius:50%;background:transparent;z-index:2}
.mm-hero-bricka>.mm-hero-yta{position:relative;width:100%;aspect-ratio:1/1;border-radius:50%;border:3px solid var(--mm-tall);overflow:hidden;background:var(--mm-boll);box-shadow:8px 8px 0 var(--mm-tall)}
.mm-hero-bricka img{width:100%;height:100%;object-fit:cover;border-radius:0;display:block}
.mm-hero-bricka>.mm-hero-yta::after{content:"";position:absolute;top:7%;left:50%;width:1.2rem;height:1.2rem;margin-left:-.6rem;border-radius:50%;background:var(--mm-ang);border:3px solid var(--mm-tall)}

/* ============ Startsida: avdelningar som brickor på ett koppel ============ */
.mm-koppel{max-width:var(--mm-bred) !important;margin:3rem auto !important;position:relative;padding-top:2.2rem}
.mm-koppel::before{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='14' viewBox='0 0 120 14'%3E%3Cpath d='M0 7 Q15 1 30 7 T60 7 T90 7 T120 7' fill='none' stroke='%2314303a' stroke-width='3'/%3E%3C/svg%3E") repeat-x left center}
.mm-koppel>ul{list-style:none;margin:0 !important;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem}
.mm-koppel>ul>li{margin:0;position:relative;padding-top:1.4rem}
.mm-koppel>ul>li::before{content:"";position:absolute;top:-1.6rem;left:50%;width:2px;height:3rem;background:var(--mm-tall);margin-left:-1px}
.mm-koppel>ul>li::after{content:"";position:absolute;top:1.15rem;left:50%;width:1.1rem;height:1.1rem;margin-left:-.55rem;border:3px solid var(--mm-tall);border-radius:50%;background:var(--mm-ang);z-index:1}
.mm-koppel a{display:block;height:100%;text-decoration:none;color:var(--mm-tall);background:var(--mm-vit);border:2px solid var(--mm-tall);border-radius:28px 28px 22px 22px;padding:2.4rem 1.1rem 1.3rem;text-align:center;transform-origin:50% -1.4rem;transition:transform .45s cubic-bezier(.3,1.7,.5,1),background .2s ease}
.mm-koppel a:hover,.mm-koppel a:focus-visible{transform:rotate(-4deg);background:var(--mm-boll);text-decoration:none;color:var(--mm-tall)}
.mm-koppel>ul>li:nth-child(even) a:hover,.mm-koppel>ul>li:nth-child(even) a:focus-visible{transform:rotate(4deg)}
.mm-koppel .mm-avd-namn{display:block;font-family:var(--mm-rubrik);font-weight:750;font-size:1.22rem;line-height:1.15;margin-bottom:.4rem}
.mm-koppel .mm-avd-text{display:block;font-size:.95rem;line-height:1.45;color:var(--mm-tall-2)}
.mm-koppel>ul>li:nth-child(1) a{background:var(--mm-boll-ljus)}
.mm-koppel>ul>li:nth-child(4) a{background:var(--mm-nos-ljus)}
.mm-koppel>ul>li:nth-child(1) a:hover,.mm-koppel>ul>li:nth-child(4) a:hover{background:var(--mm-boll)}

/* ============ Startsida: artikelrutnät ============ */
.mm-lista{max-width:var(--mm-bred) !important;margin:2rem auto 3rem !important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2rem 1.8rem}
.mm-lista>div,.mm-lista>article{margin:0}
.mm-lista img{aspect-ratio:4/3;object-fit:cover;width:100%;border:2px solid var(--mm-tall);margin-bottom:.8rem}
.mm-lista h3{font-size:1.25rem;margin:0 0 .3em}
.mm-lista h3 a{color:var(--mm-tall);text-decoration:none}
.mm-lista h3 a:hover{text-decoration:underline;text-decoration-color:var(--mm-boll);text-decoration-thickness:.35em;text-underline-offset:-.1em;text-decoration-skip-ink:none}
.mm-lista p{font-size:1rem;margin:0;color:var(--mm-tall-2)}

/* ============ Arkiv och bloggöversikt ============ */
.blog .inside-article,.archive .inside-article,.search .inside-article{border-bottom:2px solid var(--mm-linje);padding-bottom:2rem}
.page-header .page-title,.archive .page-title{font-size:clamp(2rem,1.4rem + 2.4vw,3rem)}

/* ============ Sidfot ============ */
.mm-spar{height:46px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='46' viewBox='0 0 180 46'%3E%3Cg fill='%2314303a' opacity='.22'%3E%3Cg transform='translate(14 22) rotate(80)'%3E%3Cellipse cx='0' cy='3' rx='4.4' ry='3.8'/%3E%3Ccircle cx='-5' cy='-3' r='1.8'/%3E%3Ccircle cx='-1.8' cy='-6' r='1.8'/%3E%3Ccircle cx='1.8' cy='-6' r='1.8'/%3E%3Ccircle cx='5' cy='-3' r='1.8'/%3E%3C/g%3E%3Cg transform='translate(58 34) rotate(100)'%3E%3Cellipse cx='0' cy='3' rx='4.4' ry='3.8'/%3E%3Ccircle cx='-5' cy='-3' r='1.8'/%3E%3Ccircle cx='-1.8' cy='-6' r='1.8'/%3E%3Ccircle cx='1.8' cy='-6' r='1.8'/%3E%3Ccircle cx='5' cy='-3' r='1.8'/%3E%3C/g%3E%3Cg transform='translate(102 16) rotate(80)'%3E%3Cellipse cx='0' cy='3' rx='4.4' ry='3.8'/%3E%3Ccircle cx='-5' cy='-3' r='1.8'/%3E%3Ccircle cx='-1.8' cy='-6' r='1.8'/%3E%3Ccircle cx='1.8' cy='-6' r='1.8'/%3E%3Ccircle cx='5' cy='-3' r='1.8'/%3E%3C/g%3E%3Cg transform='translate(146 30) rotate(100)'%3E%3Cellipse cx='0' cy='3' rx='4.4' ry='3.8'/%3E%3Ccircle cx='-5' cy='-3' r='1.8'/%3E%3Ccircle cx='-1.8' cy='-6' r='1.8'/%3E%3Ccircle cx='1.8' cy='-6' r='1.8'/%3E%3Ccircle cx='5' cy='-3' r='1.8'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") repeat-x left center}
.site-footer{background:var(--mm-tall);color:var(--mm-ang)}
.footer-widgets{background:var(--mm-tall);color:var(--mm-ang)}
.footer-widgets .widget-title{color:var(--mm-boll);font-size:1.1rem}
.footer-widgets a,.site-info a{color:var(--mm-ang);text-decoration-color:var(--mm-boll)}
.footer-widgets a:hover,.site-info a:hover{color:var(--mm-boll)}
.site-info{background:var(--mm-tall);color:#b9c9c2;font-size:.9rem;border-top:1px solid #2b4f58}
.mm-sidfot-namn{font-weight:780;color:var(--mm-ang);letter-spacing:-.02em}

/* ============ Mobil ============ */
@media (max-width:1024px){
  .mm-koppel>ul{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:3.2rem}
  .mm-lista{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:768px){
  body{font-size:1.06rem}
  .one-container .site-content{padding:28px 16px 48px}
  .mm-hero{grid-template-columns:1fr}
  .mm-hero-bricka{max-width:17rem;order:-1}
  .mm-koppel::before{display:none}
  .mm-koppel{padding-top:0}
  .mm-koppel>ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.6rem .9rem}
  .mm-koppel>ul>li::before{height:1.6rem;top:-.4rem}
  .mm-lista{grid-template-columns:1fr}
  .mm-ras{grid-template-columns:1fr}
  .mm-ras-bild{min-height:12rem}
  .mm-fakta dl{grid-template-columns:1fr;gap:.1em}
  .mm-fakta dd{margin-bottom:.5em}
  .entry-content>p:first-of-type{font-size:1.12rem}
}
@media (max-width:420px){
  .mm-koppel>ul{grid-template-columns:1fr}
}
/* ============ Datumrad, författare och innehållsförteckning (1.1) ============ */
.mm-meta{max-width:var(--mm-matt);margin:0 auto 1.6rem;font-family:var(--mm-rubrik);font-size:.9rem;color:var(--mm-tall-2)}
.mm-meta a{color:var(--mm-tall-2)}
.mm-forfattare{max-width:var(--mm-matt);margin:3rem auto 0;display:flex;gap:1.1rem;align-items:flex-start;border-top:2px solid var(--mm-linje);padding-top:1.4rem;font-size:1rem}
.mm-forfattare img{border-radius:50%;border:2px solid var(--mm-tall);flex:none}
.mm-forfattare p{margin:0 0 .4em}
.mm-forfattare-namn{font-family:var(--mm-rubrik);font-weight:700}
.mm-forfattare-namn a{color:var(--mm-tall);text-decoration:none}
.mm-toc{max-width:var(--mm-matt);margin:1.6em auto 2.2em;background:var(--mm-vit);border:2px solid var(--mm-tall);border-radius:var(--mm-runda);padding:.3em 1.2em}
.mm-toc summary{cursor:pointer;font-family:var(--mm-rubrik);font-weight:700;padding:.6em 0}
.mm-toc ol{margin:0 0 .9em 1.3em;font-size:1rem}
.mm-toc li{margin:.25em 0}
.mm-toc a{color:var(--mm-tall)}
.entry-content h2[id]{scroll-margin-top:1.5rem}
@media (max-width:600px){
  .mm-korttabell thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .mm-korttabell,.mm-korttabell tbody,.mm-korttabell tr,.mm-korttabell td{display:block;width:100%}
  .mm-korttabell tr{border-top:2px solid var(--mm-tall);padding:.4em 0}
  .mm-korttabell tr:first-child{border-top:0}
  .mm-korttabell td{border:0;padding:.3em 1em}
  .mm-korttabell td[data-label]::before{content:attr(data-label);display:block;font-family:var(--mm-rubrik);font-weight:650;font-size:.85rem;color:var(--mm-tall-2)}
  .entry-content tbody tr:nth-child(even) td{background:transparent}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none !important;animation:none !important}
}