/* /hs.css */
/* Händelsesidan och seriesidan: Almanackan, med färg och foto sida vid sida på datorn (Simon 27 okt) */
.hs{--hs-tx:#231c19;--hs-dim:#6b625c;--hs-str:#dccfb9;--hs-yta:#f1eadd;--hs-ack:#99221a;--hs-kn:#99221a;--hs-knt:#faf8f3;color:var(--hs-tx);padding-bottom:40px}
body.kvall{background:#262d35;color:#faf8f3}
body.kvall .hs{--hs-tx:#faf8f3;--hs-dim:#b6aea3;--hs-str:rgba(250,248,243,.16);--hs-yta:#2f3741;--hs-ack:#dcc69f;--hs-kn:#e3a833;--hs-knt:#231c19}
.hs .et{font:700 12px/1.3 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;color:var(--hs-ack)}
.hs h1{font-weight:500;font-size:44px;line-height:1.02;letter-spacing:-.015em;margin:20px 0 0;text-wrap:balance}
.hs h1 i{display:block;color:var(--hs-ack);font-size:23px;line-height:1.25;margin-top:10px;font-style:italic}
body.kvall .hs h1 i{color:#e3a833}
.hs h2{font-weight:500;font-size:28px;line-height:1.12;margin:6px 0 0;text-wrap:balance}
.hs a{color:inherit}
/* almanacksbladet */
.hs-blad{display:block;width:104px;flex:none;background:#faf8f3;color:#231c19;text-align:center;box-shadow:0 1px 0 rgba(35,28,25,.08),0 16px 32px -14px rgba(35,28,25,.55)}
.hs-blad .h{display:block;background:var(--gc);color:var(--gt);font:700 12px/1 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding:9px 0 8px}
.hs-blad b{display:block;font:500 60px/1 Literata,Georgia,serif;letter-spacing:-.02em;padding:10px 0 2px;font-variant-numeric:lining-nums}
.hs-blad.son b{color:#99221a}
.hs-blad .mon{display:block;font:700 12px/1 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;padding-bottom:9px}
.hs-blad .tid{display:block;border-top:1px solid #e6dccb;font:600 13px/1 "Schibsted Grotesk",Arial,sans-serif;padding:8px 0 9px;color:#6b625c}
.hs-blad.inst .h{background:#231c19;color:#faf8f3}
.hs-blad.inst b{opacity:.55}.hs-blad.inst .mon{opacity:.62}
.hs-blad.tom b{color:#6b625c}
/* toppen, mobil först: bladet ligger på fotot */
.hs-topp{position:relative}
.hs-foto{margin:0;aspect-ratio:4/3.1;overflow:hidden;background:var(--gc)}
.hs-foto img{display:block;width:100%;height:100%;object-fit:cover}
.hs-falt{aspect-ratio:4/3.1;background:var(--gc);color:var(--gt);position:relative;overflow:hidden}
.hs-falt .stort{position:absolute;right:22px;top:22px;width:44%;height:auto}
.hs-falt .lin{position:absolute;left:0;right:0;bottom:30px;width:100%;height:auto;display:block}
.hs-topp.utan .hs-blad,.hs-installt .hs-blad.inst{padding:5px 5px 0}
.hs-kol{padding:0 18px}
.hs-r1{display:flex;gap:16px;align-items:flex-end;margin-top:-58px;position:relative;z-index:2}
.hs-lab{display:flex;gap:12px;align-items:center;min-width:0;padding-bottom:0}
.hs-lab small{display:block;font-size:14px;line-height:1.3;color:var(--hs-dim)}
.hs-ruta{display:inline-grid;place-items:center;flex:none;width:44px;height:44px}
.hs-ruta .tk{width:64%;height:64%}
.hs-tkstor,.hs-et2,.hs-kol>.lin{display:none}
.hs-in{max-width:1144px;margin:0 auto;padding:0 18px}
/* knappar */
.hs-hand{display:grid;grid-template-columns:1.25fr 1fr;gap:10px;margin-top:22px}
.hs-kn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 12px;font:700 11.5px/1 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--hs-tx);background:transparent;color:var(--hs-tx);text-decoration:none;white-space:nowrap;cursor:pointer}
.hs-kn.fylld{background:var(--hs-kn);border-color:var(--hs-kn);color:var(--hs-knt)}
.hs-kn img{width:18px;height:18px}
body.kvall .hs-kn.fylld img{filter:brightness(0)}
.hs-kn.bred{width:100%}
.hs-hand .hs-fb{grid-column:1/-1}.hs-fb span{font-weight:500;opacity:.75}
.hs-kn:focus-visible,.hs-lank:focus-visible,.hs-sb:focus-visible,.hs-nasta:focus-visible{outline:3px solid #e3a833;outline-offset:2px}
.hs-dela{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin-top:14px;font:700 11px/1 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase}
.hs-dela[hidden]{display:none}
.hs-dela span{color:var(--hs-dim)}
.hs-dela a,.hs-dela button{border:0;border-bottom:2px solid #e3a833;padding:8px 0 4px;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-decoration:none;cursor:pointer}
/* rader och text */
.hs-rader{margin-top:22px;border-top:1px solid var(--hs-str)}
.hs-rad{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--hs-str);font-size:17px;line-height:1.35}
.hs-rad img{width:28px;height:28px;flex:none}
body.kvall .hs-rad img{filter:brightness(0) invert(1);opacity:.8}
.hs-rad small{display:block;color:var(--hs-dim);font-size:14px;margin-top:2px}
.hs-rad small a{text-decoration-color:#e3a833;text-decoration-thickness:2px;text-underline-offset:3px}
.hs-text{margin-top:22px}.hs-text p{font-size:17.5px;line-height:1.6;margin:0 0 14px;max-width:62ch}
.hs-ingress{font-size:20px;line-height:1.5;margin:24px 0 0;max-width:46ch}
.hs-fakta{margin:18px 0 0;display:grid;gap:0}
.hs-fakta div{display:grid;grid-template-columns:110px 1fr;gap:14px;padding:10px 0;border-bottom:1px solid var(--hs-str)}
.hs-fakta dd{margin:0;font-size:16.5px}
.hs-varden{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:4px 0 0}
.hs-varden li{background:var(--hs-yta);padding:6px 10px;font-size:15px}
.hs-tider{list-style:none;padding:0;margin:12px 0 0;border-top:2px solid var(--hs-tx)}
.hs-tider li{display:grid;grid-template-columns:74px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--hs-str)}
.hs-tider .t{font:600 15px/1.5 "Schibsted Grotesk",Arial,sans-serif;font-variant-numeric:tabular-nums}
.hs-tider b{font-weight:500;font-size:18px}.hs-tider p{margin:2px 0 0;font-size:15.5px;color:var(--hs-dim)}
/* lägen: inställt och efteråt */
.hs-inst,.hs-varit{background:var(--hs-yta);border-left:4px solid var(--hs-ack);padding:16px 16px 18px;margin-top:24px}
.hs-inst p,.hs-varit p{margin:6px 0 0;font-size:17px}
.hs-varit{display:none}
body.hs-forbi .hs-varit{display:block}
body.hs-forbi .hs-kom{display:none}
.hs-nasta{display:flex;gap:14px;align-items:center;margin-top:16px;text-decoration:none}
.hs-nasta .hs-blad{width:68px;box-shadow:0 1px 0 rgba(35,28,25,.1),0 8px 18px -10px rgba(35,28,25,.5)}
.hs-nasta .hs-blad b{font-size:34px;padding:6px 0 1px}.hs-nasta .hs-blad .h,.hs-nasta .hs-blad .mon{font-size:10px}.hs-nasta .hs-blad .h{padding:6px 0 5px}.hs-nasta .hs-blad .mon{padding-bottom:7px}
.hs-nasta b{display:block;font-weight:500;font-size:21px;line-height:1.2;margin-top:3px}
.hs-nasta small{display:block;font-size:14px;color:var(--hs-dim)}
.hs-efter{margin-top:30px}
.hs-efter .mos{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;gap:4px;aspect-ratio:4/2.6;margin-top:14px}
.hs-efter .mos span{overflow:hidden;display:block}.hs-efter .mos span:first-child{grid-row:span 2}
.hs-efter .mos img{width:100%;height:100%;object-fit:cover;display:block}
.hs-efter .ing,.hs-arkiv .ing{font-size:15px;color:var(--hs-dim);margin:10px 0 0;max-width:62ch}
/* serien som rad av blad */
.hs-sek{margin-top:44px}
.hs-sh{display:flex;gap:12px;align-items:center;text-decoration:none}
.hs-sh b{display:block;font-weight:500;font-size:24px;line-height:1.1}.hs-sh small{display:block;font-size:14px;color:var(--hs-dim);line-height:1.35}
.hs-blads{display:flex;gap:12px;margin:16px -18px 0;padding:8px 18px 14px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin}
.hs-sb{flex:none;width:76px;text-decoration:none;scroll-snap-align:start;text-align:center}
.hs-sb .hs-blad{width:76px;position:relative;box-shadow:0 1px 0 rgba(35,28,25,.1),0 8px 18px -10px rgba(35,28,25,.5)}
.hs-sb .hs-blad b{font-size:38px;padding:7px 0 1px;position:relative;z-index:1}
.hs-sb .hs-blad .h{font-size:10px;padding:7px 0 6px}.hs-sb .hs-blad .mon{font-size:10px;padding-bottom:8px;position:relative;z-index:1}
.hs-sb.nu .hs-blad{outline:2px solid var(--hs-tx);outline-offset:3px}
body.kvall .hs-sb.nu .hs-blad{outline-color:#e3a833}
.hs-sb .fb{display:none}
.hs-sb.forbi.harfoto .fb{display:block;position:absolute;left:0;right:0;bottom:0;top:24px;overflow:hidden}
.hs-sb.forbi.harfoto .fb img{width:100%;height:100%;object-fit:cover;display:block}
.hs-sb.forbi.harfoto .fb::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 15%,rgba(35,28,25,.72))}
.hs-sb.forbi.harfoto b,.hs-sb.forbi.harfoto .mon{color:#faf8f3}
.hs-sb.forbi:not(.harfoto) .hs-blad{opacity:.55}
.hs-sb .cap{display:block;font:700 9.5px/1.2 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;margin-top:9px;color:var(--hs-ack)}
/* följ serien */
.hs-folj{background:var(--hs-yta);padding:20px 18px;margin-top:30px}
.hs-folj b{display:block;font-weight:500;font-size:20px;line-height:1.2;margin-top:4px}
.hs-folj p{font-size:15px;margin:4px 0 14px;color:var(--hs-dim)}.hs-folj p.sm{margin:10px 0 0;font-size:14px}
.hs-lank{display:flex;width:100%;justify-content:space-between;align-items:center;gap:10px;border:1.5px solid var(--hs-tx);background:transparent;color:var(--hs-tx);padding:12px;margin-top:10px;font:600 14px/1.2 "Schibsted Grotesk",Arial,sans-serif;cursor:pointer;text-align:left}
.hs-lank .u{min-width:0;overflow-wrap:anywhere}
.hs-lank .l{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--hs-ack);font-weight:700;flex:none}
/* så blev det, rutnätet */
.hs-arkiv .rut{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.hs-arkiv a{text-decoration:none}
.hs-arkiv .b{display:block;aspect-ratio:4/3;overflow:hidden}.hs-arkiv .b img{width:100%;height:100%;object-fit:cover;display:block}
.hs-arkiv .d{display:block;font:700 11px/1 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.09em;text-transform:uppercase;margin-top:8px}
/* dator: färg i ena halvan, foto i den andra */
@media (min-width:900px){
 .hs-topp{display:grid;grid-template-columns:5fr 7fr;max-width:1144px;margin:40px auto 0;min-height:540px}
 .hs-topp>.hs-foto{order:2;aspect-ratio:auto;height:100%}
 .hs-falt{display:none}
 .hs-kol{order:1;background:var(--gc);color:var(--gt);padding:34px 38px 0;display:flex;flex-direction:column;overflow:hidden}
 .hs-r1{margin:0;justify-content:space-between;align-items:flex-start}
 .hs-kol .hs-blad{width:132px;padding:6px 6px 0}.hs-kol .hs-blad b{font-size:76px}.hs-kol .hs-blad .h,.hs-kol .hs-blad .mon{font-size:14px}
 .hs-lab{display:none}
 .hs-tkstor{display:block;width:64px;height:64px}
 .hs-kol .hs-et2{display:block;margin-top:auto;padding-top:34px;color:var(--gt)}
 .hs-kol h1{font-size:46px;margin-top:10px;color:var(--gt)}.hs-kol h1 i,body.kvall .hs-kol h1 i{color:var(--gt);opacity:.82;font-size:27px}
 .hs-kol>.lin{display:block;margin:26px -38px 0;width:calc(100% + 76px);height:auto;color:var(--gt)}
 .hs-topp.utan{grid-template-columns:1fr;min-height:460px}
 .hs-topp.utan .hs-tkstor{width:190px;height:190px}
 .hs-topp.utan h1{font-size:72px}.hs-topp.utan h1 i{font-size:32px}
 .hs-in{padding:0 48px}
 .hs-topp{margin-left:max(48px,calc((100% - 1144px)/2 + 48px));margin-right:max(48px,calc((100% - 1144px)/2 + 48px))}
 .hs-ned{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:64px;margin-top:40px;align-items:start}
 .hs-ned .hs-folj{margin-top:0;padding:24px}
 .hs-ned .hs-v>:first-child{margin-top:0}
 .hs-efter .mos{aspect-ratio:16/6.4}
 .hs-sek{margin-top:64px}
 .hs-blads{margin:16px 0 0;padding:8px 4px 14px;gap:14px;overflow:visible;flex-wrap:wrap}
 .hs-sb,.hs-sb .hs-blad{width:96px}.hs-sb .hs-blad b{font-size:46px}.hs-sb .hs-blad .h,.hs-sb .hs-blad .mon{font-size:11px}
 .hs-sb.forbi.harfoto .fb{top:26px}
 .hs-arkiv .rut{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
}
@media (max-width:370px){.hs h1{font-size:38px}.hs-hand{grid-template-columns:1fr}}
/* Simon 29 okt 2026: luft under "Alla gånger i din kalender." och större knapptext på dator. */
.hs-folj b{margin-bottom:16px}
@media (min-width:761px){.hs-kn{font-size:13px;min-height:52px;padding:0 18px}.hs .et{font-size:14px}}
/* Frågor: kontaktpersonen och frågeformuläret (Simon 30 okt 2026). Rutan står under Följ serien; fönstret är en dialog. */
.hs-hoger{display:grid;gap:16px;align-content:start}
.hs-ned .hs-hoger .hs-folj{margin-top:0}
@media (max-width:760px){.hs-hoger{margin-top:30px}}
.hs-fraga .hs-kn{margin-top:4px}
.hs-dlg{width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:0;border:2px solid var(--hs-tx);background:#faf8f3;color:var(--hs-tx);font-family:Literata,Georgia,serif;overscroll-behavior:contain}
body.kvall .hs-dlg{background:#262d35}
.hs-dlg::backdrop{background:rgba(35,28,25,.55)}
.hs-dlg [hidden]{display:none!important}
.hs-dlg .hs-dlg-f,.hs-dlg .hs-dlg-kv{display:grid;gap:14px;padding:20px 20px 22px}
.hs-dlg .hs-dlg-kv:focus{outline:none}
.hs-dlg .hs-dlg-h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.hs-dlg h2{margin:0;font-weight:500;font-size:28px;line-height:1.1}
.hs-dlg .hs-dlg-x{flex:none;width:44px;height:44px;margin:-10px -12px 0 0;border:0;background:none;color:inherit;font:400 30px/1 Literata,Georgia,serif;cursor:pointer}
.hs-dlg .hs-dlg-x:focus-visible{outline:3px solid #e3a833;outline-offset:-3px}
.hs-dlg .hs-dlg-om{margin:-8px 0 2px;font-size:15px;color:var(--hs-dim)}
.hs-dlg label{display:grid;gap:6px;font:700 11.5px/1.2 "Schibsted Grotesk",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
/* Fälten som sajtens övriga formulär (ruta med streck under), men linne på papper så att de syns; id slår .k11 form input. */
#hs-fraga input,#hs-fraga textarea{width:100%;min-width:0;box-sizing:border-box;margin:0;padding:11px 12px;border:0;border-bottom:2px solid var(--hs-tx);border-radius:0;background:var(--hs-yta);color:var(--hs-tx);font:16px/1.4 Literata,Georgia,serif;letter-spacing:0;text-transform:none;-webkit-appearance:none;appearance:none;box-shadow:none}
#hs-fraga input:focus,#hs-fraga textarea:focus{outline:2px solid var(--hs-kn);outline-offset:0}
#hs-fraga textarea{resize:vertical;min-height:112px}
#hs-fraga .hs-kn.fylld{background:var(--hs-kn);border-color:var(--hs-kn);color:var(--hs-knt);align-self:stretch}
.hs-dlg .hs-dlg-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hs-dlg .hs-dlg-not{margin:-6px 0 0;font-size:14px;color:var(--hs-dim)}
.hs-dlg .hs-dlg-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.hs-dlg .hs-dlg-fel{margin:0;padding:10px 12px;background:var(--hs-yta);border-left:3px solid var(--hs-ack);font-size:15px}
.hs-dlg .hs-dlg-kv p{margin:0;font-size:17px;line-height:1.5}
.hs-dlg .hs-kn[disabled]{opacity:.6;cursor:default}
@media (max-width:480px){.hs-dlg .hs-dlg-2{grid-template-columns:1fr}.hs-dlg h2{font-size:24px}}

/* /hs2.css */
/* Händelsesidan, större etiketter och tid (Simon 27 okt 10.45) och symbolens plats: sym-a bredvid bladet, sym-b framför etiketten, sym-c i bladet */
.hs-blad .tid{font:700 15px/1 "Schibsted Grotesk",Arial,sans-serif;color:#231c19;letter-spacing:.02em;padding:9px 0 10px}
.hs-lab .et{font-size:13px}
.hs-lab small{font-size:15px}
.hs-tket,.hs-tkbl{display:none}
.hs-tkbl{width:30px;height:30px;margin:2px auto 8px;background:var(--gc);-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
body.sym-c .hs-tkbl{display:block}
body.sym-c .hs-lab .hs-ruta{display:none}
@media (min-width:900px){
 .hs-kol{padding:40px 44px 0}
 .hs-kol .hs-blad{width:150px}
 .hs-kol .hs-blad b{font-size:84px}
 .hs-kol .hs-blad .h,.hs-kol .hs-blad .mon{font-size:15px}
 .hs-kol .hs-blad .tid{font-size:20px;padding:11px 0 12px}
 .hs-kol .hs-et2{font-size:15px;letter-spacing:.09em;line-height:1.35;padding-top:30px}
 .hs-kol h1{font-size:52px;line-height:1.02}
 .hs-kol h1 i,body.kvall .hs-kol h1 i{font-size:30px;line-height:1.2;margin-top:12px;opacity:.9}
 .hs-kol>.lin{margin:28px -44px 0;width:calc(100% + 88px)}
 .hs-topp.utan h1{font-size:88px}.hs-topp.utan h1 i{font-size:38px}
 .hs-topp.utan .hs-kol .hs-et2{font-size:17px}
 .hs-tkbl{width:40px;height:40px;margin:4px auto 10px}
 /* A: symbolen står bredvid bladet, som ett par */
 body.sym-a .hs-r1{justify-content:flex-start;align-items:flex-end;gap:24px}
 body.sym-a .hs-tkstor{width:96px;height:96px}
 body.sym-a .hs-topp.utan .hs-tkstor{width:200px;height:200px}
 /* B: symbolen leder etiketten */
 body.sym-b .hs-tkstor,body.sym-c .hs-tkstor{display:none}
 body.sym-b .hs-et2{display:flex!important;align-items:center;gap:14px}
 body.sym-b .hs-tket{display:block;width:44px;height:44px;flex:none}
 body.sym-b .hs-topp.utan .hs-tket{width:64px;height:64px}
}
/* 27 okt 11.25: bergslinjen bara på delningskorten, större dag och månad i bladet */
.hs-kol>.lin,.hs-falt .lin{display:none!important}
.hs-blad .h,.hs-blad .mon{font-size:14px}
@media (min-width:900px){
 .hs-kol{padding-bottom:44px}
 .hs-kol .hs-blad .h,.hs-kol .hs-blad .mon{font-size:19px}
 .hs-kol .hs-blad .h{padding:10px 0 9px}
 .hs-kol .hs-blad .mon{padding:2px 0 10px}
}
.hs-topp.utan .hs-lab .hs-ruta{display:none}
/* 27 okt 10.38: hela paketet upp på mobilen så att etiketten ligger tätt under bilden */
@media (max-width:899px){.hs-r1{margin-top:-100px}.hs-r1 .hs-lab{align-self:flex-start;margin-top:116px}.hs-kol h1{margin-top:20px}}