/* /a/bas.css */
/* Gemensam grund för pitcharna, runda 2: profilens kärna ur designsystemet 11 okt. Allt annat gör varje pitch själv. */
:root{
  --falurod:#99221a;--papper:#faf8f3;--papper-2:#f1eadd;--linne:#f1eadd;--furu:#dcc69f;--kvallshimmel:#262d35;--kvallsken:#5e5350;--fjall:#48525f;--solgult:#e3a833;--gran:#dcc69f;
  --betsad:#4f513e;--skugga:#231c19;--natt:#262d35;--rost:#945141;--tjarn:#2a5a59;
  --serif:"Literata",Georgia,serif;--sans:"Proza Libre","Helvetica Neue",Arial,sans-serif;
  --kant:56px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--papper);color:var(--skugga);font-family:var(--serif);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit}
ul,ol{list-style:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;border-radius:0}
.et{font-family:var(--sans);font-weight:600;font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.r{font-weight:500;letter-spacing:-.01em;line-height:1.04;text-wrap:balance}
.r i{display:block;font-style:italic;color:var(--falurod)}
.tk{width:40px;height:40px;flex:none}
:focus-visible{outline:3px solid var(--solgult);outline-offset:3px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.bara-mob{display:none}
/* Mobilens bottenrad (Zermatt-greppet) */
.botten{display:none}
@media (max-width:760px){
  :root{--kant:16px}
  .bara-desk{display:none!important}
  .bara-mob{display:block}
  body{padding-bottom:72px}
  .botten{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--papper);border-top:2px solid var(--skugga);padding-bottom:env(safe-area-inset-bottom,0px)}
  .botten a{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 8px;text-decoration:none;color:var(--skugga);font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;min-height:60px}
  .botten img{width:26px;height:26px}
  .botten a.pa{background:var(--solgult)}
}
/* Tillbaka till pitchbordet */
#tillbaka{position:fixed;right:16px;bottom:16px;z-index:99;background:var(--skugga);color:var(--papper);padding:12px 16px;font:600 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;outline:2px solid var(--papper)}
@media (max-width:760px){#tillbaka{bottom:auto;top:10px;right:10px;padding:8px 10px;font-size:10.5px}}

/* /stil.css */

/* Pitch 1: Gluggarna. Fasadens fönster är sajtens ingångar. När man skrollar glider de ihop till korset, med solen i mitten. Rutan bär allt: veckan, kalendern, frågorna och statistiken. */
.topp{display:flex;align-items:center;justify-content:space-between;gap:24px;height:74px;padding:0 var(--kant);background:var(--papper);position:sticky;top:0;z-index:30}
.topp .logo img{height:34px;width:auto}
.topp nav{display:flex;align-items:center;gap:26px}
.topp nav a{text-decoration:none;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.topp nav a.pa{box-shadow:inset 0 -3px var(--falurod)}
.topp .nu{display:flex;align-items:center;gap:10px;background:var(--solgult);padding:8px 12px;text-decoration:none}
.topp .nu b{font-family:var(--serif);font-weight:500;font-size:17px;letter-spacing:0;text-transform:none}
/* Fasaden */
.fasad-spar{height:190vh;position:relative}
.fasad{position:sticky;top:74px;height:calc(100vh - 74px);min-height:620px;overflow:hidden;background:
  repeating-linear-gradient(90deg,rgba(0,0,0,.13) 0 2px,transparent 2px 44px),var(--falurod);color:var(--papper)}
.glugg{position:absolute;left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1;background:var(--papper);display:block;text-decoration:none;color:var(--skugga);will-change:transform}
.glugg .lab{position:absolute;left:0;top:calc(100% + 10px);width:max-content;color:var(--papper);opacity:calc(1 - var(--p,0)*2.4)}
.glugg .lab b{display:block;font-family:var(--serif);font-weight:500;font-size:19px;letter-spacing:0;text-transform:none;line-height:1.15}
.glugg.sol{background:var(--solgult);padding:18px;display:flex;flex-direction:column}
.glugg.sol .tid{font-size:58px;font-weight:500;line-height:1;margin-top:auto}
.glugg.sol b{font-weight:500;font-size:22px;margin-top:4px}
.glugg.sol .ut{opacity:calc(1 - var(--p,0)*3)}
.fasad h1{position:absolute;left:var(--kant);bottom:104px;font-size:96px;color:var(--papper);opacity:calc(1 - var(--p,0)*2.4)}
.fasad h1 i{color:var(--solgult)}
.fasad .ingress{position:absolute;left:var(--kant);bottom:28px;font-size:19px;max-width:44ch;opacity:calc(1 - var(--p,0)*2.4)}
.fasad .vision{position:absolute;left:50%;top:50%;width:min(560px,80%);transform:translate(-50%,calc(var(--s0) * 1px + 40px));text-align:center;opacity:calc(var(--p,0)*3 - 2)}
.fasad .vision p{font-size:24px;line-height:1.35;font-style:italic}
.fasad .vision .et{display:block;margin-bottom:10px;color:var(--solgult)}
.skroll{position:absolute;right:var(--kant);bottom:32px;font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;opacity:calc(1 - var(--p,0)*3)}
/* Veckan i rutor */
.sek{padding:96px var(--kant)}
.sek-in{max-width:1328px;margin:0 auto}
.huvud{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:36px}
.huvud .r{font-size:56px}
.huvud p{max-width:36ch;color:var(--betsad);font-size:17px}
.veckan{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:14px}
.dag{aspect-ratio:1;border:2px solid var(--falurod);padding:12px;display:flex;flex-direction:column;text-decoration:none}
.dag .n{font-size:34px;line-height:1;font-weight:500;margin-top:4px}
.dag .h{margin-top:auto;font-size:14.5px;line-height:1.3}
.dag.vilar .h{color:var(--betsad);font-style:italic}
.dag.idag{background:var(--solgult);border-color:var(--solgult)}
.dag.son{background:var(--falurod);border-color:var(--falurod);color:var(--papper)}
.rader{margin-top:40px;border-top:2px solid var(--skugga)}
.rad{display:grid;grid-template-columns:22px 150px 90px minmax(0,1fr) 44px;gap:20px;align-items:center;padding:16px 0;border-bottom:1px solid var(--gran);text-decoration:none}
.rad .m{width:18px;height:18px;background:var(--gran)}
.rad.idag .m{background:var(--solgult)} .rad.son .m{background:var(--falurod)}
.rad .d{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.rad .t{font-size:20px;font-variant-numeric:tabular-nums}
.rad h3{font-weight:500;font-size:22px;line-height:1.2}
.rad p{font-size:15.5px;color:var(--betsad)}
.rad .tk{width:40px;height:40px}
.rad.inst h3{text-decoration:line-through;color:var(--betsad)}
/* Frågor-glimt */
.fragor-glimt{background:var(--papper-2)}
.fg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.fg a{display:block;text-decoration:none;border-top:2px solid var(--skugga);padding-top:16px}
.fg .q{display:flex;gap:14px;align-items:flex-start;font-size:24px;line-height:1.2}
.fg .q:before{content:"";width:22px;height:22px;flex:none;margin-top:4px;background:var(--falurod)}
.fg .s{display:block;margin-top:12px;font-style:italic;font-size:22px;color:var(--falurod)}
.fg p{margin-top:6px;font-size:16px;color:var(--betsad)}
.alla{display:inline-block;margin-top:36px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration-color:var(--solgult);text-decoration-thickness:3px;text-underline-offset:6px}
/* Byn i rutor */
.stat{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.stat .tal{font-size:80px;font-weight:500;line-height:1;letter-spacing:-.02em}
.stat .tal small{font-size:22px;font-style:italic;color:var(--falurod);margin-left:8px;letter-spacing:0}
.prickar{display:grid;grid-template-columns:repeat(15,1fr);gap:4px;margin-top:20px;max-width:330px}
.prickar i{aspect-ratio:1;background:var(--falurod)}
.prickar i.sol{background:var(--solgult)}
.stat p{margin-top:14px;font-size:16px;color:var(--betsad);max-width:30ch}
/* Sidfot med strecket */
.fot{background:var(--falurod);color:var(--papper);padding:0 var(--kant) 40px}
.fot .linje{position:relative;height:150px;max-width:1328px;margin:0 auto;overflow:hidden}
.fot .linje:before{content:"";position:absolute;left:0;right:600px;bottom:17px;border-top:1.4px solid var(--papper)}
.fot .linje img.s{position:absolute;right:0;bottom:0;width:auto;height:150px}
.fot .linje img.h{position:absolute;bottom:18px;left:18%;width:56px;height:auto}
.fot-in{max-width:1328px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding-top:28px;border-top:0}
.fot-in img.logo{height:32px;width:auto}
.fot-in .et{display:block;color:var(--solgult);margin-bottom:8px}
.fot-in p{font-size:16px;line-height:1.55}
.fot-in a{text-decoration:none}
/* Undersidor */
.sidhuvud{padding:64px var(--kant) 40px;max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end}
.sidhuvud .r{font-size:84px}
.sidhuvud p{font-size:19px;color:var(--betsad);max-width:40ch}
.sidhuvud .et{display:block;color:var(--falurod);margin-bottom:16px}
.bredd{max-width:1440px;margin:0 auto;padding:0 var(--kant) 96px}
/* Kalender: månaden i rutor */
.manader{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.manad h2{font-weight:500;font-size:32px;margin-bottom:14px}
.mg{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.mg .vd{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--betsad);padding-bottom:4px}
.mg .c{aspect-ratio:1;border:1.5px solid var(--gran);padding:6px;display:flex;flex-direction:column;justify-content:space-between;font-size:15px;font-variant-numeric:tabular-nums;text-decoration:none}
.mg .c.tom{border-color:transparent}
.mg .c.forbi{color:var(--gran)}
.mg .c .pr{display:flex;gap:3px}
.mg .c .pr i{width:10px;height:10px;background:var(--gran)}
.mg .c .pr i.mat{background:var(--falurod)} .mg .c .pr i.gudstjanst{background:var(--skugga)} .mg .c .pr i.kultur{background:var(--tjarn)}
.mg .c .pr i.inst{background:transparent;outline:1.5px solid var(--betsad);outline-offset:-1.5px}
.mg .c.har{border-color:var(--falurod)}
.mg .c.idag{background:var(--solgult);border-color:var(--solgult)}
.mg .c.son.har{background:var(--falurod);border-color:var(--falurod);color:var(--papper)}
.mg .c.son.har .pr i{background:var(--papper)}
.forkl{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px;font-family:var(--sans);font-size:13px;color:var(--betsad)}
.forkl span{display:flex;gap:8px;align-items:center}
.forkl i{width:12px;height:12px;background:var(--gran);display:inline-block}
.lista{margin-top:72px}
.lista h2{font-weight:500;font-size:30px;margin:40px 0 0}
/* Frågor */
.filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.filter button{border:2px solid var(--skugga);padding:9px 14px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.filter button[aria-pressed=true]{background:var(--skugga);color:var(--papper)}
details.f{border-top:2px solid var(--skugga)}
details.f:last-of-type{border-bottom:2px solid var(--skugga)}
details.f summary{list-style:none;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:22px;align-items:start;padding:24px 0;cursor:pointer}
details.f summary::-webkit-details-marker{display:none}
details.f summary .g{width:28px;height:28px;border:2px solid var(--falurod);margin-top:6px}
details.f[open] summary .g{background:var(--solgult);border-color:var(--solgult)}
details.f summary h2{font-weight:400;font-size:34px;line-height:1.15}
details.f summary .kat{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--betsad);margin-top:14px}
details.f .svar{padding:0 0 28px 50px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;max-width:900px}
details.f .svar .s{font-style:italic;font-size:30px;color:var(--falurod);line-height:1.15}
details.f .svar p{font-size:19px;margin-top:8px;max-width:52ch}
details.f .svar a{display:inline-block;margin-top:10px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.egen{margin-top:56px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;background:var(--falurod);color:var(--papper);padding:36px}
.egen h2{font-weight:500;font-size:34px;line-height:1.1}
.egen h2 i{display:block;color:var(--solgult)}
.egen > div{min-width:0}
.egen form{display:flex;border:2px solid var(--papper)}
.egen input{flex:1;min-width:0;background:transparent;border:0;color:var(--papper);font:19px var(--serif);padding:14px 16px}
.egen input::placeholder{color:var(--gran)}
.egen button{background:var(--solgult);color:var(--skugga);padding:0 22px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.egen small{display:block;margin-top:10px;font-family:var(--sans);font-size:13px;color:var(--gran)}
/* Vision */
.vis{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center}
.kors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:480px}
.kors > *{aspect-ratio:1;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;background:var(--falurod);color:var(--papper)}
.kors .tomt{background:transparent}
.kors .mitt{background:var(--solgult);color:var(--skugga)}
.kors b{font-weight:500;font-size:22px;line-height:1.1}
.kors .et{font-size:10.5px;margin-bottom:6px}
.vis blockquote{font-size:40px;line-height:1.2;font-weight:400}
.vis blockquote:before{content:"";display:block;width:28px;height:28px;background:var(--solgult);margin-bottom:24px}
.vis .k{margin-top:22px;font-size:20px;color:var(--betsad);font-style:italic;max-width:40ch}
.tre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:96px}
.tre div{border-top:2px solid var(--falurod);padding-top:16px}
.tre h3{font-weight:500;font-size:28px}
.tre p{margin-top:8px;font-size:17px;color:var(--betsad)}
.alla-band{margin-top:96px;background:var(--falurod);color:var(--papper);padding:48px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:center}
.alla-band .g{width:72px;height:72px;background:var(--solgult)}
.alla-band p{font-size:28px;line-height:1.3}
.alla-band small{display:block;margin-top:10px;font-family:var(--sans);font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--gran)}
/* Om oss */
.folk{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.folk .p .ini{aspect-ratio:1;background:var(--falurod);color:var(--papper);display:flex;align-items:flex-end;justify-content:space-between;padding:16px;font-size:44px;font-weight:500;line-height:1}
.folk .p .ini img{width:44px;height:44px;align-self:flex-start}
.folk .p:nth-child(2) .ini{background:var(--betsad)} .folk .p:nth-child(3) .ini{background:var(--gran);color:var(--skugga)} .folk .p:nth-child(4) .ini{background:var(--solgult);color:var(--skugga)}
.folk h3{font-weight:500;font-size:22px;margin-top:14px}
.folk p{font-size:15.5px;color:var(--betsad);overflow-wrap:anywhere}
.tva{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:96px}
.tva h2{font-weight:500;font-size:34px;line-height:1.1}
.tva h2 i{display:block;font-style:italic;color:var(--falurod)}
.tva p{margin-top:14px;font-size:18px;max-width:46ch}
.tva img.foto{width:100%;height:320px;object-fit:cover;margin-bottom:22px}
.dok{margin-top:18px;border-top:2px solid var(--skugga)}
.dok a{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--gran);text-decoration:none;font-size:18px}
.dok a span{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--betsad)}
.grannar{margin-top:96px;background:var(--papper-2);padding:48px;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:48px;align-items:center}
.grannar img{width:100%;height:auto}
.grannar h2{font-weight:500;font-size:32px}
.grannar p{margin-top:10px;font-size:17px;color:var(--betsad)}

.ikvall{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0;background:var(--falurod);color:var(--papper)}
.ikvall img{width:100%;height:100%;min-height:480px;object-fit:cover}
.ikvall > div{padding:56px}
.ikvall .et{color:var(--solgult)}
.ikvall h2{font-weight:500;font-size:56px;line-height:1.04;margin-top:12px}
.ikvall h2 i{display:block;color:var(--solgult)}
.ikvall p{font-size:19px;margin-top:16px;max-width:36ch}
.ikvall .tider{margin-top:28px;border-top:1px solid rgba(250,248,243,.4)}
.ikvall .tider span{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(250,248,243,.4);font-size:18px;font-variant-numeric:tabular-nums}
.alpha{background:var(--papper-2)}
.alpha .in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center}
.lilla{position:relative;width:100%;max-width:420px;aspect-ratio:1;margin:0 auto}
.lilla .duk{position:absolute;inset:26%;border-radius:50%;background:var(--gran)}
.lilla .s{position:absolute;width:12%;aspect-ratio:1;transform:translate(-50%,-50%);outline:2.5px dashed var(--falurod);outline-offset:-2.5px;transition:background .4s,outline-color .4s}
.lilla .s.din{background:var(--solgult);outline-color:var(--solgult)}
.alpha h2{font-weight:500;font-size:52px;line-height:1.05}
.alpha h2 i{display:block;color:var(--falurod)}
.alpha p{font-size:19px;margin-top:14px;max-width:46ch}
.alpha form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;margin-top:26px}
.alpha label{display:flex;flex-direction:column;gap:6px;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--betsad)}
.alpha input{min-width:0;background:var(--papper);border:0;border-bottom:2px solid var(--skugga);font:18px var(--serif);padding:12px;color:var(--skugga)}
.alpha button{align-self:end;background:var(--falurod);color:var(--papper);padding:14px 22px;font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.06em}
.alpha .kvitto{margin-top:14px;font-style:italic;color:var(--falurod);min-height:1.5em}
.af{clip-path:polygon(0 0,calc(100% - 40px) 0,100% 40px,100% 100%,0 100%)}
.c-falurod{background:var(--falurod);color:var(--papper)}
.c-betsad{background:var(--betsad);color:var(--papper)}
.c-natt{background:var(--natt);color:var(--papper)}
.c-tjarn{background:var(--tjarn);color:var(--papper)}
.c-rost{background:var(--rost);color:var(--papper)}
.c-solgult{background:var(--solgult);color:var(--skugga)}
.c-inst{background:var(--papper-2);color:var(--betsad)}
.c-inst h3{text-decoration:line-through}
.c-solgult .idag{background:var(--skugga);color:var(--papper)}
.rt{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}
.steg{border-top:1.5px solid var(--falurod)}
.steg button{display:grid;grid-template-columns:44px minmax(0,1fr);gap:4px 14px;width:100%;text-align:left;padding:16px 0;border-bottom:1px solid var(--gran);align-items:baseline}
.steg button .n{font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.08em;color:var(--betsad)}
.steg button b{font-weight:500;font-size:22px}
.steg button[aria-current=true] .n{background:var(--solgult);color:var(--skugga);width:28px;height:28px;display:grid;place-items:center;letter-spacing:0}
.steg button[aria-current=true] b{color:var(--falurod)}
.steg-txt{margin-top:28px}
.steg-txt h3{font-weight:500;font-size:34px;line-height:1.1}
.steg-txt p{font-size:18px;margin-top:10px;max-width:40ch}
.nasta{margin-top:22px;background:var(--falurod);color:var(--papper);padding:14px 20px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
body.kvall .steg button[aria-current=true] b{color:var(--solgult)}
.bild{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--gran)}
.bild img{width:100%;height:100%;object-fit:cover}
.bild:after{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:var(--falurod);clip-path:polygon(0 0,100% 0,100% 100%)}
.pin{position:absolute;display:flex;align-items:center;gap:8px;transform:translate(-14px,-14px)}
.pin .n{width:28px;height:28px;flex:none;background:var(--solgult);color:var(--skugga);display:grid;place-items:center;font:600 14px/1 var(--sans)}
.pin .l{background:var(--papper);color:var(--skugga);padding:7px 11px;font-size:15px;line-height:1.25;max-width:220px}
.pin.v{flex-direction:row-reverse;transform:translate(calc(-100% + 14px),-14px)}
.noter{display:none}
.bild-fot{display:flex;justify-content:space-between;margin-top:10px;font-family:var(--sans);font-size:12px;color:var(--betsad);letter-spacing:.06em}
.gb{--b:var(--falurod);--t:var(--papper);--a:var(--papper);position:relative;color:var(--t);margin-bottom:34px;min-width:0}
.gb .gavel{display:block;aspect-ratio:2/1;background:var(--b);clip-path:polygon(0 100.5%,50% 0,100% 100.5%);position:relative}
.gb .gavel .tk{position:absolute;left:50%;bottom:16%;width:22%;height:auto;aspect-ratio:1;transform:translateX(-50%)}
.gb .kropp{background:var(--b);padding:2px 28px 26px}
.gb:after{content:"";position:absolute;left:18%;top:100%;width:34px;height:34px;background:var(--b);clip-path:polygon(0 0,100% 0,0 100%)}
.gb .vem{display:block;font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;text-align:center;margin:-34px 0 16px;position:relative;color:var(--a)}
.gb q{display:block;font-style:italic;font-size:26px;line-height:1.25;quotes:none}
.gb.ljus{--b:var(--papper);--t:var(--falurod);--a:var(--falurod)}
.gb.gul{--b:var(--solgult);--t:var(--skugga);--a:var(--falurod)}
.gb.bets{--b:var(--betsad)}
.rb{display:flex;align-items:flex-end;gap:36px;flex-wrap:wrap}
.rb .gb{flex:none}
.rb .s1{width:430px}.rb .s2{width:330px}.rb .s3{width:260px}.rb .s4{width:200px}
.rb .s4 q{font-size:20px}
.c-papper2{background:var(--papper-2)}
.rb .s1{width:380px}
.ljusbox{position:relative;background:var(--natt);color:var(--papper);padding:96px var(--kant);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:72px;align-items:center;overflow:hidden}
.ljusbox .kors{position:relative;width:min(420px,100%);aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 auto}
.ljusbox .kors:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle,rgba(255,226,160,.42),rgba(227,168,51,.12) 30%,transparent 58%)}
.ljusbox .kors > *{position:relative;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;background:#f7efdf;color:var(--skugga)}
.ljusbox .kors .t{background:transparent}
.ljusbox .kors .m{background:var(--solgult)}
.ljusbox .kors b{font-weight:500;font-size:21px;line-height:1.1}
.ljusbox .kors .et{font-size:10px;margin-bottom:4px}
.ljusbox blockquote{font-size:42px;line-height:1.2}
.ljusbox .et.o{color:var(--solgult);display:block;margin-bottom:18px}
.ljusbox p.k{margin-top:22px;font-size:20px;font-style:italic;color:#e0d4c3;max-width:42ch}
.kort{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.kort a{display:block;text-decoration:none;background:var(--papper);outline:1px solid var(--gran);outline-offset:-1px}
.kort .topp-f{height:150px;display:flex;align-items:center;justify-content:center}
.kort .topp-f .tk{width:64px;height:64px}
.kort .txt{padding:18px 20px 22px}
.kort .et{color:var(--falurod)}
.kort h3{font-weight:500;font-size:26px;line-height:1.1;margin-top:6px}
.kort h3 i{display:block;color:var(--falurod)}
.kort p{font-size:15.5px;color:var(--betsad);margin-top:10px}
/* Runda 4: en master, två fronter. Gluggarnas fasad skuren av takvinkeln (A) och huset vid fjällets fot (B). Dygnet styr läget, inte hela sajten. */
:root{--myrmalm:#a5612f;--topp-bg:var(--papper);--topp-fg:var(--skugga)}
body.kvall{--topp-bg:var(--natt);--topp-fg:var(--papper)}
.bara-kvall{display:none!important}
body.kvall .bara-kvall{display:revert!important}
body.kvall .bara-dag{display:none!important}
.topp{background:var(--topp-bg);color:var(--topp-fg);transition:background .6s,color .6s}
.topp .logo img{height:34px}
.topp nav a.forsta:before{content:"";display:inline-block;width:11px;height:11px;margin-right:8px;outline:1.5px dashed currentColor;outline-offset:-1.5px;vertical-align:-1px}
.topp nav a.pa{box-shadow:inset 0 -3px var(--falurod)}
body.kvall .topp nav a.pa{box-shadow:inset 0 -3px var(--solgult)}
.lage{display:flex;border:2px solid currentColor}
.lage button{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.lage button img{width:22px;height:22px}
.lage button[aria-pressed=true]{background:var(--topp-fg);color:var(--topp-bg)}
.dygnet{font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;opacity:.7;white-space:nowrap}

/* ---------- Front A: fasaden under takvinkeln ---------- */
.fa{--himmel:var(--papper);--fasad:var(--falurod);--glugg:var(--papper);--glugg-fg:var(--skugga);--x0:36vw;
  position:relative;height:clamp(620px,calc(100vh - 74px),900px);overflow:hidden;background:var(--himmel);transition:background .8s}
body.morgon .fa{--himmel:var(--papper-2)}
body.kvall .fa{--himmel:linear-gradient(180deg,#120c0b 0%,#2a1d19 100%);--fasad:#55190f;--glugg:var(--solgult)}
.fa .fasad{position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(0,0,0,.14) 0 2px,transparent 2px 46px),var(--fasad);
  clip-path:polygon(0 0,var(--x0) 0,calc(var(--x0) + 4000px) 4000px,0 4000px);transition:background-color .8s}
.fa .himmel{position:absolute;inset:0;background:var(--himmel)}
.fa .sol{position:absolute;width:96px;aspect-ratio:1;border-radius:50%;background:var(--solgult);left:84%;top:12%;transition:top 1s,left 1s,opacity .8s}
body.morgon .fa .sol{left:72%;top:30%}
body.kvall .fa .sol{top:70%;opacity:0}
.fa .stjarna{position:absolute;width:3px;height:3px;background:var(--papper);opacity:0;transition:opacity .8s}
body.kvall .fa .stjarna{opacity:.7}
.fa .gl{position:absolute;left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1;background:var(--glugg);color:var(--glugg-fg);text-decoration:none;display:block;transition:background .8s}
.fa .gl .lab{position:absolute;left:0;top:calc(100% + 10px);width:max-content;max-width:200px;color:var(--papper)}
.fa .gl .lab b{display:block;font-weight:500;font-size:19px;line-height:1.15}
.fa .gl .lab .et{font-size:11px}
.fa .gl.forsta{background:transparent;outline:2.5px dashed var(--papper);outline-offset:-2.5px}
body.kvall .fa .gl.forsta{outline-color:var(--solgult);background:rgba(227,168,51,.16)}
.fa .gl:hover{background:var(--solgult)}
.fa .gl.forsta:hover{background:rgba(227,168,51,.3)}
.fa .pr{position:absolute;left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1;background:var(--c);transition:background .8s,opacity .8s}
body.kvall .fa .pr{opacity:.35}
body.kvall .fa .glod{opacity:1}
.fa .glod{position:absolute;left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1;pointer-events:none;opacity:0;transition:opacity .8s;
  background:radial-gradient(circle,rgba(255,214,140,.38),rgba(227,168,51,.10) 38%,transparent 66%);transform:scale(3.2)}
.lapp{position:absolute;left:var(--x);top:var(--y);width:var(--s);aspect-ratio:1;padding:18px;display:flex;flex-direction:column;text-decoration:none;z-index:3}
.lapp .tid{margin-top:auto;font-size:var(--tf,58px);font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
.lapp b{font-weight:500;font-size:var(--bf,22px);line-height:1.12;margin-top:4px}
.lapp.gul{background:var(--solgult);color:var(--skugga)}
body.kvall .lapp.gul{background:var(--papper)}
.lapp.rost{background:var(--rost);color:var(--papper);padding:14px}
.lapp.tjarn{background:var(--tjarn);color:var(--papper);padding:14px}
.lapp.rost .et,.lapp.tjarn .et{font-size:10.5px}
.fa h1{position:absolute;left:var(--kant);bottom:104px;font-size:96px;color:var(--papper);z-index:2}
.fa h1 i{color:var(--solgult)}
.fa .ingress{position:absolute;left:var(--kant);bottom:34px;font-size:19px;max-width:44ch;color:var(--papper);z-index:2}

/* ---------- Front B: huset vid fjällets fot ---------- */
.fb{--bg:var(--papper);--fg:var(--skugga);--mut:var(--betsad);--acc:var(--falurod);--linje:var(--falurod);
  position:relative;background:var(--bg);color:var(--fg);transition:background .8s,color .8s;overflow:hidden}
body.morgon .fb{--bg:#f1e9dc}
body.kvall .fb{--bg:var(--natt);--fg:var(--papper);--mut:#cbbfae;--acc:var(--solgult);--linje:var(--papper)}
.fb .in{max-width:1440px;margin:0 auto;padding:64px var(--kant) 0;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:48px;position:relative;z-index:2}
.fb .et.nar{color:var(--acc);display:block;margin-bottom:18px}
.fb h1{font-size:92px}
.fb h1 i{color:var(--acc)}
.fb .ingress{font-size:20px;margin-top:22px;max-width:34ch}
.fb .lappar{position:relative;height:300px;align-self:end}
.fb .lappar .lapp{position:absolute}
.fb .lapp.gul .et{display:block}
.fb .lapp-txt{position:absolute;left:256px;top:170px;font-size:16px;color:var(--mut);max-width:24ch}
.fb .lapp-txt a{display:block;margin-top:8px;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--fg);text-decoration-color:var(--solgult);text-decoration-thickness:3px;text-underline-offset:6px}
.fb .scen{display:block;width:100%;height:auto;margin-top:-190px;position:relative;z-index:1}
.scen .berg{fill:var(--bg);transition:fill .8s}
.scen .streck{fill:none;stroke:var(--linje);stroke-width:2;transition:stroke .8s}
.scen .solc{fill:var(--solgult);transition:transform 1.2s,opacity .8s}
body.kvall .scen .solc{transform:translateY(160px);opacity:0}
body.morgon .scen .solc{transform:translate(-40px,40px)}
.scen .fo{fill:#faf8f3;transition:fill .8s}
body.kvall .scen .fo{fill:var(--solgult)}
.scen .ljus{opacity:0;transition:opacity .8s}
body.kvall .scen .ljus{opacity:1}
.scen .gh-fo{fill:#f3f3ef;transition:fill .8s}
body.kvall .scen .gh-fo{fill:#e9b85c}
body.kvall .scen .gh-sol{fill:#e9b85c}

/* ---------- Gemensamma moduler ---------- */
.sek .huvud{align-items:end}
.vecka-sek .veckan .dag.son{background:var(--betsad);border-color:var(--betsad)}
.rad .m{width:18px;height:18px}
.rad .m.c-falurod{background:var(--falurod)} .rad .m.c-betsad{background:var(--betsad)} .rad .m.c-solgult{background:var(--solgult)} .rad .m.c-tjarn{background:var(--tjarn)} .rad .m.c-rost{background:var(--rost)}
.rad .m.c-inst{background:transparent;outline:1.5px solid var(--betsad);outline-offset:-1.5px}
.rad.idag{background:linear-gradient(90deg,rgba(227,168,51,.16),transparent 70%)}
.rad .idag-et{display:inline-block;background:var(--solgult);color:var(--skugga);font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:3px 6px;margin-left:10px;vertical-align:3px}
.forkl4{display:flex;flex-wrap:wrap;gap:10px 22px;margin:18px 0 0;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--betsad)}
.forkl4 span{display:flex;align-items:center;gap:8px}
.forkl4 i{width:14px;height:14px;display:block}
/* Avfasade kort med foto under färgen (A) */
.harnast4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ev4{position:relative;display:flex;flex-direction:column;gap:6px;padding:26px 26px 28px;min-height:400px;text-decoration:none;overflow:hidden;clip-path:polygon(0 0,calc(100% - 44px) 0,100% 44px,100% 100%,0 100%)}
.ev4 .tk{width:44px;height:44px;margin-bottom:auto;position:relative}
.ev4 .nar{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-top:28px;position:relative}
.ev4 h3{font-weight:500;font-size:28px;line-height:1.12;position:relative}
.ev4 p{font-size:15.5px;line-height:1.45;position:relative}
.ev4 .foto{position:absolute;left:0;top:0;width:100%;height:48%;object-fit:cover}
.ev4 .foto+.ton{position:absolute;left:0;top:0;width:100%;height:48%;background:var(--tc);mix-blend-mode:multiply;opacity:var(--to,.4)}
.ev4 .idag{position:relative;align-self:flex-start;background:var(--papper);color:var(--skugga);font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:4px 8px;margin-bottom:6px}
.c-solgult .idag{background:var(--skugga);color:var(--papper)}
/* Pushkort med färg och symbol, foto under färgen när det finns (B) */
.kort{grid-template-columns:repeat(4,minmax(0,1fr))}
.kort .topp-f{position:relative;overflow:hidden}
.kort .topp-f img.f{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.kort .topp-f .ton{position:absolute;inset:0;background:var(--tc);mix-blend-mode:multiply;opacity:.55}
.kort .topp-f .tk{position:relative}
/* Första gången-teaser */
.ft{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:center}
.ft .bild{aspect-ratio:16/10}
.ft h2{font-weight:500;font-size:52px;line-height:1.05}
.ft h2 i{display:block;color:var(--falurod)}
.ft p{font-size:19px;margin-top:14px;max-width:40ch}
.ft ol{margin-top:22px;border-top:1.5px solid var(--falurod)}
.ft li{display:grid;grid-template-columns:40px minmax(0,1fr);padding:11px 0;border-bottom:1px solid var(--gran);font-size:19px}
.ft li span{font-family:var(--sans);font-weight:600;font-size:13px;color:var(--betsad);padding-top:4px}
.knapp{display:inline-block;margin-top:24px;background:var(--falurod);color:var(--papper);padding:14px 20px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none}
/* Duken som visionsblänkare */
.duk4{position:relative;background:url(/a/el/duken.svg) center/1300px auto,var(--falurod);padding:96px var(--kant);display:flex;justify-content:center}
.duk4 .mitt{width:360px;aspect-ratio:1;border-radius:50%;background:var(--gran);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:48px}
.duk4 .mitt .et{color:var(--falurod)}
.duk4 .mitt p{font-size:24px;line-height:1.28;margin-top:10px}
.duk4 .mitt a{margin-top:16px;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration-color:var(--falurod);text-decoration-thickness:2px;text-underline-offset:5px}
.ikvall img{min-height:520px}
/* Sidfot: strecket, grannarna och solen i ryggen */
.fot4{background:var(--papper);color:var(--skugga);padding:0 var(--kant);overflow:hidden}
body.kvall .fot4{background:var(--natt);color:var(--papper)}
.fot4 .scen{display:block;width:100%;height:auto;max-width:1328px;margin:0 auto}
.fot4 .scen .berg{fill:var(--papper)} body.kvall .fot4 .scen .berg{fill:var(--natt)}
.fot4 .scen .streck{stroke:var(--falurod)} body.kvall .fot4 .scen .streck{stroke:var(--papper)}
.fot4 .fot-in{border-top:0;padding:30px 0 48px}
body[data-front=b] .fot4 .scen{display:none}
body[data-front=b] .fot4 .fot-in{border-top:2px solid var(--falurod);margin-top:56px}
body.kvall[data-front=b] .fot4 .fot-in{border-top-color:var(--papper)}
.fot4 .fot-in .et{color:var(--falurod)} body.kvall .fot4 .fot-in .et{color:var(--solgult)}
.fot4 .fot-in .logo.n{display:none} body.kvall .fot4 .fot-in .logo.f{display:none} body.kvall .fot4 .fot-in .logo.n{display:block}
/* Folket */
.folk2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.folk2 > div{border-top:2px solid var(--skugga);padding-top:16px;min-width:0}
.folk2 .s{width:52px;height:52px;background:var(--falurod);padding:9px;margin-bottom:14px}
.folk2 > div:nth-child(2) .s{background:var(--betsad)} .folk2 > div:nth-child(3) .s{background:var(--gran)} .folk2 > div:nth-child(4) .s{background:var(--solgult)}
.folk2 h3{font-weight:500;font-size:22px}
.folk2 p{font-size:15.5px;color:var(--betsad);overflow-wrap:anywhere}
/* Om oss: animationen */
.om-anim .fasad-spar{height:200vh}
.om-anim .fasad{min-height:560px}
.om-anim .fasad h1{font-size:84px}
.byn{background:var(--papper-2)}
/* Vision: foto med lätt ton */
.mitt-i{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);background:var(--falurod);color:var(--papper);margin-top:96px}
.mitt-i figure{position:relative;margin:0;min-height:460px}
.mitt-i img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mitt-i figure:after{content:"";position:absolute;inset:0;background:var(--falurod);mix-blend-mode:multiply;opacity:.34}
.mitt-i > div{padding:48px;display:flex;flex-direction:column;justify-content:flex-end}
.mitt-i .et{color:var(--solgult)}
.mitt-i h2{font-weight:500;font-size:44px;line-height:1.06;margin-top:12px}
.mitt-i h2 i{display:block}
.mitt-i p{font-size:18px;margin-top:12px;max-width:38ch}
/* Röster (där de behövs) */
.roster4{background:var(--papper)}
.roster4 .rb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:end}
.roster4 .not{margin-top:20px;font-size:14px;color:var(--betsad);font-style:italic}
/* Kalender */
.ktop{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.filter4{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0 8px}
.filter4 button{display:flex;align-items:center;gap:8px;border:2px solid var(--skugga);padding:8px 13px 8px 10px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.06em}
.filter4 button i{width:12px;height:12px;display:block}
.filter4 button[aria-pressed=true]{background:var(--skugga);color:var(--papper)}
.vkrub{font-weight:500;font-size:30px;margin:44px 0 0}
.vkrub small{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--betsad);margin-left:12px}
.kraft4{margin-top:56px;background:var(--natt);color:var(--papper);padding:40px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:40px;align-items:center}
.kraft4 .kors{width:120px;aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;position:relative}
.kraft4 .kors:before{content:"";position:absolute;inset:-60%;background:radial-gradient(circle,rgba(255,226,160,.35),transparent 55%)}
.kraft4 .kors i{background:#f7efdf;position:relative} .kraft4 .kors i.m{background:var(--solgult)} .kraft4 .kors i.t{background:transparent}
.kraft4 .et{color:var(--solgult)}
.kraft4 h2{font-weight:500;font-size:34px;margin-top:6px}
.kraft4 p{font-size:17px;margin-top:8px;color:#e6dccd;max-width:56ch}

@media (max-width:760px){

  .topp{height:60px}
  .fasad{top:60px;height:calc(100vh - 60px)}
  .topp .logo img{height:24px}
  .topp nav a:not(.nu){display:none}
  .topp .nu{display:none}
  .fasad-spar{height:170vh}
  .glugg{left:var(--mx);top:var(--my);width:var(--ms)}
  .glugg .lab{top:calc(100% + 6px)}
  .glugg .lab .et{font-size:10px}
  .glugg .lab b{font-size:15px}
  .glugg.sol{padding:12px}
  .glugg.sol .tid{font-size:40px}
  .glugg.sol b{font-size:17px}
  .glugg.sol .et{font-size:10px}
  .glugg.bara-desk{display:none}
  .fasad h1{font-size:52px;bottom:150px}
  .fasad .ingress{font-size:16px;bottom:84px;right:16px}
  .fasad .vision p{font-size:19px}
  .skroll{display:none}
  .sek{padding:56px var(--kant)}
  .huvud{display:block;margin-bottom:24px}
  .huvud .r{font-size:36px}
  .huvud p{margin-top:10px}
  .veckan{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .dag{padding:7px;border-width:1.5px}
  .dag .et{font-size:9.5px;letter-spacing:.06em}
  .dag .n{font-size:22px}
  .dag .h{font-size:11.5px}
  .rad{grid-template-columns:14px 64px minmax(0,1fr) 30px;gap:10px;padding:14px 0}
  .rad .m{width:12px;height:12px}
  .rad .d{grid-column:2;grid-row:1;font-size:10.5px}
  .rad .t{grid-column:2;grid-row:2;font-size:16px}
  .rad > div{grid-column:3;grid-row:1/3}
  .rad .tk{grid-column:4;grid-row:1/3;width:30px;height:30px}
  .rad .m{grid-row:1/3}
  .rad h3{font-size:18px}
  .rad p{font-size:14px}
  .fg{grid-template-columns:1fr;gap:20px}
  .fg .q{font-size:21px}
  .stat{grid-template-columns:1fr;gap:36px}
  .stat .tal{font-size:60px}
  .fot .linje{height:90px}
  .fot .linje:before{right:360px;bottom:10px}
  .fot .linje img.s{height:90px;right:-60px}
  .fot .linje img.h{width:34px;bottom:11px;left:8%}
  .fot-in{grid-template-columns:1fr 1fr;gap:24px}
  .fot-in > div:first-child{grid-column:1/-1}
  .sidhuvud{grid-template-columns:1fr;gap:16px;padding:32px var(--kant) 28px}
  .sidhuvud .r{font-size:46px}
  .sidhuvud p{font-size:17px}
  .bredd{padding-bottom:56px}
  .manader{grid-template-columns:1fr;gap:36px}
  .mg{gap:4px}
  .mg .c{padding:4px;font-size:12px;border-width:1px}
  .mg .c .pr i{width:7px;height:7px}
  .lista{margin-top:44px}
  details.f summary{grid-template-columns:20px minmax(0,1fr);gap:14px;padding:18px 0}
  details.f summary .g{width:20px;height:20px;margin-top:5px}
  details.f summary h2{font-size:24px}
  details.f summary .kat{display:none}
  details.f .svar{padding:0 0 20px 34px;grid-template-columns:1fr}
  details.f .svar .s{font-size:23px}
  details.f .svar p{font-size:16.5px}
  details.f .svar img{display:none}
  .egen{grid-template-columns:1fr;gap:20px;padding:24px 18px}
  .egen h2{font-size:27px}
  .vis{grid-template-columns:1fr;gap:40px}
  .kors{max-width:100%;gap:6px}
  .kors b{font-size:16px}
  .kors .et{font-size:9px}
  .kors > *{padding:9px}
  .vis blockquote{font-size:27px}
  .tre{grid-template-columns:1fr;gap:24px;margin-top:56px}
  .alla-band{grid-template-columns:1fr;padding:28px 20px;margin-top:56px;gap:18px}
  .alla-band .g{width:44px;height:44px}
  .alla-band p{font-size:21px}
  .folk{grid-template-columns:1fr;gap:14px}
  .folk .p{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:16px;align-items:start}
  .folk .p .ini{grid-row:span 3;font-size:28px;padding:9px}
  .folk .p .ini img{width:26px;height:26px}
  .folk h3{font-size:19px;margin-top:0}
  .tva{grid-template-columns:1fr;gap:48px;margin-top:56px}
  .tva h2{font-size:28px}
  .tva img.foto{height:220px}
  .grannar{grid-template-columns:1fr;padding:24px 18px;margin-top:56px;gap:24px}

  .ikvall{grid-template-columns:1fr}
  .ikvall img{min-height:240px;height:240px}
  .ikvall > div{padding:28px 18px}
  .ikvall h2{font-size:36px}
  .ikvall p{font-size:17px}
  .alpha .in{grid-template-columns:1fr;gap:28px}
  .lilla{max-width:260px}
  .alpha h2{font-size:34px}
  .alpha p{font-size:17px}
  .alpha form{grid-template-columns:1fr}
  .af{clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}
  .rt{grid-template-columns:1fr;gap:0}
  .rt .vanster{order:2}
  .steg{display:flex;border-top:0;gap:6px;margin-top:16px}
  .steg button{display:grid;place-items:center;grid-template-columns:1fr;border:1.5px solid var(--skugga);padding:8px 0}
  .steg button b{display:none}
  .steg button[aria-current=true]{background:var(--solgult);border-color:var(--solgult)}
  .steg button[aria-current=true] .n{width:auto;height:auto}
  .steg-txt{margin-top:18px}
  .steg-txt h3{font-size:28px}
  .steg-txt p{font-size:17px}
  .bild:after{width:72px;height:72px}
  .pin .l{display:none}
  .noter{display:block;margin-top:12px}
  .noter li{display:flex;gap:10px;align-items:center;font-size:15.5px;padding:4px 0}
  .noter li span{width:24px;height:24px;flex:none;background:var(--solgult);display:grid;place-items:center;font:600 12px/1 var(--sans)}
  .gb .kropp{padding:2px 18px 20px}
  .gb .vem{margin:-26px 0 12px;font-size:10.5px}
  .gb q{font-size:21px}
  .rb{gap:20px}
  .rb .s1{width:88%}.rb .s2{width:76%;margin-left:auto}.rb .s3{width:66%}.rb .s4{width:52%;margin-left:auto}
  .rb .s4 q{font-size:18px}
  .ljusbox{grid-template-columns:1fr;gap:48px;padding:56px var(--kant)}
  .ljusbox .kors{width:min(300px,100%);gap:8px}
  .ljusbox .kors b{font-size:15px}
  .ljusbox .kors .et{font-size:8.5px}
  .ljusbox .kors > *{padding:8px}
  .ljusbox blockquote{font-size:27px}
  .kort{grid-template-columns:1fr 1fr;gap:8px}
  .kort .topp-f{height:96px}
  .kort .topp-f .tk{width:44px;height:44px}
  .kort .txt{padding:12px 12px 14px}
  .kort h3{font-size:19px}
  .kort p{font-size:14px}
  .lage button{padding:5px 7px;font-size:0;gap:0}
  .topp .lage{margin-right:112px}
  .dygnet{display:none}
  .fa{--x0:0px;height:780px}
  .fa .sol{width:46px;left:82%;top:31%}
  body.morgon .fa .sol{left:76%;top:38%}
  .fa .gl{left:var(--mx);top:var(--my);width:var(--ms)}
  .fa .pr,.fa .glod{left:var(--mx);top:var(--my);width:var(--ms)}
  .fa .gl .lab{top:calc(100% + 6px);max-width:110px}
  .fa .gl .lab b{font-size:15px}
  .fa .gl .lab .et{font-size:9.5px}
  .bara-desk{display:none!important}
  .lapp{left:var(--mx);top:var(--my);width:var(--ms);padding:12px}
  .lapp.gul{--tf:44px;--bf:17px}
  .lapp.gul .et{font-size:10px}
  .lapp.rost,.lapp.tjarn{padding:8px;--bf:13px}
  .lapp.rost .et,.lapp.tjarn .et{font-size:8.5px;letter-spacing:.08em}
  .fa h1{font-size:52px;bottom:100px}
  .fa .ingress{font-size:16px;bottom:22px;right:16px}
  .fb .in{grid-template-columns:1fr;padding-top:36px;gap:20px}
  .fb h1{font-size:50px}
  .fb .ingress{font-size:17px;margin-top:14px}
  .fb .lappar{height:236px}
  .fb .lappar .lapp{left:var(--mx);top:var(--my);width:var(--ms)}
  .fb .lapp-txt{left:auto;right:0;top:auto;bottom:0;width:44%;font-size:14px}
  .fb .scen{margin-top:4px;width:160%;margin-left:-45%}
  .harnast4{grid-template-columns:1fr 1fr;gap:10px}
  .ev4{min-height:270px;padding:16px;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,0 100%)}
  .ev4 .tk{width:30px;height:30px}
  .ev4 h3{font-size:19px}
  .ev4 p{display:none}
  .ev4 .nar{font-size:10px;margin-top:14px}
  .kort{grid-template-columns:1fr 1fr;gap:10px}
  .kort .topp-f{height:110px}
  .kort .txt{padding:12px 12px 14px}
  .kort h3{font-size:19px}
  .kort p{display:none}
  .kort .et{font-size:10px}
  .ft{grid-template-columns:1fr;gap:24px}
  .ft h2{font-size:34px}
  .ft p{font-size:17px}
  .duk4{padding:56px 16px}
  .duk4 .mitt{width:min(300px,100%);padding:34px}
  .duk4 .mitt p{font-size:19px}
  .ikvall img{min-height:240px}
  .fot4 .scen{width:160%;max-width:none;margin-left:-45%}
  .om-anim .fasad h1{font-size:46px}
  .mitt-i{grid-template-columns:1fr;margin-top:56px}
  .mitt-i figure{min-height:240px}
  .mitt-i > div{padding:26px 20px}
  .mitt-i h2{font-size:30px}
  .folk2{grid-template-columns:1fr 1fr;gap:20px}
  .folk2 h3{font-size:18px}
  .roster4 .rb{grid-template-columns:1fr;gap:6px}
  .filter4{margin-top:20px}
  .filter4 button{font-size:12px;padding:7px 10px 7px 8px}
  .vkrub{font-size:24px;margin-top:32px}
  .kraft4{grid-template-columns:1fr;padding:26px 20px;gap:24px}
  .kraft4 .kors{width:90px}
  .kraft4 h2{font-size:26px}
}

@media (min-width:761px){.rad{grid-template-columns:22px 170px 90px minmax(0,1fr) 44px}.rad .d{font-size:16px;font-weight:700;letter-spacing:.08em}.rad .t{font-size:22px}}

:root{--g-gudstjanst:#9f506a;--g-mat:#cb7724;--g-barn:#7c945c;--g-samtal:#5f90b9;--g-forsamling:#3f968d;--g-hogtid:#7f5c8d}
body.kvall{--g-gudstjanst:#b3627b;--g-hogtid:#916d9f}
.g-gudstjanst{background:var(--g-gudstjanst)}.g-mat{background:var(--g-mat)}.g-barn{background:var(--g-barn)}.g-samtal{background:var(--g-samtal)}
.rad .m.g-gudstjanst,.rad.idag .m.g-gudstjanst{background:var(--g-gudstjanst)}.rad .m.g-mat,.rad.idag .m.g-mat{background:var(--g-mat)}.rad .m.g-barn,.rad.idag .m.g-barn{background:var(--g-barn)}.rad .m.g-samtal,.rad.idag .m.g-samtal{background:var(--g-samtal)}
.dk-l a .tid{color:var(--papper)}

/* /v.css */

/* Runda 5: fyra förstavyer för front A, kalenderkort och kortad lista */
.hv{--himmel:var(--papper);--fasad:var(--falurod);--tak:var(--skugga);position:relative;overflow:hidden;background:var(--himmel);height:calc(var(--Hd) * var(--k,1));transition:background .8s}
body.morgon .hv{--himmel:var(--papper-2)}
body.kvall .hv{--himmel:linear-gradient(180deg,#120c0b 0%,#2a1d19 100%);--fasad:#5a1a10;--tak:#0d0908}
.hv .st{position:absolute;top:0;left:calc(50% - var(--W) / 2 * var(--k,1));width:var(--W);height:var(--H);transform:scale(var(--k,1));transform-origin:0 0}
.hv .st.m{display:none}
.st .fs{position:absolute;top:0}
.st .pf{fill:var(--fasad);transition:fill .8s}
.st .pl{fill:rgba(0,0,0,.14)}
.st .takfot{fill:none;stroke:var(--tak);stroke-width:22;transition:stroke .8s}
.st .sol{position:absolute;border-radius:50%;background:var(--solgult);transition:opacity .8s,transform 1.2s}
body.morgon .st .sol{transform:translate(-24px,36px)}
body.kvall .st .sol{opacity:0;transform:translateY(80px)}
.st .stj{position:absolute;width:3px;height:3px;background:var(--papper);opacity:0;transition:opacity .8s}
body.kvall .st .stj{opacity:.75}
.st .h1{position:absolute;margin:0;font-weight:500;line-height:.98;letter-spacing:-.015em;white-space:nowrap;z-index:2}
.st .h1 i{display:block;font-style:italic}
.h1.mork{color:var(--skugga)} .h1.mork i{color:var(--falurod)}
body.kvall .h1.mork{color:var(--papper)} body.kvall .h1.mork i{color:var(--solgult)}
.h1.ljus{color:var(--papper)} .h1.ljus i{color:var(--solgult)}
.st .ing{position:absolute;margin:0;line-height:1.45;z-index:2}
.ing.mork{color:var(--betsad)} body.kvall .ing.mork{color:#d9cfc0}
.ing.ljus{color:var(--papper)}
/* gluggarna */
.gw{position:absolute;display:block;text-decoration:none;color:var(--papper);z-index:2}
.gw:before{content:"";position:absolute;inset:-80%;background:radial-gradient(circle,rgba(255,214,140,.34),rgba(227,168,51,.08) 40%,transparent 66%);opacity:0;transition:opacity .8s;pointer-events:none}
body.kvall .gw:before{opacity:1}
.gw .glas{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:background .8s,filter .8s}
.gw .lab{position:absolute;left:0;top:calc(100% + 10px);width:max-content;max-width:240px}
.gw .lab .et{display:block;font-size:11px;opacity:.85}
.gw .lab b{display:block;font-weight:500;font-size:20px;line-height:1.15}
.gw.sym .glas{background:var(--papper)}
.gw.sym .tk{width:40%;height:40%}
.gw.sym:hover .glas{background:var(--solgult)}
body.kvall .gw.sym .glas{background:var(--solgult)}
.gw.streck .glas{outline:2.5px dashed var(--papper);outline-offset:-2.5px}
.gw.streck .tk{width:36%;height:36%}
body.kvall .gw.streck .glas{outline-color:var(--solgult);background:rgba(227,168,51,.16)}
.gw.foto .glas img:not(.tk){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.gw.foto .ton{position:absolute;inset:0;background:var(--betsad);mix-blend-mode:multiply;opacity:.28;transition:opacity .8s,background .8s}
.gw.foto .tk{position:absolute;left:10px;top:10px;width:30px;height:30px}
body.kvall .gw.foto .ton{background:#e8a53c;opacity:.38}
.gw.farg .glas{display:block;background:var(--c)}
.gw.farg .tk{position:absolute;left:12px;top:12px;width:34px;height:34px}
.gw.farg .lab-in{position:absolute;left:12px;right:10px;bottom:11px;color:var(--fg,var(--papper))}
.gw.farg .lab-in .et{display:block;font-size:10px;letter-spacing:.1em}
.gw.farg .lab-in b{display:block;font-weight:500;font-size:20px;line-height:1.1}
.gw.farg.streck .glas{background:transparent}
.gw.farg:hover .glas{filter:brightness(1.08)}
.gw.ev .lab b{font-size:18px}
/* rutan i kort och fönster */
.ruta{position:relative;display:block;background:var(--tc);overflow:hidden}
.ruta img:not(.tk){position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ruta .ton{position:absolute;inset:0;background:var(--tc);mix-blend-mode:multiply;opacity:var(--to,.4)}
.ruta .tk{position:absolute;left:10%;top:10%;width:18%;height:18%;min-width:22px;min-height:22px}
.ruta.solid .tk{left:50%;top:50%;width:40%;height:40%;transform:translate(-50%,-50%)}
.ruta .idag{position:absolute;right:8%;top:8%;background:var(--papper);color:var(--skugga);font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:4px 7px;line-height:1.2}
/* gula lappen */
.hl{position:absolute;display:flex;flex-direction:column;padding:22px;background:var(--solgult);color:var(--skugga);text-decoration:none;z-index:3;transition:background .8s}
body.kvall .hl{background:var(--papper)}
.hl .et{font-size:12px}
.hl .tid{margin-top:auto;font-size:66px;font-weight:500;line-height:.95;font-variant-numeric:tabular-nums}
.hl b{font-weight:500;font-size:28px;line-height:1.1;margin-top:4px}
.hl .hl-p{font-size:15px;line-height:1.4;margin-top:6px}
.hl .hl-tl{list-style:none;padding:8px 0 0;margin:12px 0 0;border-top:1.5px solid var(--skugga)}
.hl .hl-tl li{display:flex;gap:10px;font-family:var(--sans);font-size:12.5px;font-weight:600;line-height:1.7}
.hl .hl-tl i{font-style:normal;font-variant-numeric:tabular-nums;min-width:40px}
body.kvall .hl .hl-tl li{opacity:.45}
body.kvall .hl .hl-tl li.nu{opacity:1}
body.kvall .hl .hl-tl li.nu:after{content:"nu";margin-left:auto;background:var(--solgult);padding:0 6px;letter-spacing:.1em;text-transform:uppercase;font-size:10.5px;align-self:center;line-height:1.6}
.hl.mellan{padding:14px}
.hl.mellan .et{font-size:10px;letter-spacing:.1em}
.hl.mellan .tid{font-size:46px}
.hl.mellan b{font-size:20px}
.hl.mellan .hl-p{display:none}
.hl.mellan .hl-tl{margin-top:8px;padding-top:5px}
.hl.mellan .hl-tl li{font-size:10.5px;line-height:1.55}
.hl.mellan .hl-tl i{min-width:32px}
.hl.liten{padding:12px}
.hl.liten .et{font-size:9.5px;letter-spacing:.08em}
.hl.liten .tid{font-size:40px}
.hl.liten b{font-size:18px}
.hl.liten .hl-p{font-size:12px;line-height:1.35;margin-top:4px}
.hl.liten .hl-tl{display:none}
.lp{position:absolute;display:flex;flex-direction:column;padding:14px;background:var(--c);color:var(--papper);text-decoration:none;z-index:3}
.lp .et{font-size:10.5px}
.lp b{margin-top:auto;font-weight:500;font-size:var(--bf,20px);line-height:1.1}
/* kalenderkorten */
.kal{padding:56px var(--kant) 8px}
.kal-in{max-width:1328px;margin:0 auto}
.kal-h{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}
.kal-h h2{font-size:48px}
.kal-h a,.sedan span{font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--skugga);white-space:nowrap}
.kal-h a{text-decoration-color:var(--solgult);text-decoration-thickness:3px;text-underline-offset:6px}
.kk6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.kk{display:flex;flex-direction:column;min-width:0;text-decoration:none;color:var(--skugga)}
.kk .ruta{aspect-ratio:1}
.kk .nar{font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--betsad);margin-top:12px}
.kk b{font-weight:500;font-size:20px;line-height:1.15;margin-top:4px}
.kk .kb{font-size:14.5px;line-height:1.4;color:var(--betsad);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kk:hover b{text-decoration:underline;text-decoration-color:var(--solgult);text-decoration-thickness:2px;text-underline-offset:4px}
.sedan{display:flex;justify-content:space-between;align-items:baseline;margin-top:48px;padding-bottom:10px;border-bottom:2px solid var(--skugga)}
.sedan h3{font-weight:500;font-size:28px}
.sedan span{color:var(--betsad);font-size:12px}
.l6{list-style:none;margin:0;padding:0}
.l6 li.dold{display:none}
.l6.alla li.dold{display:block}
.l6 a{display:grid;grid-template-columns:110px 110px minmax(0,1fr) 36px;gap:20px;align-items:center;padding:12px 0;border-bottom:1px solid var(--gran);text-decoration:none;color:var(--skugga)}
.l6 a:hover b{text-decoration:underline;text-decoration-color:var(--solgult);text-decoration-thickness:2px}
.l6 .dat{display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:baseline;border-left:5px solid var(--tc);padding-left:12px}
.l6 .vd{grid-column:1/-1;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--betsad)}
.l6 .dn{font-size:40px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
.l6 .mn{font-size:15px;font-style:italic;color:var(--betsad)}
.l6 .t{font-size:18px;font-variant-numeric:tabular-nums}
.l6 .t2{display:none}
.l6 b{display:block;font-weight:500;font-size:21px;line-height:1.2}
.l6 .kb{display:block;font-size:15px;color:var(--betsad);margin-top:2px}
.l6 .tk{width:32px;height:32px}
.l6 .inst b{text-decoration:line-through;text-decoration-thickness:1.5px}
.fler{margin-top:18px;border:2px solid var(--skugga);padding:10px 16px;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.fler:hover{background:var(--skugga);color:var(--papper)}
.kal + .sek{padding-top:72px}
/* pusslet */
.flyg{position:fixed;left:0;top:0;width:0;height:0;z-index:25;pointer-events:none}
.ruta.flyger{position:absolute;left:0;top:0;display:none}
body:not(.p-start):not(.p-klar) .ruta.flyger{display:block}
body.pussel:not(.p-start) .hv .gw.ev .glas{visibility:hidden}
body.pussel:not(.p-klar) .kk6 .ruta{visibility:hidden}
body.pussel .hv .gw.ev .lab{opacity:calc(1 - var(--p,0) * 3)}

@media (max-width:760px){
  .hv{height:calc(var(--Hm) * var(--k,1))}
  .hv .st.d{display:none}
  .hv .st.m{display:block}
  .gw .lab{top:calc(100% + 6px);max-width:110px}
  .gw .lab .et{font-size:9px;letter-spacing:.08em}
  .gw .lab b{font-size:15px}
  .gw.foto .tk{left:7px;top:7px;width:22px;height:22px}
  .gw.farg .tk{left:8px;top:8px;width:22px;height:22px}
  .gw.farg .lab-in{left:8px;bottom:7px;right:6px}
  .gw.farg .lab-in .et{display:none}
  .gw.farg .lab-in b{font-size:14px}
  .gw.ev .lab b{font-size:13.5px}
  .gw.ev .lab .et{font-size:8.5px}
  .ruta .idag{font-size:8.5px;padding:3px 5px}
  .lp{padding:8px}
  .lp .et{font-size:8.5px;letter-spacing:.08em}
  .kal{padding:36px 16px 0}
  .kal-h{margin-bottom:18px}
  .kal-h h2{font-size:32px}
  .kal-h a{font-size:11px}
  .kk6{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin:0 -16px;padding:0 16px 4px;scrollbar-width:none;scroll-padding-inline:16px}
  .kk6::-webkit-scrollbar{display:none}
  .kk{flex:0 0 42%;scroll-snap-align:start}
  .kk .nar{font-size:10px;margin-top:9px}
  .kk b{font-size:17px}
  .kk .kb{font-size:13px}
  .sedan{margin-top:32px}
  .sedan h3{font-size:22px}
  .l6 a{grid-template-columns:78px minmax(0,1fr) 28px;gap:14px;padding:10px 0}
  .l6 .t{display:none}
  .l6 .t2{display:block;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--betsad);font-variant-numeric:tabular-nums}
  .l6 .dat{padding-left:9px;border-left-width:4px}
  .l6 .dn{font-size:30px}
  .l6 .mn{font-size:13px}
  .l6 .vd{font-size:9.5px}
  .l6 b{font-size:17px}
  .l6 .kb{font-size:13.5px}
  .l6 .tk{width:26px;height:26px}
  .kal + .sek{padding-top:48px}
}

/* /r6.css */

/* Runda 6: dynamisk one-page */
:root{--th:74px;--bn:0px}
.nb{white-space:nowrap}
.topp .logo{flex:none}
.resa{position:relative;height:calc(100vh - var(--th) - var(--bn) + 115vh);height:calc(100svh - var(--th) - var(--bn) + 115svh)}
.resa .hv{position:sticky;top:var(--th);height:calc(100vh - var(--th) - var(--bn));height:calc(100svh - var(--th) - var(--bn));--tak:var(--papper-2)}
body.kvall .resa .hv{--himmel:var(--natt);--fasad:var(--falurod);--tak:var(--betsad)}
.hv[data-l=m] .st.d{display:none} .hv[data-l=m] .st.m{display:block}
.hv[data-l=d] .st.d{display:block} .hv[data-l=d] .st.m{display:none}
.resa .hv .st{top:var(--sty,0px)}
.st .land{position:absolute;left:0;top:0;overflow:visible}
.st .tak6{fill:none;stroke:var(--tak);stroke-width:.2;stroke-linejoin:miter;transition:stroke .8s}
.st .pl{fill:rgba(0,0,0,.14);opacity:calc(1 - var(--z,0) * 1.8)}
.st .berg6{fill:var(--papper);transition:fill .8s}
body.kvall .st .berg6{fill:var(--natt)}
.st .sol6{fill:var(--solgult);transition:fill .8s}
body.kvall .st .sol6{fill:var(--gran)}
.st .stj6{fill:var(--papper);opacity:0;transition:opacity .8s}
body.kvall .st .stj6{opacity:.75}
.st .streck6{fill:none;stroke:var(--falurod);stroke-width:2.5;stroke-dasharray:1 1;stroke-dashoffset:1;stroke-linejoin:miter}
body.kvall .st .streck6{stroke:var(--papper)}
.resa .hl,.resa .lp,.resa .gw{transform-origin:0 0}
.resa .gw:before{display:none}
.resa .hl{z-index:2} .resa .gw.pap{z-index:3}
.resa .hl>*{opacity:calc(1 - var(--t,0))}
body.kvall .resa .hl{background:var(--solgult)}
body.kvall .resa .hl .hl-tl li.nu:after{background:var(--skugga);color:var(--solgult)}
.resa .ut{opacity:calc(1 - var(--t,0))}
.resa .in6{opacity:var(--v,0)}
body.r-ute .resa .ut{visibility:hidden}
body:not(.r-slut) .resa .in6{visibility:hidden}
.resa a:focus-visible{outline:3px solid var(--skugga);outline-offset:3px}
body.kvall .resa a:focus-visible{outline-color:var(--solgult)}
.ing a{color:inherit;text-decoration-color:var(--falurod);text-decoration-thickness:2px;text-underline-offset:4px}
body.kvall .ing a{text-decoration-color:var(--solgult)}
.ing.in6{color:var(--betsad)} body.kvall .ing.in6{color:var(--gran)}
/* kalendern drar upp sig mot marklinjen när resan är klar */
.resa{margin-bottom:calc(var(--extra,0px) - var(--ner,0px))}
body.kvall .resa{--extra:44px}
.resa + .kal{position:relative;z-index:4;background:var(--papper)}
/* pusharna: breda lappar i kategorifärg */
.lp.bred{padding:16px 18px;outline:2px solid var(--papper);outline-offset:-2px}
.lp.bred .et{font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;padding-right:44px}
.lp.bred .et .kort{display:none}
.lp.bred .tk{position:absolute;right:16px;top:14px;width:30px;height:30px}
.lp.bred b{font-size:25px;line-height:1.1;hyphens:manual}
.lp.bred .lp-kb{font-size:14.5px;line-height:1.35;margin-top:5px;max-width:34ch}
/* papperrutorna */
.gw.pap .glas{display:block;background:var(--papper)}
.gw.pap .tk{position:absolute;left:14px;top:14px;width:34px;height:34px;opacity:calc(1 - var(--t,0))}
.gw.pap .lab-in,.gw.streck .lab-in{position:absolute;left:14px;right:10px;bottom:12px;opacity:calc(1 - var(--t,0))}
.gw.pap .lab-in{color:var(--skugga)}
.gw.pap .lab-in .et{display:block;margin:0;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--betsad)}
.gw.pap .lab-in b{display:block;font-weight:500;font-size:22px;line-height:1.1;margin-top:3px}
.gw.pap:hover .glas,.gw.pap:focus-visible .glas{outline:4px solid var(--falurod);outline-offset:-4px}
.gw.streck .lab-in .et{display:block;margin:0;font-size:10.5px;letter-spacing:.1em;color:var(--papper)}
.gw.streck .lab-in b{font-size:22px}
/* mobilscenen, även surfplatta på höjden */
.st.m .lp.bred{padding:8px 9px}
.st.m .lp.bred .et{font-size:11.5px;letter-spacing:.06em;padding-right:0}
.st.m .lp.bred .et .lang{display:none} .st.m .lp.bred .et .kort{display:inline}
.st.m .lp.bred .tk,.st.m .lp.bred .lp-kb{display:none}
.st.m .lp.bred b{font-size:15px;line-height:1.12}
.st.m .gw.pap .tk,.st.m .gw.streck .tk{left:9px;top:9px;width:22px;height:22px}
.st.m .gw.pap .lab-in,.st.m .gw.streck .lab-in{left:9px;right:6px;bottom:8px}
.st.m .gw.pap .lab-in .et,.st.m .gw.streck .lab-in .et{display:none}
.st.m .gw.pap .lab-in b,.st.m .gw.streck .lab-in b{font-size:14.5px}
.st.m .hl.mellan .hl-tl{display:none}
.st.m .hl.mellan .hl-p{display:block;font-size:12.5px;line-height:1.35;margin-top:6px}
.st.m .hl.mellan .tid{font-size:44px}
@media (prefers-reduced-motion:reduce){.resa{height:calc(100vh - var(--th) - var(--bn) + 30vh);height:calc(100svh - var(--th) - var(--bn) + 30svh)}}
/* kalenderkorten: lugn färgtopp som går över i fotot */
.ruta .grad{position:absolute;inset:0;background:linear-gradient(180deg,var(--tc) 0%,var(--tc) 27%,transparent 72%)}
.ruta .tk{z-index:1} .ruta .idag{z-index:1}
.l6 .idag-r{display:inline-block;vertical-align:3px;margin-left:10px;background:var(--solgult);color:var(--skugga);font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:3px 6px;line-height:1.2}
/* bordet */
.bord6{background:var(--papper-2)}
body.kvall .bord6{background:var(--natt);color:var(--papper)}
body.kvall .bord6 h2 i{color:var(--solgult)}
body.kvall .bordet .ring{border-color:var(--gran)}
.bord-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px;align-items:center}
.bord-txt .r{font-size:64px}
.bord-txt .ingress{font-size:21px;line-height:1.45;margin-top:22px;max-width:30ch}
.bord-txt p+p{margin-top:14px;color:var(--betsad);font-size:17px;max-width:38ch}
body.kvall .bord-txt p+p{color:var(--gran)}
.bordet{position:relative;width:100%;height:560px;margin:0 auto}
.bordet .ring{position:absolute;left:50%;top:50%;width:430px;height:430px;transform:translate(-50%,-50%);border-radius:50%;border:2px dotted var(--betsad);opacity:.5}
.bordet .duk{position:absolute;left:50%;top:50%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;background:var(--gran);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:44px;color:var(--skugga)}
.bordet .duk p{font-style:italic;font-size:20px;line-height:1.3;margin-top:16px}
.minikors{display:grid;grid-template-columns:repeat(3,14px);gap:3px}
.minikors i{width:14px;height:14px;background:var(--falurod)} .minikors i.t{background:transparent} .minikors i.m{background:var(--solgult)}
.stol{position:absolute;left:calc(50% + var(--dx));top:calc(50% + var(--dy));width:72px;height:72px;transform:translate(-50%,-50%);background:var(--c);padding:14px;text-decoration:none;display:block;transition:transform .2s}
.stol:hover{transform:translate(-50%,-50%) scale(1.08)}
.stol img{width:100%;height:100%}
.stol.tom{background:transparent;outline:2.5px dashed var(--falurod);outline-offset:-2.5px}
body.kvall .stol.tom{outline-color:var(--solgult)}
.stol .lab{position:absolute;top:50%;transform:translateY(-50%);width:150px;font-family:var(--serif);font-weight:500;font-size:19px;line-height:1.15;color:var(--skugga)}
body.kvall .stol .lab{color:var(--papper)}
.stol .lab .et{display:block;font-size:11px;color:var(--betsad);margin-bottom:3px;white-space:nowrap}
body.kvall .stol .lab .et{color:var(--gran)}
.stol .lab.h{left:calc(100% + 16px)}
.stol .lab.v{right:calc(100% + 16px);text-align:right}
.runt{display:none}
.rundtur6 .huvud{margin-bottom:32px}

@media (min-width:761px) and (max-width:1140px){
  .topp nav{gap:16px}
  .topp nav a{font-size:12px;letter-spacing:.07em;white-space:nowrap}
  .topp .dygnet{display:none}
}
@media (min-width:761px) and (max-width:900px){
  .topp nav{gap:10px}
  .topp nav a{font-size:11.5px;letter-spacing:.05em}
  .topp .lage button{padding-left:10px;padding-right:10px}
}
@media (min-width:761px) and (max-width:800px){
  .topp .lage button{font-size:0;gap:0}
}
@media (min-width:761px) and (max-width:1100px){
  .kk6{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
}
@media (max-width:1439px){
  .bord-in{grid-template-columns:1fr;gap:28px}
  .bord-txt{max-width:640px}
}
@media (min-width:761px) and (max-width:1000px){
  .stol .lab{width:118px;font-size:16px}
  .stol .lab .et{white-space:normal}
  .bordet .ring{width:360px;height:360px}
  .bordet .duk{width:250px;height:250px}
  .stol{left:calc(50% + var(--dx) * .84);top:calc(50% + var(--dy) * .84)}
  .bordet{height:480px}
}
@media (max-width:760px){
  :root{--th:60px}
  .topp .lage{margin-right:136px}
  .l6 .idag-r{display:none}
  .rundtur6 .pin{gap:6px;transform:translate(-12px,-12px)}
  .rundtur6 .pin .n{width:24px;height:24px;font-size:12px}
  .rundtur6 .pin .l{display:block;font-size:13.5px;line-height:1.25;padding:5px 8px;max-width:150px}
  .rundtur6 .pin.v{flex-direction:row-reverse;transform:translate(calc(-100% + 12px),-12px)}
  .rundtur6 .pin.hoger .l{max-width:108px}
  .rundtur6 .noter{display:none}
  .bord-in{grid-template-columns:1fr;gap:20px}
  .bord-txt .r{font-size:38px}
  .bord-txt .ingress{font-size:18px;margin-top:14px}
  .bordet{height:330px;max-width:358px}
  .bordet .ring{width:262px;height:262px}
  .bordet .duk{width:168px;height:168px;padding:20px}
  .bordet .duk p{font-size:13.5px;margin-top:10px}
  .minikors{grid-template-columns:repeat(3,10px);gap:2px}
  .minikors i{width:10px;height:10px}
  .stol{width:46px;height:46px;padding:9px;left:calc(50% + var(--dx) * .62);top:calc(50% + var(--dy) * .62)}
  .stol .lab{display:none}
  .runt{display:block;border-top:2px solid var(--skugga)}
  body.kvall .runt{border-top-color:var(--papper)}
  .runt a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid var(--gran);text-decoration:none;color:inherit}
  .runt a i{width:36px;height:36px;background:var(--c);padding:7px}
  .runt a i img{width:100%;height:100%;display:block}
  .runt a.tom i{background:transparent;outline:2px dashed var(--falurod);outline-offset:-2px}
  .runt a b{display:block;font-weight:500;font-size:18px;line-height:1.15}
  .runt a .et{font-size:10.5px;color:var(--betsad);margin:0 0 2px}
  body.kvall .runt a .et{color:var(--gran)}
}

/* Runda 10: startrubriken tonar över i Hela byns kyrka */
.resa .h1.forst{opacity:calc(1 - var(--h0,0));transform:translateY(calc(var(--h0,0) * -10px))}
.resa .h1.sist{opacity:var(--h1,0);transform:translateY(calc((1 - var(--h1,0)) * 10px));pointer-events:none}
/* Du med, i trappa längs takvinkeln */
.st .dsom{position:absolute;margin:0;z-index:2;line-height:1}
.st .dsom span{position:absolute;white-space:nowrap;color:var(--skugga);opacity:clamp(0,calc(var(--v,0) * 2.6 - var(--i) * .26),1)}
.st .dsom .med{font-style:italic;font-weight:500;color:var(--falurod)}
body.kvall .st .dsom span{color:var(--papper)} body.kvall .st .dsom .med{color:var(--solgult)}
/* mobil: Välliste-texten under marklinjen och huset (Simon 10.58) */
.st .ing-under{position:absolute;margin:0;z-index:2;font-size:14.5px;line-height:1.42;color:var(--betsad);text-wrap:pretty}
body.kvall .st .ing-under{color:var(--gran)}
/* tilltalet i bordets text i rött, som Du med (Simon 10.44) */
.ingress .du{font-style:italic;font-weight:500;color:var(--falurod)} body.kvall .ingress .du{color:var(--solgult)}
/* taket i furu, dag och kväll */
.resa .hv,body.kvall .resa .hv{--tak:var(--gran)}
/* större symboler i papperrutorna */
.gw.pap .tk{width:50px;height:50px}
.st.m .gw.pap .tk{width:30px;height:30px;left:8px;top:8px}
/* pusharna: rad och symbol även på mobilen */
.lp.bred .lp-kb .kort{display:none}
.st.m .lp.bred .et{padding-right:24px}
.st.m .lp.bred .tk{display:block;position:absolute;right:8px;top:8px;width:18px;height:18px}
.st.m .lp.bred .lp-kb{display:block;font-size:12.5px;line-height:1.25;margin-top:3px;max-width:none}
.st.m .lp.bred .lp-kb .lang{display:none} .st.m .lp.bred .lp-kb .kort{display:inline}
.st.m .lp.bred b{margin-top:auto}
/* bordet följer direkt på resan */
.resa + .sek{position:relative;z-index:4}
/* Bakom fönstren -> runt bordet */
.bord6.js{display:block}
.bord6.js.las{padding-block:0}
.bord6.js.las .bord-pin{position:sticky;padding-block:56px}
.bord6.js .bord-txtar{display:grid}
.bord6.js .bord-txtar>.bord-txt{grid-area:1/1}
.bord6 .bord-txt.b0{display:none}
.bord6.js .bord-txt.b0{display:block;opacity:var(--x0,0)}
.bord6.js .bord-txt.b1{opacity:var(--x1,1)}
.bord6.js.b1-ute .bord-txt.b1{visibility:hidden} .bord6.js.b0-ute .bord-txt.b0{visibility:hidden}
.bord-txt h2 i{color:var(--falurod)}
.bord6.js .bordet .ring{opacity:calc(.5 * var(--tt,1))}
.bord6.js .bordet .duk{opacity:calc(var(--tt,1) * var(--tt,1));transform:translate(-50%,-50%) scale(calc(.82 + .18 * var(--tt,1)))}
.bord6 .stol{transform:translate(calc(-50% + var(--ox,0px)),calc(-50% + var(--oy,0px)))}
.bord6 .stol:hover,.bord6 .stol:focus-visible{transform:translate(calc(-50% + var(--ox,0px)),calc(-50% + var(--oy,0px))) scale(1.08)}
.bord6 .stol .lab-l{display:none}
.bord6.js .stol .lab-l{display:block;position:absolute;left:calc(100% + 18px);top:50%;transform:translateY(-50%);white-space:nowrap;font-family:var(--serif);font-weight:500;font-size:22px;line-height:1.1;color:var(--skugga);opacity:clamp(0,calc(1 - var(--li,1) * 3.2),1);pointer-events:none}
.bord6.js .stol .lab-l .et{display:block;font-size:11px;color:var(--betsad);margin-bottom:3px}
body.kvall .bord6.js .stol .lab-l{color:var(--papper)} body.kvall .bord6.js .stol .lab-l .et{color:var(--gran)}
.bord6.js .stol .lab{opacity:clamp(0,calc(var(--li,1) * 4 - 3),1)}
.bord6.js .runt{display:none !important}
.bordet .duk p{text-wrap:balance}
.stol .lab .et{letter-spacing:.07em}
.bord6{overflow-x:clip}
.bord6.matt .stol{transition:none}
.bord6.js .stol{transition:none}
/* bordet på bärbara datorer: två spalter, något mindre bord */
@media (min-width:1200px) and (max-width:1439px){
  .bord-in{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px}
  .bord-txt .r{font-size:50px}
  .bordet{height:500px}
  .bordet .ring{width:380px;height:380px} .bordet .duk{width:264px;height:264px;padding:36px}
  .stol{left:calc(50% + var(--dx) * .87);top:calc(50% + var(--dy) * .87);width:64px;height:64px;padding:12px}
  .stol .lab{width:150px;font-size:17px}
  .stol .lab .et{font-size:10px}
}
@media (max-width:760px){
  .bord6.js.las .bord-pin{padding-block:28px}
  .bord6.js .stol .lab-l{left:calc(100% + 14px);font-size:18px}
  .bord6.js .stol .lab-l .et{font-size:10px}
}
/* beskrivning vid varje ruta, och på mobil ett mindre bord som symbol ovanför listan (Simon 10.46) */
.stol .lab{width:184px}
.stol .lab .bs{display:block;margin-top:5px;font-family:var(--serif);font-weight:400;font-size:14px;line-height:1.35;color:var(--betsad)}
body.kvall .stol .lab .bs{color:var(--gran)}
.runt a .bs{display:block;margin-top:3px;font-size:14px;line-height:1.35;color:var(--betsad)}
body.kvall .runt a .bs{color:var(--gran)}
@media (min-width:1200px) and (max-width:1439px){.stol .lab{width:168px} .stol .lab .bs{font-size:13px}}
@media (max-width:1199px){.stol .lab .bs{font-size:12.5px}}
@media (max-width:900px){.stol .lab{width:140px}}
@media (max-width:760px){
  .bordet{height:236px;max-width:260px}
  .bordet .ring{width:176px;height:176px}
  .bordet .duk{width:118px;height:118px;padding:16px}
  .bordet .duk p{font-size:11.5px;line-height:1.25;margin-top:6px}
  .minikors{grid-template-columns:repeat(3,7px);gap:2px} .minikors i{width:7px;height:7px}
  .stol{width:38px;height:38px;padding:7px;left:calc(50% + var(--dx) * .44);top:calc(50% + var(--dy) * .44)}
  .runt a{align-items:start}
}
/* streckad tom stol med kantlinje, Safari ritar inte streckad outline hel (Simon 11.05) */
.stol.tom{outline:0;border:2.5px dashed var(--falurod)} body.kvall .stol.tom{border-color:var(--solgult)}
.runt a.tom i{outline:0 !important;border:2px dashed var(--falurod)} body.kvall .runt a.tom i{border-color:var(--solgult)}
/* mobil: halva bordet, skuret av högerkanten, tre stolar med text och de tre andra i listan (Simon valde B 11.14) */
@media (max-width:760px){
  .bord-bild{margin-inline:-16px}
  .bordet{height:440px;max-width:none;overflow:hidden}
  .bordet .ring{left:100%;width:366px;height:366px}
  .bordet .duk{left:100%;width:250px;height:250px;align-items:flex-start;padding:0 0 0 30px}
  .minikors{grid-template-columns:repeat(3,11px);gap:2px} .minikors i{width:11px;height:11px}
  .stol{width:56px;height:56px;padding:11px;left:calc(100% + var(--dx) * .85);top:calc(50% + var(--dy) * .85)}
  .stol[data-i="0"]{--dx:-107px !important;--dy:-185px !important}
  .stol[data-i="1"]{--dx:-214px !important;--dy:0px !important}
  .stol[data-i="5"]{--dx:-107px !important;--dy:185px !important}
  .stol[data-i="2"],.stol[data-i="3"],.stol[data-i="4"]{display:none}
  .stol .lab{display:block;left:auto !important;right:calc(100% + 14px);text-align:right;width:150px;font-size:18px}
  .stol .lab .et{font-size:10px;white-space:normal}
  .stol .lab .bs{font-size:12.5px}
  .runt{margin-top:4px}
  .runt a:nth-child(1),.runt a:nth-child(2),.runt a:nth-child(6){display:none}
}
.stol .lab .et-k,.stol .lab .bs-k{display:none}
/* mobil: lugnare halvbord, tid, titel och en kort rad vid stolarna (Simon 11.22, 11.26) */
@media (max-width:760px){
  .stol .lab{width:160px;font-size:18px;line-height:1.1}
  .stol .lab .et{white-space:nowrap;margin-bottom:3px;line-height:1.2}
  .stol .lab .et{font-size:10px}
  .stol .lab .et-l{display:none} .stol .lab .et-k{display:inline}
  .stol .lab .bs{display:none} .stol .lab .bs-k{display:block;margin-top:3px;font-weight:400;font-size:12.5px;line-height:1.25;color:var(--betsad);white-space:nowrap}
  body.kvall .stol .lab .bs-k{color:var(--gran)}
  .stol{width:56px;height:56px;padding:11px;left:calc(100% + var(--dx) * .8);top:calc(50% + var(--dy) * .85)}
  .bordet .duk p{display:none}
}
/* texten på duken: En vanlig vecka i Bykyrkan i rubrikform (Simon valde B 11.25, ändrade till A 11.28) */
.bordet .duk .minikors{display:none}
.bordet .duk p{font-style:normal;font-size:28px;line-height:1.08;margin:0;color:var(--skugga);text-wrap:balance}
.bordet .duk p i{display:block;color:var(--falurod)}
@media (min-width:1200px) and (max-width:1439px){.bordet .duk p{font-size:26px}}
@media (min-width:761px) and (max-width:1000px){.bordet .duk p{font-size:22px}}
@media (max-width:760px){
  .bordet .duk{width:290px;height:290px;padding:0 0 0 24px;justify-content:center;align-items:flex-start}
  .bordet .duk p{display:block;font-size:21px;width:122px;text-align:left;margin:0}
  .bordet .duk p .nb{white-space:normal}
}
/* ===== Bordets skala enligt typografiska regler (Simon 11.31), se skisser/typografi-regler.md =====
   etikett: Schibsted Grotesk 700 versaler, spärr .09em, 11 px mobil / 12 px dator, falurött (solgult kväll)
   titel: Literata 500, 21 px mobil / 20-22 px dator
   rad: Literata 400, 14 px mobil / 14-15 px dator, radavstånd 1.3
   ruta: 60 px mobil / 68-76 px dator, symbolen fyller ca 60 %, 16 px mellan ruta och text */
.stol .lab .et{letter-spacing:.08em}
@media (min-width:1440px){
  .stol{width:76px;height:76px;padding:16px}
  .stol .lab{width:200px;font-size:22px}
  .stol .lab .et{font-size:12px}
  .stol .lab .bs{font-size:15px}
}
@media (min-width:1200px) and (max-width:1439px){
  .stol{width:68px;height:68px;padding:14px}
  .stol .lab{width:176px;font-size:20px}
  .stol .lab .et{font-size:11px}
  .stol .lab .bs{font-size:14px}
}
@media (min-width:761px) and (max-width:1199px){
  .stol .lab{font-size:19px}
  .stol .lab .et{font-size:11px;white-space:normal}
  .stol .lab .bs{font-size:14px}
}
@media (min-width:761px) and (max-width:1000px){.stol .lab{font-size:18px}}
@media (max-width:760px){
  .bordet{height:430px}
  .bordet .ring{width:368px;height:368px}
  .bordet .duk{width:260px;height:260px;padding-left:20px}
  .bordet .duk p{font-size:19px;width:104px}
  .stol{width:60px;height:60px;padding:12px;left:calc(100% + var(--dx) * .86);top:calc(50% + var(--dy) * .86)}
  .stol .lab{width:150px;font-size:21px;line-height:1.1;right:calc(100% + 16px)}
  .stol .lab .et{font-size:11px;letter-spacing:.06em;margin-bottom:3px}
  .stol .lab .bs-k{font-size:14px;margin-top:3px}
  .stol[data-i="1"]{left:calc(100% + var(--dx) * .8)}
  .runt{margin-inline:16px}
  .runt a{grid-template-columns:44px minmax(0,1fr);gap:16px;padding:16px 0;align-items:start}
  .runt a i{margin-top:13px}
  .runt a i{width:44px;height:44px;padding:9px}
  .runt a b{font-size:20px}
  .runt a .et{font-size:11px;letter-spacing:.08em}
}
@media (max-width:370px){.stol .lab{font-size:20px} .stol .lab .et{font-size:10.5px;letter-spacing:.04em} .stol .lab .bs-k{font-size:13.5px}}
/* den tomma stolen ritas med en streckad SVG-ram, Safari tappar sidorna på streckade kanter */
.stol.tom,.runt a.tom i{border:0 !important;outline:0 !important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%2399221a' stroke-width='5' stroke-dasharray='7 5'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
body.kvall .stol.tom,body.kvall .runt a.tom i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' stroke='%23e3a833' stroke-width='5' stroke-dasharray='7 5'/%3E%3C/svg%3E")}
/* menyn: korset som Mer */
.kors-ik{width:26px;height:26px;flex:none} .kors-ik rect{fill:var(--falurod)} .kors-ik .m{fill:var(--solgult)}
.botten .mer-k{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px 8px;border:0;background:transparent;color:var(--skugga);font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;min-height:60px;cursor:pointer}
.botten .mer-k.pa,.botten .mer-k[aria-expanded=true]{background:var(--solgult)}
.botten .mer-k[aria-expanded=true] .kors-ik rect{fill:var(--skugga)} .botten .mer-k[aria-expanded=true] .kors-ik .m{fill:var(--papper)}
.topp .meny-k{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--skugga);background:var(--skugga);color:var(--papper);padding:8px 14px;cursor:pointer;font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.topp .meny-k .kors-ik{width:18px;height:18px} .topp .meny-k .kors-ik rect{fill:var(--papper)} .topp .meny-k .kors-ik .m{fill:var(--solgult)}
.topp .meny-k[aria-expanded=true],.topp .meny-k.pa{background:var(--falurod);border-color:var(--falurod)}
body.kvall .topp .meny-k{background:var(--papper);border-color:var(--papper);color:var(--skugga)} body.kvall .topp .meny-k .kors-ik rect{fill:var(--falurod)}
body.kvall .topp .meny-k[aria-expanded=true],body.kvall .topp .meny-k.pa{background:var(--solgult);border-color:var(--solgult)}
.topp .meny-k:focus-visible,.botten .mer-k:focus-visible{outline:3px solid var(--solgult);outline-offset:2px}
.mer-panel{position:fixed;z-index:49;background:var(--falurod);color:var(--papper)}
.mp-et{display:block;font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--papper);margin-bottom:12px}
.mp-fonster{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mp-f{display:block;aspect-ratio:1;text-decoration:none;color:var(--skugga)}
.mp-f .glas{position:relative;display:block;width:100%;height:100%;background:var(--papper)}
.mp-f[aria-current] .glas{background:var(--solgult)}
.mp-f:hover .glas,.mp-f:focus-visible .glas{outline:4px solid var(--solgult);outline-offset:-4px}
.mp-f:focus-visible{outline:none}
.mp-f .tk{position:absolute;left:14px;top:14px;width:40px;height:40px}
.mp-f .lab{position:absolute;left:14px;right:10px;bottom:12px}
.mp-f .et{display:block;font-family:var(--sans);font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--betsad)}
.mp-f b{display:block;font-weight:500;font-size:22px;line-height:1.1;margin-top:3px}
.mp-skugga{position:fixed;inset:0;background:rgba(35,28,25,.45);z-index:48}
#kontakt,#hitta{scroll-margin-top:calc(var(--th,74px) + 24px)}
@media (max-width:760px){.mer-panel{left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom,0px));padding:20px 16px 18px;border-top:2px solid var(--skugga)}}
@media (min-width:761px){.mer-panel{right:var(--kant,40px);top:calc(var(--th,74px) - 2px);width:min(600px,calc(100vw - 32px));padding:22px 24px 24px;border:2px solid var(--skugga)}
 .mp-fonster{grid-template-columns:repeat(4,1fr)} .mp-f b{font-size:19px} .mp-f .tk{width:34px;height:34px}}
@media (max-width:760px){.topp .meny-k{display:none}}
@media (min-width:761px) and (max-width:900px){.topp .meny-k{padding:7px 10px;font-size:11.5px}}

/* typsnitt: Literata berättar, Schibsted Grotesk visar vägen. Proza Libre bara i ordmärket (konturer). */
:root{--sans:"Schibsted Grotesk","Helvetica Neue",Arial,sans-serif}
.stol .lab .et,.runt a .et,.bord6.js .stol .lab-l .et,.kk .nar,.gw.pap .lab-in .et,.mp-f .et{font-family:var(--sans);font-weight:700;color:var(--falurod);letter-spacing:.09em;text-transform:uppercase}
body.kvall :is(.stol .lab .et,.runt a .et,.bord6.js .stol .lab-l .et,.kk .nar,.gw.pap .lab-in .et,.mp-f .et){color:var(--solgult)}

/* Himlen (Simon 29 okt 2026): fler stjärnor där varannan blinkar, ett stjärnfall i kväll och en fågel på dagen, var 30:e sekund */
@keyframes stj6tw{0%,100%{opacity:.75}50%{opacity:.25}}
body.kvall .st .stj6.tw{animation-name:stj6tw;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
.st .fall6{display:none}body.kvall .st .fall6{display:inline}body.kvall .st .fagel6{display:none}
@media (prefers-reduced-motion:reduce){body.kvall .st .stj6.tw{animation:none}.st .fall6,.st .fagel6{display:none!important}}

/* Härnäst på mobil: den korta texten högst två rader, så att den aldrig rinner ut ur lappen (29 okt 2026) */
.st.m .hl.mellan .hl-p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* Härnäst B (Simon 29 okt 2026): typen stort, rubriken i kursiv under, mindre tid (mobilens i bm.css); på dator högst tre rader kort text */
.st.d .hl.stor .tid{font-size:50px;line-height:50px}
.hl .hl-rub{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-style:italic;font-weight:400}
.st.m .hl.mellan .hl-rub{font-size:17px;line-height:1.15;margin-top:1px}
.st.d .hl.stor .hl-rub{font-size:24px;line-height:1.2;margin-top:2px}
.st.d .hl.stor .hl-p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* /k.css */
/* k.css: den kompletta sajtens byggstenar (2026-10-20). Laddas efter r6.css.
   Profilen: papper, faluröd, rutor, radie 0, inga skuggor. Literata berättar, Schibsted Grotesk visar vägen. */
.k11 .et,.sidhuvud .et,.fakta dt,.kontaktruta .et,.nk .et,.fot-l .et{font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--falurod)}
.sidhuvud a.et{text-decoration:none;display:inline-block}
.sidhuvud a.et:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}

/* knappar: kn = full, kn.sek = kontur */
.handling{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.kn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 18px;background:var(--falurod);color:var(--papper);border:2px solid var(--falurod);font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;cursor:pointer;line-height:1.1}
.kn .tk{width:22px;height:22px}
.kn.kontur{background:transparent;color:var(--skugga);border-color:var(--skugga)}
.kn:hover{background:var(--skugga);border-color:var(--skugga);color:var(--papper)}
.kn.kontur:hover{background:var(--skugga);color:var(--papper)}
.kn:focus-visible{outline:3px solid var(--solgult);outline-offset:2px}

/* kalenderbladet: veckodag, dag, månad på kategorins färg */
.blad{display:grid;grid-template-rows:auto 1fr auto;justify-items:center;align-items:center;width:96px;aspect-ratio:1;padding:10px 6px;background:var(--c);color:var(--papper);flex:none;text-align:center}
.blad .vd,.blad .mn{font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.09em;text-transform:uppercase;line-height:1}
.blad .dn{font-size:44px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
.blad.stor{width:168px;padding:16px 8px}
.blad.stor .vd,.blad.stor .mn{font-size:13px}
.blad.stor .dn{font-size:84px}
.blad[style*="solgult"],.blad[style*="gran"]{color:var(--skugga)}
.blad.tom{display:flex;align-items:center;justify-content:center;background:var(--c)}
.blad.tom .tk{width:56%;height:56%}

/* faktalistor */
.fakta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 32px;margin-top:32px}
.fakta div{border-top:2px solid var(--skugga);padding:12px 0 18px}
.fakta dd{font-size:17px;line-height:1.4;margin-top:6px}
.fakta.stor dd{font-size:20px}
.fakta.tat{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:0}
.fakta.tat div{border-top-width:1px;border-top-color:var(--gran);padding:10px 0 12px}
.fakta.tat dd{font-size:16px}

/* kontaktruta: initialer i en ruta, aldrig foto ihop med namn */
.kontaktruta{display:grid;grid-template-columns:96px minmax(0,1fr);gap:20px;align-items:start}
.kontaktruta .ini{aspect-ratio:1;background:var(--falurod);color:var(--papper);display:flex;align-items:flex-end;padding:10px;font-size:32px;font-weight:500;line-height:1}
.kontaktruta h3{font-size:24px;font-weight:500;line-height:1.15;margin-top:4px}
.kontaktruta p{font-size:16px;color:var(--betsad);margin-top:6px;max-width:44ch}
.kontaktruta .vv{display:flex;flex-wrap:wrap;gap:6px 28px;margin-top:12px}
.kontaktruta .v{display:flex;flex-direction:column}
.kontaktruta .v .et{font-size:10.5px;color:var(--betsad)}
.kontaktruta .nr{font-size:18px;font-variant-numeric:tabular-nums;user-select:all;overflow-wrap:break-word}

/* sektioner på undersidorna */
.k11 .sek{padding:72px var(--kant)}
.k11 .sek .huvud{margin-bottom:32px}
.k11 .sek .huvud .r{font-size:44px}
.k11 .sek .huvud p{max-width:46ch;font-size:18px}
.k11 .bredd{padding-bottom:40px}
.lugn{font-size:18px;max-width:52ch;margin-top:16px}
.smatt{font-size:15px;color:var(--betsad);max-width:60ch;margin-top:20px}
.nr-stor{font-size:40px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums;margin:6px 0 12px;overflow-wrap:break-word}

/* händelsesidan */
.h-sida{max-width:1440px;margin:0 auto;padding:56px var(--kant) 48px}
.h-topp{display:grid;grid-template-columns:168px minmax(0,1fr);gap:48px;align-items:start}
.h-rub .r{font-size:64px;margin-top:10px}
.h-rub .r i{font-size:.56em;line-height:1.15;margin-top:10px;max-width:24ch}
.h-nar{margin-top:20px;font-size:20px;display:flex;flex-wrap:wrap;gap:4px 16px}
.h-nar b{font-weight:500}
.h-nar span{font-variant-numeric:tabular-nums;color:var(--betsad)}
.h-kropp{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;margin-top:56px;padding-left:216px}
.h-text p{font-size:19px;line-height:1.6;max-width:60ch}
.h-text p+p{margin-top:14px}
.h-foto img{width:100%;aspect-ratio:4/5;object-fit:cover}
.h-duk{aspect-ratio:4/5;background:var(--c);display:flex;align-items:center;justify-content:center}
.h-duk .tk{width:42%;height:auto;aspect-ratio:1}
.inst-band{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:baseline;margin-top:18px;padding:14px 18px;background:var(--papper-2);border-left:6px solid var(--falurod);font-size:18px}
.ar-inst .h-rub .r{color:var(--betsad)}
.ar-inst .h-rub .r>:not(i){text-decoration:line-through}
.h-fler{background:var(--papper-2)}

/* kalendern: prenumerera */
.pren{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin:32px 0 8px;padding:20px 24px;border:2px solid var(--skugga)}
.pren p{font-size:17px;margin-top:4px;max-width:46ch}
.pren .handling{margin-top:0}
.vkrub small{font-family:var(--sans)}
.kraft4 h2 a{text-decoration:none}
.kraft4 h2 a:hover{text-decoration:underline}

/* samlingssidan */
.sam-topp{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:start}
.sam-foto img{width:100%;height:100%;min-height:420px;max-height:560px;object-fit:cover}
.nk{display:flex;flex-direction:column;background:var(--papper-2);padding:28px;border-top:8px solid var(--c)}
.nk-h{display:grid;grid-template-columns:168px minmax(0,1fr);gap:24px;align-items:center;text-decoration:none}
.nk-t{display:flex;flex-direction:column;gap:6px}
.nk-t b{font-size:30px;font-weight:500;line-height:1.1;font-variant-numeric:tabular-nums}
.nk-t>span:last-child{font-size:17px;color:var(--betsad)}
.nk-h:hover b{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.nk-efter{margin-top:28px;display:flex;flex-direction:column}
.nk-efter a{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--gran);text-decoration:none;font-size:17px;font-variant-numeric:tabular-nums}
.nk-efter a.inst span{color:var(--betsad);text-decoration:line-through}
.nk-efter a.inst span+span{text-decoration:none}
.nk .handling{margin-top:auto;padding-top:24px}
.nk.tom{flex-direction:row;gap:24px;align-items:flex-start}
.nk.tom .blad{width:120px}
.nk.tom p{font-size:17px;margin-top:6px}
.nk.tom .alla{margin-top:16px}

.forlopp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.forlopp li{border-top:6px solid var(--c);padding-top:16px}
.forlopp .tid{display:block;font-size:48px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
.forlopp h3{font-size:22px;font-weight:500;margin-top:16px}
.forlopp p{font-size:17px;color:var(--betsad);margin-top:6px;max-width:34ch}
.sam-forlopp{background:var(--papper-2)}

.sam-text{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
.sam-text p{font-size:19px;line-height:1.6;max-width:58ch}
.sam-text p+p{margin-top:14px}
.sam-text figure img{width:100%;aspect-ratio:4/3;object-fit:cover}
.sam-fot{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
.sam-fot .fg{grid-template-columns:repeat(2,minmax(0,1fr))}
.sam-fot .alla{margin-top:24px}
.sam-fragor{border-top:2px solid var(--skugga)}

/* After school: värderingarna i korset */
.vk-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:center}
.vkors{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:460px}
.vkors>*{aspect-ratio:1}
.vkors div{background:var(--solgult);color:var(--skugga);display:flex;align-items:flex-end;padding:12px;font-size:17px;line-height:1.15}
.vkors div b{font-weight:500}
.vkors .m{background:var(--falurod);color:var(--papper)}
.sam-varden .huvud p{margin-top:12px}

/* Alpha: tolv rutor, akronymen och anmälan */
.tolv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tolv li{background:var(--papper);outline:1px solid var(--gran);outline-offset:-1px;display:flex;flex-direction:column;gap:14px;padding:18px 18px 22px}
.tolv .n{font-family:var(--sans);font-weight:700;font-size:13px;letter-spacing:.09em;color:var(--falurod)}
.tolv b{font-weight:500;font-size:21px;line-height:1.2}
.tolv li:last-child{background:var(--solgult);outline:0}
.sam-tolv{background:var(--papper-2)}
.akr-in{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px}
.akr li{display:grid;grid-template-columns:64px minmax(0,1fr);gap:20px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--gran)}
.akr .bok{font-size:52px;font-weight:500;line-height:.9;color:var(--falurod)}
.akr p{font-size:18px}
.akr b{font-weight:500}
.alpha-anm,.skriv,.mg-form{margin-top:48px;display:flex;flex-direction:column;gap:10px;max-width:640px}
.alpha-anm{margin-left:auto;margin-right:0}
.rad-f{display:flex;gap:8px;flex-wrap:wrap}
.rad-f input{flex:1 1 220px!important;width:auto!important}
.k11 form input:not([type=radio]):not([type=checkbox]),.k11 form textarea{flex:none;width:100%;min-width:0;background:var(--papper);border:0;border-bottom:2px solid var(--skugga);font:18px var(--serif);padding:12px;color:var(--skugga);border-radius:0}
.k11 form button[type=submit]{background:var(--falurod);color:var(--papper);min-height:48px;padding:12px 22px;font-family:var(--sans);font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;align-self:flex-start}
.kvitto{background:var(--solgult);padding:12px 16px;font-size:16px}
.k11 form label:not(.et){font-family:var(--sans);font-size:13px;font-weight:600;margin-top:6px}

.ring{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}

/* navet: två dagar */
.rytm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.dk{background:var(--papper-2);padding:28px 28px 20px}
.dk h3{font-size:56px;font-weight:500;line-height:1}
.dk-n{font-size:17px;color:var(--betsad);margin-top:10px;max-width:40ch}
.dk-l{margin-top:24px}
.dk-l a{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;align-items:center;padding:14px 0;border-top:2px solid var(--skugga);text-decoration:none}
.dk-l .tid{background:var(--c);color:var(--papper);font-size:24px;font-variant-numeric:tabular-nums;padding:14px 10px;text-align:center;line-height:1}
.dk-l a[style*="solgult"] .tid{color:var(--skugga)}
.dk-l b{display:block;font-size:24px;font-weight:500;line-height:1.15}
.dk-l small{display:block;font-size:15px;color:var(--betsad);margin-top:2px}
.dk-l a:hover b{text-decoration:underline}
.skg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.sk{display:flex;flex-direction:column;text-decoration:none}
.sk-b{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;margin-bottom:14px;border-bottom:6px solid var(--c)}
.sk-b img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.sk:hover .sk-b img{transform:scale(1.03)}
.sk-r{position:absolute;left:0;bottom:0;width:64px;height:64px;background:var(--c);display:flex;align-items:center;justify-content:center}
.sk-r .tk{width:36px;height:36px}
.sk b{font-size:28px;font-weight:500;line-height:1.1;margin-top:4px}
.sk .p{font-size:17px;color:var(--betsad);margin-top:6px}
.sam-alla{background:var(--papper-2)}
.tva-k{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px;align-items:start}
.tva-k .huvud{display:block}
.k11 .huvud{display:block}
.k11 .huvud p{margin-top:12px}
@media (min-width:1101px){.k11 .sek-in>.huvud:not(:only-child){display:flex}.k11 .sek-in>.huvud p{margin-top:0}}
.gavor{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.gavor li{padding:8px 14px;background:var(--solgult);font-size:17px}
.gavor li:nth-child(3n+2){background:var(--papper-2)}
.gavor li:nth-child(3n){background:var(--falurod);color:var(--papper)}

/* barn: trappan av växande rutor */
.trappa{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:end}
.tr{display:flex;flex-direction:column;text-decoration:none}
.tr-b{position:relative;display:block;width:100%;overflow:hidden;background:var(--falurod);margin-bottom:14px}
.tr.s1 .tr-b{aspect-ratio:1/0.72}.tr.s2 .tr-b{aspect-ratio:1/0.86}.tr.s3 .tr-b{aspect-ratio:1}
.tr-b img{width:100%;height:100%;object-fit:cover}
.tr-b .duk{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.tr-b .duk .tk{width:34%;height:auto;aspect-ratio:1}
.ald{position:absolute;left:0;top:0;background:var(--solgult);color:var(--skugga);padding:10px 14px;font-size:22px;font-weight:500;line-height:1}
.tr b{font-size:30px;font-weight:500;line-height:1.1;margin-top:4px}
.tr .p{font-size:17px;color:var(--betsad);margin-top:6px;max-width:40ch}
.tr:hover b{text-decoration:underline}
.unga{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:start;scroll-margin-top:96px}
.barn-unga{background:var(--papper-2)}
.lanet{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.lanet div{border-top:2px solid var(--skugga);padding-top:14px}
.lanet b{display:block;font-size:22px;font-weight:500;margin-top:6px}
.lanet p{font-size:16px;color:var(--betsad);margin-top:6px}

/* hitta hit */
.hitta-topp{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:stretch}
.hitta-topp figure img{width:100%;height:100%;min-height:380px;object-fit:cover}
.adresskort{background:var(--falurod);color:var(--papper);padding:32px;display:flex;flex-direction:column}
.adresskort .et{color:var(--furu)}
.adr{font-size:36px;font-weight:500;line-height:1.2;margin-top:12px}
.adresskort .handling{margin-top:auto;padding-top:28px}
.adresskort .kn{background:var(--papper);color:var(--skugga);border-color:var(--papper)}
.adresskort .kn.kontur{background:transparent;color:var(--papper);border-color:var(--papper)}
.adresskort .kn:hover{background:var(--solgult);border-color:var(--solgult);color:var(--skugga)}
.vagar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}
.vagar div{border-top:2px solid var(--skugga);padding-top:16px}
.vagar h3{font-size:24px;font-weight:500;margin-top:12px}
.vagar p{font-size:17px;margin-top:6px;max-width:34ch}
.grannar-l{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.grannar-l li{border-top:1px solid var(--gran);padding-top:12px}
.grannar-l b{display:block;font-size:20px;font-weight:500}
.grannar-l span{font-size:15px;color:var(--betsad)}
.hitta-grannar{background:var(--papper-2)}

/* kontakt */
.stor-kontakt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.stor-kontakt>div{background:var(--papper-2);padding:28px}
.folk-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 56px;margin-top:56px}
.folk-g .ini{background:var(--betsad)}
.folk-g .kontaktruta:nth-child(3) .ini{background:var(--solgult);color:var(--skugga)}
.folk-g .kontaktruta:nth-child(2) .ini,.folk-g .kontaktruta:nth-child(4) .ini{background:var(--falurod)}
.kontakt-skriv{background:var(--papper-2)}
.skriv{margin-top:0}
.kryss{display:flex;gap:10px;align-items:center;font-size:15px}
.kryss input{width:20px;height:20px;accent-color:var(--falurod)}
.adr-rad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.adr-rad div{border-top:2px solid var(--skugga);padding-top:12px}
.adr-rad p{font-size:18px;margin-top:6px;font-variant-numeric:tabular-nums}

/* ge */
.nummer-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.nummer{background:var(--papper-2);padding:28px;border-top:8px solid var(--falurod);display:flex;flex-direction:column;align-items:flex-start}
.nummer:nth-child(2){border-top-color:var(--betsad)}
.nummer:nth-child(3){border-top-color:var(--solgult)}
.nummer p:not(.nr-stor){font-size:16px;color:var(--betsad)}
.nummer .kn{margin-top:20px}
.manad{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start}
.mg-form{margin-top:0}
.mg-form fieldset{border:0;margin-bottom:10px}
.val{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.val label{position:relative}
.val input{position:absolute;opacity:0;width:1px;height:1px}
.val span{display:inline-block;min-height:48px;padding:12px 18px;border:2px solid var(--skugga);font-size:18px;cursor:pointer;font-variant-numeric:tabular-nums}
.val input:checked+span{background:var(--skugga);color:var(--papper)}
.val input:focus-visible+span{outline:3px solid var(--solgult);outline-offset:2px}
.ge-manad{background:var(--papper-2)}
.ge-manad .mg-form input[type=email]{background:var(--papper)}

/* nybygget */
.bred-foto img{width:100%;aspect-ratio:21/9;object-fit:cover}
.siffror{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:40px}
.siffror div{border-top:2px solid var(--skugga);padding-top:12px}
.siffror .tal{font-size:64px;font-weight:500;line-height:1;font-variant-numeric:tabular-nums}
.siffror .tal small{font-size:18px;margin-left:8px;font-family:var(--sans);font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--falurod)}
.siffror p{font-size:16px;color:var(--betsad);margin-top:8px}
.mal{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:center;margin-top:48px;background:var(--falurod);color:var(--papper);padding:32px}
.mal .et{color:var(--furu)}
.mal b{display:block;font-size:34px;font-weight:500;line-height:1.1;margin-top:8px}
.mal p{font-size:17px;margin-top:8px}
.mal-bar{height:32px;background:rgba(250,248,243,.25);position:relative}
.mal-bar span{position:absolute;inset:0;background:var(--solgult)}
.rum3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.rum3 div{border-top:2px solid var(--skugga);padding-top:16px}
.rum3 h3{font-size:26px;font-weight:500;margin-top:12px}
.rum3 p{font-size:17px;margin-top:6px}
.by-rum{background:var(--papper-2)}
.remsa{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.remsa .duk{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--falurod);margin-bottom:12px}.remsa .duk .tk{width:34%;height:auto;aspect-ratio:1}
.remsa li{display:flex;flex-direction:column}
.remsa img{width:100%;aspect-ratio:1;object-fit:cover;margin-bottom:12px}
.remsa .et{min-height:1.2em}
.remsa b{font-size:19px;font-weight:500;line-height:1.2;margin-top:4px}
.remsa li:nth-child(2) img{outline:6px solid var(--solgult);outline-offset:-6px}
.bidra{background:var(--papper-2);padding:28px;border-top:8px solid var(--solgult)}
.by-varfor{border-top:2px solid var(--skugga)}

/* Gårdshuset */
.gh-g{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:240px 240px;gap:12px}
.gh-g figure{overflow:hidden}
.gh-g .g0{grid-row:span 2}
.gh-g .g3{grid-column:2/4}
.gh-g img{width:100%;height:100%;object-fit:cover}
.gh-mitt{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;margin-top:48px;align-items:start}
.gh-logo{height:88px;width:auto;margin-bottom:20px}

/* dokument */
.dok-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px}
.dok-g h2{margin-bottom:8px}

/* In English */
.en-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.en-k{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:20px;align-content:start;background:var(--papper-2);padding:24px;text-decoration:none;border-top:6px solid var(--c)}
.en-r{grid-row:span 3;width:72px;height:72px;background:var(--c);display:flex;align-items:center;justify-content:center}
.en-r .tk{width:40px;height:40px}
.en-k b{font-size:28px;font-weight:500;line-height:1.1;margin-top:4px}
.en-k .p{font-size:17px;margin-top:8px}
.en-k:hover b{text-decoration:underline}
.en-mer .adresskort{min-height:0}
@media (max-width:760px){.en-g{grid-template-columns:1fr;gap:12px}.en-k{grid-template-columns:52px minmax(0,1fr);column-gap:14px;padding:18px 16px}.en-r{width:52px;height:52px}.en-r .tk{width:30px;height:30px}.en-k b{font-size:23px}}

/* sidfotens länkar */
.fot-l{position:relative;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;max-width:1328px;margin:0 auto;padding:28px 0 48px;border-top:1px solid var(--gran)}
.fot4 .fot-l{background:inherit}
.fot-l a{display:block;font-size:16px;text-decoration:none;padding:4px 0}
.fot-l a:hover{text-decoration:underline}
.fot-l .et{display:block;margin-bottom:6px}
body.kvall .fot-l{border-top-color:rgba(250,248,243,.3)}
body.kvall .fot-l .et{color:var(--solgult)}

/* Mer-panelen: nio rutor och sökning */
.mp-sok{display:flex;gap:6px;margin-bottom:12px}
.k11 .mp-sok input,.mp-sok input{flex:1 1 auto!important;width:auto!important;min-width:0;background:var(--papper);border:0;font:17px var(--serif);padding:10px 12px;color:var(--skugga);border-radius:0;min-height:44px}
.mp-sok button{background:var(--skugga);color:var(--papper);padding:0 16px;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;min-height:44px}
.mp-svar{background:var(--papper);color:var(--skugga);margin:-6px 0 14px;max-height:40vh;overflow:auto}
.mp-svar a{display:block;padding:10px 12px;border-bottom:1px solid var(--gran);text-decoration:none}
.mp-svar a b{display:block;font-weight:500;font-size:17px}
.mp-svar a span{display:block;font-size:14px;color:var(--betsad);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mp-svar a:hover,.mp-svar a:focus-visible{background:var(--solgult)}
.mp-svar p{padding:12px;font-size:15px}
.mp-fonster{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px}
.mp-f{aspect-ratio:auto}
.mp-f .glas{aspect-ratio:4/3}
.mp-f .tk{left:12px;top:12px;width:30px!important;height:30px!important}
.mp-f .lab{left:12px;bottom:10px}
.mp-f b{font-size:18px!important}
@media (min-width:761px){.mer-panel{width:min(640px,calc(100vw - 32px))!important;max-height:calc(100vh - var(--th,74px) - 16px);overflow:auto}}

/* ---------- padda ---------- */
@media (min-width:761px) and (max-width:1100px){
  .h-kropp{padding-left:0}
  .h-rub .r{font-size:52px}
  .sam-topp,.hitta-topp{grid-template-columns:1fr}
  .sam-foto img{min-height:0;max-height:none;aspect-ratio:16/9;height:auto}
  .hitta-topp figure img{min-height:0;aspect-ratio:16/9;height:auto}
  .forlopp{gap:20px}
  .forlopp .tid{font-size:38px}
  .skg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tolv{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lanet,.grannar-l,.adr-rad,.siffror{grid-template-columns:repeat(2,minmax(0,1fr))}
  .remsa{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}
  .vk-in,.akr-in,.manad,.sam-fot,.gh-mitt,.tva-k{grid-template-columns:1fr;gap:40px}
  .nummer-g{grid-template-columns:1fr}
  .rytm{grid-template-columns:1fr}
  .k11 .sek .huvud .r{font-size:38px}
}

/* ---------- mobil ---------- */
@media (max-width:760px){
  .k11 .sek{padding:48px var(--kant)}
  .k11 .sek .huvud .r{font-size:32px}
  .k11 .sek .huvud p{font-size:17px}
  .nr-stor{font-size:30px}
  .handling{gap:8px}
  .kn{min-height:46px;padding:11px 14px;font-size:12px}
  .h-sida{padding:28px var(--kant) 32px}
  .h-topp{grid-template-columns:1fr;gap:20px}
  .h-blad .blad.stor{width:104px}
  .h-blad .blad.stor .dn{font-size:48px}
  .h-blad .blad.stor .vd,.h-blad .blad.stor .mn{font-size:11px}
  .h-rub .r{font-size:38px}
  .h-nar{font-size:18px}
  .h-kropp{grid-template-columns:1fr;padding-left:0;gap:28px;margin-top:32px}
  .h-text p{font-size:18px}
  .h-foto img,.h-duk{aspect-ratio:4/3}
  .sam-topp{grid-template-columns:1fr;gap:16px}
  .sam-foto{order:2}
  .sam-foto img{min-height:0;aspect-ratio:4/3;height:auto}
  .nk{padding:20px 16px}
  .nk-h{grid-template-columns:104px minmax(0,1fr);gap:16px}
  .nk .blad.stor{width:104px}
  .nk .blad.stor .dn{font-size:48px}
  .nk .blad.stor .vd,.nk .blad.stor .mn{font-size:11px}
  .nk-t b{font-size:24px}
  .nk-t>span:last-child{font-size:16px}
  .nk.tom{flex-direction:column}
  .nk.tom .blad{width:88px}
  .forlopp{grid-template-columns:1fr;gap:0}
  .forlopp li{border-top-width:4px;padding:14px 0 20px}
  .forlopp .tid{font-size:28px}
  .forlopp h3{margin-top:8px;font-size:20px}
  .forlopp p{font-size:16px}
  .sam-text,.sam-fot,.vk-in,.akr-in,.manad,.gh-mitt,.tva-k,.ring,.unga,.dok-g{grid-template-columns:1fr;gap:32px}
  .sam-text p{font-size:18px}
  .sam-fot .fg{grid-template-columns:1fr}
  .fakta{grid-template-columns:1fr 1fr;gap:0 16px}
  .fakta.stor dd{font-size:17px}
  .fakta dd{font-size:16px}
  .kontaktruta{grid-template-columns:72px minmax(0,1fr);gap:16px}
  .kontaktruta .ini{font-size:24px;padding:8px}
  .kontaktruta h3{font-size:21px}
  .kontaktruta p{font-size:15px}
  .vkors{max-width:none}
  .vkors div{font-size:13.5px;padding:8px}
  .tolv{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .tolv li{padding:12px}
  .tolv b{font-size:16.5px}
  .akr li{grid-template-columns:44px minmax(0,1fr);gap:12px}
  .akr .bok{font-size:38px}
  .akr p{font-size:17px}
  .alpha-anm{margin-left:0}
  .rytm{grid-template-columns:1fr;gap:16px}
  .dk{padding:20px 16px 12px}
  .dk h3{font-size:40px}
  .dk-l a{grid-template-columns:76px minmax(0,1fr);gap:14px}
  .dk-l .tid{font-size:24px;padding:10px 6px}
  .dk-l b{font-size:21px}
  .skg{grid-template-columns:1fr;gap:28px}
  .sk b{font-size:24px}
  .trappa{grid-template-columns:1fr;gap:28px}
  .tr .tr-b{aspect-ratio:16/10!important}
  .tr b{font-size:26px}
  .lanet{grid-template-columns:1fr;gap:16px}
  .grannar-l{grid-template-columns:1fr 1fr;gap:20px 16px}
  .tolv li{gap:10px}
  .lanet b{font-size:19px}
  .hitta-topp{grid-template-columns:1fr;gap:0}
  .hitta-topp figure img{min-height:0;aspect-ratio:4/3;height:auto}
  .adresskort{padding:24px 16px}
  .adr{font-size:28px}
  .vagar{grid-template-columns:1fr;gap:20px;margin-top:32px}
  .stor-kontakt{grid-template-columns:1fr;gap:12px}
  .stor-kontakt>div{padding:20px 16px}
  .folk-g{grid-template-columns:1fr;gap:28px;margin-top:40px}
  .adr-rad{grid-template-columns:1fr 1fr;gap:20px 16px}
  .nummer-g{grid-template-columns:1fr;gap:12px}
  .nummer{padding:20px 16px}
  .bred-foto img{aspect-ratio:4/3}
  .siffror{grid-template-columns:1fr 1fr;gap:20px 16px;margin-top:28px}
  .siffror .tal{font-size:44px}
  .siffror .tal small{display:block;margin:6px 0 0;font-size:12px}
  .mal{grid-template-columns:1fr;gap:20px;padding:24px 16px;margin-top:32px}
  .mal b{font-size:26px}
  .rum3{grid-template-columns:1fr;gap:24px}
  .remsa{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;margin-inline:calc(var(--kant) * -1);padding:0 var(--kant) 8px;scroll-padding-inline:var(--kant)}
  .remsa li{flex:0 0 62%;scroll-snap-align:start}
  .bidra{padding:20px 16px}
  .gh-g{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:8px}
  .gh-g figure{aspect-ratio:1}
  .gh-g .g0{grid-column:1/3;grid-row:auto;aspect-ratio:4/3}
  .gh-g .g3{grid-column:1/3;aspect-ratio:16/9}
  .gh-logo{height:64px}
  .pren{padding:16px;margin-top:24px}
  .fot-l{grid-template-columns:1fr 1fr;gap:20px 16px;padding:24px 0 32px}
  .mp-f .glas{aspect-ratio:1}
  .mp-f .et{display:none}
  .mp-f .tk{left:10px;top:10px;width:26px!important;height:26px!important}
  .mp-f .lab{left:10px;right:6px;bottom:8px}
  .mp-f b{font-size:15px!important;line-height:1.15}
  .mer-panel{max-height:calc(100dvh - 60px - env(safe-area-inset-bottom,0px) - 8px);overflow:auto}
}
@media (max-width:370px){.mp-f b{font-size:13.5px!important}.vkors div{font-size:12px}.tolv b{font-size:15px}}

/* ---------- runda 26: radbrytning och padda ---------- */
body[data-front] :is(h1,h2,h3,.r,.fot-in p){text-wrap:balance}
body[data-front] :is(p,li,dd){text-wrap:pretty}
.nw{white-space:nowrap}
@media (min-width:761px) and (max-width:1100px){
  .sidhuvud{grid-template-columns:1fr;gap:20px;align-items:start}
  .sidhuvud .r{font-size:64px}
  .sidhuvud p{max-width:52ch}
  .nr-stor{font-size:32px}
}
@media (max-width:1100px){
  .veckan .dag{aspect-ratio:auto;min-height:118px}
  .veckan .dag .it{display:none}
  .veckan .dag .h{font-size:13px;margin-top:10px}
}
@media (min-width:761px) and (max-width:1100px){
  .ljusbox{grid-template-columns:1fr;gap:56px}
  .ljusbox blockquote{font-size:36px;max-width:22ch}
}
@media (max-width:760px){
  .veckan .dag{min-height:96px}
  .veckan .dag .h{font-size:11.5px;margin-top:8px}
}
/* barn: trappan får gemensamma rader, så rubrikerna linjerar och bilderna växer uppåt */
.trappa{grid-template-rows:auto auto auto auto;row-gap:0;align-items:start}
.trappa .tr{display:grid;grid-row:span 4;grid-template-rows:subgrid}
.trappa .tr-b{align-self:end}
@media (min-width:761px) and (max-width:1100px){
  .trappa{grid-template-columns:1fr;grid-template-rows:none;row-gap:32px}
  .trappa .tr{grid-row:auto;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto auto 1fr;column-gap:28px}
  .trappa .tr-b{grid-row:1/4;grid-column:1;aspect-ratio:4/3!important;margin:0;align-self:start}
  .trappa .tr>:not(.tr-b){grid-column:2}
}
@media (max-width:760px){
  .trappa{grid-template-rows:none}
  .trappa .tr{grid-row:auto;display:flex}
}
.kvitto:empty{display:none}
@media (min-width:761px) and (max-width:1100px){.veckan .dag{padding:10px}.veckan .dag .h{font-size:12.5px}}
/* frågor: ikonen står i högerkanten under kategorin */
details.f .svar{max-width:none}
details.f .svar>div{max-width:64ch}
/* dokumentlistor: PDF som en liten märkning på samma baslinje */
.dok a{align-items:baseline;gap:20px}
.dok a span{flex:none;font-family:var(--sans);font-weight:700;font-size:11px;letter-spacing:.09em;padding:2px 6px;border:1.5px solid var(--falurod);color:var(--falurod);line-height:1.4}
.k11 .tva-k .huvud p{margin-top:20px}
/* fyra fakta går i två par, aldrig tre plus en ensam */
.fakta:has(>div:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.vkors{margin-inline:auto}
@media (min-width:1101px){.vkors div{font-size:19px;padding:14px}}
.kontaktruta .kr-l{display:inline-block;margin-top:14px;font-family:var(--sans);font-weight:700;font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--skugga);text-decoration:underline;text-decoration-color:var(--solgult);text-decoration-thickness:2px;text-underline-offset:5px}

/* källa under citat */
.kalla{font:700 12px/1.3 "Schibsted Grotesk",system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--falurod,#99221a);margin:0}
.kalla+.tre{margin-top:0}
body[data-front] .bredd>.kalla:first-child{padding-top:96px;margin-bottom:20px}
@media (max-width:700px){body[data-front] .bredd>.kalla:first-child{padding-top:56px;margin-bottom:16px}}

/* nybygget: vägen hit */
.historia{list-style:none;margin:0;padding:0;border-top:2px solid var(--falurod);max-width:920px}
.historia li{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px;padding:20px 0;border-bottom:1px solid color-mix(in srgb,var(--skugga) 18%,transparent)}
.historia .et{color:var(--falurod);padding-top:5px}
.historia p{margin:0;font-size:19px;line-height:1.5;max-width:60ch}
.historia li:nth-child(2) p{font-size:24px;line-height:1.35;font-style:italic}
@media (max-width:700px){.historia li{grid-template-columns:1fr;gap:6px;padding:16px 0}.historia p{font-size:17px}.historia li:nth-child(2) p{font-size:20px}}

/* granskning runda 2 */
svg.tk,.remsa .duk .tk{overflow:visible}
body .topp .nu .et{letter-spacing:.09em;color:var(--skugga)}
.alpha button{min-height:52px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}
@media (min-width:761px){
  .fg{grid-template-rows:auto auto 1fr}
  .fg a{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
}
@media (min-width:761px) and (max-width:1100px){
  .huvud{display:block}
  .huvud p{margin-top:14px;max-width:52ch}
  .alpha .in{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:40px}
  .alpha form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .alpha button{grid-column:1/-1;justify-self:start}
  .folk2{grid-template-columns:repeat(2,minmax(0,1fr))!important;row-gap:36px}
  .grannar img{width:min(100%,360px)}
  .fot-l,.fot4 .fot-in{column-gap:24px}
}
/* om och vision: dokumentlistan bredvid rubriken i stället för en tom högerspalt */
@media (min-width:761px){
  .tva:has(>div:last-child:empty){grid-template-columns:1fr}
  .tva:has(>div:last-child:empty)>div:empty{display:none}
  .tva:has(>div:last-child:empty)>div:first-child{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:start}
  .tva:has(>div:last-child:empty) .dok{margin-top:0}
}
@media (min-width:761px) and (max-width:1100px){
  .veckan .dag{padding:8px}
  .veckan .dag .h{font-size:12px;letter-spacing:-.01em}
}
/* runda 2 b: sidhuvudet håller marginalen på surfplatta */
@media (min-width:761px) and (max-width:1100px){
  .topp .nu{padding:8px 10px;gap:8px}
  .topp .nu b{font-size:15px}
  .topp nav{gap:9px}
}
/* foto och faktaruta: ljusa rutor står vid fotots fot, den färgade adressrutan fyller höjden */
@media (min-width:1101px){.sam-topp{align-items:end}}
/* runda 2 c */
.mal-s{display:flex;justify-content:space-between;margin-top:8px;font:700 12px/1.3 "Schibsted Grotesk",system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--papper)}
@media (max-width:1100px){.fot4 .nb{display:block}}
@media (min-width:761px){
  .forlopp{grid-template-rows:auto auto 1fr}
  .forlopp li{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0}
  .sam-med .tva-k>div{display:flex;flex-direction:column;align-items:flex-start}
  .sam-med .tva-k>div>.kn{margin-top:auto}
  .sam-med .tva-k>div>.huvud+.kn{margin-top:auto}
}
.sam-med .gavor{margin-bottom:28px}
.sam-med .huvud+.kn{margin-top:4px}
@media (max-width:760px){
  .sam-med .tva-k{gap:64px}
  .fakta>div:last-child:nth-child(odd){grid-column:1/-1}
  .trappa .tr+.tr{margin-top:28px}
}
@media (min-width:761px){.sam-med .tva-k{align-items:stretch}}
.hist-g figure{display:none}
@media (min-width:1101px){
  .hist-g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:start}
  .hist-g figure{display:block;margin:0;position:sticky;top:calc(var(--th,74px) + 24px)}
  .hist-g figure img{width:100%;aspect-ratio:4/5;object-fit:cover}
}
/* ingen gul text på papper, inte heller på kvällen: etiketter på ljusa ytor förblir faluröda */
body.kvall :is(.mp-f .et,.kk .nar,.gw.pap .lab-in .et){color:var(--falurod)!important}
body :is(.mp-f[aria-current] .et){color:var(--skugga)!important}
.mal-s{justify-content:flex-end}
@media (min-width:761px) and (max-width:1100px){.mitt-i{grid-template-columns:1fr!important}.mitt-i figure{min-height:380px}}
@media (max-width:760px){.fot-l a{display:block;padding-block:9px}.fot-l .et{margin-bottom:2px}}
@media (max-width:1100px){.fot4 .nb+br{display:none}.fot4 .nb{margin-bottom:8px}}
/* kontrast (axe, WCAG AA) */
.tolv li:last-child .n{color:var(--skugga)}
body.kvall .hl .hl-tl li{opacity:.8}
.remsa{outline-offset:2px}
/* Kvällshimmel (Simon 21 okt): himlen ljusnar mot ett svagt varmt sken vid horisonten, fjället och sajtens svarta är #262d35 */
body.kvall .resa .hv[data-l=d]{--himmel:linear-gradient(180deg,#262d35 0%,#363b44 47%,#5e5350 86%,#5e5350 100%)}
body.kvall .resa .hv[data-l=m]{--himmel:linear-gradient(180deg,#262d35 0%,#363b44 38%,#5e5350 70%,#5e5350 100%)}
.kal-slut{margin:28px 0 0;font-size:15px;color:var(--skugga);opacity:.8}
body.kvall .topp .nu{color:var(--skugga)}
/* Mer lyster 23 okt: text på röd yta är papper eller furu, liten text på solgult är skugga */
.fasad .vision .et,.mitt-i .et{color:var(--furu)}
/* Simon 23 okt 11.33: stora kursiva rubriker på rött behåller solgult (dörren), 3,8:1 räcker för stor text */
.fasad h1 i,.egen h2 i{color:var(--solgult)}
.gb.gul{--a:var(--skugga)}
/* Rummet och tallen 23 okt: garnet följer samlingens kategori. Text: papper på mörkt garn, skugga på starr och kärnved */
.c-rost{background:var(--rost);color:var(--papper)}
.c-starr{background:var(--starr);color:var(--skugga)}
.c-karnved{background:var(--karnved);color:var(--skugga)}
.c-hjortron{background:var(--hjortron);color:var(--papper)}
.c-tallkotte{background:var(--tallkotte);color:var(--papper)}
.c-starr .idag,.c-karnved .idag{background:var(--skugga);color:var(--papper)}
.rad .m.c-starr{background:var(--starr)}.rad .m.c-hjortron{background:var(--hjortron)}.rad .m.c-tallkotte{background:var(--tallkotte)}.rad .m.c-karnved{background:var(--karnved)}
.blad[style*="starr"],.blad[style*="karnved"]{color:var(--skugga)}
.blad[style*="starr"] .vd,.blad[style*="karnved"] .vd{color:var(--falurod)}
.blad[style*="tallkotte"] .vd,.blad[style*="tjarn"] .vd{color:var(--furu)}
.dk-l a[style*="starr"] .tid,.dk-l a[style*="karnved"] .tid{color:var(--skugga)}
/* Kvällen: på kvällshimlen byter de mörka garnfärgerna till kvällston med skuggtecken; faluröd får en hårlinje */
body.kvall .bord6{--rost:var(--rost-kv);--hjortron:var(--hjortron-kv);--tallkotte:var(--tallkotte-kv);--tjarn:var(--tjarn-kv)}
body.kvall .bord6 :is([style*="--c:var(--rost)"],[style*="--c:var(--hjortron)"],[style*="--c:var(--tallkotte)"],[style*="--c:var(--tjarn)"]) img[src*="-papper.svg"]{filter:brightness(0) opacity(.86)}
body.kvall .bord6 .stol[style*="--c:var(--falurod)"]:not(.tom),body.kvall .bord6 .runt a[style*="--c:var(--falurod)"]:not(.tom) i{outline:1px solid #4a535e}
/* Kvällen utanför förstavyn: slät kvällshimmel med fjället som silhuett */
body.kvall .fot4 .scen .berg{fill:var(--fjall)}
body.kvall .fot4 .scen .streck{stroke:none}
.vecka-sek .veckan .dag.son{background:var(--falurod);border-color:var(--falurod)}


/* ===== Våra egna tillägg (systemet), efter WIP:s rader ===== */
/* Kalenderns färgnamn (kategorier.json) pekar på garnet Behåll petrolen (stil.css). På body också, så att kvällens toner följer med. */
:root,body{--caput:var(--g-gudstjanst);--hjortron:var(--g-mat);--bjorklov:var(--g-barn);--linblom:var(--g-samtal);--gronajorden:var(--g-forsamling);--fastelila:var(--g-hogtid)}
/* Remsa: posten med lyft får den gula ramen (andra posten hade den fast förut) */
.remsa li.lyft img,.remsa li.lyft .duk{outline:6px solid var(--solgult);outline-offset:-6px}
.remsa li:nth-child(2):not(.lyft) img{outline:0}
/* Grupper: smågruppernas kort med anmälan */
.grupper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;align-items:start}
.grupp{display:grid;grid-template-columns:64px minmax(0,1fr);gap:18px;border-top:6px solid var(--c);padding-top:18px}
.grupp-s{width:64px;height:64px;background:var(--c);display:flex;align-items:center;justify-content:center}
.grupp-s .tk{width:36px;height:36px}
.grupp h3{font-size:28px;font-weight:500;line-height:1.1;margin-top:4px}
.grupp p{font-size:17px;color:var(--betsad);margin-top:6px}
.grupp .pl{color:var(--skugga)}
.grupp .ledig{font-family:var(--sans);font-size:13px;font-weight:600}
.grupp details{margin-top:16px}
.grupp summary{list-style:none}
.grupp summary::-webkit-details-marker{display:none}
.grupp details[open] summary{display:none}
.grupp form{display:flex;flex-direction:column;gap:10px}
@media (max-width:1100px){.grupper{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.grupper{grid-template-columns:1fr;gap:28px}.grupp h3{font-size:24px}}

/* Raden efter listan (Sidor under sidan); raden om hur långt kalendern är inlagd är WIP:s .kal-slut. */
.k-slut{margin-top:28px;font-family:var(--sans);font-size:14px;line-height:1.5;color:var(--betsad)}

/* Sidor under sidan (Kommande, Samlingskort): raden efter listan, nära raden om hur långt kalendern är inlagd. */
.k-slut+.fler-under,.kal-slut+.fler-under{margin-top:8px}

/* Garnets två sista etiketter (Församlingsliv, Högtid) som klasser, som stil.css har för de fyra första. */
.g-forsamling{background:var(--g-forsamling)}
.g-hogtid{background:var(--g-hogtid)}
.rad .m.g-forsamling,.rad.idag .m.g-forsamling{background:var(--g-forsamling)}
.rad .m.g-hogtid,.rad.idag .m.g-hogtid{background:var(--g-hogtid)}
/* Granskningen 28 okt: sidfotens telefon och e-post går att trycka på men ser ut som förut; liten text på solgult är skugga (dagens ruta i kalendern) */
.fot-k{color:inherit;text-decoration:none}.fot-k:hover{text-decoration:underline}
.dag.idag.vilar .h{color:var(--skugga)}
.hoppa{position:fixed;left:12px;top:12px;z-index:1000;background:var(--falurod,#99221a);color:var(--papper,#faf8f3);font:700 14px/1 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.06em;padding:12px 16px;text-decoration:none;transform:translateY(-200%)}
.hoppa:focus{transform:none;outline:2px solid var(--solgult,#e3a833);outline-offset:2px}

/* /labb.css */
/* ---- panelen ---- */
.lbp{position:fixed;right:16px;top:96px;width:350px;max-height:calc(100vh - 112px);overflow:auto;z-index:400;background:#f1eadd;color:#231c19;border:2px solid #231c19;box-shadow:0 10px 30px rgba(35,28,25,.25);padding:12px 16px 16px;display:flex;flex-direction:column;gap:4px;font:15px/1.4 Literata,Georgia,serif}
.lbp-h{display:flex;align-items:center;gap:10px;position:sticky;top:-12px;background:#f1eadd;padding:6px 0;z-index:2}
.lbp-t,.lbp-sek,.lbg summary span{font:700 12px/1.2 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#4f513e}
.lbp-sek{color:#99221a;margin-top:10px}
.lbp-kv{font:600 12px/1.2 "Schibsted Grotesk",Arial,sans-serif;color:#4f513e;margin-left:auto}
.lbp-ihop{font:600 13px/1 "Schibsted Grotesk",Arial,sans-serif;display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1.5px solid #231c19;background:#faf8f3;cursor:pointer;white-space:nowrap}
.lbp-ihop input,.lbv input{accent-color:#99221a;margin:0}
.lbp.ihop>:not(.lbp-h){display:none}
.lbp-hopp{display:flex;flex-wrap:wrap;gap:6px}.lbp-hopp a{font:600 12.5px/1 "Schibsted Grotesk",Arial,sans-serif;color:#231c19;text-decoration:none;padding:7px 9px;background:#faf8f3;border:1px solid #dcc69f}
.lbg{border-bottom:1px solid #dcc69f}
.lbg summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 0;min-height:44px}
.lbg summary::-webkit-details-marker{display:none}
.lbg summary em{margin-left:auto;font-style:normal;font-size:14px;text-align:right}
.lbg summary::after{content:"+";font:500 20px/1 "Schibsted Grotesk",Arial,sans-serif;color:#99221a;width:16px;text-align:center;flex:none}
.lbg[open] summary::after{content:"−"}
.lbv{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:12px}
.lbv label{font:600 13px/1.1 "Schibsted Grotesk",Arial,sans-serif;display:inline-flex;align-items:center;gap:6px;padding:9px 10px;border:1.5px solid #231c19;background:#faf8f3;cursor:pointer}
.lbv label:has(input:checked){background:#231c19;color:#faf8f3}
.lbp-txt{font-size:14.5px;line-height:1.45;background:#faf8f3;padding:10px 12px;margin-top:8px}.lbp-txt b{font-weight:500}
@media (max-width:760px){.lbp{left:0;right:0;top:auto;bottom:0;width:auto;max-height:42vh;border-width:3px 0 0;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px))}
 body{padding-bottom:42vh}
 body.lb-ihop{padding-bottom:0}}
/* ihopfälld: bara en liten knapp i hörnet */
.lbp.ihop{top:auto;left:auto;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));width:auto;max-height:none;padding:0;border:0;background:none;box-shadow:none;overflow:visible}
.lbp.ihop .lbp-h{position:static;padding:0;background:none}
.lbp.ihop .lbp-t,.lbp.ihop .lbp-kv{display:none}
.lbp.ihop .lbp-ihop{background:#231c19;color:#faf8f3;border-color:#231c19;padding:9px 12px;box-shadow:0 4px 14px rgba(35,28,25,.3)}
.lbp.ihop .lbp-ihop input{accent-color:#e3a833}
/* inget glapp mellan förstavyn och bordet på kvällen */
body.kvall .resa{--extra:0px}
/* ---- korten: linne med ruta ---- */
.resa .lp.lb-ruta{background:var(--lbk,#f1eadd)!important;color:#231c19!important;outline:0!important;box-shadow:inset 0 8px 0 var(--c)}
.resa .lp.lb-ruta .et{color:#99221a;padding-top:6px}
.resa .lp.lb-ruta .tk{background:var(--c);padding:8px;width:46px;height:46px;top:20px}
.resa .st.m .lp.lb-ruta .tk{width:26px;height:26px;padding:4px;top:12px}
.resa .st.m .lp.lb-ruta{box-shadow:inset 0 6px 0 var(--c)}
/* ---- bandet ---- */
.resa .lp.lb-band{background:var(--lbl)!important;color:#231c19!important;outline:0!important;padding:0!important;display:grid!important;grid-template-rows:auto 1fr}
.lb-bh{display:flex;justify-content:space-between;padding:12px 18px 0;font:700 12px/1.2 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#99221a}.lb-bh span+span{color:#231c19}
.lb-bk{display:grid;grid-template-columns:repeat(var(--n,4),minmax(0,1fr))}
.lb-bk>span{padding:12px 18px 16px;display:flex;flex-direction:column;gap:3px;border-left:1px solid #dcc69f;min-width:0}.lb-bk>span:first-child{border-left:0}
.lb-bk .ir{display:flex;width:36px;height:36px;padding:6px;margin-bottom:8px}.lb-bk .ir img{width:100%;height:100%}
.lb-bk .d{font:700 12px/1.2 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#99221a;white-space:nowrap}
.lb-bk b{font-weight:500;font-size:19px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0!important}
.lb-bk .t{font:600 12.5px/1.2 "Schibsted Grotesk",Arial,sans-serif}
.st.m .lb-bh{padding:8px 9px 0;font-size:10px}.st.m .lb-bh span+span{display:none}
.st.m .lb-bk{grid-template-columns:1fr;grid-template-rows:repeat(var(--n,4),1fr)}
.st.m .lb-bk>span{border-left:0;border-top:1px solid #dcc69f;padding:4px 10px;display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:10px;align-items:center;row-gap:0}.st.m .lb-bk>span:first-child{border-top:0}
.st.m .lb-bk .ir{width:32px;height:32px;padding:5px;margin:0;grid-row:1/3}.st.m .lb-bk b{font-size:16px}.st.m .lb-bk .d{font-size:12px}.st.m .lb-bk .t{display:none}
/* ---- härnäst ---- */
.hl .lbx-dag{list-style:none;display:flex;flex-direction:column;gap:14px;margin-top:12px;padding:0}
.hl .lbx-dag li{display:flex;gap:12px;align-items:flex-start}.hl .lbx-dag li>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.hl .lbx-dag i{font:600 14px/1 "Schibsted Grotesk",Arial,sans-serif;font-style:normal}.hl .lbx-dag b{font-weight:500;font-size:28px;line-height:1.1}.hl .lbx-dag small{font-size:15px;line-height:1.3}
.hl .ir{display:flex;width:46px;height:46px;padding:8px;flex:none}.hl .ir img{width:100%;height:100%}
.hl .lbx-fot{margin-top:auto;border-top:1px solid currentColor;padding-top:9px;font:600 13px/1.4 "Schibsted Grotesk",Arial,sans-serif}
.hl .lbx-stor{font-weight:500;line-height:1;font-size:48px;margin-top:6px}
.hl .lbx-besk{font-size:16px;line-height:1.35;margin-top:6px}
.hl .lbx-chip{display:inline-flex;align-items:center;align-self:flex-start;background:#faf8f3;border:1px solid #231c19;font:700 11px/1 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;margin-top:12px;color:#231c19}
.hl .lbx-chip .ir{width:28px;height:28px;padding:5px}.hl .lbx-chip>span:last-child{padding:0 9px}
.hl .lbx-nu{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-bottom:1px solid currentColor;padding-bottom:10px;margin-bottom:10px;font:600 15px/1.2 "Schibsted Grotesk",Arial,sans-serif}.hl .lbx-nu i{font-style:normal}
.hl.lbx{display:flex;flex-direction:column}
.st.m .hl .lbx-dag{gap:7px;margin-top:6px}.st.m .hl .lbx-dag li{gap:7px}.st.m .hl .ir{width:26px;height:26px;padding:4px}.st.m .hl .lbx-dag b{font-size:16px}.st.m .hl .lbx-dag i{font-size:11px}
.st.m .hl .lbx-stor{font-size:26px}.st.m .hl .lbx-chip{font-size:8.5px;margin-top:6px}.st.m .hl .lbx-chip .ir{width:20px;height:20px;padding:3px}.st.m .hl .lbx-chip>span:last-child{padding:0 5px}
.st.m .hl .lbx-nu{font-size:11px;padding-bottom:6px;margin-bottom:5px;flex-direction:column;gap:3px;align-items:flex-start}
.st.m .hl .lbx-m{font:600 11.5px/1.2 "Schibsted Grotesk",Arial,sans-serif;margin-top:5px}
/* ---- de fyra rutorna ---- */
.resa .gw.pap .glas{background:var(--lbl)}
.resa .gw.rf-stort .tk{left:50%;top:24px;margin-left:-35px;width:70px;height:70px}
.resa .gw.rf-stort .lab-in{left:6px;right:6px;bottom:18px;text-align:center}.resa .gw.rf-stort .lab-in .et{display:none}
.resa .st.m .gw.rf-stort .tk{top:9px;margin-left:-19px;width:38px;height:38px;left:50%}
.resa .st.m .gw.rf-stort .lab-in{bottom:9px;left:2px;right:2px}.resa .st.m .gw.rf-stort .lab-in b{font-size:13.5px}
.resa .gw.rf-ord .tk{display:none}
.resa .gw.rf-ord .lab-in{top:16px;bottom:14px;display:flex;flex-direction:column-reverse;justify-content:space-between}
.resa .gw.rf-ord .lab-in b{font:700 11px/1.2 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#99221a;margin:0}
.resa .gw.rf-ord .lab-in .et{display:block!important;font:italic 500 28px/1.05 Literata,Georgia,serif;letter-spacing:0;text-transform:none;color:#231c19}
.resa .st.m .gw.rf-ord .lab-in{top:8px;bottom:8px}.resa .st.m .gw.rf-ord .lab-in b{font-size:8.5px;letter-spacing:.06em}.resa .st.m .gw.rf-ord .lab-in .et{font-size:15px}
.resa .gw.rf-ruta .tk{background:#99221a;padding:9px;width:52px;height:52px}
.resa .st.m .gw.rf-ruta .tk{width:30px;height:30px;padding:5px}
.resa .gw.rf-glugg .glas:after{content:"";position:absolute;inset:8px;border:1.5px solid #99221a;opacity:calc(1 - var(--t,0))}
.resa .gw.rf-glugg .tk{left:50%;top:32px;margin-left:-25px;width:50px;height:50px}
.resa .gw.rf-glugg .lab-in{left:10px;right:10px;bottom:30px;text-align:center}.resa .gw.rf-glugg .lab-in .et{display:none}
.resa .st.m .gw.rf-glugg .glas:after{inset:4px;border-width:1px}
.resa .st.m .gw.rf-glugg .tk{top:12px;margin-left:-15px;width:30px;height:30px;left:50%}
.resa .st.m .gw.rf-glugg .lab-in{bottom:11px;left:4px;right:4px}.resa .st.m .gw.rf-glugg .lab-in b{font-size:13px}
/* ---- garnet Behåll petrolen ---- */
:root{--lb-g:#9f506a;--lb-m:#cb7724;--lb-b:#7c945c;--lb-s:#5f90b9;--lb-f:#3f968d;--lb-u:#7f5c8d}
body.kvall .bord6{--lb-g:#b3627b;--lb-u:#916d9f}
.lb-chip{display:inline-flex;align-items:center;align-self:flex-start;background:#faf8f3;border:1px solid #231c19;color:#231c19;font:700 11px/1 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;margin-top:10px;max-width:100%}
.lb-chip i{display:flex;width:26px;height:26px;padding:5px;flex:none}.lb-chip i img{width:100%;height:100%;display:block}
.lb-chip>span{padding:0 9px;overflow:hidden;text-overflow:ellipsis}
.lb-pr{display:inline-block;width:10px;height:10px;margin-right:7px;vertical-align:0}
/* bordet */
.bord6 .stol.lb-hus{background:#faf8f3}
.bordet .stol .lab .lb-chip{font-size:10px;margin-top:8px}.bordet .stol .lab .lb-chip i{width:22px;height:22px;padding:4px}
.lb-v7{display:grid;grid-template-columns:repeat(7,24px);gap:6px;justify-content:center;margin-top:16px}
.lb-v7>span{display:flex;flex-direction:column;align-items:center;gap:5px;font:700 12px/1 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.06em;color:#4f513e}
.lb-v7>span.on{color:#231c19}
.lb-v7 i{display:block;width:24px;height:24px}
.lb-v7 i.vartannan{background-image:linear-gradient(135deg,transparent 46%,rgba(250,248,243,.9) 46%,rgba(250,248,243,.9) 54%,transparent 54%)}
.bordet .duk.lb-dv p{margin-top:0}
@media (max-width:760px){.lb-v7{grid-template-columns:repeat(7,11px);gap:3px;margin-top:8px}.lb-v7>span{font-size:8px;gap:3px}.lb-v7 i{width:11px;height:11px}}
/* kalendern */
.kk .lb-chip{font-size:10px;margin:10px 0 2px}.kk .lb-chip i{width:22px;height:22px;padding:4px}
.kk .ruta.lb-sr{background:#f1eadd}
.kk .ruta.lb-sr .tk{background:var(--tc);padding:7%;width:36%;height:36%}
.kk .ruta.lb-hk .tk{background:var(--tc);padding:3.5%;width:24%;height:24%;left:7%;top:7%}
.l6.lbl-ruta .dat,.l6.lbl-etikett .dat{border-left-color:transparent}
.l6.lbl-ruta .tk{background:var(--tc);padding:6px;width:38px;height:38px;box-sizing:border-box}
.l6.lbl-ruta li.inst .tk{background:transparent}
.l6.lbl-etikett .tk{visibility:hidden}
.l6 .txt .lb-chip{margin-top:8px;font-size:10px}.l6 .txt .lb-chip i{width:22px;height:22px;padding:4px}
.l6 li.inst .lb-chip{opacity:.6}
@media (max-width:760px){.l6.lbl-ruta .tk{width:28px;height:28px;padding:4px}}
/* bandet fyllt */
.lp.lb-band.lb-fylld .lb-bk>span{background:var(--g);color:#faf8f3;border-left-color:#faf8f3}
.lp.lb-band.lb-fylld .lb-bk .d{color:#faf8f3}
.lp.lb-band.lb-fylld .lb-bk .ir{padding:0}
.st.m .lp.lb-band.lb-fylld .lb-bk>span{border-top-color:#faf8f3}
#tillbaka{display:none!important}
.lbg summary>span{flex:1 1 auto;min-width:0}.lbg summary em{flex:0 1 auto;max-width:55%}
.lbp-hopp a.nu{background:#231c19;color:#faf8f3;border-color:#231c19}
.lbp [data-sek]:not(.syns){display:none}
.lbp-alla{font:600 12.5px/1.2 "Schibsted Grotesk",Arial,sans-serif;color:#4f513e;margin-top:6px}
/* bandet, rad med tecken och datum */
.lb-bk>span{display:grid!important;grid-template-columns:30px minmax(0,1fr);column-gap:9px;row-gap:6px;align-content:start;padding:14px 16px 14px!important}
.lb-bk .ir{width:30px!important;height:30px!important;padding:5px!important;margin:0!important;grid-row:1}
.lb-bk .d{align-self:center;white-space:normal!important;line-height:1.25!important}
.lb-bk b{grid-column:1/-1;white-space:normal!important;font-size:19px!important;line-height:1.15!important;overflow:visible!important}
.lb-bk .t{display:none}
.st.m .lb-bk>span{grid-template-columns:32px minmax(0,1fr)!important;row-gap:0!important;padding:4px 10px!important;column-gap:10px!important;align-content:center}
.st.m .lb-bk .ir{width:32px!important;height:32px!important;padding:5px!important;grid-row:1/3}
.st.m .lb-bk b{grid-column:2;font-size:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis}
.st.m .lb-bk .d{line-height:1.1!important}
/* kalendern på förstasidan */
.kal.lbk-kort :is(.sedan,.l6,.fler),.kal.lbk-rubrik :is(.kk6,.sedan,.l6,.fler){display:none!important}
.kal.lbk-bort{display:none!important}
.lb-kallank{display:inline-block;margin-top:22px;font:700 13px/1.3 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:inherit;text-decoration:underline;text-decoration-color:#e3a833;text-decoration-thickness:2px;text-underline-offset:6px}
.lb-kallank[hidden]{display:none}
.bord-txt .knapp+.lb-kallank{margin-left:0}
@media (max-width:760px){.lbp.ihop{bottom:calc(75px + env(safe-area-inset-bottom,0px))}}
/* ---- hjulet ---- */
#bordet.lb-hjul .stol{display:block !important;transition:none}
#bordet.lb-hjul .bordet{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;transform-origin:50% 50%}
#bordet.lb-hjul .bordet:active{cursor:grabbing}
#bordet.lb-hjul .stol .lab{transition:opacity .25s}
#bordet.lb-hjul .stol img{pointer-events:none}
@media (max-width:760px){#bordet.lb-hjul .runt{display:none !important}#bordet.lb-hjul .bordet{transform-origin:100% 50%}}
body.lb-flode .lbp-kalsek{display:none !important}
.lbp-not{font-size:14px;line-height:1.4;color:#4f513e;margin:4px 0 8px}
.fl-hander:not([data-k="rad"]) .hv-pilar{display:none}
:root{--lbl:#faf8f3}body.kvall{--lbl:#f1eadd}


/* /efter.css */
/* ===== Nedanför bordet: det som händer, korset, frågorna, rundturen. Dag och kväll ===== */
#efter{--ef-bg:#faf8f3;--ef-yta:#f1eadd;--ef-kort:#fffdf8;--ef-tx:#231c19;--ef-mut:#4f513e;--ef-acc:#99221a;--ef-streck:#dcc69f;--ef-chip:#f1eadd;
 --ef-serif:Literata,Georgia,serif;--ef-sans:"Schibsted Grotesk",Arial,sans-serif;--ef-kant:56px}
body.kvall #efter{--ef-bg:#262d35;--ef-yta:#303842;--ef-kort:#2d353f;--ef-tx:#faf8f3;--ef-mut:#dcc69f;--ef-acc:#e3a833;--ef-streck:#48525f;--ef-chip:#303842}
@media (max-width:760px){#efter{--ef-kant:16px}}
#efter .fl{display:none}
#efter[data-v="flode"] .fl{display:block}
#efter[data-v="flode"] > section.sek{display:none}
.fl{background:var(--ef-bg);color:var(--ef-tx);font-family:var(--ef-serif);padding:88px var(--ef-kant);transition:background .8s,color .8s;position:relative}
.fl *{box-sizing:border-box}
body.kvall .fl{border-top:1px solid #48525f}
.fl-in{max-width:1328px;margin:0 auto}
.fl-ram{max-width:1328px;margin:0 auto}
.fl img{display:block;width:100%;height:100%;object-fit:cover}
.fl figure{margin:0;overflow:hidden;position:relative}
body.kvall .fl figure img{filter:brightness(.9) saturate(.95)}
.fl h2{font-weight:500;font-size:clamp(36px,4.6vw,60px);line-height:1.02;margin:0;letter-spacing:-.01em;text-wrap:balance}
.fl h2 i{display:block;color:var(--ef-acc)}
.fl-l{display:inline-block;font:700 13px/1.3 var(--ef-sans);letter-spacing:.09em;text-transform:uppercase;color:inherit;text-decoration:underline;text-decoration-color:var(--ef-acc);text-decoration-thickness:2px;text-underline-offset:7px;white-space:nowrap}
.fl-l:after{content:" →"}
.fl-rad{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:32px}
@media (max-width:760px){.fl{padding:52px var(--ef-kant) 56px}.fl-rad{margin-bottom:22px}}
/* lugn entré för allt som har klassen in */
.fl .in{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 90ms)}
.fl .in.syns{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.fl .in{opacity:1;transform:none;transition:none}}

/* ---------- etiketterna som filter ---------- */
.hf{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.hf label{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:var(--ef-chip);border:1.5px solid transparent;cursor:pointer;font:600 13px/1 var(--ef-sans);transition:background .3s,border-color .3s,color .3s;white-space:nowrap}
.hf label.hf-alla{padding-left:12px}
.hf input{position:absolute;opacity:0;pointer-events:none}
.hf i{width:24px;height:24px;padding:4px;display:block;flex:none}
.hf i img{width:100%;height:100%;display:block}
.hf label:has(input:checked){background:var(--ef-tx);color:var(--ef-bg)}
.hf label:has(input:focus-visible){border-color:var(--ef-acc)}
@media (max-width:760px){.hf{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(var(--ef-kant) * -1) 22px;padding:0 var(--ef-kant);scrollbar-width:none}.hf::-webkit-scrollbar{display:none}}

/* ---------- kortet, gemensamt ---------- */
.hk{display:flex;flex-direction:column;color:inherit;text-decoration:none;min-width:0}
.hk figure{background:var(--ef-yta)}
.hk figure img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.hk:hover figure img{transform:scale(1.04)}
.hk-r{position:absolute;left:0;top:0;width:44px;height:44px;padding:9px;z-index:1}
.hk-r img{width:100%;height:100%}
.hk-idag{position:absolute;right:10px;top:10px;z-index:1;background:#e3a833;color:#231c19;font:700 11px/1 var(--ef-sans);letter-spacing:.09em;text-transform:uppercase;padding:6px 8px}
.hk-n{font:700 12px/1.3 var(--ef-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ef-acc);margin-top:14px}
.hk b{font-weight:500;font-size:24px;line-height:1.12;margin-top:4px}
.hk-t{font-size:15.5px;line-height:1.4;color:var(--ef-mut);margin-top:5px}

/* ---------- A: raden ---------- */
.fl-hander[data-k="rad"] .hv{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ef-kant);margin:0 calc(var(--ef-kant) * -1);padding:0 var(--ef-kant) 6px;scrollbar-width:none}
.fl-hander[data-k="rad"] .hv::-webkit-scrollbar{display:none}
.fl-hander[data-k="rad"] .hk{flex:0 0 300px;scroll-snap-align:start;transition:flex-basis .6s cubic-bezier(.2,.7,.2,1),opacity .45s,margin .6s,transform .9s cubic-bezier(.2,.7,.2,1)}
.fl-hander[data-k="rad"] .hk figure{aspect-ratio:4/3}
.hk-text{display:flex;flex-direction:column;min-width:0}
.hk .hk-n .hk-tk{display:none}
.hk figure.tom{background:var(--lc);display:grid;place-items:center}
.hk figure.tom .hk-stort{width:34%;height:auto;max-width:96px;transform:none !important}
.hk figure.tom .hk-r{display:none}
/* A: lägre foto med färgkant */
.fl-hander[data-r="rad"] .hk figure::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--lc)}
.fl-hander[data-r="rad"] .hk figure.tom::after{display:none}
/* B: fyrkanten */
.fl-hander[data-r="kvad"] .hk{flex-direction:row;flex-basis:360px;background:var(--ef-yta);align-items:stretch}
.fl-hander[data-r="kvad"] .hk figure{flex:none;width:132px;aspect-ratio:1/1}
.fl-hander[data-r="kvad"] .hk-r{width:30px;height:30px;padding:6px}
.fl-hander[data-r="kvad"] .hk-idag{left:6px;right:auto;top:auto;bottom:6px;font-size:10px;padding:5px 6px}
.fl-hander[data-r="kvad"] .hk-text{padding:14px 16px;justify-content:center;border-top:4px solid var(--lc)}
.fl-hander[data-r="kvad"] .hk-n{margin-top:0;font-size:11px}
.fl-hander[data-r="kvad"] .hk b{font-size:21px}
.fl-hander[data-r="kvad"] .hk-t{font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* C: färgfältet */
.fl-hander[data-r="falt"] .hk{background:var(--lc);color:#231c19}
.fl-hander[data-r="falt"] .hk:is([data-l="g"],[data-l="u"]){color:#faf8f3}
.fl-hander[data-r="falt"] .hk figure{aspect-ratio:16/10}
.fl-hander[data-r="falt"] .hk figure.tom{background:color-mix(in srgb,var(--lc) 84%,#231c19)}
.fl-hander[data-r="falt"] .hk-r{display:none}
.fl-hander[data-r="falt"] .hk-text{padding:14px 18px 20px}
.fl-hander[data-r="falt"] .hk-n,.fl-hander[data-r="falt"] .hk-t{color:inherit}
.fl-hander[data-r="falt"] .hk-n{display:flex;align-items:center;gap:8px;margin-top:0}
.fl-hander[data-r="falt"] .hk .hk-n .hk-tk{display:block;width:18px;height:18px;flex:none}
.fl-hander[data-r="falt"] .hk:not([data-l="g"]):not([data-l="u"]) .hk-tk{filter:brightness(0) opacity(.85)}
.fl-hander[data-r="falt"] .hk-t{opacity:.86}
.fl-hander[data-k="rad"] .hk.ut{flex-basis:0;opacity:0;margin-right:-16px;overflow:hidden;pointer-events:none}
.hv-pilar{display:flex;gap:8px}
.hv-pilar span{width:46px;height:46px;display:grid;place-items:center;border:1.5px solid var(--ef-tx);cursor:pointer;font:500 20px/1 var(--ef-sans);user-select:none;transition:background .25s,color .25s}
.hv-pilar span:hover{background:var(--ef-tx);color:var(--ef-bg)}
.hf-rad{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
@media (max-width:760px){.fl-hander[data-k="rad"] .hk{flex-basis:76vw}.fl-hander[data-r="kvad"] .hk{flex-basis:86vw}.fl-hander[data-r="kvad"] .hk figure{width:112px}.hv-pilar{display:none}}

/* ---------- B: kortleken ---------- */
.fl-hander[data-k="lek"] .fl-ram{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"h l" "f l" "x l";grid-template-rows:auto auto 1fr;column-gap:64px}
.fl-hander[data-k="lek"] .fl-rad{grid-area:h;flex-direction:column;align-items:flex-start;gap:20px}
.fl-hander[data-k="lek"] .hf{grid-area:f}
.fl-hander[data-k="lek"] .hv{grid-area:l;position:relative;height:620px;touch-action:pan-y;user-select:none}
.lek-x{grid-area:x;align-self:end;display:flex;align-items:center;gap:18px;font:700 12px/1 var(--ef-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ef-mut)}
.fl-hander[data-k="lek"] .hk{position:absolute;left:0;top:0;width:380px;background:var(--ef-kort);padding:14px 14px 22px;box-shadow:0 18px 40px rgba(35,28,25,.16),0 2px 6px rgba(35,28,25,.08);transform-origin:50% 120%;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .6s;will-change:transform}
body.kvall .fl-hander[data-k="lek"] .hk{box-shadow:0 18px 40px rgba(0,0,0,.35)}
.fl-hander[data-k="lek"] .hk figure{aspect-ratio:1/1}
.fl-hander[data-k="lek"] .hk.ut{display:none}
.fl-hander[data-k="lek"] .hk .hk-n,.fl-hander[data-k="lek"] .hk b,.fl-hander[data-k="lek"] .hk .hk-t{padding:0 4px}
.fl-hander[data-k="lek"] .hk b{font-size:28px}
@media (max-width:900px){.fl-hander[data-k="lek"] .fl-ram{display:block}.fl-hander[data-k="lek"] .hv{height:min(132vw,600px);margin-top:4px}
 .fl-hander[data-k="lek"] .hk{width:min(74vw,340px);padding:10px 10px 18px}.fl-hander[data-k="lek"] .hk b{font-size:22px}.lek-x{margin-top:8px}}

/* ---------- C: remsan som scrollen drar ---------- */
.fl-hander[data-k="rems"]{padding:0;height:var(--rems-h,240vh)}
.fl-hander[data-k="rems"] .fl-ram{position:sticky;top:0;height:100vh;max-width:none;padding:112px 0 40px;display:flex;flex-direction:column;overflow:hidden}
.fl-hander[data-k="rems"] .fl-rad,.fl-hander[data-k="rems"] .hf{padding:0 var(--ef-kant);max-width:1440px;width:100%;margin-inline:auto}
.fl-hander[data-k="rems"] .fl-rad{margin-bottom:22px}
.fl-hander[data-k="rems"] .hf{margin-bottom:0}
.fl-hander[data-k="rems"] .hv{flex:1;min-height:0;position:relative;margin-top:30px}
.rems{position:absolute;left:0;top:0;bottom:0;display:flex;gap:28px;padding:0 var(--ef-kant);will-change:transform}
.rems:before{content:"";position:absolute;left:0;right:0;top:41px;border-top:2px solid var(--ef-tx)}
.rd-dag{position:relative;display:flex;flex-direction:column;gap:18px;flex:none}
.rd-dag>header{display:flex;align-items:baseline;gap:10px;height:42px;white-space:nowrap}
.rd-dag>header b{font-weight:500;font-size:40px;line-height:1}
.rd-dag>header span{font:700 12px/1 var(--ef-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ef-mut)}
.rd-dag>header:after{content:"";position:absolute;left:0;top:36px;width:12px;height:12px;background:var(--ef-acc)}
.rd-dag.idag>header span{color:var(--ef-acc)}
.rd-dag .rd-kol{display:flex;gap:16px;padding-top:6px}
.fl-hander[data-k="rems"] .hk{width:250px;transition:opacity .5s}
.fl-hander[data-k="rems"] .hk figure{aspect-ratio:1/1}
.fl-hander[data-k="rems"] .hk.ut{opacity:.16}
.rems-slut{display:flex;align-items:center;flex:none;padding-left:20px}
@media (max-height:820px) and (min-width:761px){.fl-hander[data-k="rems"] .hk figure{aspect-ratio:5/4}.fl-hander[data-k="rems"] .fl-ram{padding-top:100px}}
@media (max-width:760px){.fl-hander[data-k="rems"] .fl-ram{padding:84px 0 calc(78px + env(safe-area-inset-bottom,0px))}
 .fl-hander[data-k="rems"] .hk{width:62vw}.rd-dag>header b{font-size:32px}.fl-hander[data-k="rems"] .hk-t{display:none}.fl-hander[data-k="rems"] .hk b{font-size:21px}.fl-hander[data-k="rems"] .hv{margin-top:20px}}

/* ---------- D: skyltfönstret ---------- */
.fl-hander[data-k="fonster"] .hv{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"b t" "r r";gap:28px 56px;align-items:center}
.sf-bild{grid-area:b;position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--ef-yta)}
.sf-bild figure{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.sf-bild figure.pa{opacity:1}
.sf-bild figure img{transform:scale(1.08);transition:transform 7s linear}
.sf-bild figure.pa img{transform:scale(1)}
.sf-bild .hk-r{width:60px;height:60px;padding:12px;transition:background .8s}
.sf-t{grid-area:t;min-height:250px}
.sf-t .hk-n{margin:0;font-size:13px}
.sf-t b{display:block;font-weight:500;font-size:clamp(34px,3.6vw,52px);line-height:1.04;margin:10px 0 14px;text-wrap:balance}
.sf-t p{font-size:19px;line-height:1.45;color:var(--ef-mut);margin:0 0 24px;max-width:36ch}
.sf-t>*{transition:opacity .5s}
.sf-t.byter>*{opacity:0}
.sf-rad{grid-area:r;display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.sf-rad::-webkit-scrollbar{display:none}
.sf-rad label{flex:0 0 150px;cursor:pointer;display:flex;flex-direction:column;gap:7px;position:relative;padding-top:10px}
.sf-rad label.ut{display:none}
.sf-rad input{position:absolute;opacity:0;pointer-events:none}
.sf-rad label:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--ef-streck)}
.sf-rad label:after{content:"";position:absolute;left:0;top:0;height:3px;width:0;background:var(--ef-acc)}
.sf-rad label:has(input:checked):after{width:100%;transition:width var(--sf-tid,6s) linear}
.sf-rad.paus label:has(input:checked):after{transition:none;width:100%}
.sf-rad span{font:700 11px/1.25 var(--ef-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ef-mut)}
.sf-rad b{font-weight:500;font-size:17px;line-height:1.15}
.sf-rad label:has(input:checked) b{color:var(--ef-acc)}
@media (max-width:900px){.fl-hander[data-k="fonster"] .hv{grid-template-columns:1fr;grid-template-areas:"b" "t" "r";gap:20px}
 .sf-bild{aspect-ratio:4/5;margin:0 calc(var(--ef-kant) * -1)}.sf-t{min-height:0}.sf-t p{font-size:16.5px;margin-bottom:18px}.sf-rad label{flex-basis:128px}}

/* ---------- Korset ---------- */
.fl-kors{background:var(--ef-yta)}
body.kvall .fl-kors{background:var(--ef-yta)}
.kr-grid{display:grid;grid-template-columns:auto minmax(0,560px);justify-content:center;gap:104px;align-items:center}
.kr-kors{--s:168px;--g:calc(var(--s) * .1);display:grid;grid-template-columns:repeat(3,var(--s));grid-template-rows:repeat(3,var(--s));gap:var(--g);grid-template-areas:". t ." "v m h" ". n ."}
.kr-kors label{position:relative;display:block;cursor:pointer;overflow:hidden;background:var(--ef-bg);outline:3px solid transparent;outline-offset:-3px;
 --x:0;--y:0;opacity:var(--o,1);transform:translate(calc(var(--x) * (var(--s) + var(--g)) * (1 - var(--q,1))),calc(var(--y) * (var(--s) + var(--g)) * (1 - var(--q,1)))) scale(calc(.55 + .45 * var(--q,1)));transition:outline-color .3s,box-shadow .6s}
.kr-kors label[data-pos=t]{grid-area:t;--y:1}.kr-kors label[data-pos=n]{grid-area:n;--y:-1}.kr-kors label[data-pos=v]{grid-area:v;--x:1}.kr-kors label[data-pos=h]{grid-area:h;--x:-1}
.kr-kors label[data-pos=m]{grid-area:m;z-index:2}
.kr-kors input{position:absolute;opacity:0;pointer-events:none}
.kr-kors img{transition:transform .8s}
.kr-kors label:hover img{transform:scale(1.05)}
.kr-kors label>span{position:absolute;left:0;right:0;bottom:0;padding:28px 12px 11px;font:500 19px/1.1 var(--ef-serif);color:#faf8f3;background:linear-gradient(180deg,transparent,rgba(35,28,25,.64))}
.kr-kors label:has(input:checked){outline-color:var(--ef-acc)}
.kr-kors label:has(input:focus-visible){outline-color:var(--ef-tx)}
.kr-kors .mitt{background:#e3a833;display:flex;align-items:center;justify-content:center;outline:0}
.kr-kors .mitt>span{position:static;background:none;padding:0;color:#231c19;font-size:32px;font-style:italic}
.kr-kors .mitt:has(input:checked){box-shadow:none}
.kr-kors .mitt.du{background:transparent;border:2.5px dashed #99221a}.kr-kors .mitt.du>span{color:#99221a}.kr-kors .mitt.du:has(input:checked){background:#e3a833;border-color:#e3a833}.kr-kors .mitt.du:has(input:checked)>span{color:#231c19}

body.kvall .kr-kors label:not(.mitt){box-shadow:0 0 0 1px rgba(227,168,51,.25),0 0 46px rgba(227,168,51,calc(.24 * var(--q,1)))}
body.kvall .kr-kors label:not(.mitt) img{filter:sepia(.35) saturate(1.1) brightness(.95)}
body.kvall .kr-kors .mitt,body.kvall .kr-kors .mitt.du{background:#e3a833;border:0;box-shadow:0 0 80px rgba(227,168,51,.55)}
body.kvall .kr-kors .mitt>span,body.kvall .kr-kors .mitt.du>span{color:#231c19}
body.kvall .kr-kors .mitt:has(input:checked){box-shadow:0 0 80px rgba(227,168,51,.55)}
.kr-t{max-width:52ch}
.kr-ord{margin-top:36px;padding-top:22px;border-top:2px solid var(--ef-tx);min-height:230px;display:flex;flex-direction:column;align-items:flex-start}
.kr-et{font:700 12px/1.3 var(--ef-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ef-acc)}
.kr-ord q{display:block;font-style:italic;font-weight:500;font-size:28px;line-height:1.3;margin:14px 0 12px;quotes:"”" "”";text-wrap:pretty}
.kr-kalla{font:600 12px/1.3 var(--ef-sans);color:var(--ef-mut);margin-bottom:22px}
.kr-ord>*{transition:opacity .4s}
.kr-ord.byter>*{opacity:0}
@media (max-width:1100px){.kr-kors{--s:128px}.kr-grid{gap:56px}}
@media (max-width:760px){.kr-grid{grid-template-columns:1fr;gap:28px}
 .kr-kors{--s:calc((100vw - 32px) / 3.2)}
 .kr-kors label>span{font-size:14.5px;padding:18px 8px 7px}.kr-kors .mitt>span{font-size:24px}
 .kr-ord{margin-top:0;min-height:0}.kr-ord q{font-size:22px}}

/* ---------- Fyra frågor: frågan bär, svaret är litet ---------- */
.fqv{border-top:2px solid var(--ef-tx)}
.fq-a{display:block;color:inherit;text-decoration:none}
.fq-q{display:block;font-weight:500;font-size:26px;line-height:1.2;text-wrap:balance}
.fq-s{display:block;font-size:15.5px;line-height:1.45;color:var(--ef-mut);margin-top:10px}
.fq-s b{font:700 12.5px/1 var(--ef-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ef-acc);margin-right:6px}
/* A: fyra i rad */
.fl-fragor[data-k="stor"] .fqv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.fl-fragor[data-k="stor"] .fq-a{padding:24px 0 8px}
.fl-fragor[data-k="stor"] .fq-a:hover .fq-q{text-decoration:underline;text-decoration-color:var(--ef-acc);text-decoration-thickness:2px;text-underline-offset:6px}
@media (max-width:1100px){.fl-fragor[data-k="stor"] .fqv{gap:0 24px}.fl-fragor[data-k="stor"] .fq-q{font-size:22px}}
@media (max-width:760px){.fl-fragor[data-k="stor"] .fqv{grid-template-columns:1fr}.fl-fragor[data-k="stor"] .fq-a{padding:18px 0;border-bottom:1px solid var(--ef-streck)}.fq-q{font-size:22px}}
/* B: lappar i sidled */
.fl-fragor[data-k="lapp"] .fqv{border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fl-fragor[data-k="lapp"] .fq-a{background:var(--ef-yta);padding:24px 24px 22px;display:flex;flex-direction:column;justify-content:flex-start;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.fl-fragor[data-k="lapp"] .fq-a:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(35,28,25,.12)}
.fl-fragor[data-k="lapp"] .fq-q{font-size:25px}
.fl-fragor[data-k="lapp"] .fq-s{border-top:1px solid var(--ef-streck);padding-top:12px;margin-top:18px}
@media (max-width:1100px){.fl-fragor[data-k="lapp"] .fqv{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--ef-kant) * -1);padding:0 var(--ef-kant) 6px;scroll-padding-inline:var(--ef-kant);scrollbar-width:none}
 .fl-fragor[data-k="lapp"] .fqv::-webkit-scrollbar{display:none}.fl-fragor[data-k="lapp"] .fq-a{flex:0 0 min(72vw,300px);scroll-snap-align:start}}
/* Lapparna i frågesidans manér (Simon 30 okt): tjockt streck överst, solgul ruta före frågan, svaret i kursiv med tecknet bredvid. */
.fl-fragor[data-k="lapp"] .fq-a{border-top:2px solid var(--ef-tx);padding:22px 24px 26px}
.fl-fragor[data-k="lapp"] .fq-q{display:grid;grid-template-columns:18px minmax(0,1fr);gap:14px;align-items:start;font-weight:400}
.fl-fragor[data-k="lapp"] .fq-g{width:18px;height:18px;margin-top:7px;background:#e3a833}
.fl-fragor[data-k="lapp"] .fq-s{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:start;border-top:0;margin-top:14px;padding:0 0 0 32px;color:var(--ef-mut)}
.fl-fragor[data-k="lapp"] .fq-s b{grid-column:1;margin:0;font:italic 400 28px/1.15 var(--ef-serif);letter-spacing:0;text-transform:none;color:var(--ef-acc)}
.fl-fragor[data-k="lapp"] .fq-tk{grid-column:2;grid-row:1;align-self:end;width:40px;height:40px;background:var(--ef-acc);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.fl-fragor[data-k="lapp"] .fq-t{grid-column:1/-1;display:block;margin-top:8px;font-size:16px;line-height:1.45}
@media (max-width:760px){.fl-fragor[data-k="lapp"] .fq-q{font-size:22px;grid-template-columns:16px minmax(0,1fr);gap:12px}.fl-fragor[data-k="lapp"] .fq-g{width:16px;height:16px;margin-top:6px}
 .fl-fragor[data-k="lapp"] .fq-s{padding-left:28px}.fl-fragor[data-k="lapp"] .fq-s b{font-size:24px}.fl-fragor[data-k="lapp"] .fq-tk{width:34px;height:34px}}
/* C: fäll ut */
.fl-fragor[data-k="fall"] .fqv{max-width:920px}
.fq-d{border-bottom:1px solid var(--ef-streck)}
.fq-d summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0}
.fq-d summary::-webkit-details-marker{display:none}
.fq-d summary .fq-q{font-size:30px}
.fq-d summary:after{content:"+";flex:none;width:40px;height:40px;display:grid;place-items:center;border:1.5px solid var(--ef-tx);font:400 24px/1 var(--ef-sans);transition:transform .4s,background .3s,color .3s}
.fq-d[open] summary:after{transform:rotate(45deg);background:var(--ef-tx);color:var(--ef-bg)}
.fq-d .fq-s{margin:0 0 24px;font-size:17px;max-width:56ch}
@media (max-width:760px){.fq-d summary .fq-q{font-size:22px}.fq-d summary{padding:18px 0}.fq-d summary:after{width:34px;height:34px}}
/* entré */
.fqv .in{transition-delay:calc(var(--i,0) * 110ms)}

/* ---------- Rundturen: fem rum i sidled ---------- */
.fl-rund .rr-v{display:none}
.fl-rund[data-k="rum"]{padding:104px var(--ef-kant)}
.fl-rund[data-k="rum"] .rr-v{display:block}
.fl-rund[data-k="rum"] .rd{display:none}
.rr{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.rr li{display:flex;flex-direction:column;min-width:0}
.rr figure{aspect-ratio:3/4;background:var(--ef-yta)}
.rr-n{position:absolute;left:0;top:0;width:40px;height:40px;background:#99221a;color:#faf8f3;font:500 20px/40px var(--ef-serif);text-align:center}
body.kvall .rr-n{background:#e3a833;color:#231c19}
.rr b{font-weight:500;font-size:24px;line-height:1.15;margin-top:14px}
.rr li>span{font-size:16px;line-height:1.4;color:var(--ef-mut);margin-top:4px}
@media (max-width:900px){.rr{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--ef-kant) * -1);padding:0 var(--ef-kant);scroll-padding:0 var(--ef-kant);gap:10px;scrollbar-width:none}
 .rr::-webkit-scrollbar{display:none}.rr li{flex:0 0 62%;scroll-snap-align:start}.rr b{font-size:21px}.rr li>span{font-size:15px}}
@media (max-width:760px){.fl-rund[data-k="rum"]{padding:72px var(--ef-kant)}}

/* ---------- Rundturen, en bild ---------- */
.fl-rund{padding:0}
.rd{display:block;position:relative;color:inherit;text-decoration:none;overflow:hidden}
.rd figure{height:min(86vh,820px);min-height:520px}
.rd figure img{transform:scale(calc(1.14 - .14 * var(--r,1)));transform-origin:50% 60%}
.rd-kort{position:absolute;left:var(--ef-kant);bottom:56px;width:min(440px,calc(100% - 2 * var(--ef-kant)));background:var(--ef-bg);color:var(--ef-tx);padding:28px 30px 30px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.rd-n{font:700 12px/1 var(--ef-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ef-acc)}
.rd-h{font-weight:500;font-size:clamp(32px,3.6vw,48px);line-height:1.04}
.rd-h i{display:block;color:var(--ef-acc)}
.rd-p{font-size:17px;line-height:1.45;color:var(--ef-mut);margin-bottom:8px}
.rd:hover .fl-l{text-decoration-thickness:3px}
@media (max-width:760px){.rd figure{height:auto;min-height:0;aspect-ratio:4/5}
 .rd-kort{position:relative;left:auto;bottom:auto;width:auto;margin:-64px 16px 0;padding:22px 20px 24px}
 .fl-rund{padding-bottom:64px}}
/* justeringar */
.fl-hander .fl-rad h2{margin-right:auto}
.fl-hander .fl-rad{align-items:flex-end;gap:28px}
.hf label{min-height:38px}
.rd-dag>header{height:50px}
.rems:before{top:58px}
.rd-dag>header:after{top:52px}
.rd-dag .rd-kol{padding-top:14px}
.sf-bild{aspect-ratio:16/10}
.fl-hander[data-k="lek"] .hv{height:560px}
@media (max-width:900px){.sf-bild{aspect-ratio:4/5}.fl-hander[data-k="lek"] .hv{height:min(132vw,600px)}}
@media (max-width:760px){.fl-hander .fl-rad{flex-direction:column;align-items:flex-start;gap:14px}}
.hf label{flex:none;white-space:nowrap !important}
.hf{align-items:center}.hf label{height:38px}
.fq-d[open] summary:after{transform:none;content:"−"}
@media (max-width:760px){.fl .fl-rad{flex-direction:column;align-items:flex-start;gap:14px}}

/* ---------- Rundturen: fyra sätt ---------- */
.fl-rund .rr-v,.fl-rund .rv-v,.fl-rund .rdw,.fl-rund .rd{display:none}
.fl-rund[data-k="bild"] .rd{display:block}
.fl-rund[data-k="rum"] .rr-v{display:block}
.fl-rund:is([data-k="ruta"],[data-k="btx"],[data-k="stn"]){padding:88px var(--ef-kant) 104px}
.fl-rund:is([data-k="ruta"],[data-k="btx"],[data-k="stn"]) .rv-v{display:block}
.fl-rund[data-k="dorr"]{padding:0;height:560vh}
.fl-rund[data-k="dorr"] .rdw{display:block;height:100%}
/* strecket: i marginalen, bakom bilderna */
.rv{position:relative;display:flex;flex-direction:column;gap:72px;padding-top:28px}
.rv-streck{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0}
.rv-streck path{fill:none;stroke-linecap:round;stroke-linejoin:round}
.rv-linje{stroke:var(--ef-tx);stroke-width:2}
.fl-rund[data-k="stn"] .rv-linje{stroke:#99221a;stroke-width:4}
body.kvall .fl-rund[data-k="stn"] .rv-linje{stroke:#e3a833}
.rv-st figure{position:relative;background:var(--ef-yta);overflow:hidden}
.rv-ruta,.rv-btx{position:absolute;pointer-events:none;display:none}
/* A: rutan tänds */
.fl-rund[data-k="ruta"] .rv-ruta{display:block;left:var(--rl,10%);top:var(--rt,10%);width:var(--rw,80%);height:var(--rh,80%);border:2px solid #faf8f3;box-shadow:0 0 0 2000px rgba(35,28,25,0);opacity:0;transform:scale(1.04);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1),box-shadow 1.6s ease}
.fl-rund[data-k="ruta"] .tand .rv-ruta{opacity:1;transform:none;box-shadow:0 0 0 2000px rgba(35,28,25,.34)}
.fl-rund[data-k="ruta"] .rv-btx{display:block;left:var(--rl,10%);top:calc(var(--rt,10%) + var(--rh,80%));transform:translateY(calc(-100% + 8px));margin-left:-1px}
/* B: bildtexten */
.fl-rund[data-k="btx"] .rv-btx{display:block;left:0;bottom:0;transform:translateY(12px)}
.fl-rund[data-k="btx"] .rv-st figure img{transition:transform 2.4s cubic-bezier(.2,.7,.2,1)}
.fl-rund[data-k="btx"] .rv-st.tand figure img{transform:scale(1.035)}
.rv-btx{max-width:min(78%,300px);background:#faf8f3;color:#231c19;font:400 15px/1.35 var(--ef-serif);padding:8px 12px 9px;opacity:0;transition:opacity .8s .3s ease,transform .9s .3s cubic-bezier(.2,.7,.2,1)}
.fl-rund[data-k="ruta"] .tand .rv-btx{opacity:1;transform:translateY(-100%)}
.fl-rund[data-k="btx"] .tand .rv-btx{opacity:1;transform:none}
body.kvall .rv-btx{background:#262d35;color:#faf8f3}
.fl-rund:is([data-k="ruta"],[data-k="btx"]) .rv-rad{display:none}
/* C: hållplatserna */
.fl-rund[data-k="stn"] .rv-n{background:var(--ef-bg);color:#99221a;box-shadow:inset 0 0 0 3px #99221a;transition:background .5s ease,color .5s ease}
.fl-rund[data-k="stn"] .tand .rv-n{background:#99221a;color:#faf8f3}
body.kvall .fl-rund[data-k="stn"] .rv-n{color:#e3a833;box-shadow:inset 0 0 0 3px #e3a833}
body.kvall .fl-rund[data-k="stn"] .tand .rv-n{background:#e3a833;color:#231c19}
.rv-slut.tand .rv-plats{border-style:solid;background:color-mix(in srgb,#e3a833 22%,var(--ef-bg))}
.rv-n{position:relative;z-index:1}
.rv-st{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr);gap:44px;align-items:center;width:min(860px,100%)}
.rv-st:nth-of-type(even){margin-left:auto;grid-template-columns:minmax(0,4fr) minmax(0,5fr)}
.rv-st:nth-of-type(even) figure{order:2}
.rv-st:nth-of-type(even) .rv-t{text-align:right;align-items:flex-end}
.rv-st figure{aspect-ratio:4/3}
.rv-t{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.rv-n{width:40px;height:40px;background:#99221a;color:#faf8f3;font:500 20px/40px var(--ef-serif);text-align:center;margin-bottom:8px}
body.kvall .rv-n{background:#e3a833;color:#231c19}
.rv-t b{font-weight:500;font-size:34px;line-height:1.05}
.rv-t>span:not(.rv-n){font-size:17px;line-height:1.45;color:var(--ef-mut)}
.rv-st{opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.rv-st.na{opacity:1;transform:none}
.rv-slut{grid-template-columns:auto minmax(0,1fr) !important;gap:56px !important;width:auto;margin-left:auto;margin-right:auto}
.rv-plats{display:block;width:120px;height:120px;border:2.5px dashed #99221a;background:var(--ef-bg)}
body.kvall .rv-plats{border-color:#e3a833}
.rv-slut .rv-t{text-align:left !important;align-items:flex-start !important}
@media (max-width:760px){
 .rv{gap:48px}.rv-st,.rv-st:nth-of-type(even){grid-template-columns:1fr;width:82%;gap:14px}
 .rv-st:nth-of-type(even) figure{order:0}
 .rv-t b{font-size:26px}.rv-t>span:not(.rv-n){font-size:15.5px}.rv-n{width:34px;height:34px;line-height:34px;font-size:17px;margin-bottom:4px}
 .rv-slut{width:auto !important;margin:0 auto !important;gap:40px !important}.rv-linje{stroke-width:1.8}.fl-rund[data-k="stn"] .rv-linje{stroke-width:3.2}.rv-btx{font-size:14px;padding:7px 10px 8px;max-width:86%}.rv-plats{width:90px;height:90px}}
/* D: genom dörren, nästa rum öppnar sig i bilden */
.rdw-ram{position:sticky;top:0;height:100vh;overflow:hidden;background:#231c19}
.rdw-bilder figure{position:absolute;inset:0;margin:0;will-change:clip-path,transform}
.rdw-bilder figure img{transform:scale(var(--z,1));transform-origin:50% 55%}
.rdw-kort{position:absolute;left:var(--ef-kant);bottom:48px;width:min(400px,calc(100% - 2 * var(--ef-kant)));background:var(--ef-bg);color:var(--ef-tx);padding:24px 28px 26px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;z-index:5}
.rdw-h{font-weight:500;font-size:clamp(32px,3.4vw,46px);line-height:1.04}
.rdw-kort>*{transition:opacity .35s}
.rdw-kort.byter>*:not(.fl-l){opacity:0}
.rdw-steg{position:absolute;right:var(--ef-kant);top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;z-index:5}
.rdw-steg li{width:36px;height:36px;display:grid;place-items:center;background:rgba(250,248,243,.85);color:#231c19;font:500 16px/1 var(--ef-serif);transition:background .4s,color .4s,transform .4s}
.rdw-steg li.nu{background:#99221a;color:#faf8f3;transform:scale(1.12)}
body.kvall .rdw-steg li.nu{background:#e3a833;color:#231c19}
.rdw-rubrik{position:absolute;left:var(--ef-kant);top:110px;z-index:5;background:var(--ef-bg);color:var(--ef-tx);padding:10px 16px 12px;font-weight:500;font-size:26px;line-height:1.1}
.rdw-rubrik i{color:var(--ef-acc)}
@media (max-width:760px){.rdw-kort{bottom:calc(84px + env(safe-area-inset-bottom,0px));left:16px;right:16px;width:auto;padding:18px 20px 20px}
 .rdw-rubrik{top:76px;left:16px;font-size:19px;padding:8px 12px 9px}.rdw-steg{right:12px;gap:8px}.rdw-steg li{width:30px;height:30px;font-size:14px}}

.fl-hander .hv{background:none;height:auto;transition:none}

.hf label{position:relative}
html,body{overflow-x:clip}
/* papper och linne växlar del för del: bordet linne, det som händer papper, korset linne, frågorna papper, rundturen linne. På kvällen samma växling mellan kvällshimlen och en ljusare skiffer. */
.fl-rund{background:var(--ef-yta);--ef-bg:var(--ef-yta)}
@media (max-width:760px){.fl-rund:is([data-k="ruta"],[data-k="btx"],[data-k="stn"]){padding:52px var(--ef-kant) 64px}}
body.kvall #bordet{background:#303842}
@media (min-width:761px){#bordet{padding-bottom:88px}}

/* ---------- Sidled: raderna tar gesten, sidan står still ---------- */
.fl-hander .hv,.hf,.fl-fragor .fqv,.rr{overscroll-behavior-x:contain}
@media (hover:none){.fl-hander[data-k="rad"] .hv,.hf,.fl-fragor[data-k="lapp"] .fqv,.rr{touch-action:pan-y}}
.sl-drar{scroll-snap-type:none!important;scroll-behavior:auto!important}
html,body{overscroll-behavior-x:none}

/* ---------- Korset på mobil ---------- */
.kr-tips{display:none}
.kr-stang{display:none}
@media (max-width:760px){
 .kr-grid{position:relative;gap:22px;--s:calc((100vw - 32px) / 3.2);--g:calc(var(--s) * .1)}
 .kr-kors{justify-self:center}
 .kr-t{display:contents}
 .kr-t h2{order:-2;margin:0}
 .kr-tips{display:flex;align-items:center;gap:10px;order:-1;margin:-8px 0 2px;font:700 12px/1 var(--ef-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ef-acc)}
 .kr-tips:before{content:"";width:22px;height:2px;background:currentColor}
 .fl-kors[data-mob="under"] .kr-ord{border-top:0;padding-top:0;margin-top:-4px;position:relative;padding-left:16px;border-left:2px solid var(--ef-acc)}
 /* B: ur mitten */
 .fl-kors[data-mob="mitt"] .kr-ord{position:absolute;z-index:6;left:50%;bottom:0;width:calc(var(--s) * 3 + var(--g) * 2);height:calc(var(--s) * 3 + var(--g) * 2);transform:translateX(-50%);margin:0;padding:26px 24px 20px;border:0;
  background:var(--ef-bg);box-shadow:0 0 0 2px var(--ef-acc) inset;justify-content:flex-start;
  clip-path:inset(calc(var(--s) + var(--g)) round 0);opacity:0;pointer-events:none;transition:clip-path .55s cubic-bezier(.3,.7,.2,1),opacity .3s}
 .fl-kors[data-mob="mitt"].kr-oppen .kr-ord{clip-path:inset(0);opacity:1;pointer-events:auto}
 .fl-kors[data-mob="mitt"] .kr-ord q{font-size:21px;margin:12px 0 10px}
 .fl-kors[data-mob="mitt"] .kr-ord .fl-l{margin-top:auto}
 .fl-kors[data-mob="mitt"] .kr-stang{display:flex;align-items:center;gap:8px;position:absolute;right:14px;top:14px;border:0;background:none;padding:8px 6px;cursor:pointer;font:700 11.5px/1 var(--ef-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ef-tx)}
 .fl-kors[data-mob="mitt"] .kr-stang:before{content:"";width:13px;height:13px;background:linear-gradient(45deg,transparent 45%,currentColor 45% 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,currentColor 45% 55%,transparent 55%)}
 .fl-kors[data-mob="mitt"] .kr-ord.byter>*{opacity:1}
}
body.kvall .fl-kors[data-mob="mitt"] .kr-ord{box-shadow:0 0 0 2px #e3a833 inset,0 0 60px rgba(227,168,51,.25)}

/* ---------- Bildpausen ---------- */
.fl-paus{position:relative;color:var(--ef-tx)}
.fl-paus[data-k="ingen"]{display:none}
.fl-paus figure{margin:0;overflow:hidden;background:var(--ef-yta)}
.fl-paus img{display:block;width:100%;height:100%;object-fit:cover}
.ps-txt q{display:block;font:italic 500 19px/1.35 var(--ef-serif);quotes:"”" "”";text-wrap:pretty}
.ps-txt span{display:block;margin-top:10px;font:700 11.5px/1 var(--ef-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ef-acc)}
/* A: helbild */
.fl-paus[data-k="hel"] .ps-in{position:relative}
.fl-paus[data-k="hel"] .ps-a{height:min(72vh,640px);min-height:420px}
.fl-paus[data-k="hel"] .ps-a img{object-position:40% 22%;transform:scale(1.06);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
.fl-paus[data-k="hel"].syns .ps-a img{transform:none}
.fl-paus[data-k="hel"] .ps-b{display:none}
.fl-paus[data-k="hel"] .ps-txt{position:absolute;left:max(var(--ef-kant),calc((100% - 1200px) / 2));bottom:40px;max-width:340px;background:var(--ef-bg);color:var(--ef-tx);padding:18px 20px 16px}
/* B: över skarven */
.fl-paus[data-k="skarv"]{background:linear-gradient(180deg,var(--ef-yta) 50%,var(--ef-bg) 50%);padding:0 var(--ef-kant)}
.fl-paus[data-k="skarv"] .ps-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:7fr 5fr;grid-template-areas:"a b" "a t";gap:0 28px;align-items:start}
.fl-paus[data-k="skarv"] .ps-a{grid-area:a;aspect-ratio:4/3}
.fl-paus[data-k="skarv"] .ps-a img{object-position:40% 40%}
.fl-paus[data-k="skarv"] .ps-b{grid-area:b;aspect-ratio:4/3;margin-top:72px}
.fl-paus[data-k="skarv"] .ps-txt{grid-area:t;padding:20px 0 0;max-width:36ch}
.fl-paus[data-k="skarv"] .ps-a,.fl-paus[data-k="skarv"] .ps-b{opacity:0;transform:translateY(24px);transition:opacity .9s,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.fl-paus[data-k="skarv"] .ps-b{transition-delay:.15s}
.fl-paus[data-k="skarv"].syns .ps-a,.fl-paus[data-k="skarv"].syns .ps-b{opacity:1;transform:none}
.fl-paus[data-k="skarv"] + .fl{padding-top:72px}
@media (max-width:760px){
 .fl-paus[data-k="hel"] .ps-a{height:auto;min-height:0;aspect-ratio:4/5}
 .fl-paus[data-k="hel"] .ps-a img{object-position:30% 40%}
 .fl-paus[data-k="hel"] .ps-txt{left:var(--ef-kant);right:var(--ef-kant);bottom:16px;max-width:none;padding:14px 16px 13px}
 .ps-txt q{font-size:16.5px}
 .fl-paus[data-k="skarv"] .ps-in{grid-template-columns:1fr 1fr;grid-template-areas:"a a" ". b" "t t";gap:0 12px}
 .fl-paus[data-k="skarv"] .ps-a{margin:0 calc(var(--ef-kant) * -1)}
 .fl-paus[data-k="skarv"] .ps-b{margin-top:-48px;box-shadow:0 0 0 6px var(--ef-bg)}
 .fl-paus[data-k="skarv"] + .fl{padding-top:44px}
}
body.kvall .fl-paus img{filter:brightness(.9) saturate(.95)}
@media (prefers-reduced-motion:reduce){.fl-paus img,.fl-paus figure{transition:none!important;transform:none!important;opacity:1!important}}

/* ---------- Varv 8 ---------- */
/* Gårdshusets tak syns på kvällen */
body.kvall .fot4 .scen path[fill="#2a2c31"]{fill:#5e6875}
/* Din plats vid bordet */
.stol.tom.lb-pl-hand,.stol.tom.lb-pl-dorr{background-image:none !important;border:0 !important;outline:0 !important;padding:12px}
.stol.tom.lb-pl-hand{background:#e3a833 !important}
.stol.tom.lb-pl-dorr{background:#99221a !important}
.stol.tom .tk{display:block;width:100%;height:100%}
.runt a.tom.lb-pl-hand i,.runt a.tom.lb-pl-dorr i{border:0 !important;outline:0 !important;background-image:none !important;display:grid;place-items:center}
.runt a.tom.lb-pl-hand i{background:#e3a833 !important}.runt a.tom.lb-pl-dorr i{background:#99221a !important}
.runt a.tom i .tk{width:72%;height:72%}
/* Rundturens slut */
.rv-sm{font-size:17px;line-height:1.45;color:var(--ef-mut)}
.rv-slut-kort{display:block !important;width:min(560px,100%) !important;margin:0 auto !important}
.rv-kort{position:relative;background:#faf8f3;padding:30px 32px 30px;border-top:5px solid #e3a833;display:flex;flex-direction:column;align-items:flex-start;gap:8px;box-shadow:0 1px 0 rgba(35,28,25,.06);transition:box-shadow .9s,transform .9s cubic-bezier(.2,.7,.2,1)}
.tand .rv-kort{box-shadow:0 22px 50px rgba(35,28,25,.14);transform:translateY(-4px)}
.rv-et{font:700 12px/1.3 var(--ef-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ef-acc)}
.rv-kort b{font-weight:500;font-size:38px;line-height:1.05;margin:2px 0 2px}
.rv-kort .rv-sm{max-width:34ch;margin-bottom:14px}
.rv-knapp{display:inline-block;background:#99221a;color:#faf8f3;text-decoration:none;font:700 12.5px/1 var(--ef-sans);letter-spacing:.09em;text-transform:uppercase;padding:16px 22px}
.rv-knapp:hover{background:#7f1b14}
body.kvall .rv-kort{background:#262d35;box-shadow:0 0 0 1px rgba(227,168,51,.25)}
body.kvall .tand .rv-kort{box-shadow:0 0 0 1px rgba(227,168,51,.5),0 0 60px rgba(227,168,51,.18)}
.rv-hand{display:grid !important;place-items:center;transition:background .6s,border-color .6s}
.rv-hand img{width:64%;opacity:0;transform:scale(.6);transition:opacity .6s .15s,transform .8s .15s cubic-bezier(.2,.7,.2,1)}
.rv-slut.tand .rv-hand{background:#e3a833;border:2.5px solid #e3a833}
.rv-slut.tand .rv-hand img{opacity:1;transform:none}
.rv-slut-hand .rv-t b{font-size:38px}
.rv-sista .rv-t b{font-size:38px}
@media (max-width:760px){.rv-kort{padding:24px 22px}.rv-kort b{font-size:30px}.rv-slut-kort{width:100% !important}.rv-sm{font-size:15.5px}.rv-slut-hand .rv-t b,.rv-sista .rv-t b{font-size:28px}}
@media (max-width:760px){.rv-slut-hand{grid-template-columns:1fr !important;width:82% !important;gap:18px !important;margin:0 !important}.rv-slut-hand .rv-plats{width:96px;height:96px}}
/* finlir varv 9 */
body.kvall .fl-paus + .fl{border-top:0}
.fl-hander .hv,.hf,.fl-fragor .fqv,.rr{overflow-y:hidden}

/* ---------- Varv 10 ---------- */
/* ny ordning och rytm: händer papper, frågor linne, rundtur papper, korset linne, bildpaus över skarven mot sidfoten */
.fl-fragor{background:var(--ef-yta)}
.fl-fragor[data-k="lapp"] .fq-a{background:var(--ef-bg)}
.fl-rund{background:var(--ef-bg);--ef-bg:#faf8f3}
body.kvall .fl-rund{--ef-bg:#262d35}
.rv-kort{background:var(--ef-yta) !important}
.fl-paus[data-k="skarv"]{padding-bottom:64px}
@media (max-width:760px){.fl-paus[data-k="skarv"]{padding-bottom:44px}}
.fl h2:not(:has(i)){max-width:none}
/* den enda inbjudan */
.inbj{display:inline-flex;align-items:center;gap:16px;text-decoration:none;color:inherit}
.inbj-r{flex:none;width:72px;height:72px;background:#e3a833;display:grid;place-items:center}
.inbj-r img{width:68%;height:auto}
.inbj-t{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.inbj-et{font:700 11.5px/1.2 var(--ef-sans,"Schibsted Grotesk",sans-serif);letter-spacing:.09em;text-transform:uppercase;color:#99221a}
body.kvall .inbj-et{color:#e3a833}
.inbj b{font:500 26px/1.1 var(--ef-serif,Literata,serif)}
.inbj-l{font:700 12px/1 var(--ef-sans,"Schibsted Grotesk",sans-serif);letter-spacing:.09em;text-transform:uppercase;padding-bottom:4px;border-bottom:2px solid #e3a833;margin-top:6px}
.inbj-l:after{content:" →"}
.inbj:hover .inbj-r{transform:translateY(-2px)}.inbj-r{transition:transform .3s}
.bord-txt .inbj{margin-top:26px}
.rv-slut .inbj{gap:22px}
.rv-slut .inbj-r{width:120px;height:120px;position:relative;z-index:1}
.rv-slut .inbj b{font-size:38px}
.rv-slut-inbj{display:block !important;width:auto !important;margin:0 auto !important}
@media (max-width:760px){.rv-slut .inbj-r{width:92px;height:92px}.rv-slut .inbj b{font-size:30px}.inbj b{font-size:23px}.rv-slut-inbj{width:82% !important;margin:0 !important}}
/* förstavyns ruta när den är inbjudan */
.gw.lb-inbj .glas{background:#e3a833 !important}
/* sidhuvudet glider undan på mobilen */
header.topp{transition:transform .35s cubic-bezier(.2,.7,.2,1),background .6s,color .6s}
@media (max-width:760px){header.topp.lb-undan{transform:translateY(-100%)}}
@media (prefers-reduced-motion:reduce){header.topp{transition:none}}

/* Strecket i rundturen: formerna (27 okt) */
#rundtur1[data-form="fjall"] .rv-linje{stroke:#99221a}
body.kvall #rundtur1[data-form="fjall"] .rv-linje{stroke:#faf8f3}
#rundtur1[data-form="stig"] .rv-linje{stroke-width:3.4}
#rundtur1[data-form="trad"] .rv-linje{stroke:#99221a;stroke-width:1.6}
body.kvall #rundtur1[data-form="trad"] .rv-linje{stroke:#e3a833}
.rv-streck .rv-mpath{fill:none;stroke:#fff;stroke-width:18;stroke-linecap:round;stroke-linejoin:round}
.rv-mark{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.3);transition:opacity .8s ease,transform 1.1s cubic-bezier(.2,.7,.2,1)}
.rv-mark.pa{opacity:1;transform:none}
.rv-sol{fill:#e3a833}
.rv-kors rect{fill:#99221a}.rv-kors rect.m{fill:#e3a833}
body.kvall .rv-kors rect{fill:#faf8f3}body.kvall .rv-kors rect.m{fill:#e3a833}
.bm-val.rv-val{top:auto;bottom:20px;left:20px;right:auto}
@media (max-width:760px){.bm-val.rv-val{display:none}}

@media (min-width:761px){body.kvall .fl-kors[data-mob] .kr-ord{box-shadow:none}}
.rv .rv-slut-kort{margin:110px auto 0!important}
@media (max-width:760px){.rv .rv-slut-kort{margin:56px auto 0!important}}

.fl-paus[data-k="skarv"] .ps-in{grid-template-areas:"a t"!important}
.fl-paus[data-k="skarv"] .ps-txt{align-self:end;padding:0 0 6px!important}
@media (max-width:760px){.fl-paus[data-k="skarv"] .ps-in{grid-template-areas:"a a" "t t"!important}.fl-paus[data-k="skarv"] .ps-txt{padding:20px 0 0!important}}
/* Etikettraden på korten, som på kalendersidan (Simon 29 okt 2026) */
.hk-et{display:flex;align-items:center;gap:7px;margin-top:14px;font:700 12px/1.2 var(--ef-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ef-tx)}
.hk-et i{width:10px;height:10px;background:var(--lc);flex:none}
.hk-et+.hk-n{margin-top:8px}
@media (min-width:761px){.hk-et{font-size:13px}}
/* Bilderna i skarvarna (Simon 30 okt 2026): dator som skissens lösning 1 (bildpaus), mobil som lösning 2 (smal bild över
   skarven). Ingen bild går kant i kant.
   Myllret (StartBordet bro), dator: bildpaus som StartPaus fast spegelvänd, citatet till vänster och bilden till höger;
   färgen skiftar från förstavyns till bordets mitt på bilden (--bm räknas ur bandets bredd, bilden är 7/12 och 4:3).
   Mobil: bilden till höger över skarven, bara källan under; skarven flyttas ner i bordets överkant så att bilden får plats
   under texten om Välliste. */
#bordet.med-bro{--bi:min(1200px,calc(100vw - 2 * var(--kant,56px)));--bm:calc(64px + (var(--bi) - 28px) * 7 / 32);
 padding-top:0;background:linear-gradient(180deg,#faf8f3 var(--bm),#f1eadd var(--bm))}
body.kvall #bordet.med-bro{background:linear-gradient(180deg,#262d35 var(--bm),#303842 var(--bm))}
.bord-bro{max-width:1200px;margin:0 auto 24px;padding-top:64px;display:grid;grid-template-columns:5fr 7fr;gap:0 28px;align-items:end}
.bord-bro img{grid-area:1/2;display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:50% 50%;background:#dccfb9}
.bord-bro figcaption{grid-area:1/1;justify-self:end;text-align:right;max-width:36ch;padding-bottom:6px}
.bord-bro q{display:block;font:italic 500 19px/1.35 Literata,Georgia,serif;quotes:"”" "”";text-wrap:pretty}
.bord-bro span{display:block;margin-top:10px;font:700 11.5px/1 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#99221a}
body.kvall .bord-bro span{color:#e3a833}
body.kvall .bord-bro img{filter:brightness(.9) saturate(.95);background:#48525f}
@media (max-width:760px){
 #bordet.med-bro{--bb:min(72vw,460px);--sk:calc(var(--bb) / 3 + 24px);position:relative;padding-top:calc(var(--bb) * 2 / 3 + 70px);background:linear-gradient(180deg,#faf8f3 var(--sk),#f1eadd var(--sk))}
 body.kvall #bordet.med-bro{background:linear-gradient(180deg,#262d35 var(--sk),#303842 var(--sk))}
 .bord-bro{position:absolute;z-index:5;top:var(--sk);right:var(--kant,16px);width:var(--bb);margin:0;padding:0;display:block;transform:translateY(-50%)}
 .bord-bro img{aspect-ratio:3/2;object-position:50% 62%}
 .bord-bro figcaption{text-align:left;max-width:none;padding:0}
 .bord-bro q{display:none}
}
/* StartPaus "Smal över skarven" (Simon och Olof): på mobilen till vänster, 72 % bred, skarven mitt på bilden, bara källan. */
@media (max-width:760px){
 .fl-paus[data-k="skarv"][data-m="smal"]{--bb:72vw;background:linear-gradient(180deg,var(--ef-yta) calc(var(--bb) / 3),var(--ef-bg) calc(var(--bb) / 3))}
 .fl-paus[data-k="skarv"][data-m="smal"] .ps-a{margin:0;width:var(--bb);justify-self:start;aspect-ratio:3/2}
 .fl-paus[data-k="skarv"][data-m="smal"] .ps-txt{padding:0!important}
 .fl-paus[data-k="skarv"][data-m="smal"] .ps-txt q{display:none}
}
/* Det som händer: en länkrad räcker på mobilen (Simon 30 okt 2026), Synka står kvar på dator. */
@media (max-width:760px){.fl-l.bara-dator{display:none}}

/* /bm.css */
/* Bottenmenyn runda 2: väljs med Prova-knapparna */

.botten .tk-k{display:none!important}body.kvall .botten .tk-k{display:block!important}body.kvall .botten .tk-d{display:none!important}
.topp .tk-k{display:none!important}body.kvall .topp .tk-k{display:block!important}body.kvall .topp .tk-d{display:none!important}
.botten .bmf{display:grid;place-items:center;flex:none}.botten .bmf img{flex:none}.botten .bmo{white-space:nowrap}
.topp .kapsel{display:flex;align-items:center;gap:inherit;flex:none}
.topp nav .kapsel>a{padding:0;width:auto!important;min-width:0!important;flex:none!important;white-space:nowrap}.topp nav .bmf{flex:none}.topp nav .bmf img{flex:none}
.topp nav .bmf{display:none}
@media (max-width:760px){.topp nav .kapsel{display:none!important}}
.botten a,.botten .mer-k{background:transparent!important;position:relative}
.botten .kors-ik{width:22px;height:22px}
.botten.b4{grid-template-columns:repeat(4,1fr)!important}
.botten,.botten a,.botten .mer-k,.botten .bmf,.botten .bmo{transition:min-height .3s cubic-bezier(.2,.7,.2,1),padding .3s cubic-bezier(.2,.7,.2,1),opacity .2s,max-height .3s,width .35s cubic-bezier(.2,.7,.2,1),height .3s,background .3s,box-shadow .3s}

/* A1 Listen, låg */
body.mA1 .botten{background:#faf8f3!important;border-top:1px solid rgba(35,28,25,.14)!important;padding:0 0 calc(env(safe-area-inset-bottom,0px) * .5)!important}
body.mA1 .botten a,body.mA1 .botten .mer-k{color:#4f513e!important;font-family:"Schibsted Grotesk",system-ui,sans-serif!important;text-transform:uppercase}
body.mA1 .botten .pa{color:#231c19!important;font-weight:700!important}
body.mA1 .botten .mer-k .kors-ik rect{fill:#99221a}
body.mA1 .botten .mer-k .kors-ik .m{fill:#e3a833}
body.kvall.mA1 .botten{background:#262d35!important;border-top-color:#48525f!important}
body.kvall.mA1 .botten a,body.kvall.mA1 .botten .mer-k{color:rgba(250,248,243,.8)!important}
body.kvall.mA1 .botten .pa{color:#e3a833!important}
body.kvall.mA1 .botten .mer-k .kors-ik rect{fill:#faf8f3}
body.kvall.mA1 .botten .mer-k .kors-ik .m{fill:#e3a833}
body.mA1 .topp nav .bmf{display:grid;place-items:center}
body.mA1 .topp nav .kapsel>a,body.mA1 .topp nav .meny-k{display:inline-flex;align-items:center;gap:8px}
body.mA1 .topp nav .bmf img,body.mA1 .topp nav .bmf svg{width:20px!important;height:20px!important}
body.mA1 .topp nav .meny-k{background:transparent!important;border:0!important;color:inherit!important;font:600 12px/1 "Schibsted Grotesk",sans-serif;letter-spacing:.07em;text-transform:uppercase;padding:0;box-shadow:none}
body.mA1 .topp nav .meny-k .kors-ik rect{fill:#99221a}
body.mA1 .topp nav .meny-k .kors-ik .m{fill:#e3a833}
body.kvall.mA1 .topp nav .meny-k .kors-ik rect{fill:#faf8f3}
body.kvall.mA1 .topp nav .meny-k .kors-ik .m{fill:#e3a833}
body.mA1 .topp nav .kapsel{gap:30px}
body.mA1 .topp nav a.pa,body.mA1 .topp nav .meny-k.pa{box-shadow:inset 0 -3px #e3a833!important;padding-block:6px}
body.mA1 .botten a,body.mA1 .botten .mer-k{min-height:48px!important;padding:7px 1px 5px!important;gap:3px!important;font-size:9px!important;letter-spacing:.05em!important;font-weight:700!important}
body.mA1 .botten img.tk{width:22px!important;height:22px!important}
body.mA1 .botten .bmo{max-height:12px;overflow:hidden}
body.mA1 .botten .pa::before,body.mA1 .botten .mer-k[aria-expanded=true]::before{content:"";position:absolute;top:-1px;left:26%;right:26%;height:3px;background:#e3a833}
body.bm-las.mA1 .botten a,body.bm-las.mA1 .botten .mer-k{min-height:38px!important;padding:8px 1px 6px!important;gap:0!important}
body.bm-las.mA1 .botten .bmo{opacity:0;max-height:0}
body.bm-las.mA1 .botten a,body.bm-las.mA1 .botten .mer-k{flex:1 1 0!important;min-width:0!important}
body.bm-las.mA1 .botten .bmo{max-width:0}
@media (max-width:760px){body.mA1 .mer-panel{bottom:calc(48px + calc(env(safe-area-inset-bottom,0px) * .5) + 0px)!important}}
/* A2 Listen i rad */
body.mA2 .botten{background:#faf8f3!important;border-top:1px solid rgba(35,28,25,.14)!important;padding:0 0 calc(env(safe-area-inset-bottom,0px) * .5)!important}
body.mA2 .botten a,body.mA2 .botten .mer-k{color:#4f513e!important;font-family:"Schibsted Grotesk",system-ui,sans-serif!important;text-transform:uppercase}
body.mA2 .botten .pa{color:#231c19!important;font-weight:700!important}
body.mA2 .botten .mer-k .kors-ik rect{fill:#99221a}
body.mA2 .botten .mer-k .kors-ik .m{fill:#e3a833}
body.kvall.mA2 .botten{background:#262d35!important;border-top-color:#48525f!important}
body.kvall.mA2 .botten a,body.kvall.mA2 .botten .mer-k{color:rgba(250,248,243,.8)!important}
body.kvall.mA2 .botten .pa{color:#e3a833!important}
body.kvall.mA2 .botten .mer-k .kors-ik rect{fill:#faf8f3}
body.kvall.mA2 .botten .mer-k .kors-ik .m{fill:#e3a833}
body.mA2 .topp nav .bmf{display:grid;place-items:center}
body.mA2 .topp nav .kapsel>a,body.mA2 .topp nav .meny-k{display:inline-flex;align-items:center;gap:8px}
body.mA2 .topp nav .bmf img,body.mA2 .topp nav .bmf svg{width:20px!important;height:20px!important}
body.mA2 .topp nav .meny-k{background:transparent!important;border:0!important;color:inherit!important;font:600 12px/1 "Schibsted Grotesk",sans-serif;letter-spacing:.07em;text-transform:uppercase;padding:0;box-shadow:none}
body.mA2 .topp nav .meny-k .kors-ik rect{fill:#99221a}
body.mA2 .topp nav .meny-k .kors-ik .m{fill:#e3a833}
body.kvall.mA2 .topp nav .meny-k .kors-ik rect{fill:#faf8f3}
body.kvall.mA2 .topp nav .meny-k .kors-ik .m{fill:#e3a833}
body.mA2 .topp nav .kapsel{gap:30px}
body.mA2 .topp nav a.pa,body.mA2 .topp nav .meny-k.pa{box-shadow:inset 0 -3px #e3a833!important;padding-block:6px}
body.mA2 .botten a,body.mA2 .botten .mer-k{min-height:42px!important;padding:0 2px!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:9.5px!important;letter-spacing:.05em!important;font-weight:700!important}
body.mA2 .botten img.tk{width:19px!important;height:19px!important}
body.mA2 .botten .kors-ik{width:17px;height:17px}
body.mA2 .botten .pa::after,body.mA2 .botten .mer-k[aria-expanded=true]::after{content:"";position:absolute;left:14%;right:14%;bottom:5px;height:2px;background:#e3a833}
@media (max-width:760px){body.mA2 .mer-panel{bottom:calc(42px + calc(env(safe-area-inset-bottom,0px) * .5) + 0px)!important}}
/* B1 Fönsterraden, låg */
body.mB1 .botten{background:#faf8f3!important;border-top:1px solid rgba(35,28,25,.14)!important;padding:0 0 calc(env(safe-area-inset-bottom,0px) * .5)!important}
body.mB1 .botten a,body.mB1 .botten .mer-k{color:#4f513e!important;font-family:"Schibsted Grotesk",system-ui,sans-serif!important;text-transform:uppercase}
body.mB1 .botten .pa{color:#231c19!important;font-weight:700!important}
body.mB1 .botten .mer-k .kors-ik rect{fill:#99221a}
body.mB1 .botten .mer-k .kors-ik .m{fill:#e3a833}
body.kvall.mB1 .botten{background:#262d35!important;border-top-color:#48525f!important}
body.kvall.mB1 .botten a,body.kvall.mB1 .botten .mer-k{color:rgba(250,248,243,.8)!important}
body.kvall.mB1 .botten .pa{color:#e3a833!important}
body.kvall.mB1 .botten .mer-k .kors-ik rect{fill:#faf8f3}
body.kvall.mB1 .botten .mer-k .kors-ik .m{fill:#e3a833}
body.mB1 .topp nav .bmf{display:grid;place-items:center;width:30px;height:26px;background:#f1eadd;border-radius:3px}
body.mB1 .topp nav .bmf img{width:17px!important;height:17px!important}
body.mB1 .topp nav .bmf svg{width:15px;height:15px}
body.mB1 .topp nav .kapsel>a,body.mB1 .topp nav .meny-k{display:inline-flex;align-items:center;gap:9px}
body.mB1 .topp nav .kapsel{gap:22px}
body.mB1 .topp nav a.pa{box-shadow:none!important}
body.mB1 .topp nav a.pa .bmf{background:#e3a833}
body.mB1 .topp nav .meny-k{background:transparent!important;border:0!important;color:inherit!important;font:600 12px/1 "Schibsted Grotesk",sans-serif;letter-spacing:.07em;text-transform:uppercase;padding:0}
body.mB1 .topp nav .meny-k .bmf{background:#99221a}
body.mB1 .topp nav .meny-k .kors-ik rect{fill:#faf8f3}
body.mB1 .topp nav .meny-k .kors-ik .m{fill:#e3a833}
body.mB1 .topp nav .meny-k.pa .bmf{box-shadow:0 0 0 2px #faf8f3,0 0 0 4px #e3a833}
body.kvall.mB1 .topp nav .bmf{background:#353e49}
body.kvall.mB1 .topp nav .meny-k .bmf{background:#99221a}
body.kvall.mB1 .topp nav a.pa .bmf{background:#e3a833;box-shadow:0 0 14px rgba(227,168,51,.5)}
body.kvall.mB1 .topp nav a.pa .tk-k{display:none!important}
body.kvall.mB1 .topp nav a.pa .tk-d{display:block!important}
body.mB1 .botten .bmf{width:38px;height:28px;background:#f1eadd;border-radius:3px}
body.mB1 .botten img.tk{width:19px!important;height:19px!important}
body.mB1 .botten .kors-ik{width:17px;height:17px}
body.mB1 .botten .pa .bmf{background:#e3a833}
body.mB1 .botten .mer-k .bmf{background:#99221a}
body.mB1 .botten .mer-k .kors-ik rect{fill:#faf8f3}
body.mB1 .botten .mer-k .kors-ik .m{fill:#e3a833}
body.mB1 .botten .mer-k[aria-expanded=true] .bmf,body.mB1 .botten .mer-k.pa .bmf{box-shadow:0 0 0 2px #faf8f3,0 0 0 4px #e3a833}
body.kvall.mB1 .botten .bmf{background:#353e49}
body.kvall.mB1 .botten .mer-k .bmf{background:#99221a}
body.kvall.mB1 .botten .pa .bmf{background:#e3a833;box-shadow:0 0 0 1px #e3a833,0 0 18px rgba(227,168,51,.55)}
body.kvall.mB1 .botten .pa .tk-k{display:none!important}
body.kvall.mB1 .botten .pa .tk-d{display:block!important}
body.kvall.mB1 .botten .mer-k[aria-expanded=true] .bmf,body.kvall.mB1 .botten .mer-k.pa .bmf{box-shadow:0 0 0 2px #262d35,0 0 0 4px #e3a833}
body.mB1 .botten{padding:6px 4px calc(env(safe-area-inset-bottom,0px) * .5)!important}
body.mB1 .botten a,body.mB1 .botten .mer-k{min-height:0!important;padding:0 1px!important;gap:4px!important;font-size:8.5px!important;letter-spacing:.04em!important;font-weight:700!important}
body.mB1 .botten .bmo{max-height:11px;overflow:hidden}
body.bm-las.mB1 .botten{padding-top:5px!important}
body.bm-las.mB1 .botten .bmo{opacity:0;max-height:0}
body.bm-las.mB1 .botten a,body.bm-las.mB1 .botten .mer-k{gap:0!important}
body.bm-las.mB1 .botten a,body.bm-las.mB1 .botten .mer-k{flex:1 1 0!important;min-width:0!important}
body.bm-las.mB1 .botten .bmo{max-width:0}
@media (max-width:760px){body.mB1 .mer-panel{bottom:calc(50px + calc(env(safe-area-inset-bottom,0px) * .5) + 0px)!important}}
/* B2 Fönsterön */
body.mB2 .topp nav .bmf{display:grid;place-items:center;width:30px;height:26px;background:#f1eadd;border-radius:3px}
body.mB2 .topp nav .bmf img{width:17px!important;height:17px!important}
body.mB2 .topp nav .bmf svg{width:15px;height:15px}
body.mB2 .topp nav .kapsel>a,body.mB2 .topp nav .meny-k{display:inline-flex;align-items:center;gap:9px}
body.mB2 .topp nav .kapsel{gap:22px}
body.mB2 .topp nav a.pa{box-shadow:none!important}
body.mB2 .topp nav a.pa .bmf{background:#e3a833}
body.mB2 .topp nav .meny-k{background:transparent!important;border:0!important;color:inherit!important;font:600 12px/1 "Schibsted Grotesk",sans-serif;letter-spacing:.07em;text-transform:uppercase;padding:0}
body.mB2 .topp nav .meny-k .bmf{background:#99221a}
body.mB2 .topp nav .meny-k .kors-ik rect{fill:#faf8f3}
body.mB2 .topp nav .meny-k .kors-ik .m{fill:#e3a833}
body.mB2 .topp nav .meny-k.pa .bmf{box-shadow:0 0 0 2px #faf8f3,0 0 0 4px #e3a833}
body.kvall.mB2 .topp nav .bmf{background:#353e49}
body.kvall.mB2 .topp nav .meny-k .bmf{background:#99221a}
body.kvall.mB2 .topp nav a.pa .bmf{background:#e3a833;box-shadow:0 0 14px rgba(227,168,51,.5)}
body.kvall.mB2 .topp nav a.pa .tk-k{display:none!important}
body.kvall.mB2 .topp nav a.pa .tk-d{display:block!important}
body.mB2 .botten .bmf{width:38px;height:28px;background:#f1eadd;border-radius:3px}
body.mB2 .botten img.tk{width:19px!important;height:19px!important}
body.mB2 .botten .kors-ik{width:17px;height:17px}
body.mB2 .botten .pa .bmf{background:#e3a833}
body.mB2 .botten .mer-k .bmf{background:#99221a}
body.mB2 .botten .mer-k .kors-ik rect{fill:#faf8f3}
body.mB2 .botten .mer-k .kors-ik .m{fill:#e3a833}
body.mB2 .botten .mer-k[aria-expanded=true] .bmf,body.mB2 .botten .mer-k.pa .bmf{box-shadow:0 0 0 2px #faf8f3,0 0 0 4px #e3a833}
body.kvall.mB2 .botten .bmf{background:#353e49}
body.kvall.mB2 .botten .mer-k .bmf{background:#99221a}
body.kvall.mB2 .botten .pa .bmf{background:#e3a833;box-shadow:0 0 0 1px #e3a833,0 0 18px rgba(227,168,51,.55)}
body.kvall.mB2 .botten .pa .tk-k{display:none!important}
body.kvall.mB2 .botten .pa .tk-d{display:block!important}
body.kvall.mB2 .botten .mer-k[aria-expanded=true] .bmf,body.kvall.mB2 .botten .mer-k.pa .bmf{box-shadow:0 0 0 2px #262d35,0 0 0 4px #e3a833}
body.mB2 .botten{left:0!important;right:0!important;margin:0 auto;width:calc(100% - 24px);bottom:max(calc(env(safe-area-inset-bottom,0px) * .45),10px)!important;border:0!important;border-radius:20px;background:rgba(250,248,243,.94)!important;-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 0 0 1px rgba(35,28,25,.10),0 8px 26px rgba(35,28,25,.18);padding:7px 6px 6px!important}
body.mB2 .botten a,body.mB2 .botten .mer-k{min-height:0!important;padding:0 1px!important;gap:4px!important;font:700 8.5px/1.1 "Schibsted Grotesk",system-ui,sans-serif!important;letter-spacing:.04em!important;text-transform:uppercase;color:#4f513e!important}
body.mB2 .botten .pa{color:#231c19!important;font-weight:700!important}
body.mB2 .botten .bmo{max-height:11px;overflow:hidden}
body.kvall.mB2 .botten{background:rgba(53,62,73,.94)!important;box-shadow:0 0 0 1px #48525f,0 8px 26px rgba(0,0,0,.35)}
body.kvall.mB2 .botten a,body.kvall.mB2 .botten .mer-k{color:rgba(250,248,243,.82)!important}
body.kvall.mB2 .botten .pa{color:#e3a833!important}
body.kvall.mB2 .botten .bmf{background:#262d35}
body.bm-las.mB2 .botten{width:212px;padding:6px!important}
body.bm-las.mB2 .botten .bmo{opacity:0;max-height:0}
body.bm-las.mB2 .botten a,body.bm-las.mB2 .botten .mer-k{gap:0!important}
body.bm-las.mB2 .botten a,body.bm-las.mB2 .botten .mer-k{flex:1 1 0!important;min-width:0!important}
body.bm-las.mB2 .botten .bmo{max-width:0}
@media (max-width:760px){body.mB2 .mer-panel{bottom:calc(58px + calc(env(safe-area-inset-bottom,0px) * .5) + 14px)!important}}
@media (max-width:760px){body.mB2.meny-vantar .botten{transform:translateY(calc(100% + 40px))}}
.bm-val{position:fixed;z-index:60;right:12px;top:calc(var(--th,60px) + 10px);display:flex;align-items:center;gap:2px;padding:3px;background:#231c19;border-radius:8px;box-shadow:0 4px 16px rgba(35,28,25,.25);font:700 10px/1 "Schibsted Grotesk",system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase}
.bm-val span{color:#dcc69f;padding:0 6px 0 5px}
.bm-val button{min-width:34px;height:30px;border:0;border-radius:6px;background:transparent;color:#faf8f3;font:inherit;cursor:pointer}
.bm-val button[aria-pressed=true]{background:#e3a833;color:#231c19}
.bm-val button:focus-visible{outline:2px solid #e3a833;outline-offset:1px}
@media (max-width:760px){.bm-val{top:calc(var(--th,60px) + 8px);right:8px}body:has(header.topp.lb-undan) .bm-val{top:8px}}

/* B2: mjukare växling mellan liten och full ö */
body.mB2 .botten{transition:transform .55s cubic-bezier(.32,.72,0,1),width .62s cubic-bezier(.32,.72,0,1),padding .62s cubic-bezier(.32,.72,0,1),background .4s ease,box-shadow .4s ease!important}
body.mB2 .botten a,body.mB2 .botten .mer-k{flex:1 1 0!important;min-width:0!important;transition:gap .55s cubic-bezier(.32,.72,0,1)!important}
body.mB2 .botten .bmf{transition:background .4s ease,box-shadow .4s ease,transform .55s cubic-bezier(.32,.72,0,1)!important}
body.mB2 .botten .bmo{display:block;max-width:none!important;transform:none;transition:max-height .55s cubic-bezier(.32,.72,0,1),opacity .32s ease .2s,transform .55s cubic-bezier(.32,.72,0,1)!important}
body.bm-las.mB2 .botten .bmo{max-width:none!important;transform:translateY(-3px);transition:opacity .16s ease,max-height .5s cubic-bezier(.32,.72,0,1) .04s,transform .5s cubic-bezier(.32,.72,0,1)!important}
@media (prefers-reduced-motion:reduce){body.mB2 .botten,body.mB2 .botten *{transition-duration:.01s!important;transition-delay:0s!important}}

/* Mer: Himlen med färgrutor */
.mp-f .glas{background:var(--linne)!important}
.mp-f[aria-current] .glas{background:var(--solgult)!important}
.mp-f{color:var(--skugga)!important}
body.kvall .mer-panel{background:var(--kvallshimmel)!important;border-color:var(--fjall)!important}
body.kvall .mp-sok button{background:var(--solgult)!important;color:var(--skugga)!important}
.mp-f .glas::before{content:"";position:absolute;left:10px;top:10px;width:44px;height:44px;background:var(--g,var(--falurod))}
body .mer-panel .mp-f .tk{left:18px!important;top:18px!important;width:28px!important;height:28px!important;filter:brightness(0) invert(1)}
body .mer-panel .mp-f.mork .tk{filter:brightness(0)}
@media (min-width:761px){.mp-f .glas::before{left:9px;top:9px;width:36px;height:36px}body .mer-panel .mp-f .tk{left:15px!important;top:15px!important;width:24px!important;height:24px!important}}

@media (min-width:1101px){
body .topp nav .kapsel>a,body .topp nav .meny-k{font-size:15px!important;letter-spacing:.08em!important;gap:11px!important}
body .topp nav .meny-k{font:600 15px/1 "Schibsted Grotesk",sans-serif!important}
body .topp nav .kapsel{gap:30px!important}
body.mB1 .topp nav .bmf,body.mB2 .topp nav .bmf{width:38px!important;height:33px!important;border-radius:4px}
body .topp nav .bmf img{width:21px!important;height:21px!important}
body .topp nav .bmf svg{width:19px!important;height:19px!important}
body .topp nav{gap:30px}
body .topp .nu b{font-size:18px}
}
.bm-val{font-size:12px;padding:4px;gap:3px}
.bm-val button{min-width:42px;height:36px}

@media (min-width:1101px){:root{--th:88px}body .topp{height:88px}body .topp .logo img{height:50px}}

.lb-bk b{line-height:1.32!important;padding-bottom:1px}
body.kvall{--topp-bg:#f1eadd;--topp-fg:#231c19}
body.kvall .topp{box-shadow:0 1px 0 rgba(0,0,0,.25)}
body.kvall .topp .logo img.bara-dag{display:inline-block!important}
body.kvall .topp .logo img.bara-kvall{display:none!important}
body.kvall .topp .tk-d{display:block!important}
body.kvall .topp .tk-k{display:none!important}
body.kvall .topp nav .bmf{background:#faf8f3!important}
body.kvall .topp nav .meny-k .bmf{background:#99221a!important}
body.kvall .topp nav a.pa .bmf{background:#e3a833!important;box-shadow:none!important}

.hl .et{font:700 12.5px/1.2 "Schibsted Grotesk",Arial,sans-serif!important;letter-spacing:.09em!important;text-transform:uppercase;color:#99221a}
.hl .hl-dag{margin-top:auto;font:700 17px/1.2 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#99221a}
.hl .hl-dag+.tid{margin-top:4px}
.hl.stor{padding:16px 18px 20px!important}
.hl.mellan .et{font-size:10px!important}
.hl.mellan{padding-top:8px!important}
.hl.mellan .hl-dag{font-size:11px}
.hl.mellan .hl-dat{display:none}

body .mer-panel .mp-nio .mp-f .tk{left:18px!important;top:18px!important;width:28px!important;height:28px!important}
@media (min-width:761px){.mer-panel .mp-nio .mp-f .glas::before{left:12px;top:12px;width:50px;height:50px}body .mer-panel .mp-nio .mp-f .tk{left:22px!important;top:22px!important;width:30px!important;height:30px!important}}

body.mer-oppen .bm-val{display:none}

/* Dag och kväll följer telefonen; valet ligger längst ner i Mer på startsidan, tre ord på en rad (Simon 27 okt 20.44) */
.mp-lage{display:flex;flex-wrap:wrap;align-items:center;gap:4px 18px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(250,248,243,.35)}
.mp-lage .et{font:700 11.5px/1 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:rgba(250,248,243,.75);margin-right:4px}
.mp-lage button{padding:4px 0 3px;border:0;border-bottom:2px solid transparent;background:transparent;color:#faf8f3;font:600 13.5px/1.2 "Schibsted Grotesk",Arial,sans-serif;cursor:pointer}
.mp-lage button[aria-pressed=true]{border-bottom-color:#e3a833}
.mp-lage button:focus-visible{outline:2px solid #faf8f3;outline-offset:2px}

/* Mobilen (Simon 27 okt 20.44): sidhuvudet linne i kväll som rutorna, loggan en femtedel större,
   större text i bottenmenyn, Härnäst med datumet som rubrik */
@media (max-width:760px){
 body .topp .logo img{height:36px}
 body.mB2 .botten a,body.mB2 .botten .mer-k{font-size:10.5px!important;letter-spacing:.05em!important;gap:5px!important}
 body.mB2 .botten .bmo{max-height:14px}
 .hl.mellan .et{font-size:10.5px!important}
 .hl.mellan .hl-dag{margin-top:3px;font:500 19px/1.1 Literata,Georgia,serif;letter-spacing:0;text-transform:none;color:#231c19}
 .st.m .hl.mellan .tid{font-size:30px;line-height:30px;margin-top:2px}
}
/* På iPhone klipptes ikonerna när menyn växte tillbaka; backdrop-filter bort, bakgrunden är nästan hel ändå */
body.mB2 .botten{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(250,248,243,.97)!important;isolation:isolate}
body.kvall.mB2 .botten{background:rgba(53,62,73,.98)!important}

/* Undersidorna i kväll (Simon 27 okt): kvällshimmel, papperstext och solgult som bladsidorna. Gäller sidor som saknar eget kvällsläge, t.ex. Kalendern och Ny här?. */
body.kvall[data-front]{background:#262d35;color:#faf8f3}
body.kvall[data-front] .sidhuvud .et,body.kvall[data-front] main .et{color:#e3a833}
body.kvall[data-front] .sidhuvud p,body.kvall[data-front] .huvud p,body.kvall[data-front] .bild-fot,body.kvall[data-front] .kal-slut,body.kvall[data-front] .vkrub small,body.kvall[data-front] details.f summary .kat{color:#cbbfae;opacity:1}
body.kvall[data-front] main h1 i,body.kvall[data-front] main h2 i,body.kvall[data-front] .r i,body.kvall[data-front] details.f .svar .s{color:#e3a833}
body.kvall[data-front] .rader{border-top-color:rgba(250,248,243,.5)}
body.kvall[data-front] .rad{border-bottom-color:rgba(250,248,243,.16)}
body.kvall[data-front] .rad p{color:#cbbfae}
body.kvall[data-front] .rad.inst h3{color:#cbbfae}
body.kvall[data-front] .rad .m.c-inst{outline-color:#cbbfae}
body.kvall[data-front] .rad .tk{filter:brightness(0) invert(.94) sepia(.2)}
body.kvall[data-front] .filter4 button{border-color:rgba(250,248,243,.5);color:#faf8f3}
body.kvall[data-front] .filter4 button[aria-pressed=true]{background:#faf8f3;color:#231c19;border-color:#faf8f3}
body.kvall[data-front] .pren{border-color:rgba(250,248,243,.5)}
body.kvall[data-front] main .kn{background:#e3a833;border-color:#e3a833;color:#231c19}
body.kvall[data-front] main .kn .tk{filter:brightness(0)}
body.kvall[data-front] main .kn.kontur{background:transparent;color:#faf8f3;border-color:#faf8f3}
body.kvall[data-front] .kraft4{background:#2f3741}
body.kvall[data-front] details.f,body.kvall[data-front] details.f summary{border-color:rgba(250,248,243,.22)!important}
body.kvall[data-front] .fq-in .filter button,body.kvall[data-front] .filter button{border-color:rgba(250,248,243,.5);color:#faf8f3}
body.kvall[data-front] .filter button[aria-pressed=true]{background:#faf8f3;color:#231c19}
body.kvall[data-front] details.f .svar a{color:#faf8f3}
body.kvall[data-front] .steg button{border-color:rgba(250,248,243,.45)}
body.kvall[data-front] .steg button .n{color:#faf8f3}
body.kvall[data-front] .steg button[aria-current=true] .n{color:#231c19}
body.kvall[data-front] .nasta{background:#e3a833;color:#231c19}
body.kvall[data-front] details.f:not([open]) summary .g{border-color:rgba(250,248,243,.6)!important}
body.kvall[data-front] .dag{border-color:rgba(250,248,243,.4);color:#faf8f3}
body.kvall[data-front] .dag.vilar .h{color:#cbbfae}
body.kvall[data-front] .dag.idag{background:#e3a833;border-color:#e3a833;color:#231c19}
body.kvall[data-front] .dag.idag.vilar .h{color:#231c19}
body.kvall[data-front] .vecka-sek .veckan .dag.son{background:#99221a;border-color:#99221a}
body.kvall[data-front] .dk{background:#2f3741}
body.kvall[data-front] .dk-l a{border-top-color:rgba(250,248,243,.5)}
body.kvall[data-front] .dk-l small{color:#cbbfae}
body.kvall[data-front] .dag.idag .et{color:#231c19}
body.kvall[data-front] .vecka-sek .veckan .dag.son .et{color:#faf8f3}

/* Kalendern, runda två (Simon 28 okt 2026): datumbladet i listan, veckan på en rad med vad som händer, korten i sidled,
   två veckor och Visa fler veckor, En vanlig vecka efter listan, större etiketter på mobil. */
.rad.db-rad{grid-template-columns:64px minmax(0,1fr) 44px;gap:20px}
.rad.db-rad>*{grid-column:auto!important;grid-row:auto!important}
.rad.db-rad .db{display:block;border:1.5px solid var(--falurod,#99221a);border-bottom:5px solid var(--c,#99221a);text-align:center;padding:7px 0 6px;background:transparent}
.rad.db-rad .db .dn{display:block;font:700 12px/1 "Schibsted Grotesk",system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--falurod,#99221a)}
.rad.db-rad .db b{display:block;font:500 28px/1.05 Literata,Georgia,serif;margin-top:3px;font-variant-numeric:lining-nums;color:var(--skugga,#231c19)}
.rad.db-rad p .kl{font-weight:500;color:var(--skugga,#231c19);font-variant-numeric:tabular-nums}
.rad.db-rad.inst .db{border-color:#bfb3a3}.rad.db-rad.inst .db .dn,.rad.db-rad.inst .db b{color:#7a6f63}.rad.db-rad.inst .tk{opacity:.45}
.vecka-sek.kompakt .vlab{display:block;margin:0 0 12px}
.vecka-sek.kompakt .veckan{grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:6px!important}
.vecka-sek.kompakt .veckan .dag{min-height:0!important;height:auto!important;aspect-ratio:auto!important;padding:9px 0 10px!important;text-align:center}
.vecka-sek.kompakt .veckan .dag .h,.vecka-sek.kompakt .veckan .dag .it{display:none!important}
.vecka-sek.kompakt .veckan .dag .n{margin-top:4px}
.vbes{margin:10px 0 0}
.vbes a,.vbes p{display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;align-items:baseline;padding:10px 0;margin:0;border-bottom:1px solid rgba(35,28,25,.14);color:var(--skugga,#231c19);text-decoration:none;font:400 16px/1.4 Literata,Georgia,serif}
.vbes p{display:block}
.vbes .dd{font:700 13px/1 "Schibsted Grotesk",system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--falurod,#99221a)}
.vbes a.inst span:last-child{color:#7a6f63}
.snart{margin:40px 0 8px}.snart>.et{display:block;margin-bottom:12px}
.sn-rad{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:6px}
.sn-rad::-webkit-scrollbar{display:none}
.sn-k{flex:0 0 300px;scroll-snap-align:start;color:inherit;text-decoration:none}
.sn-b{position:relative;display:block;aspect-ratio:3/2;background:var(--c,#99221a);border-bottom:6px solid var(--c,#99221a);overflow:hidden}
.sn-b>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sn-t{position:absolute;left:0;top:0;width:48px;height:48px;background:var(--c,#99221a);display:grid;place-items:center}.sn-t img{width:30px;height:30px}
.sn-b.tom .sn-t{inset:0;width:auto;height:auto}.sn-b.tom .sn-t img{width:64px;height:64px}
.sn-d{display:block;margin-top:12px;font:700 13px/1 "Schibsted Grotesk",system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--falurod,#99221a)}
.sn-k h3{margin:8px 0 4px;font:500 20px/1.15 Literata,Georgia,serif;color:var(--skugga,#231c19)}
.sn-k p{margin:0;font:400 15px/1.4 Literata,Georgia,serif;color:var(--betsad,#4f513e)}
.mer-v{display:none;justify-content:center;margin:26px 0 6px}.kal-fler .mer-v{display:flex}
.mer-v button{font:700 13px/1 "Schibsted Grotesk",system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;background:transparent;color:var(--skugga,#231c19);border:2px solid currentColor;padding:15px 24px;cursor:pointer}
.kal-fler [data-senare]{display:none!important}
.rytm-k{margin:48px 0 8px;background:var(--linne,#f1eadd);padding:18px 18px 8px}.rytm-k>.et{display:block;margin-bottom:6px}
.rytm-k .vr{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:baseline;padding:11px 0;border-top:1px solid rgba(35,28,25,.14)}
.rytm-k .et+.vr{border-top:0}
.rytm-k .vdg{font:700 13px/1 "Schibsted Grotesk",system-ui,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--falurod,#99221a)}
.rytm-k .vl{display:flex;flex-direction:column;gap:5px;font:400 16px/1.35 Literata,Georgia,serif;color:var(--skugga,#231c19)}
.rytm-k a{color:inherit;text-decoration:none;display:flex;align-items:baseline;gap:9px}
.rytm-k a i{width:10px;height:10px;background:var(--c,#99221a);flex:none;transform:translateY(-1px)}
.rytm-k a b{font-weight:400;font-variant-numeric:tabular-nums;color:var(--betsad,#4f513e)}
.rytm-k+.pren{margin-top:24px}
@media (max-width:760px){
 .rad.db-rad{grid-template-columns:54px minmax(0,1fr) 28px;gap:14px}
 .rad.db-rad .db{padding:6px 0 5px}.rad.db-rad .db .dn{font-size:11px}.rad.db-rad .db b{font-size:24px}
 .rad.db-rad .tk{width:28px;height:28px}
 .vecka-sek.kompakt .veckan{gap:5px!important}.vecka-sek.kompakt .veckan .dag{padding:8px 0 9px!important}
 .vecka-sek.kompakt .veckan .dag .et{font-size:11px!important}.vecka-sek.kompakt .veckan .dag .n{font-size:21px!important}
 .vbes a,.vbes p{grid-template-columns:64px minmax(0,1fr);font-size:15.5px}.vbes .dd{font-size:12.5px}
 .sn-rad{margin:0 -16px;padding:0 16px 6px;scroll-padding-left:16px}
 .sn-k{flex-basis:62%}.sn-k h3{font-size:19px}.sn-k p{font-size:14px}.sn-d{font-size:12.5px}
 .sidhuvud .et,.vecka-sek.kompakt .vlab,.snart>.et,.rytm-k>.et,.pren .et{font-size:14px!important;letter-spacing:.09em!important}
 .vkrub small{font-size:13.5px!important;letter-spacing:.09em!important}
 .rytm-k{padding:16px 16px 6px}.rytm-k .vr{grid-template-columns:52px minmax(0,1fr)}.rytm-k .vl{font-size:15.5px}.rytm-k .vdg{font-size:12.5px}
}
body.kvall[data-front] .rad.db-rad .db{border-color:rgba(250,248,243,.5);border-bottom-color:var(--c,#99221a)}
body.kvall[data-front] .rad.db-rad .db .dn{color:#e3a833}body.kvall[data-front] .rad.db-rad .db b,body.kvall[data-front] .rad.db-rad p .kl{color:#faf8f3}
body.kvall[data-front] .rad.db-rad.inst .db{border-color:#5b6470}body.kvall[data-front] .rad.db-rad.inst .db .dn,body.kvall[data-front] .rad.db-rad.inst .db b{color:#a99e8f}
body.kvall[data-front] .vbes a,body.kvall[data-front] .vbes p{color:#faf8f3;border-color:rgba(250,248,243,.16)}
body.kvall[data-front] .vbes .dd,body.kvall[data-front] .sn-d,body.kvall[data-front] .rytm-k .vdg{color:#e3a833}
body.kvall[data-front] .vbes a.inst span:last-child{color:#a99e8f}
body.kvall[data-front] .sn-k h3{color:#faf8f3}body.kvall[data-front] .sn-k p{color:#cbbfae}
body.kvall[data-front] .mer-v button{color:#faf8f3}
body.kvall[data-front] .rytm-k{background:#303842}body.kvall[data-front] .rytm-k .vr{border-color:rgba(250,248,243,.14)}
body.kvall[data-front] .rytm-k .vl{color:#faf8f3}body.kvall[data-front] .rytm-k a b{color:#cbbfae}
/* Simon 29 okt 2026: underrubrikerna i versaler 14 px även på dator. */
@media (min-width:761px){.sidhuvud .et,.vecka-sek.kompakt .vlab,.snart>.et,.rytm-k>.et,.pren .et{font-size:14px!important;letter-spacing:.09em!important}}
/* Etiketten på korten och i listan (Simon 29 okt 2026, valen A och B): färgruta och etikettens namn, eller tillfällets typ. */
.sn-et,.r-et{font:700 12px/1.2 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:#231c19}
.sn-et{display:flex;align-items:center;gap:7px;margin:12px 0 -4px}
.r-et{white-space:nowrap}.r-et i{display:inline-block;width:9px;height:9px;background:var(--c);margin:0 6px 0 2px}
.sn-et i{width:10px;height:10px;background:var(--c);flex:none}
.rad.db-rad p .r-k{display:block;margin-top:3px}
body.kvall .sn-et,body.kvall .r-et{color:#faf8f3}
/* Datumrutan bär etikettens färg runt om, inte röd ram (Simon 29 okt 2026). */
.rad.db-rad .db{border-color:var(--c,#99221a)}.rad.db-rad .db .dn{color:var(--skugga,#231c19)}
.rad.db-rad.inst .db{border-color:#bfb3a3}.rad.db-rad.inst .db .dn{color:#7a6f63}
body.kvall[data-front] .rad.db-rad .db{border-color:var(--c,#99221a)}
body.kvall[data-front] .rad.db-rad.inst .db{border-color:#5b6470}