
/* TAROTEYES CLEAN FRONT V10
   One namespaced Home owner. The approved HQ composition is preserved without
   any of the old generic .sun/.frame/.topbar/.hero-content cascade. */
body.tarotlab-home-page{
  margin:0!important;padding:0!important;max-width:none!important;
  background:#06131d!important;overflow-x:hidden!important;overflow-y:auto!important;
}
body.tarotlab-home-page #wpadminbar{display:none!important}
.tlh10,.tlh10 *{box-sizing:border-box}
.tlh10{
  --ink:#06131d;--panel:#081822;--gold:#e7bd64;--gold-bright:#ffd984;
  --gold-dim:#9d7836;--cream:#f6e9c6;--muted:#c7ad77;
  margin:0;min-width:320px;background:#06131d;color:var(--cream);
  font-family:Georgia,"Times New Roman",serif;
}
.tlh10 button,.tlh10 a{font:inherit}.tlh10 button{color:inherit;cursor:pointer}.tlh10 a{text-decoration:none}
.tlh10-main{margin:0!important;padding:0!important;max-width:none!important}

/* Approved HQ hero geometry, fully isolated. */
.tlh10-hero{position:relative;height:100dvh;min-height:720px;overflow:hidden;background:#05131d;isolation:isolate}
.tlh10-scene,.tlh10-layer{position:absolute;inset:0}
.tlh10-scene{z-index:0;overflow:hidden;pointer-events:none}
.tlh10-layer{will-change:transform}
.tlh10-sky{width:106%;height:106%;left:-3%;top:-3%;object-fit:cover;filter:saturate(.96) contrast(1.02) brightness(.78)}
.tlh10-vignette{background:radial-gradient(circle at 50% 42%,transparent 0 33%,rgba(3,10,16,.08) 50%,rgba(1,6,10,.48) 100%);z-index:2}
.tlh10-celestial-grid{z-index:3;opacity:.28;background:
 radial-gradient(circle at 50% 59%,transparent 0 33%,rgba(225,183,91,.55) 33.15% 33.3%,transparent 33.45% 43%,rgba(225,183,91,.35) 43.1% 43.25%,transparent 43.4%),
 repeating-conic-gradient(from 180deg at 50% 59%,rgba(229,185,91,.23) 0 .13deg,transparent .13deg 15deg)}
.tlh10-cloud{z-index:3;width:clamp(360px,34vw,700px);height:auto;opacity:.58;filter:saturate(.88) brightness(.82) drop-shadow(0 0 18px rgba(238,190,84,.06))}
.tlh10-cloud-left{left:-5.5%;right:auto;top:8%}.tlh10-cloud-right{left:auto;right:-5.5%;top:9%}
.tlh10-sun,.tlh10-moon{z-index:4;width:clamp(100px,9vw,172px);height:auto;filter:drop-shadow(0 0 18px rgba(238,190,84,.23))}
.tlh10-sun{left:18.5%;right:auto;top:8.8%}.tlh10-moon{left:auto;right:18.5%;top:8.1%}
.tlh10-frame{z-index:7;top:0;height:100%;width:auto;max-width:none;object-fit:contain;filter:drop-shadow(0 0 5px rgba(0,0,0,.28));transform-origin:center}
.tlh10-frame-left{left:0;right:auto}.tlh10-frame-right{left:auto;right:0}
.tlh10-glints{z-index:5}.tlh10-glints i{position:absolute;width:5px;height:5px;background:#ffd37b;border-radius:50%;box-shadow:0 0 12px 3px rgba(255,199,91,.35);animation:tlh10Twinkle 3.8s ease-in-out infinite}
.tlh10-glints i:nth-child(1){left:25%;top:22%}.tlh10-glints i:nth-child(2){left:73%;top:29%;animation-delay:.7s}.tlh10-glints i:nth-child(3){left:61%;top:65%;animation-delay:1.1s}.tlh10-glints i:nth-child(4){left:31%;top:61%;animation-delay:1.8s}.tlh10-glints i:nth-child(5){left:50%;top:19%;animation-delay:2.3s}
@keyframes tlh10Twinkle{0%,100%{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.45)}}
.tlh10-topbar{position:absolute;z-index:20;left:0;right:0;top:0;padding:10px clamp(40px,16.5vw,310px) 0}
.tlh10-topbar-inner{height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:0 22px;border:1px solid rgba(228,185,93,.65);border-radius:36px;background:linear-gradient(180deg,rgba(4,17,26,.92),rgba(5,21,31,.78));box-shadow:0 12px 26px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,224,152,.04)}
.tlh10-brand{display:flex;align-items:center;gap:11px;color:var(--cream);letter-spacing:.32em;white-space:nowrap}
.tlh10-brand-mark{width:31px;height:31px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold-bright);font-size:15px;box-shadow:inset 0 0 0 5px rgba(225,180,84,.05)}
.tlh10-brand-name{font-size:15px}.tlh10-brand-star{font-size:10px;color:var(--gold)}
.tlh10-nav{display:flex;justify-content:center;align-items:stretch;height:100%;gap:22px}
.tlh10-nav button,.tlh10-icon-btn,.tlh10-moon-toggle{border:0;background:none}
.tlh10-nav button{position:relative;padding:0 4px;font-size:10px;letter-spacing:.16em;color:#dbc187}
.tlh10-nav button:after{content:"";position:absolute;left:50%;right:50%;bottom:10px;height:1px;background:var(--gold-bright);transition:.25s}
.tlh10-nav button:hover:after,.tlh10-nav button.active:after{left:0;right:0}.tlh10-nav button.active{color:#ffe39b}
.tlh10-top-actions{display:flex;align-items:center;gap:13px}.tlh10-icon-btn,.tlh10-moon-toggle{font-size:20px;color:#f3cd72;padding:6px}.tlh10-top-sep{width:1px;height:28px;background:rgba(226,185,91,.45)}
.tlh10-login-btn{height:37px;padding:0 26px;border:1px solid rgba(232,190,93,.82);border-radius:21px;background:rgba(5,20,29,.56);color:#ecd28c;font-size:10px;letter-spacing:.17em}
.tlh10-hero-content{position:absolute;z-index:18;inset:86px 0 54px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 24px 0;pointer-events:none}
.tlh10-hero-content button{pointer-events:auto}
.tlh10-title-art{display:block;height:auto;object-fit:contain;pointer-events:none;user-select:none;filter:drop-shadow(0 3px 4px rgba(0,0,0,.42))}
.tlh10-title-art-top{width:min(760px,48vw);max-height:96px;object-position:center bottom;margin:-9px 0 0}
.tlh10-title-art-bottom{width:min(650px,43vw);max-height:58px;object-position:center top;margin:2px 0 0}
.tlh10-hero-content h1{margin:0;color:#f1cc78;font-size:clamp(48px,5.2vw,92px);font-weight:500;letter-spacing:.025em;line-height:1;text-shadow:0 3px 0 rgba(37,18,4,.55),0 0 18px rgba(238,190,88,.08)}
.tlh10-tagline{margin:5px 0 0;color:#d9bd80;font-size:clamp(9px,.9vw,14px);letter-spacing:.46em;text-indent:.46em;white-space:nowrap;text-shadow:0 2px 4px rgba(0,0,0,.55)}
.tlh10-reading-space{position:relative;width:min(850px,58vw);height:clamp(250px,40vh,410px);margin-top:2px;flex:0 1 auto;opacity:.62}
.tlh10-arc{position:absolute;left:50%;transform:translateX(-50%);border:1px solid rgba(220,177,86,.45);border-bottom:0;border-radius:50% 50% 0 0}
.tlh10-arc-1{width:86%;height:82%;bottom:3%}.tlh10-arc-2{width:70%;height:65%;bottom:3%;opacity:.72}.tlh10-arc-3{width:23%;height:24%;bottom:3%;opacity:.8}
.tlh10-radials{position:absolute;left:7%;right:7%;bottom:3%;height:82%;clip-path:polygon(0 100%,100% 100%,84% 0,16% 0);background:repeating-conic-gradient(from 258deg at 50% 100%,rgba(221,176,83,.36) 0 .18deg,transparent .18deg 9deg);opacity:.55}
.tlh10-center-star{position:absolute;left:50%;bottom:3%;transform:translate(-50%,50%);width:64px;height:64px;border:1px solid rgba(232,190,95,.55);border-radius:50%;display:grid;place-items:center;color:#f0c96f;font-size:28px;background:rgba(8,27,38,.55);box-shadow:0 0 28px rgba(226,182,82,.12)}
.tlh10-primary-actions{display:flex;gap:20px;justify-content:center;margin-top:-8px}
.tlh10-gold-btn{min-width:220px;height:54px;border-radius:28px;border:1px solid rgba(231,187,91,.86);letter-spacing:.08em;font-size:12px;transition:.25s;box-shadow:0 8px 20px rgba(0,0,0,.22)}
.tlh10-gold-btn span{margin-right:8px;color:#f7d77d}.tlh10-gold-btn.primary{color:#16140f;background:linear-gradient(180deg,#f0d37e,#b98a37);box-shadow:0 0 20px rgba(237,191,84,.26),inset 0 0 0 1px rgba(255,247,193,.6)}
.tlh10-gold-btn.secondary{background:rgba(5,22,31,.70);color:#e6c779}.tlh10-gold-btn:hover{transform:translateY(-2px);filter:brightness(1.08)}
.tlh10-phase-divider{display:flex;align-items:center;gap:11px;color:#f0c96e;margin-top:18px}.tlh10-phase-divider span{width:74px;height:1px;background:linear-gradient(90deg,transparent,#b68a40)}.tlh10-phase-divider span:last-child{background:linear-gradient(90deg,#b68a40,transparent)}.tlh10-phase-divider b{font-size:17px;font-weight:400}
.tlh10-quote{margin:9px 0 0;font-style:italic;letter-spacing:.17em;color:#dcc18a;font-size:12px}.tlh10-tiny-ornament{margin-top:10px;display:flex;align-items:center;gap:7px;color:#e3bb62}.tlh10-tiny-ornament span{width:44px;height:1px;background:#8d6834}.tlh10-tiny-ornament b{font-size:9px}
.tlh10-footerbar{position:absolute;z-index:25;left:0;right:0;bottom:0;height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(58px,7vw,130px);background:linear-gradient(180deg,rgba(3,14,21,.16),rgba(3,13,20,.90));border-top:1px solid rgba(222,175,80,.28);font-size:9px;letter-spacing:.21em;color:#c3a667}
.tlh10-footer-left{text-align:left}.tlh10-footer-right{text-align:right}.tlh10-footer-center{color:#e7bd64}

/* Questionnaire / Question Lock, separately namespaced. */
.tlh10-reading-start,.tlh10-reading-room{min-height:100svh;position:relative;display:grid;place-items:center;overflow:hidden;padding:86px 24px 56px;background:radial-gradient(circle at 50% 18%,rgba(39,83,88,.24),transparent 34%),linear-gradient(180deg,#06141d 0%,#091d28 58%,#06131b 100%)}
.tlh10-reading-start:before,.tlh10-reading-room:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(52,92,95,.16),transparent 32%),linear-gradient(180deg,rgba(6,20,29,.45),rgba(5,16,24,.82));pointer-events:none}
.tlh10-reading-panel{position:relative;z-index:2;width:min(920px,92vw);padding:54px 56px;border:1px solid rgba(224,187,93,.24);border-radius:28px;text-align:center;background:linear-gradient(180deg,rgba(7,27,37,.94),rgba(5,20,29,.96));box-shadow:0 28px 80px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,255,255,.025)}
.tlh10-mini-star{font-size:26px;color:#e9cb7a}.tlh10-eyebrow{font-size:10px;letter-spacing:.34em;color:#cbb985;margin:8px 0 16px}
.tlh10-reading-panel h2{margin:0 auto;max-width:760px;color:#f0d99a;font-size:clamp(31px,3.2vw,48px);line-height:1.12;font-weight:500}
.tlh10-copy{max-width:700px;margin:18px auto 32px;color:#aebfc5;line-height:1.7;font-family:system-ui,sans-serif;font-size:14px}
.tlh10-identity-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;margin:0 0 22px}
.tlh10-name-field{display:grid;gap:8px;text-align:left}.tlh10-name-field span,.tlh10-question-box>span,.tlh10-goal-label{color:#cdbd91;font-size:10px;letter-spacing:.16em}
.tlh10-name-field input,.tlh10-question-box textarea{width:100%;border:1px solid rgba(222,184,93,.26);border-radius:14px;background:rgba(255,255,255,.028);color:#f2e4bd;padding:14px 16px;outline:none;font:14px system-ui,sans-serif;transition:.16s}
.tlh10-name-field input:focus,.tlh10-question-box textarea:focus{border-color:rgba(226,189,94,.62);background:rgba(218,180,83,.045);box-shadow:0 0 0 3px rgba(220,183,90,.06)}
.tlh10-ghost-choice{min-height:48px;border:1px solid rgba(222,184,93,.20);border-radius:14px;padding:0 16px;background:rgba(255,255,255,.02);color:#bfc7c6}.tlh10-ghost-choice.active{color:#f0d99a;border-color:rgba(222,184,93,.52);background:rgba(218,180,83,.06)}
.tlh10-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tlh10-topic-grid button{min-height:68px;border:1px solid rgba(221,183,89,.24);border-radius:14px;background:rgba(255,255,255,.025);color:#e7d8ae;transition:.16s;font-size:14px}
.tlh10-topic-grid button:hover,.tlh10-topic-grid button.selected{transform:translateY(-1px);background:rgba(218,180,83,.085);border-color:rgba(221,183,89,.58);color:#f3dd9d}
.tlh10-stage-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px}.tlh10-back{border:0;background:none;color:#aebbbf;padding:12px 0}
.tlh10-cta{min-width:190px;min-height:50px;border:1px solid #d1aa56;border-radius:999px;padding:0 24px;background:linear-gradient(180deg,#e5ca85,#c7a95e);color:#17130c;font-weight:800;letter-spacing:.06em}.tlh10-cta:disabled{opacity:.38;cursor:not-allowed}
.tlh10-reading-room{background:radial-gradient(circle at 50% 30%,rgba(48,91,91,.18),transparent 32%),radial-gradient(circle at 50% 90%,rgba(111,75,26,.10),transparent 32%),linear-gradient(180deg,#06131b,#071a23 62%,#050e15)}
.tlh10-room-glow{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:min(920px,80vw);height:min(920px,80vw);border-radius:50%;background:radial-gradient(circle,rgba(224,188,94,.055),transparent 66%);pointer-events:none}
.tlh10-room-panel{width:min(960px,92vw);padding:48px 52px 42px}.tlh10-room-kicker{color:#e3c778;letter-spacing:.26em;font-size:10px;margin-bottom:12px}
.tlh10-goal-wrap{margin:22px 0 20px}.tlh10-goal-label{text-align:left;margin-bottom:9px}.tlh10-goal-chips{display:flex;flex-wrap:wrap;gap:9px}
.tlh10-goal-chips button{border:1px solid rgba(222,184,93,.22);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.022);color:#dbcda8;font-size:12px}
.tlh10-goal-chips button:hover,.tlh10-goal-chips button.selected{background:rgba(218,180,83,.085);border-color:rgba(226,189,94,.52);color:#f2da98}
.tlh10-question-box{display:grid;gap:8px;text-align:left;margin-top:16px}.tlh10-question-box textarea{resize:vertical;min-height:92px;line-height:1.5}.tlh10-question-box small{color:#8297a0;font:11px system-ui,sans-serif}
.tlh10-mode-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.tlh10-mode{min-height:100px;border:1px solid rgba(222,184,93,.19);border-radius:16px;padding:16px 18px;background:rgba(255,255,255,.022);text-align:left;color:#dcd0ae}
.tlh10-mode strong{display:block;color:#ead59a;font-size:16px;}.tlh10-mode span{color:#91a4ab;font:12px/1.45 system-ui,sans-serif}.tlh10-mode.selected{border-color:rgba(230,194,101,.62);background:linear-gradient(180deg,rgba(218,180,83,.085),rgba(255,255,255,.025));box-shadow:inset 0 0 28px rgba(218,180,83,.035)}
.tlh10-subtopic-wrap{margin:22px 0 10px}

.tlh10-toast{position:fixed;z-index:1000;left:50%;bottom:24px;transform:translate(-50%,18px);padding:11px 16px;border-radius:999px;background:rgba(3,15,22,.94);border:1px solid rgba(225,187,91,.24);color:#e9d7a6;font:12px system-ui,sans-serif;opacity:0;pointer-events:none;transition:.2s}.tlh10-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:1250px){.tlh10-topbar{padding-left:8vw;padding-right:8vw}.tlh10-nav{gap:12px}.tlh10-brand-star{display:none}.tlh10-sun{left:10%}.tlh10-moon{right:10%}.tlh10-reading-space{width:68vw}.tlh10-frame{height:101%;top:-.5%}}
@media(max-width:980px){.tlh10-nav button:nth-child(4),.tlh10-nav button:nth-child(5){display:none}.tlh10-hero{min-height:650px}.tlh10-tagline{letter-spacing:.27em}.tlh10-frame{height:100%}.tlh10-frame-left{left:-2.5%}.tlh10-frame-right{right:-2.5%}.tlh10-sun{left:8%}.tlh10-moon{right:8%}.tlh10-cloud{width:46vw;opacity:.46}.tlh10-reading-space{width:78vw}}
@media(max-width:720px){.tlh10-topbar{padding:8px 12px 0}.tlh10-nav{display:none}.tlh10-login-btn{padding:0 14px}.tlh10-frame{opacity:.58}.tlh10-sun{left:4%}.tlh10-moon{right:4%}.tlh10-tagline{white-space:normal;line-height:1.5;text-indent:0}.tlh10-reading-space{width:92vw}.tlh10-primary-actions{flex-direction:column;gap:10px}.tlh10-footerbar{display:none}.tlh10-identity-row,.tlh10-mode-wrap,.tlh10-topic-grid{grid-template-columns:1fr}.tlh10-stage-actions{align-items:stretch;flex-direction:column-reverse}.tlh10-stage-actions button{width:100%}.tlh10-reading-panel,.tlh10-room-panel{padding:36px 20px}}
@media(max-height:760px){.tlh10-topbar-inner{height:56px}.tlh10-hero-content{inset:72px 0 45px}.tlh10-title-art-top{max-height:70px}.tlh10-title-art-bottom{max-height:43px}.tlh10-hero-content h1{font-size:52px}.tlh10-tagline{margin-top:8px}.tlh10-reading-space{height:245px}.tlh10-gold-btn{height:46px}.tlh10-phase-divider{margin-top:10px}.tlh10-quote{margin-top:5px}.tlh10-tiny-ornament{margin-top:5px}.tlh10-footerbar{height:42px}}
@media(prefers-reduced-motion:reduce){.tlh10-layer{transform:none!important}.tlh10-glints i{animation:none}.tlh10-gold-btn{transition:none}}


/* V10.1 — visible adaptive route preview */

.tlh10-route-preview.is-loading{opacity:.62}.tlh10-route-preview.is-loading>strong:after{content:" ···";letter-spacing:.15em}
.tlh10-cta.is-loading{position:relative;pointer-events:none;opacity:.78}.tlh10-cta.is-loading:after{content:"";width:13px;height:13px;border:2px solid rgba(23,19,12,.30);border-top-color:#17130c;border-radius:50%;display:inline-block;margin-left:10px;vertical-align:-2px;animation:tlh10Spin .7s linear infinite}@keyframes tlh10Spin{to{transform:rotate(360deg)}}



/* ===== V10.2 — CLASSIC FIVE-CARD HOME COMPOSITION ===== */
.tlh10-reading-space{opacity:1!important;overflow:visible}
.tlh10-classic-cards{position:absolute;inset:0;z-index:12;pointer-events:none;user-select:none}
.tlh10-classic-card{
  position:absolute;
  width:var(--tarotlab-home-card-width,154px);
  height:auto;
  aspect-ratio:2/3;
  object-fit:cover;
  border-radius:10px;
  filter:none!important;
  image-rendering:auto;
  box-shadow:0 17px 30px rgba(0,0,0,.42);
  transform-origin:50% 100%
}
.tlh10-card-lovers{left:18%;bottom:2%;transform:rotate(-12deg);z-index:12}
.tlh10-card-justice{left:34%;bottom:7%;transform:translateX(-50%) rotate(-6deg);z-index:14}
.tlh10-card-star{left:50%;bottom:13%;transform:translateX(-50%);z-index:18}
.tlh10-card-sun{right:34%;bottom:7%;transform:translateX(50%) rotate(6deg);z-index:14}
.tlh10-card-world{right:18%;bottom:2%;transform:rotate(12deg);z-index:12}
.tlh10-arc,.tlh10-radials{z-index:1}
.tlh10-center-star{z-index:2;opacity:.48}
.tlh10-primary-actions{position:relative;z-index:20}

@media(max-width:1100px){
  .tlh10-classic-card{width:clamp(112px,13.5vw,145px)}
  .tlh10-card-lovers{left:13%}.tlh10-card-world{right:13%}
  .tlh10-card-justice{left:32%}.tlh10-card-sun{right:32%}
}
@media(max-width:720px){
  .tlh10-classic-card{width:clamp(90px,22vw,124px)}
  .tlh10-card-lovers{left:5%}.tlh10-card-world{right:5%}
  .tlh10-card-justice{left:29%}.tlh10-card-sun{right:29%}
}

/* V10.4 */
.tlh10-classic-cards{transform:translateY(var(--tarotlab-home-cards-shift-y,-46px));}


/* ==========================================================================
   V11 — TWO-SURFACE INTAKE / METHOD RECOMMENDATION
   ========================================================================== */
.tlh11-intake-layout{
  position:relative;
  z-index:2;
  width:min(1380px,94vw);
  display:grid;
  grid-template-columns:minmax(0,1fr) 360px;
  gap:20px;}
.tlh11-intake-layout .tlh10-room-panel{
  width:100%;
  margin:0;
  text-align:left
}
.tlh11-intake-layout .tlh10-room-panel>h2,
.tlh11-intake-layout .tlh10-room-panel>.tlh10-copy{
  margin-left:0;
  text-align:left
}
.tlh11-method-sidebar{
  position:sticky;
  top:86px;
  align-self:start;
  min-height:590px;
  max-height:calc(100svh - 118px);
  overflow:auto;
  border:1px solid rgba(229,194,99,.32);
  border-radius:24px;
  padding:22px 20px;
  background:
    radial-gradient(circle at 50% 5%,rgba(221,183,85,.075),transparent 28%),
    linear-gradient(180deg,rgba(8,29,39,.97),rgba(4,18,27,.98));
  box-shadow:0 26px 70px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,255,255,.025);
  transition:opacity .18s ease,border-color .18s ease
}
.tlh11-method-sidebar.is-empty{opacity:.66}
.tlh11-method-sidebar.is-loading{border-color:rgba(229,194,99,.50)}
.tlh11-method-sidebar.is-loading .tlh11-method-star{animation:tlh11MethodPulse .75s ease-in-out infinite alternate}
@keyframes tlh11MethodPulse{from{opacity:.35;transform:scale(.8)}to{opacity:1;transform:scale(1.18)}}
.tlh11-method-sidebar-head{
  display:flex;
  gap:12px;
  align-items:center;
  padding-bottom:16px;
  border-bottom:1px solid rgba(230,197,111,.14)
}
.tlh11-method-star{
  width:42px;height:42px;display:grid;place-items:center;border-radius:50%;
  color:#f0cf75;border:1px solid rgba(233,200,109,.34);
  box-shadow:0 0 24px rgba(229,185,69,.08)
}
.tlh11-method-sidebar-head small,
.tlh11-method-label,
.tlh11-method-reason>span,
.tlh11-method-positions>span{
  display:block;color:#9d8c61;font:9px/1.3 system-ui,sans-serif;letter-spacing:.15em
}
.tlh11-method-sidebar-head strong{display:block;margin-top:3px;color:#e8d7a5;font-size:13px;font-weight:500}
.tlh11-method-main{padding:23px 0 17px}
.tlh11-method-main h3{
  margin:7px 0 8px;color:#f0d893;font:500 26px/1.12 Georgia,serif
}
.tlh11-method-main p,
.tlh11-method-reason p{
  margin:0;color:#93a6ad;font:12px/1.55 system-ui,sans-serif
}
.tlh11-method-reason,
.tlh11-method-positions{
  border-top:1px solid rgba(255,255,255,.055);
  padding:17px 0
}
.tlh11-method-reason>span,
.tlh11-method-positions>span{margin-bottom:9px}
.tlh11-method-positions ol{
  margin:0;padding:0 0 0 22px;color:#d8c89e;font:11px/1.55 system-ui,sans-serif
}
.tlh11-method-positions li+li{margin-top:4px}
.tlh11-method-footer{
  margin-top:2px;padding:13px 14px;border-radius:12px;
  background:rgba(218,180,83,.055);border:1px solid rgba(221,183,89,.13);
  color:#9eaeae;font:10px/1.45 system-ui,sans-serif
}

@media(max-width:1060px){
  .tlh11-intake-layout{grid-template-columns:1fr;width:min(960px,94vw)}
  .tlh11-method-sidebar{position:relative;top:auto;max-height:none}
}


/* ==========================================================================
   V14 — METHODOLOGY SIDEBAR + DECK POLICY + SPREAD PREVIEW
   ========================================================================== */
.tlh11-intake-layout{grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:stretch}
.tlh11-method-sidebar{position:relative!important;top:auto!important;align-self:stretch!important;height:100%;min-height:100%;max-height:none!important;overflow:hidden;display:flex;flex-direction:column;padding:25px 23px}
.tlh11-method-sidebar-head small,.tlh11-method-label,.tlh11-method-reason>span,.tlh11-method-positions>span,.tlh14-spread-preview-head>span{font-size:10.5px;line-height:1.35;letter-spacing:.14em}
.tlh11-method-sidebar-head strong{font-size:15px;line-height:1.35}.tlh11-method-main{padding:24px 0 18px}.tlh11-method-main h3{margin:8px 0 10px;font-size:30px;line-height:1.12}
.tlh11-method-main p,.tlh11-method-reason p{font-size:13.5px;line-height:1.6}.tlh11-method-positions ol{font-size:12.5px;line-height:1.55}.tlh11-method-footer{margin-top:auto;font-size:11.5px;line-height:1.5}
.tlh14-deck-policy{margin:17px 0 2px;padding:15px;border:1px solid rgba(229,194,99,.18);border-radius:17px;background:linear-gradient(180deg,rgba(9,33,43,.76),rgba(5,24,33,.66))}
.tlh14-deck-policy-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:11px}.tlh14-deck-policy-head span{display:block;color:#9d8c61;font:10px/1.25 system-ui,sans-serif;letter-spacing:.15em}.tlh14-deck-policy-head strong{display:block;margin-top:4px;color:#e9d7a1;font:600 14px/1.3 system-ui,sans-serif}.tlh14-deck-policy-head small{color:#cbb46e;font:700 9px/1.2 system-ui,sans-serif;letter-spacing:.10em;text-align:right}
.tlh14-deck-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tlh14-deck-option{min-height:70px;padding:10px 11px;text-align:left;border:1px solid rgba(142,164,170,.20);border-radius:12px;background:rgba(4,21,29,.72);color:#aebec0;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease,opacity .18s ease}.tlh14-deck-option:hover:not(:disabled){border-color:rgba(229,194,99,.42);transform:translateY(-1px)}.tlh14-deck-option.selected{border-color:rgba(229,194,99,.62);background:linear-gradient(180deg,rgba(105,84,31,.22),rgba(7,28,37,.82));box-shadow:inset 0 0 0 1px rgba(244,214,127,.05)}.tlh14-deck-option:disabled{opacity:.34;cursor:not-allowed}.tlh14-deck-option b{display:block;color:#ead79f;font:600 13px/1.25 system-ui,sans-serif}.tlh14-deck-option span{display:block;margin-top:5px;color:#84999f;font:10.5px/1.35 system-ui,sans-serif}.tlh14-deck-policy-note{margin:9px 2px 0;color:#859aa0;font:10.5px/1.45 system-ui,sans-serif}
.tlh14-method-facts{display:grid;grid-template-columns:1.35fr .8fr;gap:8px;margin-top:16px}.tlh14-method-facts>div{min-width:0;padding:10px 11px;border:1px solid rgba(229,194,99,.13);border-radius:11px;background:rgba(255,255,255,.025)}.tlh14-method-facts span{display:block;color:#7f8f8f;font:9px/1.2 system-ui,sans-serif;letter-spacing:.13em}.tlh14-method-facts b{display:block;margin-top:5px;color:#e6d6a9;font:600 12px/1.3 system-ui,sans-serif}
.tlh14-spread-preview{border-top:1px solid rgba(255,255,255,.055);padding:17px 0 15px}.tlh14-spread-preview-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}.tlh14-spread-preview-head>span{color:#9d8c61}.tlh14-spread-preview-head small{color:#71898f;font:9px/1.3 system-ui,sans-serif;letter-spacing:.08em;text-align:right}.tlh14-spread-preview-canvas{--tlh14-preview-card-w:20px;position:relative;height:190px;overflow:hidden;border:1px solid rgba(229,194,99,.12);border-radius:14px;background:radial-gradient(circle at 50% 50%,rgba(220,184,88,.055),transparent 50%),linear-gradient(180deg,rgba(3,18,26,.92),rgba(5,26,35,.82))}.tlh14-spread-preview-canvas::before,.tlh14-spread-preview-canvas::after{content:"";position:absolute;pointer-events:none;opacity:.23}.tlh14-spread-preview-canvas::before{left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,#9f8950,transparent)}.tlh14-spread-preview-canvas::after{top:10%;bottom:10%;left:50%;width:1px;background:linear-gradient(180deg,transparent,#9f8950,transparent)}
.tlh14-preview-card{position:absolute;width:var(--tlh14-preview-card-w);aspect-ratio:2/3;display:grid;place-items:center;border:1px solid rgba(237,204,112,.78);border-radius:2px;background:linear-gradient(145deg,rgba(234,204,123,.045),rgba(2,19,27,.96));box-shadow:0 3px 9px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,255,255,.035);color:#cfb76f;font-style:normal}.tlh14-preview-card b{display:grid;place-items:center;width:13px;height:13px;border-radius:50%;background:#0c2632;border:1px solid rgba(226,193,102,.45);font:600 7px/1 system-ui,sans-serif}.tlh14-spread-preview>p{margin:9px 2px 0;color:#81979c;font:11.5px/1.45 system-ui,sans-serif}.tlh11-method-positions{flex:0 1 auto}
@media(max-width:1060px){.tlh11-intake-layout{grid-template-columns:1fr!important}.tlh11-method-sidebar{height:auto;min-height:0}}
@media(max-width:720px){.tlh14-deck-options{grid-template-columns:1fr}.tlh14-deck-option{min-height:0}}


/* ==========================================================================
   V14.1 — READABILITY + GUIDED ATTENTION + STRONG SELECTION STATES
   ========================================================================== */

/* General intake readability */
.tlh10-reading-panel{
  font-size:16px;
}
.tlh10-reading-panel>h2,
.tlh10-room-panel>h2{
  font-size:clamp(38px,4vw,54px)!important;
  line-height:1.08!important;
}
.tlh10-copy{
  font-size:15px!important;
  line-height:1.6!important;
}
.tlh10-name-field span,
.tlh10-question-box>span,
.tlh10-goal-label{
  font-size:12px!important;
  letter-spacing:.13em!important;
  line-height:1.4!important;
}
.tlh10-name-field input,
.tlh10-question-box textarea{
  font-size:16px!important;
}
.tlh10-name-field input{
  min-height:52px;
}
.tlh10-ghost-choice{
  min-height:52px!important;
  font-size:16px!important;
  font-family:Georgia,serif;
  font-weight:600;
}
.tlh10-topic-grid{
  gap:13px!important;
}
.tlh10-topic-grid button{
  min-height:68px!important;
  padding:12px 14px!important;
  font-size:16px!important;
  line-height:1.3!important;
  position:relative;
}
.tlh10-subtopic-wrap,
.tlh10-goal-wrap{
  padding:4px 0;
}
.tlh10-goal-chips{
  gap:10px!important;
}
.tlh10-goal-chips button{
  min-height:42px;
  padding:10px 15px!important;
  font-size:14px!important;
  line-height:1.3!important;
  position:relative;
}
.tlh10-question-box textarea{
  min-height:112px!important;
  line-height:1.55!important;
}
.tlh10-question-box small{
  font-size:12px!important;
  line-height:1.45!important;
}
.tlh10-mode strong{
  font-size:19px!important;
}
.tlh10-mode span{
  line-height:1.5!important;
}
.tlh10-back{
  font-size:17px!important;
  font-family:Georgia,serif;
  font-weight:600;
}
.tlh10-cta{
  font-size:15px!important;
}

/* New heading above primary topics */
.tlh14-step-heading{
  margin:18px 0 12px;
  text-align:left;
}
.tlh14-step-heading>span{
  display:block;
  color:#8da0a5;
  font:700 10px/1.3 system-ui,sans-serif;
  letter-spacing:.16em;
  margin-bottom:5px;
}
.tlh14-step-heading>h3{
  margin:0;
  color:#edd9a0;
  font:500 24px/1.2 Georgia,serif;
}

/* Stronger selected state: visibly different from neutral controls */
.tlh10-topic-grid button.selected,
.tlh10-goal-chips button.selected,
.tlh10-mode.selected,
.tlh14-deck-option.selected,
.tlh10-ghost-choice.active{
  border-color:rgba(100,205,193,.78)!important;
  background:linear-gradient(180deg,rgba(31,102,104,.40),rgba(10,48,57,.72))!important;
  color:#f4e5b8!important;
  box-shadow:
    0 0 0 2px rgba(70,183,177,.10),
    0 8px 24px rgba(0,0,0,.15),
    inset 0 0 24px rgba(57,167,163,.08)!important;
}
.tlh10-topic-grid button.selected::after,
.tlh10-goal-chips button.selected::after,
.tlh14-deck-option.selected::after{
  content:"✓";
  position:absolute;
  top:7px;
  right:9px;
  color:#86d8ce;
  font:800 12px/1 system-ui,sans-serif;
}

/* The exact next required region is highlighted. */
.tlh14-required-zone{
  position:relative;
  border:1px solid transparent;
  border-radius:17px;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.tlh14-needs-attention{
  border-color:rgba(101,205,193,.58)!important;
  background:rgba(31,105,106,.075);
  box-shadow:0 0 0 3px rgba(58,178,171,.07),0 0 30px rgba(39,161,157,.08);
  padding:12px!important;
}
.tlh14-needs-attention::before{
  content:attr(data-attention-label);
  position:absolute;
  right:12px;
  top:-9px;
  z-index:2;
  padding:4px 8px;
  border-radius:999px;
  background:#123c42;
  border:1px solid rgba(111,213,201,.48);
  color:#9fe2da;
  font:800 9px/1 system-ui,sans-serif;
  letter-spacing:.09em;
}
@keyframes tlh141Attention{
  0%,100%{box-shadow:0 0 0 3px rgba(58,178,171,.05),0 0 24px rgba(39,161,157,.05)}
  50%{box-shadow:0 0 0 3px rgba(58,178,171,.12),0 0 34px rgba(39,161,157,.13)}
}
.tlh14-needs-attention{
  animation:tlh141Attention 1.7s ease-in-out infinite;
}
@media(prefers-reduced-motion:reduce){
  .tlh14-needs-attention{animation:none}
}

/* Page 2 / methodology readability */
.tlh11-method-sidebar-head small,
.tlh11-method-label,
.tlh11-method-reason>span,
.tlh11-method-positions>span,
.tlh14-spread-preview-head>span{
  font-size:12px!important;
}
.tlh11-method-sidebar-head strong{
  font-size:17px!important;
}
.tlh11-method-main h3{
  font-size:32px!important;
}
.tlh11-method-main p,
.tlh11-method-reason p{
  font-size:15px!important;
  line-height:1.58!important;
}
.tlh14-method-facts span{
  font-size:10px!important;
}
.tlh14-method-facts b{
  font-size:14px!important;
}
.tlh14-spread-preview>p{
  font-size:13px!important;
}
.tlh11-method-positions ol{
  font-size:14px!important;
  line-height:1.55!important;
}
.tlh11-method-footer{
  font-size:13px!important;
}
.tlh14-deck-policy-head strong{
  font-size:16px!important;
}
.tlh14-deck-option b{
  font-size:15px!important;
}
.tlh14-deck-option span,
.tlh14-deck-policy-note{
  font-size:12px!important;
}
.tlh14-deck-option{
  position:relative;
}

/* Remove vertical space from the duplicate question-lock box */


@media(max-width:720px){
  .tlh10-reading-panel>h2,.tlh10-room-panel>h2{font-size:35px!important}
  .tlh14-step-heading>h3{font-size:21px}
  .tlh10-topic-grid button{font-size:15px!important}
}


/* V14.4 — HQ parallax restore */
@media(prefers-reduced-motion:no-preference){
  .tlh10-hero[data-parallax="active"] .tlh10-layer[data-depth]{
    will-change:transform;
    transition:none!important;
  }
}
.tlh10-hero .tlh10-sky,
.tlh10-hero .tlh10-cloud,
.tlh10-hero .tlh10-sun,
.tlh10-hero .tlh10-moon,
.tlh10-hero .tlh10-frame{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}


/* V14.6A — stronger parallax + living cloud layers */
.tlh10-cloud{
  width:clamp(285px,27vw,555px)!important;
  opacity:.54!important;
}
.tlh10-cloud-left{
  left:-4.5%!important;
  top:10%!important;
  animation:tlh146CloudLeft 27s ease-in-out infinite alternate;
}
.tlh10-cloud-right{
  right:-4.5%!important;
  top:10.5%!important;
  animation:tlh146CloudRight 31s ease-in-out infinite alternate;
}
@keyframes tlh146CloudLeft{
  0%{translate:-24px 2px}
  50%{translate:8px -5px}
  100%{translate:38px 5px}
}
@keyframes tlh146CloudRight{
  0%{translate:26px 1px}
  50%{translate:-7px 6px}
  100%{translate:-40px -3px}
}
@media(max-width:980px){
  .tlh10-cloud{width:clamp(250px,39vw,430px)!important}
}


/* V14.6B — relationship intake cleanup */
#subtopicChips,
#goalChips{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:9px!important;
  width:100%;
}
#subtopicChips button,
#goalChips button{
  width:100%;
  min-height:44px!important;
  border-radius:12px!important;
  padding:10px 14px!important;
  text-align:left!important;
  font-size:14px!important;
  line-height:1.35!important;
}
.tlh10-question-box{
  margin-top:13px!important;
  gap:7px!important;
}
.tlh10-question-box textarea{
  min-height:64px!important;
  height:64px;
  max-height:154px!important;
  resize:none!important;
  padding:11px 14px!important;
  transition:border-color .16s,background .16s,box-shadow .16s,height .12s ease;
}
.tlh10-question-box small{margin-top:0!important}
.tlh10-subtopic-wrap{margin:16px 0 8px!important}
.tlh10-goal-wrap{margin-top:12px!important}


/* ==========================================================================
   V14.6.1 — CLOUDS TRAVEL DEEPER INTO THE CENTER
   ========================================================================== */
.tlh10-cloud{
  width:clamp(270px,26vw,525px)!important;
  opacity:.60!important;
}
.tlh10-cloud-left{
  left:-7%!important;
  top:9%!important;
  animation:tlh1461CloudLeft 20s cubic-bezier(.42,0,.58,1) infinite alternate!important;
}
.tlh10-cloud-right{
  right:-7%!important;
  top:9.5%!important;
  animation:tlh1461CloudRight 22s cubic-bezier(.42,0,.58,1) infinite alternate!important;
}
@keyframes tlh1461CloudLeft{
  0%{translate:-5vw 1px}
  45%{translate:9vw -5px}
  100%{translate:27vw 4px}
}
@keyframes tlh1461CloudRight{
  0%{translate:5vw 1px}
  45%{translate:-9vw 5px}
  100%{translate:-27vw -3px}
}

/* ==========================================================================
   V14.6.1 — EXACT EQUAL CENTER SPACING FOR THE FIVE HOME CARDS
   The old outer cards were edge-anchored while middle cards were center-
   anchored, causing visibly smaller 1–2 and 4–5 gaps.
   ========================================================================== */
.tlh10-card-lovers,
.tlh10-card-justice,
.tlh10-card-star,
.tlh10-card-sun,
.tlh10-card-world{
  right:auto!important;
}

/* Equal center positions: 18 / 34 / 50 / 66 / 82 */
.tlh10-card-lovers{
  left:18%!important;
  transform:translateX(-50%) rotate(-12deg)!important;
}
.tlh10-card-justice{
  left:34%!important;
  transform:translateX(-50%) rotate(-6deg)!important;
}
.tlh10-card-star{
  left:50%!important;
  transform:translateX(-50%)!important;
}
.tlh10-card-sun{
  left:66%!important;
  transform:translateX(-50%) rotate(6deg)!important;
}
.tlh10-card-world{
  left:82%!important;
  transform:translateX(-50%) rotate(12deg)!important;
}

/* Medium viewport keeps the same exact-center logic with safe outer margins. */
@media(max-width:1100px){
  .tlh10-card-lovers{left:16%!important}
  .tlh10-card-justice{left:33%!important}
  .tlh10-card-star{left:50%!important}
  .tlh10-card-sun{left:67%!important}
  .tlh10-card-world{left:84%!important}
}
@media(max-width:720px){
  .tlh10-card-lovers{left:15%!important}
  .tlh10-card-justice{left:32.5%!important}
  .tlh10-card-star{left:50%!important}
  .tlh10-card-sun{left:67.5%!important}
  .tlh10-card-world{left:85%!important}
}
@media(prefers-reduced-motion:reduce){
  .tlh10-cloud-left,.tlh10-cloud-right{
    animation:none!important;
    translate:0 0!important;
  }
}


/* ==========================================================================
   V14.7 — BEGINNER-FRIENDLY READING + DECK CHOICES
   ========================================================================== */
.tlh10-mode-wrap{
  align-items:stretch!important;
}
.tlh10-mode{
  min-height:150px!important;
  padding:16px 17px!important;
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  text-align:left!important;
}
.tlh10-mode strong{
  margin-bottom:7px;
}
.tlh10-mode span{
  display:block;
  color:#a9b9bc!important;
  font-size:14px!important;
  line-height:1.55!important;
}
.tlh10-mode small{
  display:block;
  margin-top:auto;
  padding-top:10px;
  color:#7f969c;
  font:500 11.5px/1.45 system-ui,sans-serif;
}
.tlh10-mode.selected small{
  color:#9fc6c2;
}

.tlh14-deck-policy{
  padding:17px!important;
}
.tlh14-deck-policy-head{
  align-items:flex-start!important;
}
.tlh14-deck-policy-head strong{
  font-size:17px!important;
  line-height:1.4!important;
  max-width:540px;
}
.tlh14-deck-options{
  gap:10px!important;
}
.tlh14-deck-option{
  min-height:146px!important;
  padding:14px!important;
}
.tlh14-deck-option b{
  padding-right:18px;
  font-size:15.5px!important;
  line-height:1.35!important;
}
.tlh14-deck-option span{
  margin-top:8px!important;
  color:#9aadb1!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}
.tlh14-deck-policy-note{
  margin-top:12px!important;
  color:#9badb1!important;
  font-size:12.5px!important;
  line-height:1.55!important;
}
.tlh14-deck-option.selected span{
  color:#bad0ce!important;
}

@media(max-width:900px){
  .tlh10-mode-wrap{grid-template-columns:1fr!important}
  .tlh10-mode{min-height:0!important}
  .tlh14-deck-options{grid-template-columns:1fr!important}
  .tlh14-deck-option{min-height:0!important}
}
