/* Leonida / world clock. Scoped to the homepage; native controls remain usable. */
.lf-frontpage .lf-world-clock{--clock-mint:#92ead5;--clock-ink:#07111c;--clock-muted:#a5b8c3;max-width:1600px;margin:auto;padding:80px 5vw 56px}
.lf-world-clock .lf-release-heading{margin-bottom:32px;align-items:end}
.lf-world-clock .lf-release-heading .lf-section-label{color:var(--clock-mint);font-size:12px;letter-spacing:.16em}
.lf-world-clock .lf-release-heading h2{margin-top:16px;line-height:.99}
.lf-world-clock .lf-release-heading h2 em{color:#f4b8a5}
.lf-world-clock .lf-release-heading>p{font-size:16px;line-height:1.65;max-width:360px;color:var(--clock-muted);margin:0 0 4px}
.lf-clock-shell{border:1px solid #829ca133;border-radius:20px;overflow:hidden;background:var(--clock-ink);box-shadow:0 24px 90px #0003}
.lf-clock-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;border-bottom:1px solid #829ca124;background:#0d1823}
.lf-clock-view-switch{display:inline-flex;gap:4px;border:1px solid #8bb2bc35;padding:4px;border-radius:30px;background:#070f18}
.lf-clock-view-switch button{font:500 14px/1 'Space Grotesk',sans-serif;color:#b6c5ce;border:0;background:none;min-width:86px;min-height:40px;border-radius:24px;cursor:pointer}
.lf-clock-view-switch button[aria-pressed=true]{background:#c5eee3;color:#08201e}
.lf-clock-picker select{background:#111f2b;color:#f2f4f5;border:1px solid #849faa50;border-radius:8px;min-height:46px;padding:10px 34px 10px 14px;font:500 14px/1.4 'Space Grotesk',sans-serif;max-width:100%}
.lf-clock-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px}
.lf-clock-visual{min-width:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 42% 45%,#16304088,transparent 62%),#07111c}
.lf-clock-reference{position:absolute;top:26px;left:28px;right:24px;z-index:2;pointer-events:none}
.lf-clock-reference>span{display:block;font-size:12px;letter-spacing:.1em;color:#a4b8c3}
.lf-clock-reference strong{display:flex;flex-wrap:wrap;gap:5px 16px;font-size:16px;font-weight:500;margin-top:8px;color:#e5eef0}
.lf-clock-reference time{color:#a1e9d4;font-variant-numeric:tabular-nums}
.lf-clock-stage{position:relative;width:100%;height:540px;overflow:hidden;isolation:isolate}
.lf-clock-stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:pan-y;opacity:0}
.lf-clock-stage canvas:active{cursor:grabbing}
.lf-clock-stage[data-mode=map] canvas{cursor:default}
.lf-clock-stage.is-ready canvas{opacity:1}
.lf-frontpage .lf-clock-fallback{position:absolute;left:4%;top:25%;width:92%;height:50%;object-fit:contain;opacity:.5;pointer-events:none}
.lf-clock-stage.is-ready .lf-clock-fallback{display:none}
.lf-clock-pin{position:absolute;width:44px;height:44px;padding:0;border:0;border-radius:50%;transform:translate(-50%,-50%);background:none;color:#e3f5f0;cursor:pointer;z-index:2;overflow:visible}
.lf-clock-pin::before{content:'';position:absolute;inset:17px;border:2px solid #072620;border-radius:50%;background:#b1eddb;box-shadow:0 0 0 4px #a6edd51a,0 0 14px #67e5cc4a}
.lf-clock-pin[aria-pressed=true]{z-index:6}
.lf-clock-pin[aria-pressed=true]::before{inset:15px;background:#ffc9a7;border:2px solid #311e1c;box-shadow:0 0 0 7px #ffc6a920,0 0 25px #ffb99e70}
.lf-clock-pin-label{position:absolute;display:none;left:41px;top:3px;min-width:90px;max-width:160px;padding:6px 9px;border:1px solid #8fc6c129;border-radius:6px;background:#07111cf0;pointer-events:none;white-space:nowrap;text-align:left;box-shadow:0 3px 16px #0002}
.lf-clock-pin-label strong{display:block;font:500 13px/1.35 'Space Grotesk',sans-serif}
.lf-clock-pin-label>span{display:block;font-size:12px;line-height:1.4;font-variant-numeric:tabular-nums;color:#92caba}
.lf-clock-pin.is-east .lf-clock-pin-label{left:auto;right:41px}
.lf-clock-pin.has-label .lf-clock-pin-label,.lf-clock-pin:hover .lf-clock-pin-label,.lf-clock-pin:focus-visible .lf-clock-pin-label{display:block}
.lf-clock-pin:hover,.lf-clock-pin:focus-visible{z-index:8}
.lf-clock-pin[aria-pressed=true] .lf-clock-pin-label{border-color:#efbba14a;color:#ffe2ce}
.lf-clock-pin[aria-pressed=true] .lf-clock-pin-label>span{color:#f1bea3}
.lf-clock-navigation{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 24px 22px;margin-top:-5px;position:relative;z-index:3}
.lf-clock-navigation>div{display:flex;align-items:center;gap:3px;border:1px solid #8db4c533;border-radius:28px;background:#101d28}
.lf-clock-navigation button{min-width:44px;min-height:44px;padding:9px 12px;border:0;background:transparent;color:#e8f2f5;font:500 13px 'Space Grotesk',sans-serif;border-radius:22px;cursor:pointer}
.lf-clock-navigation button:hover{background:#2f4e576b}
.lf-clock-navigation>span{font-size:12px;color:#9cafba;text-align:right}
.lf-world-clock button:disabled{opacity:.42;cursor:default}
.lf-world-clock :is(button,input,select,summary,a):focus-visible{outline:2px solid #c6ffe8;outline-offset:4px}
.lf-clock-map-status{margin:0;padding:12px 24px;color:#f1c9a9;font-size:14px}
.lf-world-clock .lf-zone-detail{display:block;padding:30px 26px;background:linear-gradient(145deg,#172b34,#101c27 65%);border-left:1px solid #9abaad24;border-top:0}
.lf-world-clock .lf-zone-eyebrow{color:#a8ddce;font-size:13px;letter-spacing:.02em}
:root[data-theme=dark] body[data-page] #main .lf-world-clock .lf-zone-detail h3{font-size:38px!important;margin:12px 0 25px;line-height:1.05!important}
.lf-world-clock .lf-zone-detail>p{font-size:14px!important;max-width:220px;line-height:1.6;color:#c0cbd2}
.lf-world-clock .lf-zone-time{display:block;font-size:62px;letter-spacing:-.04em;font-weight:500;margin-top:8px;color:#f7e0d3;line-height:1.1}
.lf-world-clock .lf-zone-date{font-size:13px;color:#b3c3cc;margin:12px 0 28px}
.lf-world-clock .lf-zone-now{font-size:14px;line-height:1.5;border-color:#97b7b12b;padding-top:20px}
.lf-world-clock .lf-zone-store{padding:20px 0 0;margin-top:22px;border-left:0;border-top:1px solid #97b7b12b}
.lf-world-clock .lf-zone-store>span{font-size:13px;color:#b3c3cc}
.lf-world-clock .lf-zone-store>strong{color:#fff;font-size:16px}
.lf-world-clock .lf-zone-store>a{color:#a1e9d4;font-size:14px;min-height:32px;display:inline-flex;align-items:center}
.lf-world-clock .lf-zone-store>small{font-size:12px;color:#a8b5bd;line-height:1.6}
.lf-clock-directory{background:#0c1721;border-top:1px solid #8fa9ae29;padding:24px}
.lf-clock-directory-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.lf-clock-directory-head h3{font-size:27px;line-height:1.2}
.lf-clock-directory-head>div>span{display:block;margin-top:5px;font-size:12px;color:#a7bac6}
.lf-clock-search{display:flex;align-items:center;gap:10px;min-height:46px;max-width:270px;border:1px solid #8fa9ae45;border-radius:8px;background:#111f2b;padding:0 13px}
.lf-clock-search svg{width:19px;height:19px;color:#95b9b8;flex:none}
.lf-clock-search input{width:100%;min-width:0;padding:12px 0;color:#e8eff4;border:0;background:none;font:400 14px 'Space Grotesk',sans-serif}
.lf-clock-search input::placeholder{color:#a8b6c2;opacity:1}
/* Keep absolute screen-reader labels inside this scrollport, not the page. */
.lf-clock-cities{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5c9489 #101e29;padding:4px 6px 6px 4px}
.lf-clock-cities>button{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:76px;text-align:left;color:#e2edf0;background:#12202b;border:1px solid transparent;border-radius:8px;padding:13px 14px;cursor:pointer}
.lf-clock-city-name{min-width:0}
.lf-clock-city-name>strong{display:block;font:500 14px/1.4 'Space Grotesk',sans-serif;overflow-wrap:anywhere}
.lf-clock-cities small{display:block;font-size:12px;line-height:1.5;color:#a1b3c0;margin-top:4px}
.lf-clock-city-time{text-align:right;flex:none}
.lf-clock-city-time>time{display:block;font:500 20px/1 'Space Grotesk',sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.lf-clock-cities>button:hover{border-color:#98d2c94d;background:#192e37}
.lf-clock-cities>button[aria-pressed=true]{border-color:#8edcca80;background:#183b3d}
.lf-clock-cities>button[aria-pressed=true] .lf-clock-city-time>time{color:#b4f3dd}
.lf-clock-empty{padding:20px 0;margin:0;color:#b4c8d2;font-size:14px}
.lf-clock-note{font-size:14px!important;line-height:1.7;color:#acbac5;max-width:840px;margin:22px 0 0}
.lf-clock-note strong{font-weight:500;color:#e2cdc2}
.lf-world-clock .lf-time-sources{margin-top:10px;max-width:960px}
.lf-world-clock .lf-time-sources p{font-size:14px;line-height:1.7}
.lf-world-clock .lf-time-sources summary{font-size:14px;min-height:44px;color:#a1d6c8}
.lf-world-clock [hidden]{display:none!important}
@media(min-width:1800px){.lf-frontpage .lf-world-clock{padding-inline:80px}}
@media(max-width:1100px){.lf-clock-cities{grid-template-columns:repeat(2,minmax(0,1fr))}.lf-clock-layout{grid-template-columns:minmax(0,1fr) 270px}.lf-clock-stage{height:490px}.lf-clock-navigation{flex-wrap:wrap}.lf-clock-navigation>span{font-size:12px}.lf-world-clock .lf-zone-detail{padding:28px 22px}}
@media(max-width:800px){.lf-clock-layout{grid-template-columns:1fr}.lf-clock-stage{height:460px}.lf-world-clock .lf-zone-detail{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;border-left:0;border-top:1px solid #9abaad24}.lf-world-clock .lf-zone-detail>.lf-zone-store{grid-column:2;grid-row:1/7;padding:0 0 0 24px;border-top:0;border-left:1px solid #9abaad24;margin:0;align-content:center}.lf-world-clock .lf-zone-detail>h3{grid-column:1}.lf-world-clock .lf-zone-now{margin-bottom:0}.lf-clock-reference{top:24px}.lf-frontpage .lf-world-clock{padding:54px 24px}.lf-world-clock .lf-release-heading{gap:20px;align-items:start}.lf-clock-note{margin-top:20px}}
@media(max-width:540px){.lf-frontpage .lf-world-clock{padding:48px 16px}.lf-world-clock .lf-release-heading h2{font-size:46px}.lf-world-clock .lf-release-heading>p{font-size:15px}.lf-clock-shell{border-radius:14px}.lf-clock-toolbar{padding:12px;gap:9px;flex-wrap:wrap}.lf-clock-view-switch button{min-width:63px;min-height:38px}.lf-clock-picker{flex:1;min-width:135px}.lf-clock-picker select{width:100%;padding:10px;font-size:13px}.lf-clock-stage{height:370px}.lf-clock-reference{top:20px;left:20px;right:12px}.lf-clock-reference>span{font-size:11px;letter-spacing:.06em}.lf-clock-reference strong{font-size:14px;gap:6px 12px}.lf-clock-navigation{padding:0 15px 18px;gap:10px}.lf-clock-navigation>span{max-width:100%;font-size:12px;text-align:left}.lf-world-clock .lf-zone-detail{display:block;padding:24px}.lf-world-clock .lf-zone-detail>.lf-zone-store{border-left:0;border-top:1px solid #9abaad24;padding:18px 0 0;margin-top:22px}.lf-world-clock .lf-zone-detail h3{margin-bottom:18px!important}.lf-world-clock .lf-zone-time{font-size:64px}.lf-world-clock .lf-zone-detail>p{max-width:none}.lf-world-clock .lf-zone-date{margin-bottom:22px}.lf-clock-directory{padding:20px 14px}.lf-clock-directory-head{flex-wrap:wrap;gap:15px}.lf-clock-search{width:100%;max-width:none}.lf-clock-cities{grid-template-columns:1fr;max-height:320px;gap:7px}.lf-clock-cities>button{min-height:70px}.lf-clock-city-name>strong{font-size:15px}.lf-clock-pin-label{max-width:145px}.lf-clock-pin-label strong{font-size:12px}.lf-clock-pin-label>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.lf-world-clock *{scroll-behavior:auto!important;transition:none!important}}
@media(forced-colors:active){.lf-clock-shell,.lf-clock-cities>button{border:1px solid CanvasText}.lf-clock-view-switch button[aria-pressed=true],.lf-clock-cities>button[aria-pressed=true]{outline:2px solid Highlight}.lf-clock-pin::before{background:Highlight}}

/* Keep original art contained rather than enlarging its native raster indefinitely. */
.lf-frontpage .lf-cover-artwork{background:#080d18;min-height:640px;max-height:940px}
.lf-cover-artwork .lf-cover-visual{left:max(0px,calc((100% - 1640px)/2));right:max(0px,calc((100% - 1640px)/2))}
.lf-cover-artwork .lf-cover-art{object-fit:contain;max-width:1672px;max-height:941px;margin:auto;object-position:right center}
.lf-cover-artwork .lf-cover-shade{background:linear-gradient(90deg,#080d18 0%,#080d18ed 20%,#080d1866 43%,transparent 61%),linear-gradient(0deg,#080d18 1%,transparent 26%)}
.lf-cover-artwork .lf-artwork-credit{font-size:12px;line-height:1.5;bottom:8px;right:24px}
.lf-cover-artwork .lf-cover-scroll{font-size:12px;bottom:12px}
.lf-frontpage .lf-guide-feature{max-width:1920px;margin-inline:auto}
.lf-frontpage :is(.lf-world-spread,.lf-file-strip,.lf-guide-feature,.lf-community-teaser) img{image-rendering:auto;filter:none}
@media(max-width:600px){.lf-frontpage .lf-cover-artwork{height:auto;min-height:760px;max-height:none}.lf-cover-artwork .lf-cover-visual{inset:0 0 auto;height:470px}.lf-cover-artwork .lf-cover-art{height:470px;inset:0;object-fit:cover;object-position:65% center}.lf-cover-artwork .lf-cover-shade{background:linear-gradient(0deg,#080d18 0%,#080d18 36%,#080d18a6 53%,transparent 80%)}.lf-frontpage .lf-cover-artwork .lf-cover-copy{justify-content:flex-end;min-height:760px;padding:360px 22px 110px}.lf-cover-artwork .lf-artwork-credit{top:445px;bottom:auto;right:18px;font-size:12px}.lf-cover-artwork .lf-cover-scroll{bottom:20px}.lf-cover-artwork .lf-countdown-units small{font-size:12px}.lf-frontpage .lf-cover-artwork .lf-cover-actions{width:100%}.lf-cover-artwork .lf-cover-actions a{font-size:14px;min-height:46px}}
@media(max-height:500px) and (min-width:601px){.lf-frontpage .lf-cover-artwork{height:auto;min-height:550px}.lf-frontpage .lf-cover-artwork .lf-cover-copy{min-height:550px;padding-bottom:65px}.lf-cover-artwork .lf-artwork-credit{bottom:6px}}

/* A palm-green wordmark and flat coral companion for the printed illustration. */
.lf-cover-artwork .lf-hero-welcome{color:#9ed77c}
:root[data-theme] body[data-page] #main .lf-frontpage .lf-cover-artwork #lf-cover-title em{color:#ef98ac;background:none;-webkit-text-fill-color:currentColor}
.lf-cover-artwork .lf-palm-title{position:relative;width:3.8em;max-width:100%;height:1.25em;line-height:1.25}
.lf-cover-artwork .lf-palm-fallback{display:block;white-space:nowrap}
.lf-frontpage .lf-cover-artwork img.lf-palm-wordmark{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:left center;opacity:0}
.lf-frontpage .lf-cover-artwork [data-palm-ready=true] img.lf-palm-wordmark{opacity:1}
.lf-cover-artwork [data-palm-ready=true] .lf-palm-fallback{visibility:hidden}
@media(forced-colors:active){.lf-cover-artwork .lf-palm-wordmark{display:none!important}.lf-cover-artwork [data-palm-ready=true] .lf-palm-fallback{visibility:visible;color:CanvasText}}