/* /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)}

/* /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}

/* /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}