@import url("/fonts/faces.css");
/* Publisher-approved identity, November 1, 2026. News, culture and calendar
   share two type families; department color and scale supply the distinction. */
:root{--paper:#F6F5EF;--ink:#10252B;--ink-soft:#506165;--rule:#CAD0CC;--link:#245BFF;--signal:#D7FF3F;--news:#245BFF;--coral:#FF7157}
:root:has(#theme-flip:checked){--paper:#14272D;--ink:#F6F5EF;--ink-soft:#BDCBCA;--rule:#43575C;--link:#9BBAFF}
body{font-family:'Schibsted Grotesk',Arial,sans-serif;line-height:1.65}
.chrome,.slug,.slugrow,.langbtns,.tabs,.sitenav,.sitedir,.subform,.signup,.edsub,.pagenav,.navbtns,.ainote,.sharebtn,.listenbtn,.flk,.ilabel,.archsec,.inside .k,.inside .r,.ontoday .t,.ontoday small,.subfine,.mono-h{font-family:'Schibsted Grotesk',Arial,sans-serif!important;letter-spacing:.02em!important}
button,input,select,textarea{font-family:'Schibsted Grotesk',Arial,sans-serif}
.backlink,.sharebtn,.listenbtn,.navbtns a,.langbtns label,.tabs a,.tabs summary,.sitenav a,.edsup a,.edsub .esbtn,.signup button,.subform button,.aboutbtn,.front .flread,.front .flisten,.front .flwatch,.front .lvsb{border-radius:999px!important}
.front .flread,.front .flread:hover,.edsub .esbtn,.signup button,.subform button{background:var(--news)!important;color:#FFFFFF!important;border-color:var(--news)!important}
.front .flh{font-family:'Fraunces',Georgia,serif;font-weight:700;letter-spacing:-.035em;line-height:1.08}
.front .flk,.front .inside .k{font-size:13px;letter-spacing:.04em;text-transform:none}
.front .flread,.front .flisten,.front .flwatch{font-size:15px!important;letter-spacing:0!important;text-transform:none!important;padding:12px 24px}
.front .flreel{border-radius:18px;overflow:hidden}
.front .inside{gap:24px}
.searchbox input{border-radius:999px 0 0 999px;padding-left:14px}
.searchbox button,.subform button,.signup button{border-radius:0 999px 999px 0!important}
.subform input,.signup input{border-radius:999px 0 0 999px}
/* Culture retains its own stage, including the existing night-mode preference. */
.page:has(.lnlist) .shead{background:var(--coral);color:#10252B;padding:28px;border:0;border-radius:20px;margin-top:28px}
.page:has(.lnlist) .shead h2{font:900 clamp(44px,8vw,76px)/.95 'Fraunces',Georgia,serif;letter-spacing:-.05em;color:#10252B;text-transform:none}
.page:has(.lnlist) .shead .tick{display:none}
.lnlist li{padding:26px 0}.lnlist a.h{font-size:26px}.lnlist .d{font-size:13px;letter-spacing:0}
/* Calendar is culture's chartreuse sibling, with readable neutral event rows. */
.wk .wkhead{background:var(--signal);color:#10252B;padding:28px;border-radius:20px;margin:24px 0}
.wk .wkhead h1,.wk .wkhead h2{font-family:'Fraunces',Georgia,serif;font-weight:900;letter-spacing:-.045em;color:#10252B}
.wk .wkhead .kick,.wk .wkhead p{color:#10252B}
.wk button,.wk select,.calnav a,.calsearch button{border-radius:999px}
.wk .bigcard{border-radius:18px}.calsearch{border-radius:18px;border-width:1px}
@media(max-width:520px){.front .flh{font-size:34px}.front .flread,.front .flisten,.front .flwatch{padding:12px 18px}.page:has(.lnlist) .shead,.wk .wkhead{padding:22px}}

/* Department colors: news blue, calendar green, Liner Notes coral. */
.ontoday .inh{background:var(--signal);color:#10252B;padding:20px 24px;border-radius:18px;gap:16px}
.ontoday .inh .more{color:#10252B;text-decoration:underline;text-underline-offset:3px}
@media(max-width:520px){.ontoday .inh{padding:16px;flex-wrap:wrap}}

/* Four plain destinations. Rounded shapes belong to actions, not section links. */
.sitenav{display:block!important;border:0!important;margin:12px 0 24px!important;padding:0!important;overflow:visible!important}
.sitenav .navtools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.sitenav .navmore{position:relative;font-size:14px}
.sitenav .navmore summary{padding:10px 0;cursor:pointer}
.sitenav .navpanel{position:absolute;top:100%;left:0;z-index:100;min-width:210px;background:var(--paper);border:1px solid var(--rule);border-radius:12px;padding:8px;box-shadow:0 8px 24px #10252b22}
.sitenav .navpanel a{display:block;padding:12px;color:var(--ink);text-decoration:none;border-radius:6px!important}
.sitenav .navpanel a:hover{background:var(--lake)}
.sitenav .navsubscribe{display:inline-block;padding:9px 18px;background:var(--news);color:white;text-decoration:none;font-size:14px;font-weight:600;border-radius:999px}
.sitenav .navprimary{display:flex;gap:26px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--rule)}
.sitenav .navprimary .snlink{flex:0 0 auto;display:block;padding:12px 0;background:none!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;color:var(--ink)!important;white-space:nowrap;text-decoration:none!important;box-shadow:none!important}
.sitenav .navprimary .snlink b{font:600 16px/1.4 'Schibsted Grotesk',Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
.sitenav .navprimary .snlink.cur{border-bottom-color:var(--news)!important}
.sitenav .navprimary .snlink:hover{border-bottom-color:var(--ink-soft)!important}
@media(max-width:520px){.sitenav .navprimary{gap:24px}.mastart img{max-height:125px;object-fit:contain}.sitenav{margin-bottom:24px!important}}

/* Mobile utilities collapse into the existing menu; desktop remains unchanged. */
.mobile-search,.mobile-settings{display:none}
@media(max-width:600px){
.sitenav .mobile-search{display:flex;align-items:center;justify-content:center;margin-left:auto;width:44px;height:44px;color:var(--ink);border-radius:50%}
.search-glyph{display:block;width:16px;height:16px;border:2px solid currentColor;border-radius:50%;position:relative}
.search-glyph:after{content:'';position:absolute;width:7px;height:2px;background:currentColor;right:-5px;bottom:-3px;transform:rotate(45deg)}
.sitenav .navtools{gap:14px;margin-bottom:0}
.sitenav .mobile-settings{display:block;border-top:1px solid var(--rule);padding:14px 10px 8px}
.mobile-settings:empty{display:none!important}
.mobile-settings .langbtns{display:flex;gap:10px;flex-wrap:wrap}
.mobile-settings .langbtns label{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:14px;padding:8px 12px}
.mobile-settings .theme:focus-within{outline:2px solid var(--news);outline-offset:3px}
.page:has(.mobile-settings .langbtns) .slugrow{display:none}
.mastart{margin-top:12px!important}
}

/* Direct mobile preferences and a shorter route to the lead. */
@media(max-width:600px){
.sitenav .navmore{display:none}
.sitenav .mobile-settings{border:0;padding:0;flex:0 0 auto}
.mobile-settings .langbtns{gap:2px;flex-wrap:nowrap}
.mobile-settings .langbtns label{min-width:40px;padding:8px 9px;border:0;background:transparent}
.sitenav .navtools{gap:6px}
.sitenav .mobile-search{flex:0 0 44px}
.sitenav .navsubscribe{padding:9px 12px}
.front .sitenav{margin-bottom:0!important}
.front .fronttop{padding-top:12px!important}
.front .frontlead{padding-top:0!important}
}

@media(max-width:360px){.mobile-settings .langbtns label{min-width:34px;padding:8px 6px}.sitenav .navtools{gap:2px}.sitenav .navsubscribe{font-size:12px;padding:9px 10px}.sitenav .mobile-search{flex-basis:40px;width:40px}}

/* Keep section scrolling without a visible browser scrollbar. */
.sitenav .navprimary::-webkit-scrollbar{display:none}

/* A small, theme-independent hint only while more sections remain to the right. */
.sitenav .navprimary.has-more-right{-webkit-mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%)}

.sitenav .navprimary.has-more-left{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 28px,#000 100%);mask-image:linear-gradient(to right,transparent 0,#000 28px,#000 100%)}
.sitenav .navprimary.has-more-left.has-more-right{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 28px,#000 calc(100% - 28px),transparent 100%)}

/* Edition components: one source of spacing and responsive behavior. */
.page:has(#lead) .shead{align-items:center;gap:10px}
.page:has(#lead) .shead .tick{flex:0 0 28px}
.page:has(#lead) .shead h2{min-width:0;overflow-wrap:anywhere}
.page:has(#lead) .shead>span{margin-right:0!important}
.page:has(#lead) .shead svg{flex-shrink:0}
.page:has(#lead) .item h4{font-family:'Schibsted Grotesk',Arial,sans-serif;font-size:1em;line-height:1.35;margin:1.25em 0 .5em;font-weight:700}
.sitedir a{overflow-wrap:anywhere;min-width:0}
.signoff-plate{position:relative;margin:26px 0 0}
.signoff-plate img{display:block;width:100%;height:auto;border-radius:10px}
.signoff-plate .signoff-greeting{position:absolute;inset:7% 0 auto;text-align:center;font:italic 500 clamp(20px,4vw,40px)/1.2 'Fraunces',Georgia,serif;color:#2c3a66;margin:0}
@media(max-width:600px){
.page:has(#lead) .slugrow{display:flex!important;flex-wrap:wrap;gap:8px;justify-content:space-between}
.page:has(#lead) .slugrow .searchbox,.page:has(#lead) .slugrow .sharebtn{display:none}
.page:has(#lead) .shead h2{font-size:20px;line-height:1.2;letter-spacing:.04em}
}

.wxc-hero>.es i{margin-left:.2em;margin-right:0}

.page:has(#lead) section[id]{scroll-margin-top:70px}