/* Interactive features (reading preferences, search, cage scene, route, quiz, excerpt viewer)
   in the "Modulo" design. Replaces interactive-20261015.css; behaviour unchanged. 18.10.2026 */
[hidden]{display:none!important}
.lm-button{font:inherit;font-size:15px;font-weight:600;cursor:pointer;border:1.5px solid currentColor;padding:10px 16px;background:transparent;color:inherit;border-radius:0;min-height:44px;transition:background-color .2s,color .2s}
.lm-button:hover,.lm-button[aria-pressed=true]{background:#D52B1E;color:#fff;border-color:#D52B1E}
.lm-tools{width:calc(100% - 32px);max-width:1280px;margin:12px auto;padding:0;font-size:15px}
.lm-tools summary{cursor:pointer;min-height:32px;font-weight:600}
.lm-tool-options{display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:12px 0}
.lm-tool-options label{display:flex;gap:12px;align-items:center}
.lm-time{display:block;color:#4A5259;margin-top:8px}
.lm-reading p,.lm-reading li{font-size:var(--lm-reading-size,18px)!important;line-height:1.65}
/* The text-size setting scales the running text; the article header, quotes and notes keep their proportions */
.lm-reading header .eyebrow{font-size:14px!important;line-height:1.3}
.lm-reading .hero-deck{font-size:clamp(20px,2.2vw,26px)!important;line-height:1.4}
.lm-reading .article-byline{font-size:15px!important;line-height:1.5}
.lm-reading .article-lede{font-size:calc(var(--lm-reading-size,18px)*1.18)!important;line-height:1.5}
.lm-reading .article-pullquote{font-size:calc(var(--lm-reading-size,18px)*1.36)!important;line-height:1.3}
.lm-reading .article-citation,.lm-reading .support-note p,.lm-reading .article-sources li,.lm-reading .article-sources p{font-size:calc(var(--lm-reading-size,18px)*.84)!important;line-height:1.55}
.lm-progress{position:fixed;left:0;top:0;width:100%;height:4px;background:#D52B1E;transform-origin:left;z-index:1000;pointer-events:none}
.lm-search{margin:28px 0}
.lm-search label{display:block;font-weight:600}
.lm-search input{display:block;width:100%;max-width:640px;min-height:48px;padding:12px 14px;margin:10px 0 16px;background:#fff;border:1.5px solid #16191C;color:inherit;border-radius:0;font:inherit}
.lm-filters{display:flex;gap:8px;flex-wrap:wrap}
.lm-status{font-size:14px;color:#4A5259}
.story-card{transition:background-color .2s}
.story-card:hover{transform:none;box-shadow:none}
.lm-cover{transition:transform .25s;will-change:transform}
.lm-cover+.lm-button{margin-top:18px}
.lm-experience{padding:70px 0;background:#191b1d;color:#F6F7F4;text-align:center;overflow:hidden}
.lm-experience h2{font:800 clamp(32px,5vw,60px)/1.05 'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif;letter-spacing:-0.035em;margin:30px 0 18px}
.lm-experience .eyebrow{color:#dcba70}
.lm-cage-scene{height:clamp(180px,30vw,320px);max-width:900px;margin:auto;position:relative;overflow:hidden;border-radius:50% 50% 0 0;background:linear-gradient(#293a4b,#a9bac1)}
.lm-mountains{position:absolute;inset:20% -10% -20%;background:linear-gradient(145deg,#f0f2ec 35%,#738795 36%,#25383f 70%);clip-path:polygon(0 100%,0 50%,18% 13%,28% 47%,43% 0,65% 60%,81% 15%,100% 60%,100% 100%)}
.lm-sun{position:absolute;width:65px;height:65px;border-radius:50%;background:#ead29b;right:18%;top:12%;box-shadow:0 0 60px #ffe2a94d}
.lm-cage-bars{position:absolute;inset:0;border:2px solid #cba65c;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 3px),#cba65c calc(12.5% - 3px),#cba65c 12.5%);transform:scaleY(0);transform-origin:bottom;transition:transform 2.8s ease}
.lm-awake .lm-cage-bars{transform:scaleY(1)}
.lm-cage-words{color:#e4c786;letter-spacing:.08em;font-size:14px;font-weight:600}
.lm-cage-final{font:italic 500 clamp(20px,2.6vw,30px) 'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif;opacity:.15;transition:opacity 1.5s 1.7s}
.lm-awake .lm-cage-final{opacity:1}
.lm-experience .lm-button{margin-top:18px}
.lm-route h2,.lm-quiz h2{font:800 clamp(28px,3.6vw,44px)/1.08 'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif;letter-spacing:-0.03em}
.lm-map{position:relative;display:flex;justify-content:space-around;gap:12px;padding:55px 12px;background:#fff;border:1.5px solid #16191C;border-radius:0}
.lm-map:before{content:'';position:absolute;top:50%;left:10%;right:10%;border-top:2px dashed #8E9AA4}
.lm-city{position:relative;background:var(--paper,#F6F7F4);border-radius:0}
.lm-city-description{min-height:90px;max-width:700px;margin:24px auto;font:500 21px/1.55 'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif;text-align:center}
.lm-quiz-body{min-height:200px;margin-top:28px}
.lm-quiz-body .lm-button{margin:0 12px 12px 0}
.lm-question{font-size:22px;line-height:1.45;font-weight:600}
.lm-result{font:700 24px/1.4 'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif}
.lm-dialog{width:min(92vw,800px);max-height:90vh;overflow:auto;border:2px solid #16191C;background:#fff;color:#16191C;padding:clamp(20px,5vw,48px);border-radius:0}
.lm-dialog::backdrop{background:#16191Cc9}
.lm-dialog-top,.lm-dialog-nav{display:flex;justify-content:space-between;gap:12px;align-items:center}
.lm-dialog blockquote{font:700 clamp(24px,3.6vw,38px)/1.25 'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif;letter-spacing:-0.02em;margin:36px 0}
.lm-dark{--paper:#202225;--sand:#292b2e;--white:#26292d;--tint:#2b3530;--night:#131517;--on-night:#f0e9dc;--ink:#f0e9dc;--muted:#beb8ae;--line:#5c646b;background:#202225!important;color:#f0e9dc!important}
.lm-dark main,.lm-dark main section,.lm-dark main section div,.lm-dark main article,.lm-dark .story-card,.lm-dark .language-cards a{background-color:#202225!important;color:#f0e9dc!important}
.lm-dark main p,.lm-dark main h1,.lm-dark main h2,.lm-dark main h3,.lm-dark main span,.lm-dark main strong,.lm-dark main label,.lm-dark main blockquote{color:inherit!important}
html:has(body.lm-dark){background:#202225}
.lm-dark .lm-experience{background:#151719!important}
.lm-dark main a:not(.button){color:#edcb87!important}
.lm-dark .lm-map{background:#202225!important}
.lm-dark .lm-city{background:#202225}
.lm-dark .lm-cage-scene{background:linear-gradient(#293a4b,#a9bac1)!important}
.lm-dark .lm-mountains{background:linear-gradient(145deg,#f0f2ec 35%,#738795 36%,#25383f 70%)!important}
.lm-dark .lm-sun{background:#ead29b!important}
.lm-dark .lm-cage-bars{background:repeating-linear-gradient(90deg,transparent 0,transparent calc(12.5% - 3px),#cba65c calc(12.5% - 3px),#cba65c 12.5%)!important}
.lm-dark .lm-search input{background:#26292d;border-color:#8d877d}
.lm-dark .article-pullquote--dark{background:#131517!important;border:1.5px solid #5c646b}
.lm-dark .compare-card--dark{background:#131517!important}
@media(min-width:900px){.lm-tools{width:calc(100% - 96px)}}
@media(max-width:600px){
  .lm-tools{margin:6px auto}
  .lm-map{padding:35px 4px;gap:6px}
  .lm-city{padding:10px}
  .lm-experience{padding:45px 0}
  .lm-cage-words{letter-spacing:.04em}
  .lm-tool-options{gap:12px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*:before,*:after{animation:none!important;transition:none!important}
  .lm-cage-bars{transform:scaleY(1)}
  .lm-cage-final{opacity:1}
  .story-card:hover{transform:none}
  .lm-cover{transform:none!important}
}