/* ============ LIGHT — a sample home page, clean and neat ============
   A daylight look for the same site: paper background, white cards with soft shadows,
   pill buttons, one big regular-weight headline with a single coloured phrase.
   Loads on home-light.html only. Nothing here touches the live pages. */
:root{
  --paper:#F5F4EF; --card:#FFFFFF; --ink:#1B231E; --ink-2:#3A443E; --muted:#6B746E; --line:#E6E5DE;
  --green:#2F7D2B; --green-soft:#E3F2D9; --green-ink:#1F5A1E; --peach:#FFE9D6; --sky:#DCEBFF; --mint:#DDF2E2;
  --r-xl:32px; --r-lg:22px; --r-pill:99px;
  --shadow:0 1px 1px rgba(20,30,20,.04),0 6px 18px -8px rgba(20,30,20,.14),0 24px 48px -24px rgba(20,30,20,.18);
  --wrap:min(1120px,92vw);
  --font-display:"Space Grotesk","Bricolage Grotesque",system-ui,sans-serif;
  --font-title:"Bricolage Grotesque","Space Grotesk",system-ui,sans-serif;
  --font-body:"Space Grotesk",system-ui,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,monospace;
}
html{background:var(--paper);color-scheme:light}
body.light{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
body.light *{box-sizing:border-box}
body.light a{color:inherit}
.lt-wrap{width:var(--wrap);margin:0 auto}

/* ---------- nav: a floating bar with pills ---------- */
.lt-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;background:linear-gradient(to bottom,rgba(245,244,239,.92),rgba(245,244,239,0));backdrop-filter:blur(10px)}
.lt-brand{font-family:var(--font-mono);font-weight:600;letter-spacing:.16em;text-transform:uppercase;font-size:.8rem;text-decoration:none;color:var(--ink)}
.lt-brand b{color:var(--green)}
.lt-links{display:flex;gap:.4rem;flex-wrap:wrap}
.lt-pill{display:inline-flex;align-items:center;gap:.4rem;min-height:40px;padding:.5rem 1rem;border-radius:var(--r-pill);background:var(--card);border:1px solid var(--line);color:var(--ink);font-size:.9rem;text-decoration:none;box-shadow:0 1px 2px rgba(20,30,20,.05);transition:transform .18s ease,box-shadow .18s ease}
.lt-pill:hover{transform:translateY(-1px);box-shadow:0 6px 16px -8px rgba(20,30,20,.25)}
.lt-pill.dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.lt-pill.green{background:var(--green);color:#fff;border-color:var(--green)}
@media(max-width:760px){.lt-links{display:none}}

/* ---------- hero: a soft dawn, no photo yet ---------- */
.lt-hero{position:relative;margin-top:.5rem;border-radius:var(--r-xl);overflow:hidden;min-height:min(78vh,640px);display:grid;place-items:start center;padding:clamp(3rem,8vw,6rem) 1.5rem 12rem;text-align:center;isolation:isolate;
  background:
    radial-gradient(70% 60% at 50% 105%,#9CC58F 0%,#BFDDB3 30%,transparent 62%),
    radial-gradient(60% 40% at 15% 100%,#7FB574 0%,transparent 55%),
    radial-gradient(60% 40% at 88% 102%,#88BA7C 0%,transparent 55%),
    linear-gradient(180deg,#FFF1E3 0%,#FBE6D4 22%,#DDEBFF 55%,#EAF4EA 100%)}
.lt-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(40% 30% at 50% 6%,rgba(255,255,255,.75),transparent 70%);pointer-events:none}
.lt-hero .k{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--green-ink);margin:0 0 1rem}
.lt-hero h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.2rem,5.4vw,3.9rem);line-height:1.12;letter-spacing:-.02em;margin:0;max-width:16ch;color:#2B2222;text-wrap:balance}
.lt-hero h1 em{font-style:normal;color:var(--green);display:block}
.lt-hero p{max-width:52ch;margin:1.2rem auto 1.6rem;font-size:clamp(1rem,1.4vw,1.15rem);color:#4A4040}
.lt-cta{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}
.lt-hero .lt-pill{min-height:48px;padding:.7rem 1.4rem;font-weight:600}
.lt-hills{position:absolute;left:-5%;right:-5%;bottom:-2px;height:38%;pointer-events:none;z-index:-1}
.lt-hills i{position:absolute;bottom:0;border-radius:50% 50% 0 0;background:#6FAA62;opacity:.9}
.lt-hills i:nth-child(1){left:-10%;width:60%;height:70%;background:#8CC07F}
.lt-hills i:nth-child(2){left:30%;width:55%;height:92%;background:#74AF68}
.lt-hills i:nth-child(3){left:62%;width:60%;height:64%;background:#5F9B55}
.lt-hills i:nth-child(4){left:-4%;width:120%;height:34%;background:#4F8A48;border-radius:60% 60% 0 0}
.lt-photo-note{position:absolute;right:1rem;top:1rem;font-family:var(--font-mono);font-size:.69rem;letter-spacing:.1em;text-transform:uppercase;color:rgba(43,34,34,.55);background:rgba(255,255,255,.6);border-radius:var(--r-pill);padding:.3rem .7rem}

/* ---------- the two cards that sit on the hero's bottom edge ---------- */
.lt-float{position:relative;z-index:2;margin-top:-9.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:820px){.lt-float{grid-template-columns:1fr;margin-top:-8rem}}
.lt-card{background:var(--card);border-radius:var(--r-xl);padding:1.6rem;box-shadow:var(--shadow)}
.lt-card h3{font-family:var(--font-title);font-weight:600;font-size:1.05rem;margin:0 0 .9rem;letter-spacing:-.01em}
.lt-card .k{font-family:var(--font-mono);font-size:.69rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 .3rem}
.lt-today{display:grid;grid-template-columns:150px 1fr;gap:1.1rem;align-items:center}
.lt-today .plate{border-radius:18px;box-shadow:none;border:1px solid var(--line)}
.lt-today h4{font-family:var(--font-title);font-weight:600;font-size:1.35rem;margin:0 0 .3rem}
.lt-today p{margin:0 0 .8rem;color:var(--muted);font-size:.95rem}
.lt-ask-form{display:flex;gap:.5rem}
.lt-ask-form input{flex:1;min-height:48px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--paper);padding:.6rem 1.1rem;font:inherit;font-size:1rem;color:var(--ink)}
.lt-ask-form input:focus{outline:2px solid var(--green);outline-offset:1px}
.lt-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.8rem}
.lt-chip{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;padding:.35rem .7rem;border-radius:var(--r-pill);background:var(--green-soft);color:var(--green-ink);text-decoration:none}
.lt-chip:hover{background:var(--green);color:#fff}

/* ---------- big numbers ---------- */
.lt-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:1rem 0 0}
@media(max-width:820px){.lt-stats{grid-template-columns:repeat(2,1fr)}}
.lt-stat{background:var(--card);border-radius:var(--r-lg);padding:1.3rem 1.4rem;box-shadow:var(--shadow)}
.lt-stat b{display:block;font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,4vw,2.8rem);line-height:1;letter-spacing:-.03em;color:var(--ink)}
.lt-stat b small{font-size:.45em;color:var(--green);margin-left:.15em;letter-spacing:0}
.lt-stat span{display:block;margin-top:.35rem;color:var(--muted);font-size:.9rem}

/* ---------- sections ---------- */
.lt-sec{margin:4.5rem auto 0}
.lt-sec-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.2rem}
.lt-sec-head h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.02em;margin:0;line-height:1.15}
.lt-sec-head h2 em{font-style:normal;color:var(--green)}
.lt-sec-head p{margin:.3rem 0 0;color:var(--muted);max-width:52ch}
.lt-sec-head a{white-space:nowrap}
.lt-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media(max-width:820px){.lt-steps{grid-template-columns:1fr}}
.lt-step{background:var(--card);border-radius:var(--r-xl);padding:1.6rem;box-shadow:var(--shadow)}
.lt-step .n{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green-soft);color:var(--green-ink);font-family:var(--font-mono);font-weight:600;margin-bottom:1rem}
.lt-step h3{font-family:var(--font-title);font-weight:600;font-size:1.2rem;margin:0 0 .4rem}
.lt-step p{margin:0;color:var(--muted)}

/* ---------- the feed: real plates on white ---------- */
.lt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media(max-width:1000px){.lt-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.lt-grid{grid-template-columns:repeat(2,1fr);gap:.7rem}}
.lt-tile{background:var(--card);border-radius:var(--r-lg);padding:.7rem .7rem .9rem;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}
.lt-tile:hover{transform:translateY(-3px)}
.lt-tile .plate{border-radius:14px;box-shadow:none;border:1px solid var(--line)}
.lt-tile .nm{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;margin:.7rem .2rem 0}
.lt-tile .nm b{font-family:var(--font-title);font-weight:600;font-size:1rem}
.lt-tile .nm span{font-family:var(--font-mono);font-size:.69rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}
.lt-tile .acts{display:flex;gap:.4rem;margin:.6rem .2rem 0}
.lt-tile .acts a{font-family:var(--font-mono);font-size:.69rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);text-decoration:none;border:1px solid var(--line);border-radius:var(--r-pill);padding:.3rem .6rem}
.lt-tile .acts a:hover{color:var(--green);border-color:var(--green)}

/* ---------- games strip ---------- */
.lt-games{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media(max-width:820px){.lt-games{grid-template-columns:repeat(2,1fr)}}
.lt-game{display:block;background:var(--card);border-radius:var(--r-lg);padding:1.3rem;box-shadow:var(--shadow);text-decoration:none;border-top:6px solid var(--ac,#2F7D2B);transition:transform .2s ease}
.lt-game:hover{transform:translateY(-3px)}
.lt-game .k{font-family:var(--font-mono);font-size:.69rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .3rem}
.lt-game h3{font-family:var(--font-title);font-weight:600;font-size:1.1rem;margin:0 0 .3rem}
.lt-game p{margin:0;color:var(--muted);font-size:.9rem}

/* ---------- a wide calm card ---------- */
.lt-wide{background:linear-gradient(135deg,#FFF6EC,#EAF6E6);border-radius:var(--r-xl);padding:clamp(1.6rem,4vw,3rem);display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;box-shadow:var(--shadow)}
@media(max-width:820px){.lt-wide{grid-template-columns:1fr}}
.lt-wide h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.02em;margin:0 0 .6rem;line-height:1.15}
.lt-wide p{margin:0 0 1.2rem;color:var(--ink-2)}
.lt-hosts{display:grid;gap:.6rem}
.lt-host{display:flex;gap:.8rem;align-items:center;background:rgba(255,255,255,.7);border-radius:var(--r-lg);padding:.7rem .9rem}
.lt-host i{width:40px;height:40px;border-radius:50%;background:var(--green-soft);display:grid;place-items:center;font-family:var(--font-mono);font-weight:600;color:var(--green-ink);font-style:normal}
.lt-host b{display:block;font-family:var(--font-title);font-weight:600}
.lt-host span{color:var(--muted);font-size:.9rem}

/* ---------- footer ---------- */
.lt-foot{margin:5rem auto 2rem;padding-top:2rem;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:start;color:var(--muted);font-size:.9rem}
@media(max-width:820px){.lt-foot{grid-template-columns:1fr}}
.lt-foot nav{display:flex;gap:1rem;flex-wrap:wrap}
.lt-foot nav a{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--muted);padding:.4rem 0}
.lt-foot nav a:hover{color:var(--green)}
.lt-foot p{margin:.6rem 0 0;max-width:70ch}
.lt-sample{position:fixed;right:1rem;bottom:1rem;z-index:30;font-family:var(--font-mono);font-size:.69rem;letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:#fff;padding:.5rem .8rem;border-radius:var(--r-pill);text-decoration:none}
@media(prefers-reduced-motion:reduce){.lt-pill,.lt-tile,.lt-game{transition:none}}

/* ---------- the live home: pieces the sample did not have ---------- */
.lt-hero .lead{max-width:52ch;margin:1.2rem auto 1.6rem;font-size:clamp(1rem,1.4vw,1.15rem);color:var(--ink-2)}
.lt-float-one{grid-template-columns:1fr}
.lt-float-two{margin-top:1rem}
.lt-make-grid{display:grid;grid-template-columns:1.1fr minmax(240px,380px);gap:1.4rem;align-items:start}
@media(max-width:820px){.lt-make-grid{grid-template-columns:1fr}.lt-make-grid .qpreview{order:-1;max-width:380px;margin:0 auto;width:100%}}
.lt-make .qmaker{max-width:none;margin-top:.2rem}
.lt-note{font-family:var(--font-mono);font-size:.69rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:.4rem 0 0}
.lt-card .qmaker input{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:14px}
.lt-card .qstrip button{border-radius:14px;border:1px solid var(--line);background:var(--paper)}
.lt-card .qstrip button[aria-pressed="true"],.lt-card .qstrip button.on{border-color:var(--green);box-shadow:0 0 0 2px var(--green-soft)}
.lt-card .qpreview{border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow)}
.lt-today .motd-plate .plate{border-radius:18px;box-shadow:none;border:1px solid var(--line)}
.lt-today h4{font-family:var(--font-title);font-weight:600;font-size:1.35rem;margin:0 0 .3rem}
.lt-card .sitesearch input{width:100%;min-height:48px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--paper);padding:.6rem 1.1rem;font:inherit;font-size:1rem;color:var(--ink)}
.lt-card .sr-out{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow)}
.lt-sec .plate-grid{gap:1rem}
.lt-sec .plate-card{background:var(--card);border-radius:var(--r-lg);padding:.7rem .7rem .9rem;box-shadow:var(--shadow);border:none}
.lt-sec .plate-card .plate{border-radius:14px;box-shadow:none;border:1px solid var(--line)}
.lt-sec .doors{width:auto;margin:0;padding:0}
.lt-sec .door{background:var(--card);border:none;border-radius:var(--r-xl);box-shadow:var(--shadow);color:var(--ink)}
.lt-sec .door h2{font-family:var(--font-display);font-weight:500;font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.02em;text-transform:none}
.lt-sec .door p,.lt-sec .door li{color:var(--muted)}
.lt-sec .new a{background:var(--card);border:none;border-radius:var(--r-xl);box-shadow:var(--shadow);color:var(--ink)}
.lt-sec .new h3{font-family:var(--font-title);font-weight:600}
.lt-sec .new p{color:var(--muted)}
.lt-wide .k{font-family:var(--font-mono);font-size:.69rem;letter-spacing:.16em;text-transform:uppercase;color:var(--green-ink);margin:0 0 .5rem}
.lt-wide .crew2{grid-template-columns:1fr;gap:.6rem}
.lt-wide .crew2>div{background:rgba(255,255,255,.7);border:none;border-radius:var(--r-lg);padding:.7rem .9rem;box-shadow:none}
.lt-wide .crew2 b{font-family:var(--font-title);font-weight:600;color:var(--ink)}
.lt-wide .crew2 span{color:var(--muted)}
.faq2.lt-sec details{background:var(--card);border:none;border-radius:var(--r-lg);box-shadow:var(--shadow);margin-bottom:.6rem}
.faq2.lt-sec summary{padding:1rem 1.2rem;cursor:pointer;font-family:var(--font-title);font-weight:600;color:var(--ink)}
.faq2.lt-sec details p{padding:0 1.2rem 1rem;margin:0;color:var(--muted);line-height:1.7}
.lt-foot.foot2{background:transparent;color:var(--muted)}
.lt-foot .fbrand{font-family:var(--font-mono);font-weight:600;letter-spacing:.16em;font-size:.8rem;color:var(--ink)}
.lt-foot .fbrand b{color:var(--green)}
.lt-sec .occ-links a{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:var(--r-pill);padding:.5rem 1rem}
.lt-sec .occ-links a:hover{border-color:var(--green);color:var(--green-ink);background:var(--green-soft)}
.lt-sec .feed-more .btn{border-radius:var(--r-pill)}
.faves.lt-sec .lt-sec-head .lt-cta{justify-content:flex-end}

/* ---------- the same home at night ---------- */
:root[data-theme="dark"]{--green:#8DF250;--green-soft:rgba(141,242,80,.14);--green-ink:#8DF250;--muted:#8A93A6;--ink-2:#C3CAD5;--shadow:0 18px 50px rgba(0,0,0,.5)}
html[data-theme="dark"] .lt-hero{background:radial-gradient(70% 60% at 50% 105%,#173a26 0%,#0f2419 30%,transparent 62%),linear-gradient(180deg,#0a1224 0%,#0b1a2c 30%,#08160f 100%)}
html[data-theme="dark"] .lt-hero::before{background:radial-gradient(40% 30% at 50% 6%,rgba(120,160,255,.14),transparent 70%)}
html[data-theme="dark"] .lt-hero h1{color:var(--ink)}
html[data-theme="dark"] .lt-hero .lead,html[data-theme="dark"] .lt-hero p{color:var(--ink-2)}
html[data-theme="dark"] .lt-hills i{filter:brightness(.32) saturate(.7)}
html[data-theme="dark"] .lt-pill{background:rgba(238,243,233,.06);border-color:rgba(238,243,233,.14);color:var(--ink);box-shadow:none}
html[data-theme="dark"] .lt-pill.dark{background:var(--ink);color:#060810;border-color:var(--ink)}
html[data-theme="dark"] .lt-pill.green{background:var(--green);color:#060810;border-color:var(--green)}
html[data-theme="dark"] .lt-wide{background:linear-gradient(135deg,#141a2e,#0d2418)}
html[data-theme="dark"] .lt-wide .crew2>div{background:rgba(6,8,16,.5)}
html[data-theme="dark"] .lt-photo-note{color:var(--ink-dim);background:rgba(6,8,16,.5)}
html[data-theme="dark"] .lt-chip{background:var(--green-soft);color:var(--green)}
html[data-theme="dark"] .lt-step .n,html[data-theme="dark"] .lt-host i{background:var(--green-soft);color:var(--green)}

/* heading order (audit 21 Oct 2026): these two are h2 for screen readers but keep their small look */
.lt-today .lt-h4{font-family:var(--font-title);font-weight:600;font-size:1.35rem;margin:0 0 .3rem}
.lt-card .lt-h3{font-family:var(--font-title);font-weight:600;font-size:1.05rem;margin:0 0 .9rem;letter-spacing:-.01em}