@media (max-width:767px){
/* 1 Rubriken i toppen exakt centrerad i det synliga fönstret */
html:not(#s77a):not(#s77b) .slider-wrapper .slider__text-box{height:100svh!important;padding-top:0!important;padding-bottom:0!important}
html:not(#s77a):not(#s77b) .slider-wrapper .slider__text-box > h1{position:absolute!important;top:50svh!important;left:0!important;right:0!important;transform:translateY(-50%)!important;margin:0!important}
html.sdf-sub-on:not(#s77a):not(#s77b) :is(div.page,article.page) > .hero .hero__inner{transform:none!important;animation:sd77fade 1s ease both!important}
html.sdf-sub-on:not(#s77a):not(#s77b) :is(div.page,article.page) > .hero .hero__inner > h1{top:50svh!important;bottom:auto!important;transform:translateY(-50%)!important;margin:0!important}
/* 2 Hamburgermenyn: beige hela vägen upp och allt får plats utan scroll */
html.sdf-hdr-solid:not(#s77a):not(#s77b) body header.header:has(nav#mobile-menu.mobile-menu--visible){background:#ece7dd!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:not(#s77a):not(#s77b) body nav#mobile-menu ul.mobile-menu-nav{margin-top:12px!important;padding-top:2px!important}
html:not(#s77a):not(#s77b) body nav#mobile-menu ul.mobile-menu-nav > li > a{padding-top:7px!important;padding-bottom:7px!important}
html:not(#s77a):not(#s77b) body nav#mobile-menu ul.mobile-menu-ctas{padding-top:2px!important;padding-bottom:12px!important}
html:not(#s77a):not(#s77b) body nav#mobile-menu li.sdf-soc{margin-top:4px!important;margin-bottom:6px!important;padding-top:12px!important}
html:not(#s77a):not(#s77b) body nav#mobile-menu{overflow-y:auto!important;width:100%!important}
html:not(#s77a):not(#s77b) body nav#mobile-menu li.lang-item-sv{text-align:right!important}
/* 3 Historia: frimärket i färg och mjuk skugga som på datorn */
html:not(#s77a):not(#s77b) .sds-c2 img[src*="historia-altanen"],html:not(#s77a):not(#s77b) .sds-c2 img[data-src*="historia-altanen"]{filter:drop-shadow(0 4px 8px rgba(30,24,26,.35))!important}
html:not(#s77a):not(#s77b) .sds-c2 img.k3{filter:drop-shadow(0 8px 12px rgba(30,24,26,.11))!important}
/* 4 Programmet: datorns färger och dygnet från morgon till natt */
html:not(#s77a):not(#s77b) #sd-program{--gold:#9b7183!important;--gold-soft:#cdb3bf!important;background:var(--sky)!important;padding-bottom:110px!important}
html:not(#s77a):not(#s77b) #sd-program[data-sky="morgon"]{--gold:#1f1418!important;--sky:#ece7dd!important;--ink2:#1f1418!important;--sub:#5e5258!important}
html:not(#s77a):not(#s77b) #sd-program[data-sky="dag"]{--gold:#1f1418!important;--sky:#e7e0d4!important;--ink2:#1f1418!important;--sub:#5e5258!important}
html:not(#s77a):not(#s77b) #sd-program[data-sky="skymning"]{--gold:#1f1418!important;--sky:#d9c9b7!important;--ink2:#1f1418!important;--sub:#56494f!important}
html:not(#s77a):not(#s77b) #sd-program[data-sky="blatimme"]{--gold:#f3efe7!important;--sky:#3a2731!important;--ink2:#f3efe7!important;--sub:#c4b5bc!important}
html:not(#s77a):not(#s77b) #sd-program[data-sky="natt"]{--gold:#f3efe7!important;--sky:#1c1418!important;--ink2:#f3efe7!important;--sub:#a99aa1!important}
html:not(#s77a):not(#s77b) #sd-program.sdd-end{--gold:#f3efe7!important;--sky:#161012!important;--ink2:#f3efe7!important;--sub:#a99aa1!important}
html:not(#s77a):not(#s77b) #sd-program::before{background:linear-gradient(#ece7dd 0,rgba(236,231,221,0) 100%)!important}
html:not(#s77a):not(#s77b) #sd-program::after{height:190px!important;background:linear-gradient(rgba(14,14,13,0) 0,#0e0e0d 100%)!important}
html:not(#s77a):not(#s77b) #sd-program > .text-block{background:transparent!important}
html:not(#s77a):not(#s77b) #sd-program article.moment h3{font-family:"Instrument Serif",Georgia,serif!important;font-weight:400!important;font-size:27px!important;color:var(--ink2)!important}
html:not(#s77a):not(#s77b) #sd-program a.sd-btn,html:not(#s77a):not(#s77b) #sd-program a.button{border-radius:0!important}
html:not(#s77a):not(#s77b) #sd-program.sdd-end a.sd-btn{background:#f3efe7!important;color:#1f1418!important;border-color:#f3efe7!important}
html:not(#s77a):not(#s77b) #sd-program .valq{font-family:"Libre Baskerville",Georgia,serif!important;font-size:10.5px!important;letter-spacing:.28em!important;color:var(--sub)!important}
html:not(#s77a):not(#s77b) #sd-program .val .v-tumme,html:not(#s77a):not(#s77b) #sd-program .val button i{display:none!important}
html:not(#s77a):not(#s77b) #sd-program .val{display:flex!important;flex-direction:row!important;justify-content:center!important;gap:40px!important;margin-top:10px!important}
html:not(#s77a):not(#s77b) #sd-program .val button{background:transparent!important;border:0!important;border-bottom:1px solid transparent!important;border-radius:0!important;box-shadow:none!important;padding:4px 2px 10px!important;opacity:.4!important;transform:none!important;color:var(--ink2)!important;text-align:center!important;width:auto!important;min-width:0!important;flex:0 0 auto!important;transition:opacity .3s,border-color .3s!important}
html:not(#s77a):not(#s77b) #sd-program .val button[aria-pressed="true"]{opacity:1!important;border-bottom-color:var(--ink2)!important}
html:not(#s77a):not(#s77b) #sd-program .val button b{display:block!important;font-family:"Instrument Serif",Georgia,serif!important;font-style:italic!important;font-weight:400!important;font-size:30px!important;line-height:1.1!important;color:inherit!important}
html:not(#s77a):not(#s77b) #sd-program .val button span{display:block!important;font-family:"Libre Baskerville",Georgia,serif!important;font-size:9.5px!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:inherit!important;margin-top:6px!important}
}
/* Julsidan: inget guld i programmet, tiderna i bläck som på de andra sidorna */
html:not(#s77a):not(#s77b) #julkonferens .dygnet{--gold:var(--ink2,#1f1418)!important;--gold-soft:var(--sub,#5e5258)!important}
@keyframes sd77fade{from{opacity:0}to{opacity:1}}