
:root{
  --tlm1-bg:#06131a;
  --tlm1-panel:#091b23;
  --tlm1-panel2:#0d222b;
  --tlm1-line:rgba(221,196,126,.16);
  --tlm1-gold:#d8bf79;
  --tlm1-gold2:#f0dda7;
  --tlm1-text:#edf3f2;
  --tlm1-muted:#91a3a7;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.tarotlab-methods-surface{margin:0;background:var(--tlm1-bg);color:var(--tlm1-text)}
.tlm1{
  min-height:100vh;
  background:
    radial-gradient(circle at 78% 12%,rgba(20,88,96,.15),transparent 30rem),
    radial-gradient(circle at 12% 24%,rgba(138,96,38,.07),transparent 24rem),
    linear-gradient(180deg,#06131a 0%,#07171f 58%,#06131a 100%);
  color:var(--tlm1-text);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.tlm1 button,.tlm1 input,.tlm1 textarea,.tlm1 select{font:inherit}
.tlm1-topbar{
  min-height:64px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;
  padding:0 clamp(18px,3vw,54px);border-bottom:1px solid rgba(216,191,121,.12);
  background:rgba(4,16,22,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50;
}
.tlm1-brand{display:flex;gap:9px;align-items:center;color:var(--tlm1-gold2);text-decoration:none;letter-spacing:.16em;font-family:Georgia,serif}
.tlm1-brand span{font-size:10px;opacity:.78}
.tlm1-nav{display:flex;justify-content:center;gap:22px;align-items:center}
.tlm1-nav a,.tlm1-nav button{
  border:0;background:none;color:#98aaad;text-decoration:none;font-size:10px;font-weight:800;
  letter-spacing:.08em;padding:9px 0;cursor:pointer
}
.tlm1-nav .active{color:var(--tlm1-gold2);border-bottom:1px solid var(--tlm1-gold)}
.tlm1-lang{display:flex;border:1px solid rgba(216,191,121,.18);border-radius:999px;padding:2px;gap:2px}
.tlm1-lang button{border:0;background:transparent;color:#7f9296;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;cursor:pointer}
.tlm1-lang button.active{background:rgba(216,191,121,.11);color:#ead79f}

.tlm1-main{
  width:min(1660px,calc(100% - 30px));margin:0 auto;padding:24px 0 70px;
  display:grid;grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:20px;align-items:start;
}
.tlm1-library{
  position:sticky;top:82px;max-height:calc(100vh - 98px);overflow:hidden;
  border:1px solid var(--tlm1-line);background:linear-gradient(180deg,rgba(9,28,36,.94),rgba(6,21,28,.94));
  border-radius:18px;display:flex;flex-direction:column;
}
.tlm1-library-intro{padding:18px 18px 15px;border-bottom:1px solid rgba(216,191,121,.09)}
.tlm1-kicker{color:#81979b;font-size:8px;font-weight:900;letter-spacing:.18em}
.tlm1-library-intro h1{margin:6px 0 8px;font:500 24px/1.05 Georgia,serif;color:#eadbb4}
.tlm1-library-intro p{margin:0;color:#91a4a7;font-size:11px;line-height:1.55}
.tlm1-auto-route{display:inline-block;margin-top:11px;color:#d7c17f;text-decoration:none;font-size:10px;line-height:1.45;border-bottom:1px solid rgba(216,191,121,.22)}
.tlm1-family-tabs{display:flex;gap:5px;overflow:auto;padding:10px 10px 8px;border-bottom:1px solid rgba(216,191,121,.08)}
.tlm1-family{
  flex:0 0 auto;border:1px solid rgba(216,191,121,.12);background:rgba(255,255,255,.015);color:#899da0;
  border-radius:999px;padding:6px 8px;font-size:8.5px;cursor:pointer;white-space:nowrap
}
.tlm1-family.active{color:#ecd89b;border-color:rgba(216,191,121,.40);background:rgba(216,191,121,.07)}
.tlm1-list-head{display:flex;justify-content:space-between;align-items:center;padding:9px 12px 7px}
.tlm1-list-head span{color:#71878b;font-size:8px;font-weight:900;letter-spacing:.14em}
.tlm1-list-head b{color:#c8ae67;font-size:9px}
.tlm1-method-list{overflow:auto;padding:0 8px 10px}
.tlm1-method-card{
  width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#d9e1df;padding:10px 10px;
  border-radius:11px;cursor:pointer;margin-bottom:4px
}
.tlm1-method-card:hover{background:rgba(255,255,255,.023)}
.tlm1-method-card.active{border-color:rgba(216,191,121,.30);background:rgba(216,191,121,.06)}
.tlm1-method-card strong{display:block;font:600 13px/1.22 Georgia,serif;color:#e8d9b4}
.tlm1-method-card span{display:block;margin-top:4px;color:#7e9397;font-size:9px;line-height:1.3}
.tlm1-method-card small{display:block;margin-top:5px;color:#aa955c;font-size:8px;letter-spacing:.05em}

.tlm1-content{min-width:0}
.tlm1-article{
  border:1px solid var(--tlm1-line);background:linear-gradient(180deg,rgba(9,27,35,.95),rgba(6,21,28,.95));
  border-radius:20px;padding:clamp(20px,3vw,34px);min-height:760px
}
.tlm1-empty{min-height:680px;display:grid;place-content:center;text-align:center;color:#748a8e}
.tlm1-empty span{color:var(--tlm1-gold);font-size:22px}
.tlm1-empty h2{font:500 30px Georgia,serif;color:#d8c89e;margin:10px 0}
.tlm1-empty p{max-width:500px;margin:0 auto;line-height:1.6}

.tlm1-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start;padding-bottom:18px;border-bottom:1px solid rgba(216,191,121,.10)}
.tlm1-head-copy .tlm1-method-kicker{color:#82979b;font-size:8px;font-weight:900;letter-spacing:.16em}
.tlm1-head h2{margin:6px 0 7px;font:500 clamp(30px,4vw,52px)/1.02 Georgia,serif;color:#f0dfb4}
.tlm1-source{color:#819397;font-size:10px}
.tlm1-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:360px}
.tlm1-badge{border:1px solid rgba(216,191,121,.13);border-radius:999px;padding:6px 9px;color:#9dacaf;font-size:9px;background:rgba(255,255,255,.015)}
.tlm1-badge b{color:#dbc47e;font-weight:800}

.tlm1-encyclopedia{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,520px);gap:22px;margin-top:22px}
.tlm1-copy-stack{min-width:0}
.tlm1-section{padding:16px 0;border-bottom:1px solid rgba(216,191,121,.085)}
.tlm1-section:first-child{padding-top:0}
.tlm1-section:last-child{border-bottom:0}
.tlm1-section-label{display:block;color:#71878c;font-size:8px;font-weight:900;letter-spacing:.16em;margin-bottom:7px}
.tlm1-section h3{margin:0 0 8px;font:500 20px Georgia,serif;color:#e4d4ab}
.tlm1-section p{margin:0;color:#a9b8b9;font-size:13px;line-height:1.7}
.tlm1-use-list{display:flex;flex-wrap:wrap;gap:7px}
.tlm1-use{border:1px solid rgba(216,191,121,.13);background:rgba(255,255,255,.015);border-radius:999px;padding:6px 9px;color:#a6b4b5;font-size:9px}
.tlm1-positions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
.tlm1-position{display:grid;grid-template-columns:24px 1fr;gap:7px;align-items:start;padding:8px;border:1px solid rgba(216,191,121,.09);border-radius:10px;background:rgba(255,255,255,.012)}
.tlm1-position b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:rgba(216,191,121,.08);color:#ccb36f;font-size:9px}
.tlm1-position span{color:#9eadaf;font-size:10px;line-height:1.35}
.tlm1-source-note{padding:10px 11px;border-left:2px solid rgba(216,191,121,.35);background:rgba(216,191,121,.04);color:#93a4a6;font-size:10px;line-height:1.55}

.tlm1-layout-card{
  position:sticky;top:88px;border:1px solid rgba(216,191,121,.13);border-radius:16px;background:rgba(3,15,20,.48);overflow:hidden
}
.tlm1-layout-head{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-bottom:1px solid rgba(216,191,121,.08)}
.tlm1-layout-head span{color:#74898d;font-size:8px;font-weight:900;letter-spacing:.15em}
.tlm1-layout-head b{color:#d8c17c;font-size:9px}
.tlm1-spread-canvas{
  --slot-w:58px;--slot-h:87px;
  position:relative;min-height:500px;margin:12px;border:1px solid rgba(216,191,121,.10);border-radius:14px;
  background:
    radial-gradient(ellipse at 50% 48%,rgba(204,173,92,.07),transparent 58%),
    linear-gradient(180deg,rgba(9,32,39,.62),rgba(3,16,21,.72));
  overflow:hidden
}
.tlm1-spread-canvas::before{
  content:"";position:absolute;inset:8%;border:1px solid rgba(216,191,121,.04);border-radius:50%;pointer-events:none
}
.tlm1-slot{
  position:absolute;width:var(--slot-w);height:var(--slot-h);margin-left:calc(var(--slot-w) / -2);margin-top:calc(var(--slot-h) / -2);
  border:1px solid rgba(227,203,137,.55);border-radius:7px;
  background:
    radial-gradient(circle at 50% 42%,rgba(227,203,137,.20) 0 8%,transparent 9%),
    repeating-linear-gradient(45deg,rgba(227,203,137,.035) 0 2px,transparent 2px 6px),
    linear-gradient(150deg,#12313a,#071a22 72%);
  box-shadow:0 10px 22px rgba(0,0,0,.28),inset 0 0 0 3px rgba(216,191,121,.035);
  display:grid;place-items:center;color:#ead79d;font:600 12px Georgia,serif;
  transform-origin:center;cursor:default;transition:.18s ease
}
.tlm1-slot:hover{z-index:20!important;filter:brightness(1.18);box-shadow:0 14px 30px rgba(0,0,0,.34),0 0 20px rgba(216,191,121,.12)}
.tlm1-slot-label{
  position:absolute;left:50%;top:calc(100% + 5px);transform:translateX(-50%);width:max-content;max-width:120px;
  color:#8ea1a4;font:700 8px/1.25 system-ui,sans-serif;text-align:center;opacity:0;pointer-events:none;
  background:rgba(4,17,23,.94);border:1px solid rgba(216,191,121,.12);border-radius:6px;padding:4px 5px
}
.tlm1-slot:hover .tlm1-slot-label{opacity:1}
.tlm1-layout-note{padding:0 13px 13px;color:#71878b;font-size:9px;line-height:1.45}
.tlm1-no-layout{min-height:420px;display:grid;place-content:center;text-align:center;color:#758b8f;padding:28px;font-size:10px;line-height:1.6}

.tlm1-action-card{margin-top:22px;border:1px solid rgba(216,191,121,.16);border-radius:15px;background:rgba(216,191,121,.035);padding:16px}
.tlm1-action-card h3{margin:0 0 5px;font:500 21px Georgia,serif;color:#e4d4aa}
.tlm1-action-card>p{margin:0 0 11px;color:#8fa2a5;font-size:11px;line-height:1.55}
.tlm1-intents{display:flex;flex-wrap:wrap;gap:7px}
.tlm1-intent{border:1px solid rgba(216,191,121,.14);background:rgba(255,255,255,.014);color:#9eadaf;border-radius:9px;padding:8px 10px;cursor:pointer;font-size:10px}
.tlm1-intent.active{border-color:rgba(216,191,121,.48);background:rgba(216,191,121,.08);color:#ebd89e}
.tlm1-question{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:10px}
.tlm1-question textarea{min-height:74px;resize:vertical;background:#06151c;border:1px solid rgba(216,191,121,.16);color:#eef3f1;border-radius:10px;padding:10px;outline:none;line-height:1.45}
.tlm1-question textarea:focus{border-color:rgba(216,191,121,.52)}
.tlm1-action-side{display:flex;flex-direction:column;gap:7px;min-width:178px}
.tlm1-reading-mode{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.tlm1-reading-mode button{border:1px solid rgba(216,191,121,.12);background:rgba(255,255,255,.012);color:#87999d;border-radius:8px;padding:7px 8px;cursor:pointer;font-size:8.5px}
.tlm1-reading-mode button.active{color:#e7d69c;border-color:rgba(216,191,121,.38);background:rgba(216,191,121,.06)}
.tlm1-start{flex:1;border:1px solid rgba(235,214,154,.60);background:linear-gradient(180deg,#e7d49b,#c3a45a);color:#20180d;border-radius:9px;padding:9px 12px;font-weight:900;cursor:pointer;font-size:10px}
.tlm1-start:disabled{opacity:.35;cursor:not-allowed}
.tlm1-info-only{padding:10px 11px;border:1px dashed rgba(216,191,121,.18);border-radius:9px;color:#81969a;font-size:10px;line-height:1.5}
.tlm1-contract-note{margin-top:9px;color:#6f8589;font-size:9px;line-height:1.45}
.tlm1-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(14px);opacity:0;pointer-events:none;background:#10252d;border:1px solid rgba(216,191,121,.3);color:#e9d9ab;border-radius:999px;padding:8px 13px;font-size:10px;transition:.2s;z-index:100}
.tlm1-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media(max-width:1120px){
  .tlm1-main{grid-template-columns:290px 1fr}
  .tlm1-encyclopedia{grid-template-columns:1fr}
  .tlm1-layout-card{position:relative;top:auto}
  .tlm1-spread-canvas{min-height:520px}
}
@media(max-width:780px){
  .tlm1-topbar{grid-template-columns:1fr auto;gap:8px;padding:9px 13px}
  .tlm1-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow:auto;gap:13px}
  .tlm1-nav a,.tlm1-nav button{white-space:nowrap;font-size:8.5px}
  .tlm1-main{grid-template-columns:1fr;width:min(100% - 18px,1660px);padding-top:12px}
  .tlm1-library{position:relative;top:auto;max-height:none}
  .tlm1-method-list{max-height:330px}
  .tlm1-article{min-height:0;padding:17px}
  .tlm1-empty{min-height:300px}
  .tlm1-head{grid-template-columns:1fr}
  .tlm1-badges{justify-content:flex-start}
  .tlm1-positions{grid-template-columns:1fr}
  .tlm1-question{grid-template-columns:1fr}
  .tlm1-action-side{min-width:0}
  .tlm1-spread-canvas{min-height:430px;margin:9px}
}
/* ==========================================================================
   V14.43 — METHODS SCROLLBARS
   Separate styling for the Methods surface only.
   ========================================================================== */
.tlm1,
.tlm1-method-list,
.tlm1-family-tabs{
  scrollbar-width:thin;
  scrollbar-color:rgba(202,170,91,.72) rgba(3,18,24,.58);
}
.tlm1::-webkit-scrollbar,
.tlm1-method-list::-webkit-scrollbar,
.tlm1-family-tabs::-webkit-scrollbar{
  width:8px;
  height:7px;
}
.tlm1::-webkit-scrollbar-track,
.tlm1-method-list::-webkit-scrollbar-track,
.tlm1-family-tabs::-webkit-scrollbar-track{
  background:rgba(3,18,24,.58);
  border-radius:999px;
}
.tlm1::-webkit-scrollbar-thumb,
.tlm1-method-list::-webkit-scrollbar-thumb,
.tlm1-family-tabs::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,rgba(223,195,119,.78),rgba(155,124,58,.72));
  border:2px solid rgba(3,18,24,.70);
  border-radius:999px;
}
.tlm1::-webkit-scrollbar-thumb:hover,
.tlm1-method-list::-webkit-scrollbar-thumb:hover,
.tlm1-family-tabs::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,rgba(240,216,151,.92),rgba(183,147,71,.86));
}


/* ==========================================================================
   V14.44 — FORCED METHODS SCROLLBAR THEME
   New physical CSS file is enqueued to bypass stale browser assets.
   ========================================================================== */
.tlm1-library,
.tlm1-method-list,
.tlm1-family-tabs{
  scrollbar-width:thin!important;
  scrollbar-color:#c9aa63 #071920!important;
}
.tlm1-library::-webkit-scrollbar,
.tlm1-method-list::-webkit-scrollbar{
  width:9px!important;
}
.tlm1-family-tabs::-webkit-scrollbar{
  height:7px!important;
}
.tlm1-library::-webkit-scrollbar-track,
.tlm1-method-list::-webkit-scrollbar-track,
.tlm1-family-tabs::-webkit-scrollbar-track{
  background:#071920!important;
  border-radius:999px!important;
}
.tlm1-library::-webkit-scrollbar-thumb,
.tlm1-method-list::-webkit-scrollbar-thumb,
.tlm1-family-tabs::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#d8bf79,#9b7b3f)!important;
  border:2px solid #071920!important;
  border-radius:999px!important;
}
.tlm1-library::-webkit-scrollbar-thumb:hover,
.tlm1-method-list::-webkit-scrollbar-thumb:hover,
.tlm1-family-tabs::-webkit-scrollbar-thumb:hover{
  background:linear-gradient(180deg,#f0dda7,#b8944e)!important;
}
/* ==========================================================================
   V14.45 — METHOD DECK POLICY
   Prominent, method-owned deck rule. Methods CSS only.
   ========================================================================== */
.tlm1-deck-policy{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  margin:18px 0 0;
  padding:13px 14px;
  border:1px solid rgba(216,191,121,.22);
  border-radius:14px;
  background:
    linear-gradient(90deg,rgba(216,191,121,.075),rgba(13,34,43,.62) 44%,rgba(7,24,31,.68));
}
.tlm1-deck-policy-icon{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
  border:1px solid rgba(216,191,121,.34);
  color:#e3cd8d;background:rgba(216,191,121,.06);font-size:12px;
}
.tlm1-deck-policy-copy>span{
  display:block;color:#81979b;font-size:8px;font-weight:900;letter-spacing:.16em;margin-bottom:3px;
}
.tlm1-deck-policy-copy h3{
  margin:0;color:#ead8a7;font:600 17px/1.2 Georgia,serif;
}
.tlm1-deck-policy-copy p{
  margin:4px 0 0;color:#a9b8b9;font-size:11px;line-height:1.45;
}
.tlm1-deck-policy-copy small{
  display:block;margin-top:5px;color:#7f9498;font-size:9px;line-height:1.4;
}
.tlm1-deck-policy-state{
  white-space:nowrap;border:1px solid rgba(216,191,121,.20);border-radius:999px;
  padding:6px 8px;color:#cdb66f;background:rgba(216,191,121,.04);font-size:8px;letter-spacing:.08em;
}
.tlm1-deck-policy.is-major{border-color:rgba(218,183,101,.34)}
.tlm1-deck-policy.is-restricted{border-color:rgba(179,146,79,.38);background:linear-gradient(90deg,rgba(160,117,44,.10),rgba(12,31,39,.68))}
.tlm1-deck-policy.is-hybrid{border-color:rgba(126,164,160,.28);background:linear-gradient(90deg,rgba(67,114,112,.10),rgba(12,31,39,.68))}
.tlm1-deck-policy.is-special{border-color:rgba(174,124,124,.28)}
@media(max-width:780px){
  .tlm1-deck-policy{grid-template-columns:auto 1fr}
  .tlm1-deck-policy-state{grid-column:1/-1;justify-self:start}
}

/* V14.48 — combinations note + physical-spread entry */
.tlm1-combination-note{border-left:3px solid rgba(207,172,96,.66);padding-left:16px;background:linear-gradient(90deg,rgba(207,172,96,.045),transparent 70%)}
.tlm1-physical-entry{margin-top:18px;padding-top:17px;border-top:1px solid rgba(207,172,96,.18);display:flex;align-items:center;justify-content:space-between;gap:18px}
.tlm1-physical-entry b{display:block;color:#d8b96f;font-size:11px;letter-spacing:.1em;margin-bottom:5px}.tlm1-physical-entry p{margin:0;color:#9eabb0;line-height:1.55;font-size:12px;max-width:650px}
.tlm1-physical{border:1px solid rgba(216,185,111,.6);background:rgba(216,185,111,.07);color:#d8b96f;border-radius:11px;padding:11px 14px;font-weight:700;font-size:11px;letter-spacing:.05em;cursor:pointer;white-space:nowrap}.tlm1-physical:hover{background:rgba(216,185,111,.14);border-color:#d8b96f}
@media(max-width:720px){.tlm1-physical-entry{align-items:stretch;flex-direction:column}.tlm1-physical{width:100%}}
