@import url("fonts.css");
/* =====================================================================
   Six Months of Light — editorial design system
   Palette: midnight · warm gold · dawn rose · cream
   Type: Cormorant Garamond (display) + Inter (text/UI)
   ===================================================================== */
:root{
  --midnight:#0d1326; --midnight-2:#18213f; --indigo:#2a2d5c; --plum:#4b3459;
  --gold:#d8a95b; --gold-hi:#f6dfa6; --gold-deep:#a87a35; --rose:#e3a693; --rose-deep:#c47c6c;
  --cream:#fbf6ee; --cream-2:#f4ecdf; --paper:#fffdf9; --ink:#1d1b22; --ink-2:#3c3946; --muted:#5f5868; --line:rgba(29,27,34,.08);
  --dawn:#e3a693; --amber:#d8a95b; --sky:#8fb2d6; --violet:#a493cf;
  --serif:"Cormorant Garamond","Iowan Old Style",Palatino,Georgia,serif;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --r-lg:28px; --r:20px; --r-sm:14px;
  --shadow-1:0 1px 2px rgba(20,16,40,.04),0 4px 12px -4px rgba(20,16,40,.06);
  --shadow-2:0 2px 4px rgba(20,16,40,.04),0 18px 40px -18px rgba(28,20,60,.22);
  --shadow-3:0 4px 10px rgba(20,16,40,.06),0 32px 70px -28px rgba(28,20,60,.38);
  --ease:cubic-bezier(.22,.8,.24,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;color:var(--ink);font:16px/1.65 var(--sans);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;
  background:radial-gradient(1100px 520px at 100% 0,rgba(227,166,147,.12),transparent 60%),radial-gradient(900px 600px at 0 40%,rgba(216,169,91,.08),transparent 60%),var(--cream)}
a{color:var(--indigo);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--plum)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
main.wrap{max-width:860px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
[hidden]{display:none!important}
::selection{background:rgba(216,169,91,.35)}

/* ---------- banner ---------- */
.unofficial{background:#070b18;color:rgba(246,223,166,.85);font-size:11.5px;letter-spacing:.06em;text-align:center;padding:8px 14px}

/* ---------- wordmark ---------- */
.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.wordmark .wm-text{font-family:var(--serif);font-weight:500;font-size:24px;letter-spacing:.005em;color:#fbf3e3;line-height:1}
.wordmark em{font-style:italic;color:var(--gold-hi);font-weight:500;padding:0 1px}
.mark{flex:none;filter:drop-shadow(0 0 10px rgba(246,223,166,.35))}

/* ---------- cinematic hero ---------- */
.hero{position:relative;overflow:hidden;isolation:isolate;color:#fbf3e3;
  background:linear-gradient(180deg,#070b18 0%,#0f1630 30%,#1f2350 58%,#4b3459 80%,#9a6162 94%,#d79b7e 100%)}
.hero-sm{background:linear-gradient(180deg,#070b18 0%,#121a38 55%,#2a2d5c 85%,#4b3459 100%)}
.hero-sky{position:absolute;inset:0;z-index:-1;pointer-events:none}
.hero .sun{position:absolute;left:50%;bottom:-38vw;width:96vw;height:96vw;max-width:1300px;max-height:1300px;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(255,236,196,.95) 0%,rgba(246,205,140,.75) 14%,rgba(227,166,147,.45) 28%,rgba(120,80,120,.15) 46%,transparent 62%);
  animation:sunrise 2.8s var(--ease) both, breathe 9s ease-in-out 2.8s infinite alternate}
.hero-sm .sun{bottom:-70vw;opacity:.55}
.hero .rays{position:absolute;left:50%;bottom:-10%;width:180vmax;height:180vmax;transform:translate(-50%,50%);opacity:.22;
  background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(246,223,166,.55) 0deg 1.4deg,transparent 1.4deg 9deg);
  -webkit-mask:radial-gradient(circle at 50% 50%,#000 0%,rgba(0,0,0,.6) 18%,transparent 42%);mask:radial-gradient(circle at 50% 50%,#000 0%,rgba(0,0,0,.6) 18%,transparent 42%);
  animation:spin 140s linear infinite}
.hero-sm .rays{opacity:.1}
.hero .glow{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55}
.hero .g1{width:520px;height:520px;left:-160px;top:-180px;background:radial-gradient(closest-side,rgba(120,110,220,.55),transparent);animation:float 20s ease-in-out infinite alternate}
.hero .g2{width:460px;height:460px;right:-140px;top:10%;background:radial-gradient(closest-side,rgba(227,166,147,.5),transparent);animation:float 24s ease-in-out -6s infinite alternate-reverse}
.hero .horizon{position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(246,223,166,.8),transparent)}
@keyframes sunrise{from{transform:translate(-50%,14%);opacity:0}to{transform:translate(-50%,0);opacity:1}}
@keyframes breathe{from{filter:brightness(1)}to{filter:brightness(1.12)}}
@keyframes spin{to{transform:translate(-50%,50%) rotate(360deg)}}
@keyframes float{from{transform:translate3d(0,0,0)}to{transform:translate3d(40px,30px,0)}}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:18px;padding-bottom:18px}
.navlinks{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.navlinks a{color:rgba(251,243,227,.72);text-decoration:none;font-size:13.5px;padding:8px 12px;border-radius:999px;white-space:nowrap;transition:background .3s var(--ease),color .3s}
.navlinks a:hover{color:#fff;background:rgba(255,255,255,.08)}
.navlinks a[aria-current]{color:#fff;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(246,223,166,.25)}
.hero-copy{text-align:center;padding-top:clamp(48px,9vw,110px);padding-bottom:clamp(110px,16vw,200px)}
.eyebrow{font-size:11.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold-hi);font-weight:500}
.display{font-family:var(--serif);font-weight:400;font-size:clamp(64px,15vw,148px);line-height:.92;letter-spacing:-.02em;margin:calc(18px - .05em) 0 calc(18px - .2em);padding:.05em .04em .2em;/* gradient text only paints inside the box: room for the g in "Light" */
  background:linear-gradient(180deg,#fffaf0 30%,#f3d9a8 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 60px rgba(246,223,166,.15);animation:rise 1.6s var(--ease) .2s both}
.display em{font-style:italic;background:linear-gradient(180deg,#f6dfa6,#d8a95b);-webkit-background-clip:text;background-clip:text;padding-right:.04em}
.tagline{font-family:var(--serif);font-style:italic;font-size:clamp(20px,3.6vw,28px);color:rgba(251,243,227,.85);margin:0 auto;max-width:620px;animation:rise 1.6s var(--ease) .45s both}
.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:34px;animation:rise 1.6s var(--ease) .7s both}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.hero-sm .topbar{padding-bottom:22px}
.grouptag{position:relative;font-size:13px;color:#fbf3e3;padding-bottom:14px;margin:0}
.grouptag a{color:var(--gold-hi)}
@media (max-width:760px){
  .topbar{flex-direction:column;align-items:flex-start;gap:10px}
  .navlinks{width:100%;margin:0 -6px}
}

/* ---------- buttons ---------- */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:12px 22px;font:500 15px/1 var(--sans);letter-spacing:.005em;text-decoration:none;cursor:pointer;
  background:var(--midnight-2);color:#fff;transition:transform .35s var(--ease),box-shadow .35s var(--ease),background .3s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px -12px rgba(13,19,38,.55);color:#fff}
.btn:active{transform:translateY(0) scale(.98)}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.28) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s var(--ease)}
.btn:hover::after{transform:translateX(120%)}
.btn.gold{background:linear-gradient(180deg,#f6dfa6,#d8a95b);color:#1a1530;box-shadow:0 10px 30px -10px rgba(216,169,91,.7)}
.btn.glass{background:rgba(255,255,255,.1);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25);backdrop-filter:blur(10px)}
.btn.secondary{background:rgba(255,255,255,.7);color:var(--midnight-2);box-shadow:inset 0 0 0 1px rgba(29,27,34,.14)}
.btn.secondary:hover{color:var(--midnight-2)}
.btn.small{padding:8px 14px;font-size:13.5px}
.btn.ok{background:#3f6b4a}.btn.warn{background:#a35a3a}
.btn:disabled{opacity:.5;cursor:default;transform:none}
.links{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}

/* ---------- type ---------- */
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;color:var(--midnight-2)}
main h1{font-size:clamp(42px,8vw,64px);line-height:1;margin:38px 0 10px}
h2{font-size:clamp(30px,5vw,40px);line-height:1.05;margin:56px 0 14px}
.section-label{font-size:11.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold-deep);font-weight:600;margin:56px 0 14px;display:flex;align-items:center;gap:12px}
.section-label::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(168,122,53,.35),transparent)}
.speaker{color:var(--muted);font-size:14px;margin:0}
blockquote{margin:14px 0;padding:6px 0 6px 22px;border-left:1.5px solid var(--gold);font-family:var(--serif);font-style:italic;font-size:clamp(21px,3.4vw,25px);line-height:1.38;color:var(--ink-2)}
.crumbs{font-size:13.5px;margin:30px 0 0;color:var(--muted)}
.crumbs a{color:var(--muted)}

/* ---------- surfaces ---------- */
.intro{margin-top:-64px;position:relative;z-index:2}
.notice{background:rgba(255,250,240,.85);backdrop-filter:blur(14px);border:1px solid rgba(216,169,91,.35);border-radius:var(--r-sm);padding:12px 16px;font-size:13.5px;color:#6a4d1d;box-shadow:var(--shadow-1);margin:18px 0}
.notice strong{font-weight:600}
.card{position:relative;background:rgba(255,253,249,.78);backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(255,255,255,.7);border-radius:var(--r-lg);padding:clamp(20px,4vw,34px);margin:18px 0;
  box-shadow:var(--shadow-2),inset 0 1px 0 rgba(255,255,255,.9)}
.card h2:first-child{margin-top:0}
.stub,.slot{border:1px dashed rgba(168,122,53,.4);border-radius:var(--r-sm);padding:14px 16px;color:var(--muted);font-size:14px;background:rgba(255,250,240,.6);margin:14px 0}
.pill{display:inline-block;font-size:11.5px;letter-spacing:.04em;padding:4px 11px;border-radius:999px;background:rgba(216,169,91,.16);color:#7a5a24;font-weight:500}
.pill.pending{background:rgba(29,27,34,.06);color:var(--muted)}

/* ---------- talk of the week ---------- */
.totw{overflow:hidden;color:#fbf3e3;border:0;background:linear-gradient(155deg,#0f1630 0%,#22265a 45%,#4b3459 78%,#a46a63 112%);box-shadow:var(--shadow-3)}
.totw::before{content:"";position:absolute;right:-20%;bottom:-60%;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(246,205,140,.55),rgba(227,166,147,.2) 50%,transparent);animation:breathe 8s ease-in-out infinite alternate}
.totw::after{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 85% 120%,rgba(246,223,166,.08) 0 1.2deg,transparent 1.2deg 8deg);pointer-events:none}
.totw>*{position:relative;z-index:1}
.totw h3{font-size:clamp(40px,8vw,64px);line-height:.98;margin:4px 0 10px;color:#fff;font-weight:400}
.totw h3 a{color:inherit;text-decoration:none}
.totw .speaker,.totw .speaker a{color:rgba(251,243,227,.75)}
.totw p{font-size:17px;color:rgba(251,243,227,.9)}
.totw blockquote{color:#fff;border-left-color:var(--gold-hi)}
.totw .ponder,.totw .invite{background:rgba(255,255,255,.07);border:1px solid rgba(246,223,166,.22);color:#fbf3e3;backdrop-filter:blur(8px)}
.totw .ponder .label,.totw .invite .label{color:var(--gold-hi)}
.totw .btn{background:linear-gradient(180deg,#f6dfa6,#d8a95b);color:#1a1530}
.totw .btn.secondary{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}

/* ---------- feature tiles ---------- */
.hero-cta{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:22px 0}
.tile{display:block;text-decoration:none;color:inherit;background:rgba(255,253,249,.75);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);border-radius:var(--r);padding:18px;box-shadow:var(--shadow-1);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);color:inherit}
.tile .ic{font-size:22px;display:block;margin-bottom:6px}
.tile b{display:block;font-family:var(--serif);font-weight:600;font-size:22px;line-height:1.1;color:var(--midnight-2)}
.tile span{font-size:13px;color:var(--muted)}

/* ---------- sessions & talk cards (color coded) ---------- */
.s-dawn{--sc:var(--dawn);--sc2:#f6d5c8}.s-amber{--sc:var(--amber);--sc2:#f6e3bd}.s-sky{--sc:var(--sky);--sc2:#d8e6f4}.s-violet{--sc:var(--violet);--sc2:#e2dcf3}
.session{margin-top:12px}
.session-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:10px;margin-top:56px}
.session-head h2{margin:0;display:flex;align-items:center;gap:12px}
.session-head h2::before{content:"";width:12px;height:12px;border-radius:50%;background:var(--sc);box-shadow:0 0 0 5px color-mix(in srgb,var(--sc) 22%,transparent)}
.session .when{color:var(--muted);font-size:13.5px;margin-top:8px}
ol.talks{list-style:none;padding:0;margin:14px 0;display:grid;gap:12px}
.talkcard{position:relative;display:flex;gap:16px;align-items:flex-start;text-decoration:none;color:inherit;overflow:hidden;
  background:rgba(255,253,249,.82);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.85);border-radius:var(--r);padding:18px 18px 18px 20px;box-shadow:var(--shadow-1);
  transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.talkcard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--sc),color-mix(in srgb,var(--sc) 40%,transparent))}
.talkcard::after{content:"";position:absolute;right:-60px;top:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(closest-side,var(--sc2),transparent);opacity:0;transition:opacity .5s var(--ease)}
.talkcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-2);color:inherit}
.talkcard:hover::after{opacity:.9}
.num{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:18px;font-weight:600;color:var(--midnight-2);background:linear-gradient(160deg,#fff,var(--sc2));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sc) 45%,transparent)}
.tc-body{display:flex;flex-direction:column;gap:2px;position:relative;z-index:1;flex:1}
.t-title{font-family:var(--serif);font-size:23px;font-weight:600;line-height:1.1;color:var(--midnight-2)}
.t-speaker{font-size:13.5px;color:var(--muted)}
.t-idea{font-size:14px;color:var(--ink-2);margin-top:6px;line-height:1.5}
.tc-arrow{position:relative;z-index:1;color:var(--sc);font-size:18px;transition:transform .4s var(--ease);align-self:center}
.talkcard:hover .tc-arrow{transform:translateX(4px)}
.empty{color:var(--muted);font-size:15px;font-style:italic}

/* ---------- talk page ---------- */
.talk-main{padding-top:clamp(26px,5vw,44px)}
.talk-main::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:linear-gradient(90deg,var(--sc),var(--gold-hi),var(--sc))}
.chip-session{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--ink-2);background:var(--sc2);padding:6px 12px;border-radius:999px}
.chip-session::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sc)}
.talk-head h1{font-size:clamp(44px,9vw,72px);line-height:.98;margin:16px 0 10px;font-weight:400}
.recap60{position:relative;overflow:hidden;border-radius:var(--r);padding:clamp(20px,4vw,30px);margin:22px 0;color:#fbf3e3;background:linear-gradient(155deg,#0f1630,#2a2d5c 55%,#5d3c5c);box-shadow:var(--shadow-3)}
.recap60::before{content:"";position:absolute;right:-30%;bottom:-70%;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(246,205,140,.4),transparent)}
.recap60>*{position:relative}
.recap60 .label{font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold-hi);font-weight:600}
.recap60 .big{font-family:var(--serif);font-size:clamp(26px,4.6vw,34px);line-height:1.15;margin:10px 0 14px}
.recap60 blockquote{color:#fff;border-left-color:var(--gold-hi);font-size:20px}
.recap60 .inv{font-size:15px}.recap60 .inv b{color:var(--gold-hi);font-weight:600}
.kv{margin:18px 0 0}.kv dt{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep);font-weight:600;margin-top:22px}.kv dd{margin:6px 0 0}
ul.scriptures{margin:4px 0;padding-left:20px}
.ponder,.invite{border-radius:var(--r-sm);padding:14px 18px;margin:16px 0;font-size:16px}
.ponder{background:linear-gradient(135deg,#eef0fa,#f6f0f7);border:1px solid #e1e1f0}
.invite{background:linear-gradient(135deg,#fbf1e2,#f8eae6);border:1px solid #efdcc4}
.ponder .label,.invite .label{display:block;font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:600;color:var(--indigo);margin-bottom:4px}
.invite .label{color:var(--gold-deep)}
.qrow{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 14px 22px}
.qrow a,.qrow button{font:500 12.5px var(--sans);border:1px solid rgba(29,27,34,.12);background:rgba(255,255,255,.8);border-radius:999px;padding:5px 12px;color:var(--midnight-2);text-decoration:none;cursor:pointer;transition:all .3s var(--ease)}
.qrow a:hover,.qrow button:hover{border-color:var(--gold);transform:translateY(-1px)}
.qrow button[aria-pressed=true]{background:#fbefd6;border-color:var(--gold)}
.video{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#111;margin:14px 0}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---------- forms & comments ---------- */
.stuck form label{display:block;font-size:13.5px;font-weight:600;margin:14px 0 6px}
.stuck input[type=text],.stuck textarea,.admin input[type=password],textarea.note,select,.field{width:100%;font:16px var(--sans);padding:12px 14px;border:1px solid rgba(29,27,34,.12);border-radius:var(--r-sm);background:rgba(255,255,255,.9);transition:border-color .3s,box-shadow .3s}
.stuck input:focus,.stuck textarea:focus,textarea.note:focus,select:focus,.field:focus,.admin input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(216,169,91,.18)}
.stuck textarea,textarea.note{min-height:100px;resize:vertical}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.count{font-size:12.5px;color:var(--muted);text-align:right;margin:4px 0 10px}
.msg{font-size:14px;margin-top:10px}.msg.ok{color:#3f6b4a}.msg.err{color:#a33}
.comment{border-top:1px solid var(--line);padding:14px 0}
.comment:first-child{border-top:0}
.comment .who{font-size:12.5px;color:var(--muted);margin-top:2px}

/* ---------- search panel (base) ---------- */
.ask{border:1px solid rgba(42,45,92,.14);background:linear-gradient(160deg,rgba(246,247,253,.85),rgba(253,248,244,.85))}
.ask-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.ask-head h2{margin:0}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.chip{border:1px solid rgba(42,45,92,.18);background:rgba(255,255,255,.8);border-radius:999px;padding:8px 14px;font:14px var(--sans);color:var(--indigo);cursor:pointer;transition:all .3s var(--ease)}
.chip:hover{border-color:var(--indigo);transform:translateY(-1px)}
.ask-input{display:flex;gap:8px}.ask-input input{flex:1;font:15px var(--sans);padding:11px 14px;border:1px solid rgba(29,27,34,.1);border-radius:999px;background:rgba(240,241,246,.8)}
.ask-bubble{margin-top:14px;background:#fff;border:1px solid #e3e5ef;border-radius:var(--r-sm);padding:14px 16px;font-size:15px;animation:rise .6s var(--ease) both}
.ask-tag{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#7a8597}
.cites{font-size:13px;color:var(--muted);padding-left:18px;margin:6px 0 0}

/* ---------- quiz ---------- */
.flash{margin:18px 0}
.flash .inner{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:clamp(28px,6vw,48px);min-height:260px;display:flex;flex-direction:column;justify-content:center;color:#fbf3e3;
  background:linear-gradient(155deg,#0f1630,#2a2d5c 55%,#5d3c5c);box-shadow:var(--shadow-3)}
.flash .inner::before{content:"“";position:absolute;left:18px;top:-30px;font-family:var(--serif);font-size:200px;color:rgba(246,223,166,.15)}
.flash .q{position:relative;font-family:var(--serif);font-size:clamp(24px,4.4vw,32px);line-height:1.3;font-style:italic}
.opts{display:grid;gap:10px;margin:16px 0}
.opt{text-align:left;border:1px solid rgba(29,27,34,.1);background:rgba(255,255,255,.85);border-radius:var(--r-sm);padding:14px 16px;font:15px var(--sans);cursor:pointer;transition:all .3s var(--ease)}
.opt:hover{transform:translateX(3px);border-color:var(--gold)}
.opt.right{background:#e6f1e8;border-color:#3f6b4a}.opt.wrong{background:#f6e3e3;border-color:#b55}
@media (min-width:700px){.opts{grid-template-columns:1fr 1fr}}

/* ---------- insights ---------- */
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.stat{background:rgba(255,253,249,.8);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.8);border-radius:var(--r);padding:18px 12px;text-align:center;box-shadow:var(--shadow-1)}
.stat b{display:block;font-family:var(--serif);font-weight:500;font-size:clamp(40px,8vw,58px);line-height:1;background:linear-gradient(180deg,var(--indigo),var(--plum));-webkit-background-clip:text;background-clip:text;color:transparent}
.stat span{font-size:12px;color:var(--muted);letter-spacing:.04em}
.cloud-card{color:#fbf3e3;background:linear-gradient(160deg,#0b1124,#1e2350 55%,#45304f);border:0;box-shadow:var(--shadow-3);overflow:hidden}
.cloud-card::before{content:"";position:absolute;left:50%;bottom:-55%;width:110%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(246,205,140,.35),rgba(227,166,147,.12) 55%,transparent)}
.cloud-card h2{color:#fff}.cloud-card .speaker{color:rgba(251,243,227,.65)}
.cloud{position:relative;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;justify-content:center;padding:14px 0 6px}
.cloud span{font-family:var(--serif);line-height:1.05;transition:transform .35s var(--ease),color .35s;cursor:default}
.cloud span:hover{transform:scale(1.12);color:#fff!important}
.bar{display:grid;grid-template-columns:minmax(120px,40%) 1fr 30px;gap:12px;align-items:center;font-size:14px;margin:10px 0}
.bar .track{background:rgba(29,27,34,.06);border-radius:999px;height:10px;overflow:hidden}
.bar .fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--rose),var(--gold));transform-origin:left;animation:grow 1.2s var(--ease) both}
.bar .n{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.donut-wrap{display:flex;gap:22px;align-items:center;flex-wrap:wrap}
.legend{list-style:none;padding:0;margin:0;font-size:14px}.legend li{display:flex;align-items:center;gap:8px;margin:6px 0}
.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
@media (min-width:900px){.ins-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.ins-grid .card{margin:10px 0}}

/* ---------- quote card page ---------- */
.qc-stage{position:relative;border-radius:var(--r-lg);padding:28px 16px;margin:16px 0;background:radial-gradient(600px 300px at 50% 100%,rgba(216,169,91,.18),transparent),linear-gradient(180deg,rgba(29,27,34,.03),rgba(29,27,34,.07))}
.qc-wrap{display:flex;justify-content:center}
.qc-wrap canvas{max-width:100%;max-height:72vh;border-radius:18px;box-shadow:0 30px 80px -30px rgba(13,19,38,.6),0 0 0 1px rgba(255,255,255,.6)}
.seg{display:inline-flex;gap:4px;flex-wrap:wrap;margin:8px 8px 0 0;padding:4px;background:rgba(29,27,34,.05);border-radius:999px}
.seg button{border:0;background:transparent;border-radius:999px;padding:8px 14px;font:500 13.5px var(--sans);cursor:pointer;color:var(--ink-2);transition:all .3s var(--ease)}
.seg button[aria-pressed=true]{background:#fff;color:var(--midnight-2);box-shadow:var(--shadow-1)}

/* ---------- my conference, lessons ---------- */
.days{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.days button{width:40px;height:40px;border-radius:50%;border:1px solid rgba(29,27,34,.14);background:#fff;font:600 13px var(--sans);cursor:pointer;transition:all .3s var(--ease)}
.days button.on{background:linear-gradient(180deg,#f6dfa6,#d8a95b);border-color:transparent;color:#1a1530;transform:scale(1.05)}
.outline h3{margin:18px 0 4px;font-size:22px}
.outline p,.outline li{font-size:15.5px}

/* ---------- admin ---------- */
.qitem{display:flex;flex-direction:column;gap:8px}
.qitem .meta{font-size:12.5px;color:var(--muted)}
.qitem .actions{display:flex;gap:8px;flex-wrap:wrap}
.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}
.tabs button{border:1px solid rgba(29,27,34,.12);background:rgba(255,255,255,.85);border-radius:999px;padding:7px 15px;font:500 13.5px var(--sans);cursor:pointer}
.tabs button[aria-pressed=true]{background:var(--midnight-2);color:#fff;border-color:var(--midnight-2)}
.status{font-size:11.5px;padding:2px 9px;border-radius:999px;background:#eee}
.status.pending{background:#fff1d6;color:#7a5410}.status.approved{background:#e2f0e5;color:#3f6b4a}.status.hidden{background:#f1e3e3;color:#8a3a3a}

/* ---------- footer ---------- */
footer.site{position:relative;overflow:hidden;margin-top:90px;background:linear-gradient(180deg,#0d1326,#070b18);color:rgba(251,243,227,.65);font-size:13px;text-align:center;padding:56px 0 64px}
footer.site::before{content:"";position:absolute;left:50%;top:-1px;width:70%;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(246,223,166,.7),transparent)}
footer.site .foot-brand{margin-bottom:22px}
footer.site .foot-brand p{font-family:var(--serif);font-style:italic;font-size:18px;color:rgba(251,243,227,.75);margin:8px 0 0}
footer.site p{margin:8px auto;max-width:640px}
footer.site .big{color:#fbf3e3;font-size:14px}
footer.site a{color:var(--gold-hi)}

/* ---------- motion ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}
@media (min-width:900px){
  .hero-cta{grid-template-columns:repeat(4,1fr)}
  ol.talks{grid-template-columns:1fr 1fr}
}

/* =====================================================================
   Six Months of Light — v5 additions: light motif, motion, builder
   ===================================================================== */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.45s;animation-timing-function:var(--ease)}
body{animation:pagein .6s var(--ease) both}
body.leaving{opacity:0;transform:translateY(-6px);transition:opacity .22s ease,transform .22s ease}
@keyframes pagein{from{opacity:0}to{opacity:1}}
.wordmark .wm-text{font-size:22px;white-space:nowrap}
.mark .ray{stroke-dasharray:30;stroke-dashoffset:30;animation:raygrow 1.1s var(--ease) forwards}
.mark .r0{animation-delay:.15s}.mark .r1{animation-delay:.3s}.mark .r2{animation-delay:.45s}.mark .r3{animation-delay:.6s}.mark .r4{animation-delay:.75s}.mark .r5{animation-delay:.9s}
@keyframes raygrow{to{stroke-dashoffset:0}}
.brand:hover .mark{filter:drop-shadow(0 0 16px rgba(246,223,166,.7))}
.display{font-size:clamp(56px,12.5vw,132px);line-height:.9}
.display .d1,.display .d2{display:inline-block}
.display em{font-size:.62em;vertical-align:.12em;padding:0 .08em}
.land{position:absolute;left:0;right:0;bottom:0;width:100%;height:clamp(120px,22vw,300px);will-change:transform}
.hero-sm .land{height:70px;opacity:.7}
.ridge{transition:transform .1s linear}
.motes{position:absolute;inset:0;opacity:.6;background-image:
  radial-gradient(1.5px 1.5px at 12% 80%,rgba(255,240,210,.9),transparent),radial-gradient(1px 1px at 28% 60%,rgba(255,240,210,.8),transparent),
  radial-gradient(1.5px 1.5px at 46% 74%,rgba(255,240,210,.9),transparent),radial-gradient(1px 1px at 63% 66%,rgba(255,240,210,.8),transparent),
  radial-gradient(2px 2px at 78% 82%,rgba(255,240,210,.9),transparent),radial-gradient(1px 1px at 90% 58%,rgba(255,240,210,.7),transparent);
  background-size:100% 100%;animation:motes 14s linear infinite}
@keyframes motes{from{transform:translateY(0);opacity:0}15%{opacity:.7}to{transform:translateY(-40%);opacity:0}}
.hero-copy{padding-bottom:clamp(150px,22vw,280px)}
/* six-month progress */
.countdown{max-width:520px;margin:30px auto 0;padding:16px 18px 12px;border-radius:20px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px rgba(246,223,166,.22);backdrop-filter:blur(12px);text-align:left;animation:rise 1.6s var(--ease) .9s both}
.cd-top{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:rgba(251,243,227,.8);flex-wrap:wrap}
.cd-days b{font-family:var(--serif);font-size:28px;font-weight:500;color:#fff;margin-right:4px;font-variant-numeric:tabular-nums}
.cd-month{color:var(--gold-hi);letter-spacing:.12em;text-transform:uppercase;font-size:11px;align-self:center}
.cd-track{position:relative;height:8px;border-radius:999px;background:rgba(255,255,255,.12);margin:10px 0 6px;overflow:visible}
.cd-fill{position:absolute;left:0;top:0;bottom:0;width:calc(var(--p)*100%);border-radius:999px;background:linear-gradient(90deg,#e3a693,#f6dfa6);box-shadow:0 0 14px rgba(246,223,166,.8);transform-origin:left;animation:grow 1.8s var(--ease) 1.1s both}
.cd-fill::after{content:"";position:absolute;right:-5px;top:50%;width:12px;height:12px;border-radius:50%;transform:translateY(-50%);background:#fff6dc;box-shadow:0 0 16px 4px rgba(246,223,166,.9);animation:breathe 2.4s ease-in-out infinite alternate}
.cd-track i{position:absolute;top:-2px;width:1px;height:12px;background:rgba(246,223,166,.35)}
.cd-labels{display:flex;justify-content:space-between;font-size:10.5px;color:rgba(251,243,227,.55);letter-spacing:.08em;text-transform:uppercase}
.cd-note{font-size:10.5px;color:rgba(251,243,227,.45);margin-top:4px}
/* animated light on every card */
.card,.talkcard,.tile{overflow:hidden}
.card::after,.tile::after{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,rgba(255,244,214,.35) 50%,transparent 65%);transform:translateX(-110%);animation:sheen 9s var(--ease) infinite}
.reveal.in.card::after{animation-delay:calc(var(--i,0) * .4s)}
@keyframes sheen{0%,70%{transform:translateX(-110%)}100%{transform:translateX(110%)}}
.totw::after,.cloud-card::after{animation:none}
.talkcard{background-image:radial-gradient(400px 120px at 0 0,color-mix(in srgb,var(--sc) 14%,transparent),transparent)}
.lede{font-family:var(--serif);font-size:clamp(20px,3vw,24px);font-style:italic;color:var(--ink-2);margin:0 0 10px}
/* speaker monograms (painted light, no photos) */
.monogram{--h:30;flex:none;position:relative;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;overflow:hidden;
  background:radial-gradient(circle at 30% 25%,hsla(calc(var(--h) + 20),90%,88%,.95),transparent 55%),radial-gradient(circle at 75% 85%,hsla(calc(var(--h) - 30),70%,65%,.9),transparent 60%),linear-gradient(160deg,#18213f,#4b3459);
  box-shadow:0 0 0 1px rgba(246,223,166,.45),0 10px 24px -10px rgba(28,20,60,.6)}
.monogram::before{content:"";position:absolute;inset:-30%;background:repeating-conic-gradient(from 0deg at 50% 110%,rgba(255,240,210,.18) 0 2deg,transparent 2deg 12deg);animation:spin2 40s linear infinite}
.monogram span{position:relative;font-family:var(--serif);font-weight:600;font-size:22px;color:#fffaf0;letter-spacing:.02em;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.monogram.big{width:120px;height:120px}.monogram.big span{font-size:50px}
@keyframes spin2{to{transform:rotate(360deg)}}
.sp-head{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
/* card builder */
main.wrap:has(.builder){max-width:1180px}
.builder{display:grid;gap:22px;align-items:start}
.b-preview{position:sticky;top:12px}
.b-actions{justify-content:center}
.b-controls{margin:0}
.b-label{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--gold-deep);margin:20px 0 8px}
.b-label:first-child{margin-top:0}
.b-help{letter-spacing:0;text-transform:none;font-weight:400;color:var(--muted);font-size:12.5px;margin-left:4px}
.qpick{display:grid;gap:8px}
.qopt{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-sm);border:1px solid rgba(29,27,34,.1);background:rgba(255,255,255,.75);cursor:pointer;font-family:var(--serif);font-size:18px;line-height:1.35;font-style:italic;transition:all .3s var(--ease)}
.qopt:hover{border-color:var(--gold)}
.qopt.on{border-color:var(--gold);background:linear-gradient(135deg,#fff8ea,#fbefe9);box-shadow:0 0 0 3px rgba(216,169,91,.18)}
.qopt input{margin-top:6px;accent-color:#a87a35}
@media (min-width:980px){.builder{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.b-preview{order:0}}
@media (max-width:979px){.b-preview{position:relative;top:0}}
@media (prefers-reduced-motion:reduce){body.leaving{opacity:1;transform:none}.mark .ray{stroke-dashoffset:0}}
/* share sheet */
.sheet-backdrop{position:fixed;inset:0;z-index:50;background:rgba(7,11,24,.45);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:pagein .25s ease both}
.sheet{width:min(560px,100%);background:rgba(255,253,249,.96);border-radius:28px 28px 0 0;padding:14px 22px 26px;box-shadow:var(--shadow-3);animation:sheetup .45s var(--ease) both}
@media (min-width:700px){.sheet-backdrop{align-items:center}.sheet{border-radius:28px}}
.sheet-grip{width:44px;height:5px;border-radius:9px;background:rgba(29,27,34,.15);margin:0 auto 6px}
.sheet h2{margin:6px 0 4px}
.sheet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}
.sheet-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border-radius:18px;border:1px solid rgba(29,27,34,.08);background:#fff;font:500 13px var(--sans);color:var(--ink);text-decoration:none;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s}
.sheet-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-1);color:var(--ink)}
.sheet-btn span{font-size:20px;line-height:1;font-weight:700;font-family:var(--sans)}
.sheet-note{font-size:12.5px;margin-bottom:12px}
@keyframes sheetup{from{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}

/* =================== v6: simpler paths, studio, shareable insights =================== */
:focus-visible{outline:3px solid #b8862f;outline-offset:2px;border-radius:10px}
.btn.big{padding:16px 28px;font-size:17px}
.hero-how{font:500 15px/1.5 var(--sans);color:rgba(251,243,227,.86);margin:14px auto 0;max-width:30em}
.hero-actions{margin-top:22px}
/* bottom tab bar (phones) */
.tabbar{display:none}
@media (max-width:899px){
  .tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(13,19,38,.96);padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px -12px rgba(0,0,0,.5)}
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:48px;justify-content:center;color:rgba(251,243,227,.72);text-decoration:none;font:500 11px var(--sans);border-radius:14px}
  .tabbar a[aria-current]{color:#fff}
  .tabbar a.tb-main{color:#1a1530}
  .tabbar a.tb-main svg{background:linear-gradient(180deg,#f6dfa6,#d8a95b);border-radius:14px;padding:6px;width:36px;height:30px;box-sizing:content-box;margin-top:-14px;box-shadow:0 8px 20px -6px rgba(216,169,91,.7)}
  .tabbar a.tb-main span{color:#f6dfa6}
  body.has-tabbar{padding-bottom:76px}
  .navlinks{display:none}
}
/* home */
.today{position:relative;margin:-60px 0 18px;padding:26px 22px 20px;border-radius:var(--r-lg);color:#fbf3e3;background:radial-gradient(500px 260px at 50% 110%,rgba(241,211,148,.35),transparent 70%),linear-gradient(160deg,#141c3c,#2a2d5c 55%,#5a3a5e);box-shadow:var(--shadow-3, 0 30px 60px -30px rgba(13,19,38,.6));z-index:2}
.today-k{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font:600 11.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#f6dfa6}
.today blockquote{font:500 clamp(24px,5.6vw,34px)/1.22 var(--serif);margin:14px 0 10px;border:0;padding:0;color:#fffaf0}
.today-by{margin:0;color:rgba(251,243,227,.82);font-size:14.5px}.today-by a{color:#f6dfa6}
.today-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.today-note{font-size:12px;color:rgba(251,243,227,.7);margin:12px 0 0}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}
.step{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:16px;background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--ink);font-size:13px;line-height:1.35}
.step b{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#f6dfa6,#d8a95b);color:#1a1530;font-size:13px}
.ins-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:18px;background:#fff;box-shadow:inset 0 0 0 1px var(--line);text-decoration:none;color:var(--ink);margin-bottom:22px}
.ins-banner>span:nth-child(2){flex:1;display:flex;flex-direction:column}.ins-banner>span:nth-child(2) span{font-size:13px;color:var(--muted)}
.ins-banner .ic{font-size:22px}
/* studio */
body.studio-page main.wrap{max-width:1240px}
.st-title{font-size:clamp(30px,6vw,52px)!important;margin:18px 0 12px!important;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.st-title span{font:500 14px var(--sans);color:var(--muted);letter-spacing:0}
.studio{display:grid;gap:18px;align-items:start}
.st-preview{background:var(--cream);z-index:20}
.st-canvas{display:flex;justify-content:center;padding:14px;border-radius:var(--r-lg);background:radial-gradient(600px 300px at 50% 100%,rgba(216,169,91,.2),transparent),linear-gradient(180deg,rgba(29,27,34,.04),rgba(29,27,34,.08))}
.st-canvas canvas{display:block;max-width:100%;max-height:min(70vh,760px);height:auto;border-radius:14px;box-shadow:0 24px 60px -24px rgba(13,19,38,.6),0 0 0 1px rgba(255,255,255,.6)}
.st-actions{margin-top:12px}
.st-btns{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:8px}
.st-btns .btn{justify-content:center;min-height:50px;padding:12px 10px}
.st-share{font-size:18px!important;font-weight:600!important}
.st-ready{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--ink-2);margin:0 2px 8px}
.st-ready .dot{width:9px;height:9px;border-radius:50%;background:#3f8f5a;box-shadow:0 0 0 4px rgba(63,143,90,.18)}
.st-ready.pulse .dot{animation:readyPulse 1s var(--ease)}
@keyframes readyPulse{0%{transform:scale(.4)}60%{transform:scale(1.5)}100%{transform:scale(1)}}
.linkish{border:0;background:none;color:var(--indigo);text-decoration:underline;text-underline-offset:3px;font:500 13.5px var(--sans);cursor:pointer;padding:4px;margin-left:auto}
.st-tip{font-size:13.5px;line-height:1.5;background:#fff;border-radius:14px;padding:12px 14px;margin:0 0 10px;box-shadow:inset 0 0 0 1px rgba(216,169,91,.4)}
.st-tabs{display:flex;gap:4px;padding:4px;background:rgba(29,27,34,.06);border-radius:999px;margin-bottom:14px;position:sticky;top:0;z-index:15}
.st-tabs button{flex:1;border:0;background:transparent;border-radius:999px;padding:11px 8px;min-height:44px;font:600 14px var(--sans);color:var(--ink-2);cursor:pointer;white-space:nowrap}
.st-tabs button[aria-selected=true]{background:#fff;color:var(--midnight-2);box-shadow:0 2px 8px -2px rgba(13,19,38,.2)}
.st-pane{padding-bottom:12px}
.q-tools{display:flex;gap:8px;margin:12px 0 8px}.q-tools .field{flex:1;min-width:0}
.chiprow{display:flex;gap:6px;overflow-x:auto;padding:2px 0 8px;scrollbar-width:none}
.chiprow .chip{white-space:nowrap;padding:7px 12px;font-size:13px}
.chip[aria-pressed=true]{background:var(--midnight-2);color:#fff;border-color:var(--midnight-2)}
.qlist{display:flex;flex-direction:column;gap:8px;margin-top:6px}
.qitem{text-align:left;border:1px solid rgba(29,27,34,.1);background:#fff;border-radius:16px;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:4px;font:inherit;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.qitem .qq{font:500 18px/1.3 var(--serif);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.qitem .qs{font-size:12.5px;color:var(--muted)}
.qitem[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,169,91,.25);background:#fffaf0}
.looks{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px}
.look{border:0;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;font:500 11.5px/1.25 var(--sans);color:var(--ink-2);text-align:center}
.look canvas,.look img{width:72px;height:96px;object-fit:cover;border-radius:12px;box-shadow:0 0 0 1px rgba(29,27,34,.1),0 6px 14px -8px rgba(13,19,38,.5);transition:transform .2s var(--ease)}
.look[aria-pressed=true] canvas,.look[aria-pressed=true] img{box-shadow:0 0 0 3px var(--gold),0 8px 18px -8px rgba(13,19,38,.6);transform:translateY(-2px)}
.pals{display:flex;gap:8px;flex-wrap:wrap}
.pals button{display:flex;align-items:center;gap:6px;border:1px solid rgba(29,27,34,.12);background:#fff;border-radius:999px;padding:7px 12px 7px 8px;font:500 13px var(--sans);cursor:pointer;min-height:40px}
.pals i{width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.pals button[aria-pressed=true]{border-color:var(--midnight-2);box-shadow:0 0 0 2px var(--midnight-2)}
input[type=range]{width:100%;accent-color:#b8862f;min-height:36px}
.sizes{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.sizes button{border:1px solid rgba(29,27,34,.12);background:#fff;border-radius:16px;padding:12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;font:inherit;color:var(--ink)}
.sizes i{display:block;height:54px;max-width:96px;border-radius:5px;background:linear-gradient(160deg,#2a2d5c,#b06f68)}
.sizes b{font-size:13.5px}.sizes span{font-size:11.5px;color:var(--muted)}
.sizes button[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,169,91,.3)}
.seg button{min-height:40px}
@media (min-width:900px){
  .studio{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .st-preview{position:sticky;top:12px}
}
@media (max-width:899px){
  /* phone: preview pinned at the top, options scroll below, Share bar pinned at the bottom */
  body.studio-page .unofficial{font-size:11px;padding:5px 10px}
  body.studio-page .hero-sm .topbar{padding-top:6px;padding-bottom:6px}
  .st-title{display:none!important}
  .st-preview{position:sticky;top:0;margin:0 -20px;padding:8px 20px 6px;box-shadow:0 10px 20px -16px rgba(13,19,38,.5)}
  .st-canvas{padding:8px}
  .st-canvas canvas{max-height:34vh}
  .st-tabs{top:var(--prevH,40vh)}
  .st-actions{position:fixed;left:0;right:0;bottom:0;z-index:45;margin:0;padding:8px 12px calc(10px + env(safe-area-inset-bottom));background:#fbf6ee;box-shadow:0 -12px 30px -14px rgba(13,19,38,.45);border-radius:20px 20px 0 0}
  .st-ready{font-size:13px;margin-bottom:6px}
  body.studio-page{padding-bottom:132px}
  body.studio-page footer.site{padding-bottom:20px}
}
/* insights */
.ins-grid2{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:22px}
.ins-card{display:flex;flex-direction:column;gap:8px;padding:20px;border-radius:var(--r);color:#fbf3e3;background:radial-gradient(300px 200px at 50% 110%,rgba(241,211,148,.28),transparent 70%),linear-gradient(160deg,#141c3c,#2a2d5c 60%,#4b3459)}
.ins-card h3{font:500 25px/1.15 var(--serif);margin:0;color:#fffaf0}
.ins-kicker{font:600 11px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:#b8862f}
.ins-card .ins-kicker{color:#f6dfa6}
.ins-big{font:500 64px/1 var(--serif);color:#f6dfa6}.ins-cap{font-size:13.5px;color:rgba(251,243,227,.85)}
.ins-words{columns:2;margin:0;padding-left:22px;font:500 18px/1.5 var(--serif)}.ins-words li::marker{color:#f6dfa6;font:600 11px var(--sans)}
.ins-text{font:italic 500 18px/1.35 var(--serif);margin:0;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.ins-card .bar span{color:#fbf3e3}.ins-card .bar .track{background:rgba(255,255,255,.14)}
.ins-actions{margin-top:auto;padding-top:6px}
.quizbox fieldset{border:0;padding:0;margin:14px 0}.quizbox legend{font-weight:600;margin-bottom:8px}
.tq-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px}
.tq-opt{display:flex;align-items:center;gap:8px;border:1px solid rgba(29,27,34,.12);border-radius:14px;padding:12px;cursor:pointer;background:#fff;min-height:48px}
.tq-opt input{accent-color:#b8862f}.tq-opt.on{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,169,91,.25)}
.tq-res{margin-top:10px;padding:18px;border-radius:18px;background:#fffaf0;box-shadow:inset 0 0 0 1px rgba(216,169,91,.4)}.tq-res h3{margin:4px 0;font:500 28px var(--serif)}
.spot-row{display:flex;gap:10px;flex-wrap:wrap}.spot-row .field{flex:1;min-width:220px}
/* credits */
.credits{display:grid;gap:12px}
.credit{display:flex;gap:14px;margin:0;align-items:flex-start;background:#fff;border-radius:16px;padding:12px;box-shadow:inset 0 0 0 1px var(--line)}
.credit img{width:120px;height:90px;object-fit:cover;border-radius:10px;flex:none}
.credit figcaption{display:flex;flex-direction:column;gap:4px;font-size:14px}
.ask .chip[aria-pressed=true]{background:var(--midnight-2);color:#fff}
.foot-links a{white-space:nowrap}
@media (prefers-reduced-motion:reduce){.st-ready.pulse .dot{animation:none}.look canvas,.look img{transition:none}}
@media (max-width:899px){.st-btns{grid-template-columns:1.5fr 1fr 1fr}.st-btns .btn.secondary{font-size:14px;padding:10px 6px;white-space:nowrap}.st-canvas{background:none;padding:4px}.st-preview{padding-top:6px}}
.studio{grid-template-columns:minmax(0,1fr)}.st-panel,.st-preview{min-width:0}
.qitem{width:100%;box-sizing:border-box;min-width:0}
.st-tabs{background:#ece5da}
@media (min-width:900px){.studio{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
button,a,input,select,label,.look,.qitem{touch-action:manipulation}
/* =================== v6.1: sticky header + sticky sub-navs =================== */
.sitebar{position:sticky;top:0;z-index:30;background:rgba(9,13,30,.95);padding-top:env(safe-area-inset-top);box-shadow:0 1px 0 rgba(246,223,166,.14),0 10px 24px -18px rgba(0,0,0,.8)}
.sitebar{background:#0a0e20}
.sitebar .topbar{flex-direction:row!important;align-items:center!important;padding-top:10px;padding-bottom:10px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));transition:padding .25s var(--ease)}
.sitebar .wm-text{transition:font-size .25s var(--ease)}.sitebar .mark{transition:width .25s,height .25s}
body.compact .sitebar .topbar{padding-top:5px;padding-bottom:5px}
body.compact .sitebar .wm-text{font-size:19px}body.compact .sitebar .mark{width:28px;height:28px}
.sb-cta{display:none}
.hero-sm{min-height:14px}.hero-sm .hero-sky .sun{display:none}
@media (max-width:899px){.sb-cta{display:inline-flex;padding:8px 14px;font-size:13.5px}.sitebar .wm-text{font-size:20px}.sitebar .mark{width:30px;height:30px}}
.subnav{position:sticky;top:var(--hdrH,52px);z-index:25;margin:4px -20px 14px;padding:8px 20px;background:rgba(251,246,238,.94);box-shadow:0 8px 16px -14px rgba(13,19,38,.5)}
@supports (backdrop-filter:blur(8px)){.subnav{background:rgba(251,246,238,.95);backdrop-filter:blur(12px)}}
.subnav-in{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.subnav-in::-webkit-scrollbar{display:none}
.subnav a{flex:none;white-space:nowrap;text-decoration:none;font:500 13.5px var(--sans);color:var(--ink-2);padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px rgba(29,27,34,.1);min-height:20px}
.subnav a[aria-current]{background:var(--midnight-2);color:#fff;box-shadow:none}
main [id]{scroll-margin-top:calc(var(--hdrH,52px) + 64px)}
/* studio stack on phones: sticky header → sticky preview → sticky tabs → scrolling options */
@media (max-width:899px){
  .st-preview{top:var(--hdrH,48px)!important}
  .st-tabs{top:calc(var(--hdrH,48px) + var(--prevH,260px))!important}
  .st-canvas canvas{max-height:30vh}
  body.compact .st-canvas canvas{max-height:27vh}
  .st-tabs button{min-height:40px;padding:8px 6px;font-size:13.5px}
}
@media (min-width:900px){.st-preview{top:calc(var(--hdrH,60px) + 12px)!important}}
@media (min-width:900px){.st-tabs{top:var(--hdrH,52px)}}
@media (max-width:899px){.hero-lg .hero-copy{padding-top:28px;padding-bottom:96px}.display{margin:10px 0}.hero-lg .countdown{margin-top:18px}}
/* v3: quote deep links */
.qanchor{scroll-margin-top:calc(var(--hdrH,64px) + 24px);border-radius:10px;transition:background .6s,box-shadow .6s}
.qanchor.qhit{background:rgba(241,211,148,.16);box-shadow:0 0 0 2px rgba(241,211,148,.55);outline:none}
/* v3 studio: theme step, animation chips, IG preset (light studio surface) */
.step-l{display:flex;align-items:center;gap:8px}
.stepn{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#f1d394,#d8a95b);color:#1d1b2e;font:700 12px/1 var(--sans)}
.themegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px;margin:6px 0 16px}
.thm,.anims button,.igpreset{border:1px solid rgba(29,27,34,.12);background:#fff;color:var(--ink);border-radius:14px;cursor:pointer;touch-action:manipulation;font:inherit;transition:border-color .2s,box-shadow .2s}
.thm{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 11px 9px;text-align:left;min-height:66px}
.thm i{font-style:normal;font-size:17px;line-height:1;color:#86601f;font-family:var(--serif)}
.thm b{font:600 13px/1.2 var(--sans)}
.thm small{font-size:11.5px;color:var(--muted)}
.thm[aria-pressed=true],.anims button[aria-pressed=true],.igpreset[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,169,91,.25);background:#fffaf0}
.thm:focus-visible,.anims button:focus-visible,.igpreset:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.looks.sug{padding:8px;border-radius:14px;background:rgba(216,169,91,.1)}
.anims{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin:6px 0 8px}
.anims button{padding:10px 12px;font:500 13.5px/1.2 var(--sans);text-align:left;min-height:44px}
.igpreset{display:flex;flex-direction:column;gap:3px;width:100%;text-align:left;padding:12px 14px;margin:4px 0 10px;border-style:dashed;border-color:rgba(168,122,53,.55)}
.igpreset b{font:600 14px/1.2 var(--sans)}.igpreset span{font-size:12.5px;color:var(--muted)}
.igpreset[aria-pressed=true]{border-style:solid}
.chk{display:flex;gap:8px;align-items:center;font-size:13.5px;margin:0 0 12px}
.chk input{width:18px;height:18px;accent-color:#b8862f}
.plats{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:6px 0 14px}
.plat{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:11px 12px;border-radius:14px;border:1px solid rgba(29,27,34,.12);background:#fff;color:var(--ink);cursor:pointer;text-align:left;min-height:56px;font:inherit;touch-action:manipulation;border-left:4px solid var(--pc,#d8a95b)}
.plat b{font:600 14px/1.2 var(--sans)}.plat small{font-size:11.5px;color:var(--muted)}
.plat:hover{box-shadow:0 0 0 3px rgba(216,169,91,.2)}.plat:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.plat-igstory,.plat-igpost{--pc:#d6457a}.plat-facebook{--pc:#1877f2}.plat-whatsapp{--pc:#25d366}.plat-sms{--pc:#34c759}.plat-x{--pc:#111}.plat-pinterest{--pc:#e60023}.plat-threads{--pc:#333}.plat-email{--pc:#8a6d3b}.plat-copy{--pc:#b9b4c8}
.caption{width:100%;min-height:118px;resize:vertical;font:400 14px/1.45 var(--sans)}
.cap-row{display:flex;gap:8px;margin:8px 0 6px;flex-wrap:wrap}
.car-btn{margin-top:12px}
.ins-card{scroll-margin-top:calc(var(--hdrH,64px) + 60px)}
/* ---- share: ready prompt + full-screen press-and-hold viewer ---- */
.st-linkonly{display:block;margin:8px auto 0;font-size:13px;color:var(--muted)}
.linkish{background:none;border:0;padding:6px 4px;font:inherit;color:var(--indigo);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sh-ready{position:fixed;left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:120;display:flex;gap:14px;align-items:center;background:var(--midnight-2);color:#fff;border-radius:20px;padding:12px;box-shadow:var(--shadow-3);max-width:520px;margin:0 auto;animation:shUp .35s var(--ease)}
.sh-ready img{width:64px;height:80px;object-fit:cover;border-radius:10px;flex:none}
.sh-ready div{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}.sh-ready b{width:100%;font:600 15px var(--sans)}
.sh-ready .linkish{color:#e9e3f6}
@keyframes shUp{from{transform:translateY(20px);opacity:0}}
.sh-view{position:fixed;inset:0;z-index:130;background:rgba(8,10,22,.94);color:#fff;display:flex;flex-direction:column;padding:calc(10px + env(safe-area-inset-top)) 14px calc(14px + env(safe-area-inset-bottom))}
.shv-top{display:flex;align-items:center;gap:12px;justify-content:space-between;font:600 15px/1.35 var(--sans);padding:4px 2px 10px}
.shv-x{flex:none;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:18px;cursor:pointer}
.shv-imgs{flex:1;min-height:0;display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;align-items:center;justify-content:safe center}
.shv-imgs img{max-height:100%;max-width:100%;object-fit:contain;border-radius:12px;scroll-snap-align:center;-webkit-touch-callout:default;user-select:auto;flex:none}
.shv-imgs img:only-child{flex:initial}
.shv-acts{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding-top:12px}
.shv-note{text-align:center;font-size:13px;color:#cfc8de;margin:8px 0 0}
/* studio: quick styles, fonts, advanced formatting */
.seg.fonts,.seg.presets{display:flex;border-radius:18px}
.seg.presets button{background:#fff;border:1px solid rgba(29,27,34,.1)}
.adv{margin:16px 0 4px;border:1px solid rgba(29,27,34,.12);border-radius:14px;background:#fff;padding:0 14px}
.adv summary{cursor:pointer;padding:13px 0;font:600 14px var(--sans);color:var(--midnight-2);min-height:44px;box-sizing:border-box}
.adv[open] summary{border-bottom:1px solid rgba(29,27,34,.08);margin-bottom:10px}
.adv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 16px}
.adv-grid label{display:flex;flex-direction:column;gap:4px;font:500 12.5px var(--sans);color:var(--ink-2)}
.adv-grid select,.adv-grid input[type=range]{width:100%;min-height:36px}
.adv-grid select{border:1px solid rgba(29,27,34,.15);border-radius:10px;padding:6px 8px;font:inherit;background:#fff;color:var(--ink)}
.adv-color{flex-direction:row!important;align-items:center;flex-wrap:wrap}
.adv-color input{width:44px;height:36px;border:1px solid rgba(29,27,34,.15);border-radius:8px;padding:2px;background:#fff}
.adv-color.auto input{opacity:.45}
.adv-drag{display:flex;gap:8px;align-items:center;margin:12px 0;font:500 13.5px var(--sans);min-height:44px}
.adv #f-reset{margin:0 0 14px}
canvas.dragging{cursor:move;touch-action:none;outline:2px dashed rgba(216,169,91,.7);outline-offset:2px}
.thm-sep{grid-column:1/-1;font:600 12px var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:8px 0 0}
/* ---- study library ---- */
.lib-h1{margin:0 0 6px;display:flex;align-items:center;gap:10px}
.lib-sub{color:var(--ink-2);margin:0 0 18px;max-width:62ch}
.lib-views{margin:0 0 14px}
.lib-bar{padding:4px 0 8px;margin:0 0 6px}
.lib-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(29,27,34,.15);border-radius:999px;padding:0 16px;min-height:48px;color:var(--muted)}
.lib-search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,169,91,.25)}
.lib-search input{flex:1;border:0;background:none;font:16px var(--sans);color:var(--ink);min-height:46px;outline:none;min-width:0}
.lib-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;max-width:760px}
.lib-filters::-webkit-scrollbar{display:none}
.lib-sel{position:relative;display:flex;flex-direction:column;min-width:0}
.lib-sel span{position:absolute;left:14px;top:5px;font:600 10px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);pointer-events:none}
.lib-sel select{appearance:none;-webkit-appearance:none;border:1px solid rgba(29,27,34,.15);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23776' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center;border-radius:14px;padding:19px 34px 6px 14px;font:500 14.5px var(--sans);color:var(--ink);min-height:48px;width:100%;text-overflow:ellipsis;cursor:pointer}
.lib-sel select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.lib-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;align-items:center}
.lib-chips:empty{display:none}
.lib-chips .chip{padding:6px 12px;font-size:13px;min-height:36px}
.lib-chips .linkish{margin-left:0}
.lib-count{color:var(--muted);font-size:14px;margin:6px 0 10px}
.lib-list{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}
.lib-talk{display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:14px;background:rgba(255,255,255,.8);border:1px solid rgba(29,27,34,.08);color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.lib-talk:hover{border-color:var(--gold);box-shadow:var(--shadow-1);color:inherit}
.lt-title{font:600 16px/1.3 var(--sans);color:var(--midnight-2)}
.lt-title .ext{font-weight:400;color:var(--muted);font-size:13px}
.lt-meta{font-size:13.5px;color:var(--muted)}
.lt-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:0 0 20px}
.lib-topic{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;background:#fff;border:1px solid rgba(29,27,34,.1);text-decoration:none;color:var(--ink);min-height:84px}
.lib-topic:hover{border-color:var(--gold);color:var(--ink)}
.lib-topic i{font-style:normal;font-size:20px;color:#86601f;font-family:var(--serif)}
.lib-topic b{font:600 14.5px var(--sans)}
.lib-topic small{color:var(--muted);font-size:12.5px}
.lib-note{font-size:13px;color:var(--muted);margin:24px 0}
.tp-ic{color:#86601f;font-family:var(--serif)}
.spark{width:100%;height:auto;display:block;margin:10px 0 2px}
.spark rect{fill:rgba(42,45,92,.35)}
.spark rect.pk{fill:var(--gold,#d8a95b)}
.spark-x{display:grid;font-size:10.5px;color:var(--muted);text-align:center}
.tp-quotes{list-style:none;padding:0;display:grid;gap:12px}
.tp-quotes blockquote{margin:0;font:italic 500 20px/1.35 var(--serif);color:var(--ink)}
.tp-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.tp-rank{list-style:none;padding:0;margin:0;counter-reset:r}
.tp-rank li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid rgba(29,27,34,.07);font-size:14.5px}
.tp-rank li b{color:var(--gold-deep,#a87a35);font-variant-numeric:tabular-nums}
@media (max-width:600px){.lib-filters{grid-template-columns:1fr 1fr}.lib-sel:last-child{grid-column:1/-1}.lib-sel select{font-size:14px}.lt-title{font-size:15.5px}}
/* ---- zoomable insights ---- */
.zoom-sec{margin:28px 0}
.z-scope{margin:6px 0 10px}
.z-sels{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;max-width:820px;margin-bottom:8px}
.z-sels .lib-sel[hidden]{display:none}
.z-lab{font-size:14px;color:var(--muted);margin:6px 0 12px}
.z-lab b{color:var(--ink)}
.z-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.z-card{background:rgba(255,255,255,.85);border:1px solid rgba(29,27,34,.08);border-radius:18px;padding:16px 18px;box-shadow:var(--shadow-1)}
.z-card h3{margin:2px 0 10px;font:600 18px/1.25 var(--sans);color:var(--midnight-2)}
.z-big{display:inline-flex;flex-direction:column;margin:0 18px 8px 0}
.z-big b{font:500 34px/1 var(--serif);color:var(--midnight-2)}
.z-big span{font-size:12.5px;color:var(--muted)}
.z-words{columns:2;margin:0;padding-left:22px;font-size:15px}
.z-music{margin:0;padding-left:22px;font-size:14.5px}
.z-music small{color:var(--muted)}
.z-note{font-size:12.5px;color:var(--muted);margin:8px 0 0}
.z-places{display:flex;flex-wrap:wrap;gap:4px}
.cmp-head{display:flex;gap:18px;margin:6px 0 10px;font:600 14px var(--sans)}
.cmp-head i,.cmp-bars i{display:inline-block}
.cmp-head i{width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.ka{background:#2a2d5c}.kb{background:#d8a95b}
.cmp-row{display:grid;grid-template-columns:42% 1fr;gap:8px;align-items:center;font-size:13.5px;padding:4px 0}
.cmp-bars{display:flex;flex-direction:column;gap:2px}
.cmp-bars i{height:7px;border-radius:4px;min-width:2px}
table.cmp{width:100%;border-collapse:collapse;font-size:14px}
table.cmp td,table.cmp th{padding:6px 4px;border-bottom:1px solid rgba(29,27,34,.07);text-align:right}
table.cmp td:first-child,table.cmp th:first-child{text-align:left}
.z-scope{display:grid;grid-template-columns:repeat(4,auto);max-width:520px}
.z-scope button{padding:8px 10px}
@media (max-width:420px){.z-scope button{padding:8px 6px;font-size:13px}}
/* ---- talk study panel ---- */
.study-panel h3{font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);margin:16px 0 6px}
.sp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:4px 24px}
.sp-facts,.sp-refs,.sp-rel{margin:0;padding-left:18px;font-size:15px}
.sp-refs li,.sp-rel li{margin:4px 0}
.sp-rel .speaker{display:block;font-size:13px}
.study-panel a.pill{text-decoration:none;margin:2px 2px 2px 0}
/* ---- print: one-page talk summary ---- */
@media print{
  @page{margin:14mm}
  body{background:#fff!important;animation:none!important;font-size:11.5pt}
  header,footer,nav,.tabbar,.sitebar,.topbar,.no-print,.links,.stuck,.ask,#note,.note,.qrow,.slot,.video,#commitbox,.crumbs,.notice,.subnav,button,iframe,form{display:none!important}
  .card{box-shadow:none!important;border:0!important;background:none!important;padding:0!important;margin:0 0 10pt!important;backdrop-filter:none!important}
  .card:has(#note),.card:has(#cplink){display:none!important}
  a{color:#000;text-decoration:none}
  main *{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
  .recap60{box-shadow:none!important;background:none!important;border:1px solid #ccc!important;padding:8pt!important}
  .recap60 *{color:#222!important}
  .study-panel{break-inside:avoid}
  blockquote{break-inside:avoid}
  h1{font-size:22pt;margin:0 0 4pt} h2{font-size:14pt}
  .study-panel::after{content:"Six Months of Light · sixmonthsoflight.com · Quotes from recaps; confirm with the official text on ChurchofJesusChrist.org. Not an official Church site.";display:block;margin-top:10pt;font-size:8.5pt;color:#555}
}
/* ---- reading plan ---- */
.plan-top{margin:14px 0}
.plan-prog{height:12px;border-radius:99px;background:rgba(29,27,34,.08);overflow:hidden}
.plan-prog i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--rose));border-radius:99px;transition:width .4s var(--ease)}
.plan-behind{color:#9a4634;font-weight:600}
.plan-now a{font-weight:600}
.plan-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.plan-list>li{background:rgba(255,255,255,.8);border:1px solid rgba(29,27,34,.08);border-radius:16px;padding:12px 14px}
.plan-list>li.now{border-color:var(--gold);box-shadow:0 0 0 3px rgba(216,169,91,.2)}
.plan-list>li.past{opacity:.85}
.plan-wk{font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gold-deep);margin-bottom:4px}
.plan-item{display:flex;gap:12px;align-items:flex-start;padding:6px 0;min-height:44px;cursor:pointer}
.plan-item input{width:22px;height:22px;margin-top:2px;accent-color:#a87a35;flex:none}
.plan-item span{display:flex;flex-direction:column}
.plan-item a{font-weight:600}
.plan-item small{color:var(--muted);font-size:13px}
.plan-item:has(input:checked) a:first-child{text-decoration:line-through;text-decoration-color:rgba(29,27,34,.35)}
.plan-cta{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:inherit;border:1px solid rgba(216,169,91,.45)!important}
.plan-cta b{font:600 18px var(--sans);color:var(--midnight-2)}
.plan-cta span{color:var(--muted)}
/* ---- present mode (family home evening) ---- */
.present{position:fixed;inset:0;z-index:1000;background:radial-gradient(1200px 700px at 50% 0,#2a2d5c,#0d1326);color:#fbf3e3;display:flex;flex-direction:column;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 6vw max(24px,env(safe-area-inset-bottom))}
.pr-slide{max-width:1100px;margin:0 auto;text-align:center}
.pr-k{font:600 clamp(13px,1.6vw,18px) var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#f1d394;margin-bottom:2vh}
.pr-big{font:500 clamp(30px,5.6vw,72px)/1.2 var(--serif)}
.pr-big.long{font-size:clamp(24px,4vw,52px)}
.pr-small{margin-top:3vh;font:400 clamp(16px,2vw,24px)/1.4 var(--sans);color:#d9d2e8}
.pr-nav{position:absolute;left:0;right:0;bottom:max(18px,env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:24px}
.pr-nav button,.pr-x{width:56px;height:56px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;font-size:28px;cursor:pointer}
.pr-nav button:disabled{opacity:.3}
.pr-n{font:500 14px var(--sans);color:#cfc6e2;min-width:60px;text-align:center}
.pr-x{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;font-size:30px}
.study-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.study-strip a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.82);border:1px solid rgba(29,27,34,.08);text-decoration:none;color:var(--ink);min-height:72px;transition:border-color .2s}
.study-strip a:hover{border-color:var(--gold);color:var(--ink)}
.study-strip b{font:600 16px var(--sans);color:var(--midnight-2)}
.study-strip span{font-size:13.5px;color:var(--muted)}

.cmp th[scope=row]{text-align:left;font-weight:400}
/* Lesson helps */
.ls-pick{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px}
.ls-pick label{display:block;min-width:0}.ls-pick select{width:100%;min-width:0}
@media (max-width:560px){.ls-pick{grid-template-columns:1fr}}
#aud{margin-top:12px}
.ls-kicker{font:600 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#86601f}
.outline .src{font-size:13px;color:var(--ink-2);margin:4px 0 0}
.outline .ls-key{margin:6px 0 0;font:500 20px/1.4 var(--serif);border-left:3px solid var(--gold);padding-left:12px}
.outline .ls-refs{columns:2;column-gap:20px}.outline .ls-refs li{break-inside:avoid}
@media (max-width:560px){.outline .ls-refs{columns:1}}
.outline .ls-q li{margin:6px 0}
.handout{display:none}
@media print{
  body.print-handout main>*:not(.handout){display:none!important}
  body.print-handout .handout{display:block!important;font-size:12pt;color:#000}
  .handout .ho-head{border-bottom:1.5pt solid #a87a35;padding-bottom:6pt;margin-bottom:8pt}
  .handout .ho-k{font:600 9pt var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#6b4c18}
  .handout h2{font-size:18pt;margin:2pt 0}.handout h3{font-size:12pt;margin:10pt 0 3pt;text-transform:uppercase;letter-spacing:.06em}
  .handout blockquote{margin:4pt 0;padding-left:8pt;border-left:2pt solid #a87a35;font-family:var(--serif);font-size:13pt;break-inside:avoid}
  .handout ol{padding-left:16pt}.handout li{margin:4pt 0}
  .handout .src,.handout .ho-foot{font-size:9pt;color:#444}.handout .ho-foot{margin-top:14pt;border-top:.5pt solid #bbb;padding-top:4pt}
  .outline .ls-refs{columns:2}
  .outline .ls-refs a{color:#000}
}
@media print{.outline::after{content:"From sixmonthsoflight.com · Not an official Church site · Read the full talk at ChurchofJesusChrist.org";display:block;margin-top:12pt;font-size:9pt;color:#444;border-top:.5pt solid #bbb;padding-top:4pt}}
/* Insight search */
.ask.search .ask-title{margin:0 0 12px;font-size:clamp(26px,5vw,34px)}
.srch-form{display:flex;gap:8px;align-items:stretch}
.srch-form input{flex:1;min-width:0;font:17px var(--sans);padding:15px 18px;border:1.5px solid rgba(42,45,92,.28);border-radius:16px;background:#fff;color:var(--ink);box-shadow:0 2px 10px rgba(42,45,92,.08)}
.srch-form input:focus{outline:none;border-color:var(--gold-deep);box-shadow:0 0 0 4px rgba(216,169,91,.25)}
.srch-form input::placeholder{color:#6f7287}
.srch-form .btn{border-radius:16px;padding:0 20px}
@media (max-width:560px){.srch-form{flex-direction:column}.srch-form .btn{padding:13px}}
.srch-help{font-size:13px;margin:4px 0 0}.srch-scope{margin:4px 0 -6px}
.srch-res{margin-top:16px;display:grid;gap:16px}
.srch-ins{background:#fff;border:1px solid #e3e5ef;border-radius:var(--r-sm);padding:16px}
.srch-ins h3{margin:2px 0 4px;font-size:22px}
.srch-spark{display:flex;align-items:flex-end;gap:4px;height:64px;margin:12px 0 2px}
.srch-spark span{flex:1;background:#c9cbe0;border-radius:3px 3px 0 0;min-height:4px}.srch-spark span.pk{background:var(--gold)}
.srch-axis{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted)}
.srch-h{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#86601f;margin:0 0 6px;font-family:var(--sans);font-weight:600}
.srch-quotes,.srch-talks,.srch-refs{margin:0;padding-left:0;list-style:none;display:grid;gap:10px}
.srch-talks{counter-reset:n}.srch-talks li{padding-bottom:8px;border-bottom:1px solid rgba(29,27,34,.07)}
.srch-talks a{font-weight:600}.srch-why{color:#86601f}
.srch-k{font-size:14px;color:var(--ink-2);margin-top:2px}
.srch-quotes blockquote{margin:0;font:500 18px/1.4 var(--serif);border-left:3px solid var(--gold);padding-left:10px}
.srch-cols{display:grid;gap:14px}@media (min-width:760px){.srch-cols{grid-template-columns:repeat(3,1fr)}}
.srch-cols .pill{display:inline-block;margin:0 4px 6px 0}
/* Insights explorer (sentence builder) */
.xp-presets{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 8px;margin:6px -2px 4px;scrollbar-width:none}
.xp-presets::-webkit-scrollbar{display:none}
.xp-presets .chip{flex:none;font-size:13.5px;padding:7px 13px}
.xp-presets .chip[aria-pressed=true]{background:var(--midnight-2,#141a38);color:#fff;border-color:transparent}
.xp-sentence{font:500 clamp(21px,4.6vw,28px)/1.75 var(--serif);color:var(--ink);margin:10px 0 14px}
.xp-pill{display:inline-flex;align-items:center;gap:4px;font:600 .82em/1.25 var(--sans);color:var(--midnight-2,#141a38);background:#fff;border:1.5px solid rgba(168,122,53,.55);border-radius:999px;padding:4px 10px 4px 12px;margin:2px 1px;cursor:pointer;box-shadow:0 1px 4px rgba(42,45,92,.08);vertical-align:baseline;text-align:left;max-width:100%}
.xp-pill span{font-size:.7em;color:#86601f}
.xp-pill:hover,.xp-pill:focus-visible{border-color:#86601f;background:#fffaf0}
.xp-head h3{margin:0 0 2px;font-size:21px}.xp-head .speaker{margin:0 0 10px;font-size:13px}
.xp-key{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:0}
.xp-bars{display:grid;gap:2px}
.xp-row,.xp-trow{display:grid;grid-template-columns:minmax(0,38%) 1fr auto;gap:10px;align-items:center;width:100%;text-align:left;background:none;border:0;border-radius:10px;padding:7px 8px;cursor:pointer;font:14px var(--sans);color:var(--ink)}
.xp-row:hover,.xp-trow:hover{background:rgba(216,169,91,.1)}.xp-row.on,.xp-trow.on{background:rgba(216,169,91,.18)}
.xp-k{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.xp-row b,.xp-trow b{font:600 13.5px var(--sans);font-variant-numeric:tabular-nums;text-align:right;min-width:36px}
.xp-track{display:block;height:10px;background:rgba(29,27,34,.06);border-radius:6px;overflow:hidden}
.xp-track i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#c8963f,#e8c27a)}
.xp-track i.ka{background:#2a2d5c}.xp-track i.kb{background:#d8a95b}
.xp-pair{display:grid;gap:3px}.xp-bars.two b{font-size:12px;line-height:1.25}
.xp-spark{display:flex;align-items:flex-end;gap:3px;height:34px}
.xp-spark i{flex:1;background:#b9bcd6;border-radius:2px 2px 0 0;min-height:3px}.xp-spark i.pk{background:#c8963f}.xp-spark i.gap{background:none;border-bottom:2px dotted #c9cbd8;height:0!important;min-height:0}
.xp-pend{flex:1;align-self:stretch;display:flex;align-items:flex-end;justify-content:center;font-size:12px;color:var(--muted);border:1px dashed #c9cbd8;border-radius:3px}
.xp-axis{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);padding:2px 8px 0 calc(38% + 18px)}
.xp-why{margin-top:14px;border-top:1px solid rgba(29,27,34,.08);padding-top:10px}
.xp-why h4{margin:0 0 6px;font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#86601f}
.xp-bl{font:600 13px var(--sans);margin:8px 0 2px}
.xp-behind{margin:0;padding-left:20px;display:grid;gap:6px;font-size:14.5px}.xp-behind .speaker{display:block;font-size:12.5px}
body.xp-open{overflow:hidden}
.xp-sheet-wrap{position:fixed;inset:0;z-index:1200}
.xp-back{position:absolute;inset:0;background:rgba(13,19,38,.45);animation:fadein .2s}
.xp-sheet{position:absolute;left:0;right:0;bottom:0;max-height:82vh;display:flex;flex-direction:column;background:#fffdf9;border-radius:22px 22px 0 0;box-shadow:0 -10px 40px rgba(13,19,38,.25);padding:6px 16px calc(16px + env(safe-area-inset-bottom));animation:sheetup .25s ease-out}
@media (min-width:700px){.xp-sheet{left:50%;right:auto;bottom:auto;top:12vh;transform:translateX(-50%);width:min(520px,92vw);max-height:76vh;border-radius:20px;animation:none}}
.xp-grab{width:40px;height:4px;border-radius:2px;background:#d6d2c8;margin:4px auto 6px}
@media (min-width:700px){.xp-grab{display:none}}
.xp-sh-head{display:flex;justify-content:space-between;align-items:center}.xp-sh-head h3{margin:4px 0 8px;font-size:20px}
.xp-x{width:40px;height:40px;border-radius:50%;border:0;background:rgba(29,27,34,.06);font-size:24px;cursor:pointer}
.xp-sh-body{overflow-y:auto;display:grid;gap:8px;padding-bottom:6px;-webkit-overflow-scrolling:touch}
.xp-sh-body .opt{display:block;width:100%;padding:11px 14px;transform:none!important}
.xp-sh-body .opt b{display:block;font-weight:600;font-size:15px}.xp-sh-body .opt span{display:block;font-size:12.5px;color:var(--muted);margin-top:1px}
.xp-sh-body .opt.on{border-color:#86601f;background:#fff6e4}
.xp-sec h4{margin:10px 0 6px;font:600 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#86601f}
.xp-sec{display:grid;gap:6px}
.xp-find{font:16px var(--sans);padding:12px 14px;border:1.5px solid rgba(42,45,92,.25);border-radius:12px;background:#fff;position:sticky;top:0;z-index:1}
.xp-sel{font:15px var(--sans);padding:10px;border-radius:10px;border:1px solid rgba(29,27,34,.15);background:#fff;width:100%;min-width:0}
.xp-two{display:grid;grid-template-columns:1fr auto 1fr;gap:6px;align-items:center}
@keyframes sheetup{from{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}
@keyframes fadein{from{opacity:0}}
@media (max-width:560px){#aud{display:grid;grid-template-columns:1fr 1fr;border-radius:16px;width:100%;margin-right:0}#aud button{border-radius:12px;padding:10px 8px;line-height:1.25}}
.lib-gh{margin:18px 0 6px;font:600 12px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#86601f}.lib-gh small{font-weight:500;color:var(--muted,#6b6470);margin-left:4px}.lib-sort{margin-bottom:6px}
/* ---- Live now ---- */
.live-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 0 rgba(229,72,77,.6);animation:livepulse 1.6s infinite;margin-right:8px;vertical-align:middle;flex:none}
@keyframes livepulse{0%{box-shadow:0 0 0 0 rgba(229,72,77,.55)}70%{box-shadow:0 0 0 9px rgba(229,72,77,0)}100%{box-shadow:0 0 0 0 rgba(229,72,77,0)}}
@media (prefers-reduced-motion:reduce){.live-dot{animation:none}}
.live-bar{display:flex;align-items:center;gap:10px;padding:9px 14px;background:#2a1420;color:#fff3e6;font:500 14px/1.3 var(--sans)}
.live-bar a{color:inherit;text-decoration:none}.live-bar .lb-main{flex:1;min-height:28px;display:block;padding:4px 0}
.live-bar .lb-watch{padding:6px 10px;border:1px solid rgba(255,243,230,.4);border-radius:999px;font-size:13px;white-space:nowrap}
.hero-live .hl-on,.live-top .hl-on{font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;margin:6px 0 4px;display:flex;align-items:center}
.hero-live .hl-on{color:#ffd9c9;justify-content:center}
.live-top .hl-on{color:#a3343a}
.live-h{margin:0 0 4px;font-family:var(--serif,inherit);font-size:clamp(30px,8vw,46px);line-height:1.1;padding-bottom:.08em}
.live-grid{display:grid;gap:16px;margin:10px 0 18px}
@media (min-width:900px){.live-grid{grid-template-columns:1fr 380px;align-items:start}.live-prev{position:sticky;top:calc(var(--hdrH,60px) + 12px)}}
.live-form .field{width:100%;box-sizing:border-box;font-size:17px}
.live-form .b-label{margin:14px 0 6px;display:flex;align-items:center;gap:8px}
.live-line{min-height:96px;resize:vertical;line-height:1.4}
.live-sp{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.live-sp .chip{min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid rgba(29,27,34,.18);background:#fff;font:500 15px var(--sans);color:inherit;cursor:pointer}
.live-sp .chip[aria-pressed=true]{background:#1d1b22;color:#fff;border-color:#1d1b22}
.live-looks{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.live-looks .look{padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:none;width:52px;height:68px;cursor:pointer}
.live-looks .look canvas{width:100%;height:100%;display:block}
.live-looks .look[aria-pressed=true]{border-color:#c8963e;box-shadow:0 0 0 2px rgba(200,150,62,.35)}
.live-size{margin:0 0 0 auto}
.live-prev canvas{display:block;width:100%;max-width:300px;height:auto;margin:0 auto;border-radius:12px;box-shadow:0 8px 26px rgba(0,0,0,.18)}
@media (max-width:899px){.live-prev canvas{max-width:62vw}}
.live-btns{display:grid;gap:8px;margin-top:12px}.live-btns .btn{width:100%;min-height:50px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
.live-wall .lw-group{margin:12px 0}.live-wall h3{font-size:16px;margin:0 0 6px}.live-wall h3 small{font:500 12px var(--sans);color:#86601f;margin-left:4px}
.live-wall ul{margin:0;padding-left:18px}.live-wall li{margin:4px 0;font-size:17px;line-height:1.4}
@media (max-width:899px){
  body.live-page .tabbar{display:none}
  body.live-page{padding-bottom:calc(130px + env(safe-area-inset-bottom))}
  .live-btns{position:fixed;left:0;right:0;bottom:0;z-index:60;margin:0;padding:10px 14px calc(10px + env(safe-area-inset-bottom));grid-template-columns:1.2fr 1fr;background:#fffaf2;box-shadow:0 -6px 18px rgba(0,0,0,.12)}
  .live-btns .btn{min-height:52px;font-size:16px;padding:0 10px}
  .live-looks .look{width:44px;height:58px}
}
/* ---- Studio quote step (v5): search, scope, theme chips, swipeable session carousels ---- */
.qs-top{display:grid;gap:8px}
.qs-top .qs-find{width:100%;box-sizing:border-box;font-size:17px;min-height:48px}
.qs-top .seg{margin:0;justify-self:start}
.qs-top .seg button{min-height:38px}
.qs-chips{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x proximity;padding:8px 2px 6px;margin:0 -2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.qs-chips::-webkit-scrollbar{display:none}
.qs-chips .thm.thm-chip{flex:none;flex-direction:row;align-items:center;gap:6px;min-height:38px;padding:6px 12px;border-radius:999px;font:500 14px var(--sans);white-space:nowrap;scroll-snap-align:start}
.qs-chips .thm.thm-chip i{font-style:normal}
.qs-note{margin:2px 0 8px}
.qs-sess h3,.qs-h{margin:14px 0 6px;font:600 13px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#86601f}
.qs-sess h3 small,.qs-h small{font-weight:500;letter-spacing:0;text-transform:none;color:var(--muted,#6b6470);margin-left:4px}
.qcar{display:grid;grid-auto-flow:column;grid-auto-columns:84%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
@media (min-width:900px){.qcar{grid-auto-columns:300px}}
.qcard{scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid rgba(29,27,34,.1);border-radius:18px;padding:16px 16px 14px;box-shadow:0 6px 18px -12px rgba(0,0,0,.25)}
.qcard.on{border-color:#c8963e;box-shadow:0 0 0 2px rgba(200,150,62,.35)}
.qcard .qq{margin:0;font-family:var(--serif,Georgia,serif);font-size:19px;line-height:1.3;color:#1d1b22;flex:1}
.qcard .qs{margin:0;font:13.5px/1.35 var(--sans);color:var(--muted,#6b6470)}
.qcard .qs b{color:#1d1b22;font-weight:600}
.qcard .qs-use{align-self:stretch;min-height:44px;font-size:15px}
.qlistv{display:grid;gap:10px}
.qs-talks{display:grid;gap:6px}
.qs-talk{display:flex;flex-direction:column;gap:2px;text-align:left;width:100%;min-height:52px;padding:10px 14px;border:1px solid rgba(29,27,34,.12);border-radius:14px;background:#fff;cursor:pointer;font:inherit;color:inherit}
.qs-talk b{font-weight:600;font-size:15.5px}.qs-talk span{font-size:13px;color:var(--muted,#6b6470)}
.qs-back{margin:10px 0 2px;min-height:40px}
.qs-old{background:#fff;border:1px solid rgba(29,27,34,.1);border-radius:18px;padding:16px;margin-top:6px}
.qs-old h3{margin:2px 0 4px;font-family:var(--serif,Georgia,serif);font-size:22px;line-height:1.25}
.qs-old .eyebrow-s{margin:0;font:600 11.5px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:#86601f}
.qs-old .qs-by{margin:0 0 8px;font-size:14px;color:var(--muted,#6b6470)}
.qs-old .qs-sum{margin:8px 0 0;font-size:17px;line-height:1.4;font-style:italic}
.qs-old-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.qs-old-btns .btn{min-height:46px;padding:0 8px}
.qs-note-box textarea{width:100%;box-sizing:border-box;font-size:16px}
.lib-make{display:inline-block;margin:2px 0 8px 2px;font:500 13px var(--sans)}
.qrow a.qmake{background:linear-gradient(180deg,#f3d79b,#d8a95b);border-color:#c8963e;color:#2a1d08;font-weight:600;padding:8px 14px}
.vk-prog{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:rgba(13,19,38,.55);color:#fff3e6;font:600 15px var(--sans);border-radius:inherit;z-index:5;text-align:center;padding:12px}
.st-canvas,.live-prev{position:relative}
.st-mode{margin:0}.st-mode button{min-height:40px}
.sh-ready video{width:72px;height:auto;border-radius:8px;flex:none}
.shv-imgs video{max-width:100%;max-height:70vh;border-radius:12px;display:block;margin:0 auto}
@media (max-width:899px){.live-btns{grid-template-columns:1.2fr 1fr}.live-btns .live-mode{grid-column:1/-1;justify-self:center}.live-btns .live-mode button{min-height:34px;padding:4px 14px}}
.live-btns .live-mode{justify-self:center}
.st-btns .st-mode{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;flex-wrap:nowrap;margin:0;padding:3px}
.st-btns .st-mode button{min-height:36px;padding:4px 10px;white-space:nowrap;justify-content:center}
.live-btns .live-mode{display:grid;grid-template-columns:1fr 1fr;flex-wrap:nowrap;width:min(100%,260px);padding:3px}
.live-btns .live-mode button{white-space:nowrap}

/* Home button for pages without the phone tab bar (Studio, Heard it live) */
.sb-home{display:none}
@media (max-width:899px){
  .sb-home{display:inline-flex;align-items:center;gap:5px;flex:none;min-height:40px;padding:0 12px 0 10px;border-radius:999px;border:1px solid rgba(246,223,166,.45);background:rgba(246,223,166,.1);color:#f6dfa6;font:600 14px var(--sans);text-decoration:none}
  .sb-home:active{background:rgba(246,223,166,.22)}
  body.no-tabs .sitebar .topbar{justify-content:flex-start;gap:10px}
  body.no-tabs .sitebar .sb-cta{display:none}
  .sb-cta{white-space:nowrap}
  body.no-tabs .sitebar .brand{min-width:0}
  body.no-tabs .sitebar .wm-text{font-size:17px}
}
@media (max-width:379px){body.no-tabs .sitebar .wm-text{display:none}}

/* =================== v7 design pass: simpler home, one spacing scale, calmer type =================== */
:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px}
h2{font-size:clamp(26px,4.6vw,36px);margin:var(--sp-7) 0 var(--sp-3)}
.section-label{margin:var(--sp-7) 0 var(--sp-3)}
@media (max-width:899px){.section-label{margin:40px 0 var(--sp-3)} h2{margin:40px 0 var(--sp-3)}}
@media (max-width:640px){.uo-more{display:none}.unofficial{padding:6px 12px;font-size:11px}}
/* hero: one action, quiet secondary link */
.hero-link{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;color:rgba(251,243,227,.82);font:500 14.5px var(--sans);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(246,223,166,.4)}
.hero-link:hover{color:#fff}
.hero-actions{flex-direction:column;align-items:center;gap:6px}
/* four clear entry points */
.entry{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-3);margin:-56px 0 0}
.entry-i{display:flex;flex-direction:column;gap:4px;padding:var(--sp-4);min-height:118px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-2);color:var(--ink);text-decoration:none;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.entry-i:hover{transform:translateY(-2px);box-shadow:var(--shadow-3)}
.entry-i:active{transform:scale(.98)}
.entry-i b{font:600 16px var(--sans);color:var(--midnight-2);margin-top:6px}
.entry-i>span:last-child{font-size:13px;line-height:1.4;color:var(--muted)}
.entry-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--cream-2);color:var(--gold-deep)}
.entry-i:first-child{background:linear-gradient(160deg,#1a2147,#3a2d58);border-color:transparent;color:#fbf3e3}
.entry-i:first-child b{color:#fff}.entry-i:first-child>span:last-child{color:rgba(251,243,227,.78)}
.entry-i:first-child .entry-ic{background:linear-gradient(180deg,#f6dfa6,#d8a95b);color:#1a1530}
.entry-i.is-live{border-color:rgba(214,64,64,.35)}
.entry-ic .live-dot{width:10px;height:10px}
@media (min-width:900px){.entry{grid-template-columns:repeat(4,1fr);gap:var(--sp-4)}}
.today{margin:var(--sp-5) 0 var(--sp-4)}
/* sessions: progressive disclosure */
details.session{margin-top:var(--sp-3);border-bottom:1px solid var(--line)}
details.session>summary{list-style:none;cursor:pointer;margin-top:0;padding:var(--sp-4) 0;border-bottom:0;align-items:center;flex-wrap:nowrap}
details.session>summary::-webkit-details-marker{display:none}
details.session>summary h2{font-size:clamp(22px,4vw,28px);margin:0}
details.session>summary::after{content:"";flex:none;width:10px;height:10px;margin-left:var(--sp-2);border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-3px);transition:transform .2s var(--ease)}
details.session[open]>summary::after{transform:rotate(-135deg)}
details.session>summary .pill{margin-left:auto}
details.session .when{margin:0 0 var(--sp-3)}
details.session .talks{margin-bottom:var(--sp-5)}
.more-links{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
.more-links a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--midnight-2);font:500 14px var(--sans);text-decoration:none}
.more-links a:hover{border-color:var(--gold)}
.txt-link{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;color:var(--gold-hi);font-weight:600}
@media (prefers-reduced-motion:reduce){.entry-i{transition:none}}
details.session>summary .pill{white-space:nowrap;flex:none}
/* insights: swipeable cards on phones, charts behind one disclosure */
.sw-hint{display:none}
@media (max-width:899px){
  .ins-grid2{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:var(--sp-3);margin:0 -20px 22px;padding:4px 20px 14px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ins-grid2::-webkit-scrollbar{display:none}
  .ins-grid2>*{flex:0 0 78%;scroll-snap-align:start;margin:0}
  .sw-hint{display:block;margin:-4px 0 10px}
}
details.more-sec{margin:var(--sp-6) 0;border-radius:var(--r);background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow-1)}
details.more-sec>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);min-height:56px}
details.more-sec>summary::-webkit-details-marker{display:none}
details.more-sec>summary>span{display:flex;flex-direction:column;gap:2px}
details.more-sec>summary b{font:600 16px var(--sans);color:var(--midnight-2)}
details.more-sec>summary>span>span{font-size:13px;color:var(--muted)}
details.more-sec>summary::after{content:"";flex:none;width:10px;height:10px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translateY(-3px);transition:transform .2s var(--ease)}
details.more-sec[open]>summary::after{transform:rotate(-135deg)}
details.more-sec .ins-grid{padding:0 var(--sp-3) var(--sp-3)}
.notice-sm{display:flex;gap:8px;align-items:baseline;font-size:12.5px;line-height:1.45;color:var(--muted);margin:var(--sp-3) 0}.notice-sm .pill{flex:none}
/* studio look picker: chip row + one grid; palette and darkness tucked away */
.look-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -4px 10px;padding:2px 4px 6px;-webkit-overflow-scrolling:touch}
.look-cats::-webkit-scrollbar{display:none}
.look-cats .thm-chip{flex:none}
details.fine{margin-top:var(--sp-4);border-top:1px solid var(--line);padding-top:var(--sp-2)}
details.fine>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:600 14px var(--sans);color:var(--ink-2)}
.look-cats .thm-chip{min-height:38px;padding:6px 14px;border-radius:999px;border:1px solid rgba(29,27,34,.12);background:#fff;font:500 14px var(--sans);white-space:nowrap;color:var(--ink-2);cursor:pointer}.look-cats .thm-chip[aria-pressed=true]{background:var(--midnight-2);border-color:var(--midnight-2);color:#fff}
/* studio share sheet on phones: two compact rows (Copy link lives in More ways) */
@media (max-width:899px){
  .st-actions .st-linkonly{display:none}
  .st-actions .st-ready{font-size:12.5px;margin:0 0 6px;min-height:0}
  .st-actions .st-mode button{min-height:34px;padding:4px 10px;font-size:13.5px}
  .st-actions .st-mode{margin-bottom:8px}
}
/* calmer, quicker entrance: content is readable within ~0.6s */
.hero .display{animation-duration:.9s;animation-delay:.05s}
.tagline{animation-duration:.9s!important;animation-delay:.15s!important}
.hero-actions{animation-duration:.8s!important;animation-delay:.25s!important}
.countdown{animation-duration:.8s!important;animation-delay:.35s!important}
.cd-fill{animation-duration:1.2s!important;animation-delay:.5s!important}
.card::after,.tile::after{animation:none!important;opacity:0}
.entry{animation:rise .7s var(--ease) .3s both}
/* study/speaker rows: Make a card sits inside the card, bottom right */
.lib-list li{position:relative}
.lib-list li .lib-make{position:absolute;right:12px;bottom:18px;margin:0;display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border-radius:999px;background:linear-gradient(180deg,#f6dfa6,#d8a95b);color:#1a1530;text-decoration:none;font:600 13px var(--sans);box-shadow:0 2px 6px -2px rgba(168,122,53,.5)}
.lib-list li:has(.lib-make) .lib-talk{padding-bottom:52px}
.lib-list li .lib-make{background:#fff;color:var(--gold-deep);box-shadow:none;border:1px solid rgba(216,169,91,.6);bottom:16px;min-height:32px}.lib-list li .lib-make:hover{background:#fdf6e6}
/* home on phones: hero fits with the entry points in view; no duplicate header button */
@media (max-width:899px){
  body.home .sitebar .sb-cta{display:none}
  body.home .hero-how{display:none}
  body.home .hero-lg .hero-copy{padding-top:28px}
  body.home .hero .eyebrow{font-size:10.5px;letter-spacing:.24em}
  body.home .hero .tagline{font-size:18px;margin-top:10px}
  body.home .hero-actions{margin-top:18px}
  body.home .countdown{margin-top:18px;padding:12px 14px 10px}
  body.home .cd-note{display:none}
}
@media (max-width:899px){
  body.home .hero-lg .hero-copy{padding-bottom:72px}
  body.home .hero .display{font-size:clamp(44px,12.5vw,56px);margin:6px 0}
  body.home .cd-labels{display:none}
  body.home .countdown{max-width:340px}
  body.home .entry{margin-top:-44px}
}
@media (max-width:899px){body.home .hero .countdown{display:none}body.home .hero-lg .hero-copy{padding-bottom:64px}}
/* Quote step on phones: smaller preview and a one-row share bar, so the picker gets the screen */
@media (max-width:899px){
  body.st-picking .st-canvas canvas,body.st-picking.compact .st-canvas canvas{max-height:18vh}
  body.st-picking .st-actions .st-ready,body.st-picking .st-actions .st-mode,body.st-picking .st-actions #igTip{display:none}
  body.st-picking .st-actions{padding-top:8px}
  body.st-picking .st-btns .btn{min-height:44px;padding-top:8px;padding-bottom:8px}
}
@media (max-width:899px){body.st-picking .qs-ver{display:none}body.st-picking .qs-note:has(#thmNote:empty){display:none}}
.lib-list li .lib-make{color:#7a5420;border-color:rgba(168,122,53,.55)}
.qs-sess~.qs-sess{content-visibility:auto;contain-intrinsic-size:auto 300px}

/* =================== After conference: "The Lord has spoken" hero =================== */
.post-hero{max-width:640px;margin:0 auto}
.post-h{font-size:clamp(42px,8.4vw,84px);line-height:1.02;margin:12px 0 0}
.post-h span{display:block}
.post-h .ph2{font-style:italic;background:linear-gradient(180deg,#fff3d1,#f1d394 55%,#e3a693);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}
.post-scrip{margin:22px auto 0;max-width:34em}
.post-scrip blockquote{margin:0;font:italic 400 clamp(18px,2.6vw,22px)/1.5 var(--serif);color:rgba(251,243,227,.9)}
.post-scrip figcaption{margin-top:8px;font:600 11.5px var(--sans);letter-spacing:.18em;text-transform:uppercase}
.post-scrip figcaption a{color:var(--gold-hi);text-decoration:none;border-bottom:1px solid rgba(246,223,166,.35);padding:6px 0}
.post-hero .hero-how{margin-top:18px}
.post-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:22px;animation:rise .8s var(--ease) .3s both}
.post-actions .btn{min-height:48px}
.post-share{margin-top:8px}
body.post .hero-copy{padding-bottom:clamp(90px,14vw,170px)}
/* dawn light: a slow sunrise glow behind the words, then a gentle breathe */
body.post .hero-sky::after{content:"";position:absolute;left:50%;bottom:-10%;width:150%;height:90%;transform:translateX(-50%);pointer-events:none;
  background:radial-gradient(closest-side,rgba(255,226,170,.42),rgba(241,170,120,.18) 45%,transparent 72%);animation:dawnrise 5s var(--ease) both,dawnbreathe 9s ease-in-out 5s infinite alternate}
@keyframes dawnrise{from{opacity:0;transform:translate(-50%,22%)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes dawnbreathe{from{opacity:1}to{opacity:.72}}
body.post .hero-sky .rays{opacity:.75}
@media (prefers-reduced-motion:reduce){body.post .hero-sky::after,.post-actions{animation:none}}
@media (max-width:899px){
  body.home.post .hero .countdown{display:block;margin-top:20px}
  body.home.post .hero-how{display:block;font-size:14.5px}
  body.home.post .hero-lg .hero-copy{padding-bottom:80px}
  .post-h{font-size:clamp(38px,11vw,52px)}
  .post-actions{flex-direction:column;align-items:stretch;max-width:340px;margin-left:auto;margin-right:auto}
  .post-actions .btn{justify-content:center;width:100%}
}
/* six-month invitation reminder */
.inv-card{position:relative;margin:var(--sp-5) 0;padding:20px 20px 16px;border-radius:var(--r-lg);background:linear-gradient(160deg,#fffaf0,#f7ead3);border:1px solid rgba(216,169,91,.35);box-shadow:var(--shadow-2)}
.inv-card.inv-new{animation:rise .6s var(--ease) both}
.inv-k{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font:600 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-deep)}
.inv-text{font:500 clamp(21px,3.4vw,26px)/1.3 var(--serif);color:var(--midnight-2);margin:10px 0 6px}
.inv-by{font-size:13.5px;color:var(--muted);margin:0 0 12px}
.inv-track{height:6px;border-radius:9px;background:rgba(168,122,53,.15);overflow:hidden}
.inv-track span{display:block;height:100%;width:calc(var(--p)*100%);min-width:4%;border-radius:9px;background:linear-gradient(90deg,#e3a693,#d8a95b)}
.inv-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.inv-note{font-size:12px;color:var(--muted);margin:10px 0 0}
.inv-sheet{max-height:86vh;overflow:auto;-webkit-overflow-scrolling:touch}
.inv-list{display:flex;flex-direction:column;gap:8px}
.inv-opt{display:flex;flex-direction:column;gap:4px;text-align:left;width:100%;padding:12px 14px;border-radius:16px;border:1px solid rgba(29,27,34,.1);background:#fff;cursor:pointer;font:inherit;color:var(--ink)}
.inv-opt[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 2px rgba(216,169,91,.35)}
.inv-o-t{font:500 16px/1.4 var(--sans);color:var(--midnight-2)}
.inv-o-s{font-size:12.5px;color:var(--muted)}
.post-scrip blockquote{border:0;padding:0;background:none}
.post-scrip blockquote::before,.post-scrip blockquote::after{display:none}
#invsheet{z-index:1300}
@media (max-width:899px){.post-scrip{margin-top:16px}.post-scrip blockquote{font-size:17.5px}}
/* ---- Get a talk (subscribe.html) ---- */
.sub-step{position:relative;padding-top:22px}
.sub-step h2{margin:0 0 4px;font-size:1.35rem}
.sub-n{position:absolute;top:18px;right:18px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:600 13px var(--sans);color:var(--midnight-2);background:linear-gradient(160deg,#f6e3b4,#e7c27a)}
.sub-kinds{display:grid;gap:8px;margin-top:12px}
@media (min-width:640px){.sub-kinds{grid-template-columns:1fr 1fr}}
.sub-kind{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:1px solid rgba(42,45,92,.14);border-radius:14px;background:rgba(255,255,255,.75);cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.sub-kind input{margin-top:3px;width:20px;height:20px;accent-color:#b8862f;flex:none}
.sub-kind span{display:flex;flex-direction:column;gap:2px}.sub-kind strong{font:600 15px var(--sans);color:var(--ink)}.sub-kind small{font:13px var(--sans);color:var(--ink-2)}
.sub-kind:has(input:checked){border-color:rgba(184,134,47,.6);background:#fffaf0;box-shadow:0 0 0 3px rgba(216,169,91,.15)}
.sub-kind:focus-within{outline:2px solid var(--indigo);outline-offset:2px}
.sub-row{display:grid;gap:12px;margin-top:12px}@media (min-width:640px){.sub-row{grid-template-columns:1fr 1fr}}
.sub-row label,.sub-time{display:flex;flex-direction:column;gap:4px}
.sub-row select,.sub-time select{font:15px var(--sans);padding:10px 12px;border-radius:12px;border:1px solid rgba(29,27,34,.14);background:#fff;color:var(--ink);max-width:100%}
.sub-time{margin-top:12px;max-width:220px}
.sub-preview{background:linear-gradient(160deg,#fffaf0,#f7ead3);border:1px solid rgba(216,169,91,.35)}
.sub-pv-when{font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#9a7a2e;margin:4px 0 10px}
.sub-pv{display:flex;gap:14px;align-items:flex-start}.sub-pv img{width:96px;height:auto;border-radius:10px;flex:none;box-shadow:var(--shadow-1)}
.sub-pv h3{margin:2px 0;font-size:1.15rem;line-height:1.3}.sub-pv p{margin:6px 0}
@media (max-width:420px){.sub-pv{flex-direction:column}.sub-pv img{width:100%;max-width:320px}}
.sub-ways{display:grid;gap:12px;margin-top:12px}
.sub-way{padding:16px;border-radius:14px;border:1px solid rgba(42,45,92,.12);background:rgba(255,255,255,.8)}
.sub-way h3{margin:0 0 6px;font-size:1.1rem}.sub-way p{margin:6px 0}
.sub-on{font:600 15px var(--sans);color:#2f6b3a}
.sub-ios{margin:6px 0 6px 18px;padding:0}.sub-ios li{margin:4px 0}
.sub-mail{display:flex;gap:8px;flex-wrap:wrap}.sub-mail input{flex:1;min-width:200px;font:15px var(--sans);padding:10px 14px;border-radius:999px;border:1px solid rgba(29,27,34,.14)}
.gat-card{display:flex;gap:14px;align-items:center;margin:var(--sp-5) 0;padding:16px 18px;border-radius:var(--r-lg);background:#fff;border:1px solid rgba(42,45,92,.12);box-shadow:var(--shadow-1);text-decoration:none;color:inherit}
.gat-card .gat-ic{font-size:26px;flex:none}.gat-card strong{display:block;font:600 16px var(--sans);color:var(--ink)}.gat-card small{font:14px var(--sans);color:var(--ink-2)}
.gat-card .gat-go{margin-left:auto;font:600 14px var(--sans);color:var(--indigo);white-space:nowrap}
.sub-step .seg{display:flex;flex-wrap:wrap;gap:8px;padding:0;background:none;border-radius:0;margin:10px 0 0}
.sub-step .seg button{border:1px solid rgba(42,45,92,.18);background:rgba(255,255,255,.85);padding:9px 15px;font:500 14px var(--sans);color:var(--ink-2)}
.sub-step .seg button[aria-pressed=true]{background:linear-gradient(160deg,#f6e3b4,#e7c27a);border-color:rgba(184,134,47,.55);color:#1b1608;box-shadow:none}
.sub-step .src,.sub-way .src,.sub-ways .src{font:13px/1.5 var(--sans);color:var(--ink-2);margin-top:8px}