:root{--tesi-bg:#061923;--tesi-panel:#0b2530;--tesi-panel2:#0f303c;--tesi-gold:#d8b96d;--tesi-gold2:#f1d99a;--tesi-text:#edf1ee;--tesi-muted:#9dacb0;--tesi-line:rgba(216,185,109,.18)}
html,body{margin:0;background:var(--tesi-bg);color:var(--tesi-text)}body.taroeyes-spread-interpreter-surface{background:radial-gradient(circle at 50% 5%,#123a48 0,#071c26 28%,#061923 72%)}
.tesi2{min-height:100vh;font-family:"Noto Sans",Arial,sans-serif;background:radial-gradient(circle at 60% 0,rgba(36,91,104,.22),transparent 33%),linear-gradient(180deg,#071d27,#061821 72%);color:var(--tesi-text)}
.tesi2 *{box-sizing:border-box}.tesi2 button,.tesi2 input{font:inherit}.tesi2-topbar{height:68px;border-bottom:1px solid var(--tesi-line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,56px);background:rgba(4,18,25,.92);position:sticky;top:0;z-index:40;backdrop-filter:blur(16px)}
.tesi2-brand{display:flex;align-items:center;gap:7px;color:var(--tesi-gold2);text-decoration:none}.tesi2-brand b{font-family:Georgia,"Noto Serif",serif;letter-spacing:.02em;font-size:18px}.tesi2-brand span{font-size:10px}.tesi2-nav{display:flex;gap:22px;align-items:center}.tesi2-nav a{color:#aab7ba;text-decoration:none;font-size:11px;letter-spacing:.08em}.tesi2-nav a:hover,.tesi2-nav a.active{color:var(--tesi-gold2)}
.tesi2-main{max-width:1500px;margin:auto;padding:34px clamp(14px,3vw,38px) 90px}.tesi2-hero{text-align:center;max-width:920px;margin:0 auto 28px}.tesi2-kicker,.tesi2-stage-head span,.tesi2-control-block>span,.tesi2-question>span,.tesi2-panel-head span,.tesi2-seo-copy>span{color:var(--tesi-gold);font-size:10px;letter-spacing:.15em}.tesi2-hero h1{font:600 clamp(34px,4.6vw,58px)/1.05 Georgia,"Noto Serif",serif;margin:9px 0 14px}.tesi2-hero p{max-width:820px;margin:auto;color:var(--tesi-muted);font-size:15px;line-height:1.75}
.tesi2-method-stage,.tesi2-controls,.tesi2-card-panel,.tesi2-preview-panel,.tesi2-result,.tesi2-seo-copy{border:1px solid var(--tesi-line);background:linear-gradient(180deg,rgba(13,41,52,.93),rgba(7,27,37,.96));border-radius:20px;box-shadow:0 22px 60px rgba(0,0,0,.14)}.tesi2-method-stage{padding:18px;margin-bottom:14px}.tesi2-stage-head,.tesi2-panel-head{display:flex;justify-content:space-between;align-items:end;gap:14px}.tesi2-stage-head h2,.tesi2-panel-head h2{font:600 24px/1.15 Georgia,"Noto Serif",serif;margin:5px 0 0}.tesi2-stage-head>small{color:#7f9096;max-width:430px;text-align:right;line-height:1.5}
.tesi2-method-rail{display:grid;grid-template-columns:repeat(10,minmax(108px,1fr));gap:8px;margin-top:14px;padding-bottom:3px}.tesi2-method-card{min-width:108px;border:1px solid rgba(255,255,255,.07);background:rgba(2,15,21,.25);color:#dce3e1;border-radius:13px;padding:9px 8px;cursor:pointer;text-align:left;transition:.16s ease}.tesi2-method-card:hover{border-color:rgba(216,185,109,.42);transform:translateY(-1px)}.tesi2-method-card.active{border-color:var(--tesi-gold);background:rgba(216,185,109,.08);box-shadow:0 0 0 1px rgba(216,185,109,.1) inset}.tesi2-method-card b{display:block;font-size:11px;line-height:1.25;margin-top:7px}.tesi2-method-card small{display:block;color:#87989e;font-size:9px;margin-top:4px}.tesi2-mini-preview{height:52px;display:block;position:relative;border-radius:8px;background:rgba(0,0,0,.12);overflow:hidden}.tesi2-mini-slot{position:absolute;width:9px;height:14px;border:1px solid rgba(216,185,109,.7);border-radius:2px;transform:translate(-50%,-50%) rotate(var(--r,0deg));background:rgba(216,185,109,.07)}
.tesi2-controls{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;padding:15px 17px;margin-bottom:14px}.tesi2-deck-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.tesi2-deck-tabs button{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:9px 10px;background:rgba(2,15,21,.28);color:#bec8ca;cursor:pointer;text-align:left}.tesi2-deck-tabs button b,.tesi2-deck-tabs button small{display:block}.tesi2-deck-tabs button b{font-size:12px}.tesi2-deck-tabs button small{font-size:10px;color:#809197;margin-top:3px}.tesi2-deck-tabs button.active{border-color:var(--tesi-gold);color:var(--tesi-gold2);background:rgba(216,185,109,.07)}
.tesi2-workspace{display:grid;grid-template-columns:minmax(330px,.78fr) minmax(560px,1.22fr);gap:14px;align-items:start}.tesi2-card-panel,.tesi2-preview-panel{padding:18px;min-height:650px}.tesi2-panel-head>b{color:var(--tesi-gold);font-size:17px}.tesi2-card-panel>p,.tesi2-method-description{color:var(--tesi-muted);font-size:13px;line-height:1.6}.tesi2-search{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.09);border-radius:11px;padding:0 11px;margin:13px 0 9px;background:rgba(0,0,0,.12)}.tesi2-search input{width:100%;border:0;background:transparent;color:#eef2ef;outline:0;padding:10px 0}.tesi2-suit-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.tesi2-suit-tabs button{border:1px solid rgba(216,185,109,.14);border-radius:999px;background:transparent;color:#8f9da2;padding:5px 8px;font-size:9px;cursor:pointer}.tesi2-suit-tabs button.active{color:var(--tesi-gold2);border-color:rgba(216,185,109,.55);background:rgba(216,185,109,.06)}.tesi2-card-banners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:490px;overflow:auto;padding-right:4px}.tesi2-card-banner{border:1px solid rgba(255,255,255,.065);border-radius:9px;background:rgba(4,20,27,.72);color:#ced6d4;padding:9px 10px;cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:8px}.tesi2-card-banner:hover{border-color:rgba(216,185,109,.45);color:var(--tesi-gold2)}.tesi2-card-banner:disabled{opacity:.35;cursor:not-allowed}.tesi2-card-banner b{font-size:11px;line-height:1.2}.tesi2-card-banner small{color:#74878e;white-space:nowrap}.tesi2-card-banner.used{border-color:rgba(216,185,109,.28);background:rgba(216,185,109,.05)}
.tesi2-preview-panel{position:sticky;top:82px}.tesi2-preview-canvas{position:relative;height:500px;margin-top:14px;border:1px solid rgba(216,185,109,.14);border-radius:18px;background:radial-gradient(circle at 50% 48%,rgba(216,185,109,.055),transparent 32%),linear-gradient(180deg,rgba(0,0,0,.13),rgba(0,0,0,.05));overflow:hidden}.tesi2-preview-canvas::before{content:"";position:absolute;inset:6%;border:1px solid rgba(216,185,109,.06);border-radius:50%;pointer-events:none}.tesi2-slot{position:absolute;width:116px;min-height:74px;transform:translate(-50%,-50%) rotate(var(--r,0deg));border:1px dashed rgba(216,185,109,.3);border-radius:11px;background:rgba(7,30,39,.92);padding:7px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.18);transition:.15s ease}.tesi2-slot:hover,.tesi2-slot.active{border-style:solid;border-color:var(--tesi-gold);box-shadow:0 0 0 2px rgba(216,185,109,.1),0 9px 24px rgba(0,0,0,.2)}.tesi2-slot.filled{border-style:solid;background:linear-gradient(180deg,rgba(216,185,109,.12),rgba(8,31,40,.94))}.tesi2-slot .num{position:absolute;top:5px;left:6px;font-size:8px;color:var(--tesi-gold)}.tesi2-slot .label{font-size:9px;color:#91a0a5;line-height:1.15;padding-top:5px}.tesi2-slot .cardname{display:block;margin-top:4px;font:600 11px/1.15 Georgia,"Noto Serif",serif;color:#f0e7cf}.tesi2-slot .remove{position:absolute;top:3px;right:5px;border:0;background:transparent;color:#87999f;font-size:13px;cursor:pointer;padding:1px}.tesi2-slot.crossing{width:104px;min-height:60px}.tesi2-active-help{margin-top:10px;padding:9px 11px;border-left:3px solid var(--tesi-gold);background:rgba(216,185,109,.04);color:#a8b5b8;font-size:12px}.tesi2-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.tesi2-clear,.tesi2-analyze{border-radius:10px;padding:10px 14px;cursor:pointer}.tesi2-clear{border:1px solid rgba(255,255,255,.1);background:transparent;color:#9aa8ad}.tesi2-analyze{border:1px solid var(--tesi-gold);background:var(--tesi-gold);color:#12222a;font-weight:800}.tesi2-analyze:disabled{opacity:.35;cursor:not-allowed}
.tesi2-result{margin-top:14px;padding:20px}.tesi2-result[hidden]{display:none}.tesi2-result-head{text-align:center}.tesi2-result-head span{font-size:10px;letter-spacing:.14em;color:var(--tesi-gold)}.tesi2-result-head h2{font:600 30px/1.1 Georgia,"Noto Serif",serif;margin:6px 0 9px}.tesi2-result-head p{color:var(--tesi-muted);max-width:840px;margin:auto;line-height:1.65}.tesi2-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.tesi2-result-card{border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:13px;background:rgba(0,0,0,.12)}.tesi2-result-card small{color:var(--tesi-gold);font-size:9px}.tesi2-result-card h3{font:600 17px/1.2 Georgia,"Noto Serif",serif;margin:5px 0 7px}.tesi2-result-card p{color:#bbc6c8;font-size:12px;line-height:1.6;margin:0}.tesi2-combo-result{margin-top:16px;padding-top:14px}.tesi2-combo-result h3{font:600 20px/1.2 Georgia,"Noto Serif",serif;margin:0 0 9px}.tesi2-combo-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tesi2-combo-chip{border:1px solid rgba(216,185,109,.14);border-radius:11px;padding:10px;background:rgba(216,185,109,.025)}.tesi2-combo-chip b{font-size:11px}.tesi2-combo-chip p{color:#aab7bb;line-height:1.5;margin:5px 0 0}

@media(max-width:1180px){.tesi2-method-rail{grid-template-columns:repeat(5,minmax(126px,1fr))}.tesi2-workspace{grid-template-columns:minmax(300px,.9fr) minmax(500px,1.1fr)}.tesi2-slot{width:102px}}
@media(max-width:900px){.tesi2-controls,.tesi2-workspace{grid-template-columns:1fr}.tesi2-preview-panel{position:relative;top:auto;min-height:auto}.tesi2-card-panel{min-height:auto}.tesi2-card-banners{max-height:340px}.tesi2-preview-canvas{height:520px}.tesi2-nav{gap:12px;overflow:auto}.tesi2-nav a{white-space:nowrap}}
@media(max-width:620px){.tesi2-topbar{height:auto;min-height:62px;padding:10px 12px;gap:12px}.tesi2-brand b{font-size:15px}.tesi2-nav{max-width:70vw}.tesi2-nav a{font-size:9px}.tesi2-main{padding:24px 10px 70px}.tesi2-method-rail{display:flex}.tesi2-method-card{min-width:124px}.tesi2-deck-tabs{grid-template-columns:1fr}.tesi2-card-banners{grid-template-columns:1fr 1fr}.tesi2-preview-canvas{height:460px}.tesi2-slot{width:84px;min-height:66px;padding:5px}.tesi2-slot .cardname{font-size:9px}.tesi2-result-grid,.tesi2-combo-chips,.tesi2-seo-grid{grid-template-columns:1fr}.tesi2-stage-head{align-items:flex-start;flex-direction:column}.tesi2-stage-head>small{text-align:left}.tesi2-actions{position:sticky;bottom:8px;background:rgba(7,25,34,.95);padding:8px;border-radius:11px;z-index:20}.tesi2-analyze{flex:1}}

/* V14.50 — novice guidance + larger layout readability */
.tesi2-main{max-width:1640px}
.tesi2-mini-slot em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:6px;font-weight:800;color:#f4dfaa;transform:rotate(calc(var(--r,0deg) * -1));line-height:1}
.tesi2-method-explainer{margin-top:14px;border-top:1px solid var(--tesi-line);padding-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
.tesi2-method-explainer>div>span,.tesi2-how-copy>span,.tesi2-how-visual-head>span{display:block;color:var(--tesi-gold);font-size:9px;letter-spacing:.15em}
.tesi2-method-explainer h3{font:600 19px/1.2 Georgia,"Noto Serif",serif;margin:4px 0 5px;color:#f0e7cf}
.tesi2-method-explainer p{margin:0;color:#aebabc;font-size:12px;line-height:1.55;max-width:900px}
.tesi2-how-toggle{min-width:285px;border:1px solid rgba(216,185,109,.28);background:rgba(216,185,109,.045);color:#e5d6b1;border-radius:13px;padding:10px 13px;display:grid;grid-template-columns:1fr auto;text-align:left;cursor:pointer;align-items:center;gap:2px 10px}
.tesi2-how-toggle b,.tesi2-how-toggle small{display:block;grid-column:1}.tesi2-how-toggle b{font-size:11px}.tesi2-how-toggle small{font-size:9px;color:#8fa0a4;margin-top:2px}.tesi2-how-toggle>span{grid-column:2;grid-row:1 / span 2;font-size:18px;color:var(--tesi-gold);transition:transform .18s ease}.tesi2-how-toggle.active>span{transform:rotate(180deg)}.tesi2-how-toggle:hover,.tesi2-how-toggle.active{border-color:rgba(216,185,109,.6);background:rgba(216,185,109,.08)}
.tesi2-how-panel[hidden]{display:none!important}.tesi2-how-panel{margin-top:12px;border:1px solid rgba(216,185,109,.22);border-radius:16px;background:linear-gradient(180deg,rgba(8,32,42,.94),rgba(4,22,30,.97));padding:16px;display:grid;grid-template-columns:minmax(320px,.85fr) minmax(420px,1.15fr);gap:18px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.012)}
.tesi2-how-copy h3{font:600 24px/1.15 Georgia,"Noto Serif",serif;margin:6px 0 12px}.tesi2-how-copy ol{list-style:none;margin:0;padding:0;display:grid;gap:7px}.tesi2-how-copy li{display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:start;color:#bcc7c9;font-size:12px;line-height:1.5}.tesi2-how-copy li>b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(216,185,109,.4);color:var(--tesi-gold2);font-size:10px;background:rgba(216,185,109,.05)}
.tesi2-how-position-list{margin-top:13px;padding-top:11px;border-top:1px solid var(--tesi-line)}.tesi2-how-position-list>b{font-size:11px;color:#d9e0de}.tesi2-how-position-list>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tesi2-how-position-list span{display:flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.065);border-radius:999px;padding:4px 8px;color:#9dacb0;font-size:9px}.tesi2-how-position-list strong{color:var(--tesi-gold2);font-size:10px}
.tesi2-how-visual{border:1px solid rgba(216,185,109,.1);border-radius:14px;padding:12px;background:rgba(0,0,0,.1)}.tesi2-how-visual-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.tesi2-how-visual-head b{font-size:12px;color:var(--tesi-gold2);letter-spacing:.08em}.tesi2-how-canvas{position:relative;height:330px;border-radius:12px;background:radial-gradient(circle at 50% 50%,rgba(216,185,109,.05),transparent 38%),rgba(3,18,25,.45);overflow:hidden}.tesi2-how-visual>small{display:block;text-align:center;color:#73868d;font-size:9px;margin-top:7px}.tesi2-how-arrows{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.tesi2-how-arrows line{stroke:rgba(216,185,109,.28);stroke-width:.45;stroke-dasharray:1.4 1.1;vector-effect:non-scaling-stroke}.tesi2-how-arrows marker path{fill:rgba(216,185,109,.55)}
.tesi2-how-slot{position:absolute;width:82px;min-height:50px;transform:translate(-50%,-50%) rotate(var(--r,0deg));border:1px solid rgba(216,185,109,.45);border-radius:8px;background:#092731;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:5px 6px;box-shadow:0 8px 20px rgba(0,0,0,.19)}.tesi2-how-slot b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--tesi-gold);color:#13252c;font-size:11px;line-height:1}.tesi2-how-slot small{font-size:7px;color:#9dadb1;line-height:1.1;margin-top:3px;max-width:72px}.tesi2-how-slot.crossing{width:72px;min-height:44px}
.tesi2-workspace{grid-template-columns:minmax(330px,.62fr) minmax(720px,1.38fr)}
.tesi2-card-panel,.tesi2-preview-panel{min-height:760px}
.tesi2-preview-head>b{font-size:22px;color:var(--tesi-gold2)}
.tesi2-preview-canvas{height:640px;margin-top:16px}
.tesi2-preview-canvas::before{inset:4%}
.tesi2-preview-empty{display:grid;place-items:center;height:100%;color:#71858c;font-size:14px}
.tesi2-slot{width:132px;min-height:88px;padding:10px 9px 8px;border-radius:13px}
.tesi2-slot.crossing{width:118px;min-height:70px}
.tesi2-slot .num{top:7px;left:8px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--tesi-gold);color:#11242b;font-size:13px;font-weight:900;box-shadow:0 2px 7px rgba(0,0,0,.25)}
.tesi2-slot .label{font-size:10px;line-height:1.18;padding-top:22px;color:#a4b2b6}
.tesi2-slot .cardname{font-size:13px;line-height:1.15;margin-top:5px}
.tesi2-slot .remove{font-size:16px;top:5px;right:7px}
.tesi2-active-help{font-size:13px;padding:11px 13px}
.tesi2-card-banners{max-height:600px}
.tesi2-card-banner{padding:10px 11px}.tesi2-card-banner b{font-size:12px}.tesi2-card-banner small{font-size:8px}
.tesi2[data-deck-mode="major"] .tesi2-card-banners{grid-template-columns:1fr}.tesi2[data-deck-mode="major"] .tesi2-card-banner{padding:12px 13px}.tesi2[data-deck-mode="major"] .tesi2-card-banner b{font-size:13px}
.tesi2-no-cards{color:#809298;font-size:12px;padding:12px}

@media(max-width:1300px){.tesi2-workspace{grid-template-columns:minmax(310px,.72fr) minmax(620px,1.28fr)}.tesi2-preview-canvas{height:610px}.tesi2-slot{width:118px;min-height:82px}.tesi2-slot.crossing{width:108px}.tesi2-how-panel{grid-template-columns:minmax(300px,.9fr) minmax(380px,1.1fr)}}
@media(max-width:1000px){.tesi2-method-explainer{grid-template-columns:1fr}.tesi2-how-toggle{width:100%;min-width:0}.tesi2-how-panel{grid-template-columns:1fr}.tesi2-how-canvas{height:360px}.tesi2-workspace{grid-template-columns:1fr}.tesi2-preview-panel{position:relative;top:auto}.tesi2-preview-canvas{height:650px}.tesi2-card-panel,.tesi2-preview-panel{min-height:auto}}
@media(max-width:620px){.tesi2-method-explainer h3{font-size:17px}.tesi2-how-panel{padding:11px}.tesi2-how-copy h3{font-size:20px}.tesi2-how-canvas{height:300px}.tesi2-how-slot{width:62px;min-height:44px}.tesi2-how-slot small{font-size:6px;max-width:54px}.tesi2-how-slot b{width:19px;height:19px;font-size:9px}.tesi2-preview-canvas{height:540px}.tesi2-slot{width:92px;min-height:74px;padding:7px 5px}.tesi2-slot.crossing{width:84px;min-height:62px}.tesi2-slot .num{width:20px;height:20px;font-size:11px;top:5px;left:5px}.tesi2-slot .label{font-size:8px;padding-top:18px}.tesi2-slot .cardname{font-size:10px}.tesi2-card-banners{max-height:420px}}

/* V14.51 — public combination layer for the manual spread interpreter */
.tesi2-combo-ready{margin-top:10px;border:1px solid rgba(216,185,109,.22);background:linear-gradient(135deg,rgba(216,185,109,.07),rgba(9,38,48,.22));border-radius:13px;padding:11px 13px;display:grid;gap:3px}
.tesi2-combo-ready[hidden]{display:none}.tesi2-combo-ready>span{font-size:9px;letter-spacing:.15em;color:var(--tesi-gold)}.tesi2-combo-ready>b{font-size:12px;color:#eef4f2}.tesi2-combo-ready>small{font-size:10px;line-height:1.45;color:#9fb0b3}
.tesi2-combo-result{margin-top:20px;border-top:1px solid var(--tesi-line);padding-top:18px}.tesi2-combo-result-head{max-width:880px;margin:0 0 13px}.tesi2-combo-result-head>span{font-size:9px;letter-spacing:.15em;color:var(--tesi-gold)}.tesi2-combo-result-head h3{font:600 22px/1.18 Georgia,"Noto Serif",serif;margin:5px 0 7px}.tesi2-combo-result-head p{font-size:11px;line-height:1.55;color:#9fb0b3;margin:0}
.tesi2-combo-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tesi2-combo-chip{padding:13px;background:linear-gradient(145deg,rgba(216,185,109,.045),rgba(0,0,0,.12))}.tesi2-combo-chip small{display:block;font-size:8px;letter-spacing:.1em;color:var(--tesi-gold);margin-bottom:6px}.tesi2-combo-chip b{display:block;font:600 14px/1.3 Georgia,"Noto Serif",serif}.tesi2-combo-chip b i{font-style:normal;color:var(--tesi-gold);padding:0 3px}.tesi2-combo-chip p{font-size:11px;line-height:1.58;margin-top:7px}.tesi2-combo-more{display:block;margin-top:10px;color:#899a9d;font-size:9px;line-height:1.45}.tesi2-combo-empty{border-top-style:dashed;opacity:.92}
@media(max-width:620px){.tesi2-combo-chips{grid-template-columns:1fr}.tesi2-combo-result-head h3{font-size:19px}}

/* V14.55 — larger, readable spread carousel + centered guide CTA */
.tesi2-stage-head h2{font-size:27px}
.tesi2-stage-head>small{font-size:13px;line-height:1.6;color:#9aabb0}
.tesi2-method-stage{padding:22px 22px 20px}
.tesi2-method-rail{display:flex!important;grid-template-columns:none!important;gap:12px;margin-top:18px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 8px;scroll-behavior:auto;scrollbar-width:none;overscroll-behavior-inline:contain}
.tesi2-method-rail::-webkit-scrollbar{display:none}
.tesi2-method-card{flex:0 0 clamp(168px,12.5vw,196px);min-width:168px!important;min-height:142px;border-radius:16px;padding:13px 12px 12px;scroll-snap-align:center}
.tesi2-method-card b{font-size:14px;line-height:1.3;margin-top:10px;font-weight:650;color:#e8efed}
.tesi2-method-card small{font-size:11px;line-height:1.35;margin-top:5px;color:#9aabb0}
.tesi2-mini-preview{height:72px;border-radius:10px;background:rgba(0,0,0,.16)}
.tesi2-mini-slot{width:12px;height:18px;border-width:1.4px}
.tesi2-mini-slot em{font-size:8px!important;font-weight:900!important;color:#ffe6a2!important;text-shadow:0 1px 2px rgba(0,0,0,.7)}
.tesi2-method-card.active{box-shadow:0 0 0 2px rgba(216,185,109,.18) inset,0 0 26px rgba(216,185,109,.08)}







.tesi2-method-explainer{grid-template-columns:minmax(0,850px) minmax(360px,430px)!important;justify-content:center;gap:28px!important;padding:18px clamp(12px,3vw,44px) 2px!important;align-items:center!important}
.tesi2-method-explainer>div>span,.tesi2-how-copy>span,.tesi2-how-visual-head>span{font-size:11px!important;letter-spacing:.13em}
.tesi2-method-explainer h3{font-size:23px!important;line-height:1.25!important;margin:6px 0 7px!important}
.tesi2-method-explainer p{font-size:14px!important;line-height:1.65!important;color:#bcc7c9!important}
.tesi2-how-toggle{min-width:0!important;width:100%;padding:15px 17px!important;border-radius:15px!important}
.tesi2-how-toggle b{font-size:15px!important;line-height:1.3!important;font-weight:700}
.tesi2-how-toggle small{font-size:12px!important;line-height:1.4!important;color:#a0b0b4!important;margin-top:4px!important}
.tesi2-how-toggle>span{font-size:23px!important}

/* readability pass: keep the visual tone, remove tiny text */
.tesi2-kicker,.tesi2-stage-head span,.tesi2-control-block>span,.tesi2-question>span,.tesi2-panel-head span,.tesi2-seo-copy>span{font-size:11px}
.tesi2-hero p{font-size:16px}
.tesi2-deck-tabs button b{font-size:13px}.tesi2-deck-tabs button small{font-size:11px}
.tesi2-card-panel>p,.tesi2-method-description{font-size:14px;line-height:1.65}
.tesi2-suit-tabs button{font-size:11px;padding:6px 10px}
.tesi2-card-banner b{font-size:13px}.tesi2-card-banner small{font-size:10px}
.tesi2-active-help{font-size:14px;line-height:1.55}

@media(max-width:1000px){
  .tesi2-method-explainer{padding-inline:4%!important}
  .tesi2-how-toggle{max-width:560px;justify-self:center}
  
}
@media(max-width:620px){
  .tesi2-method-stage{padding:15px 12px}
  .tesi2-method-card{flex-basis:156px;min-width:156px!important;min-height:136px}
  .tesi2-method-card b{font-size:13px}.tesi2-method-card small{font-size:10px}.tesi2-mini-preview{height:68px}
  
  .tesi2-method-explainer h3{font-size:21px!important}.tesi2-method-explainer p{font-size:13px!important}
  .tesi2-how-toggle b{font-size:14px!important}.tesi2-how-toggle small{font-size:11px!important}
}

/* V14.56 — stable method selection, easier scrollbar, visible step hierarchy */
.tesi2-method-rail[data-autoplay-locked="1"]{scroll-behavior:auto}





/* These are the actual user steps: make them impossible to miss. */
.tesi2-stage-head span,
.tesi2-control-block>span,
.tesi2-question>span,
.tesi2-panel-head span{
  display:inline-flex;
  align-items:center;
  min-height:31px;
  padding:6px 10px;
  border:1px solid rgba(216,185,109,.25);
  border-radius:999px;
  background:rgba(216,185,109,.065);
  color:#f0cf7e;
  font-size:14px!important;
  line-height:1.2;
  font-weight:650;
  letter-spacing:.075em!important;
}

.tesi2-stage-head h2,.tesi2-panel-head h2{margin-top:9px}
.tesi2-control-block,.tesi2-question{padding-top:2px}
.tesi2-stage-head>small{font-size:14px;max-width:520px;color:#aab8bb}

/* Help CTA: large, central and readable. */
.tesi2-method-explainer{grid-template-columns:minmax(0,760px) minmax(390px,500px)!important}
.tesi2-how-toggle{min-height:78px!important;padding:17px 20px!important}
.tesi2-how-toggle b{font-size:17px!important;font-weight:650!important}
.tesi2-how-toggle small{font-size:13px!important;color:#b1bec1!important}

/* Slightly larger method cards and diagram labels, without making them heavy. */
.tesi2-method-card{flex-basis:clamp(182px,13.2vw,210px);min-width:182px!important;min-height:152px}
.tesi2-method-card b{font-size:15px;line-height:1.28;font-weight:600}
.tesi2-method-card small{font-size:12px}
.tesi2-mini-preview{height:78px}
.tesi2-mini-slot{width:13px;height:20px}
.tesi2-mini-slot em{font-size:10px!important;font-weight:800!important}

@media(max-width:1000px){
  .tesi2-stage-head{align-items:flex-start}.tesi2-stage-head>small{font-size:13px}
  .tesi2-method-explainer{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .tesi2-stage-head span,.tesi2-control-block>span,.tesi2-question>span,.tesi2-panel-head span{font-size:12px!important;padding:6px 9px;letter-spacing:.055em!important}
  .tesi2-method-card{flex-basis:168px;min-width:168px!important;min-height:144px}
  .tesi2-method-card b{font-size:14px}.tesi2-method-card small{font-size:11px}.tesi2-mini-preview{height:72px}
  
  
  .tesi2-how-toggle b{font-size:15px!important}.tesi2-how-toggle small{font-size:12px!important}
}


/* V14.57 — remove question input; dynamic spread-meaning dropdown + richer position help */
.tesi2-controls{align-items:stretch}





.tesi2-meaning-toggle.active>i{transform:rotate(180deg)}








/* How-to panel now ends with actual position meanings; no fake 'continue' CTA. */
.tesi2-how-position-list{margin-top:18px;padding-top:15px;border-top:1px solid rgba(216,185,109,.16)}
.tesi2-how-position-list>b{display:block;font-size:15px;margin-bottom:10px;color:#f0d18a}
.tesi2-how-position-list>div{display:grid;gap:8px}
.tesi2-how-position-list span{display:grid!important;grid-template-columns:28px minmax(0,1fr);gap:9px!important;align-items:start!important;padding:8px 9px;border:1px solid rgba(216,185,109,.11);border-radius:10px;background:rgba(0,0,0,.08)}
.tesi2-how-position-list span>strong{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid rgba(216,185,109,.38);font-size:12px;color:#f1d185}
.tesi2-how-position-list span>em{display:grid;gap:2px;font-style:normal}.tesi2-how-position-list span>em>b{font-size:12px;color:#edf3f1}.tesi2-how-position-list span>em>small{font-size:10.5px;line-height:1.48;color:#9eafb2}





/* V14.58 — remove duplicate explainer blocks, stronger readability, deeper card panel, position tooltips */
.tesi2-controls{grid-template-columns:1fr!important}
.tesi2-control-block{width:100%}

.tesi2-how-panel{
  grid-template-columns:minmax(390px,.9fr) minmax(520px,1.1fr)!important;
  gap:26px!important;
  padding:22px!important;
}
.tesi2-how-copy h3{font-size:28px!important;line-height:1.18!important;margin-bottom:16px!important}
.tesi2-how-copy ol{gap:10px!important}
.tesi2-how-copy li{grid-template-columns:34px 1fr!important;gap:11px!important;font-size:15px!important;line-height:1.62!important}
.tesi2-how-copy li>b{width:31px!important;height:31px!important;font-size:13px!important}

.tesi2-how-position-list{margin-top:24px!important;padding-top:20px!important}
.tesi2-how-position-list>b{font-size:21px!important;line-height:1.25!important;margin-bottom:14px!important;color:#f1d58f!important}
.tesi2-how-position-list>div{gap:11px!important}
.tesi2-how-position-list span{
  grid-template-columns:38px minmax(0,1fr)!important;
  gap:13px!important;
  padding:12px 13px!important;
  border-radius:13px!important;
}
.tesi2-how-position-list span>strong{width:34px!important;height:34px!important;font-size:15px!important}
.tesi2-how-position-list span>em{gap:4px!important}
.tesi2-how-position-list span>em>b{font-size:16px!important;line-height:1.35!important}
.tesi2-how-position-list span>em>small{font-size:14px!important;line-height:1.58!important;color:#b8c5c7!important}

.tesi2-how-visual{padding:16px!important}
.tesi2-how-visual-head{margin-bottom:12px!important}
.tesi2-how-visual-head>span{font-size:13px!important}
.tesi2-how-visual-head>b{font-size:15px!important}
.tesi2-how-canvas{height:470px!important;margin-top:8px!important;overflow:visible!important}
.tesi2-how-visual>small{font-size:12px!important;line-height:1.5!important;margin-top:11px!important;color:#98a9ad!important}

.tesi2-how-slot{
  appearance:none;
  width:104px!important;
  min-height:68px!important;
  padding:8px!important;
  color:inherit;
  cursor:help;
  font:inherit;
  outline:none;
}
.tesi2-how-slot.crossing{width:92px!important;min-height:58px!important}
.tesi2-how-slot b{width:29px!important;height:29px!important;font-size:14px!important}
.tesi2-how-slot small{font-size:10px!important;line-height:1.22!important;max-width:92px!important;color:#c0cccf!important}

.tesi2-how-slot-tip{
  position:absolute;
  left:50%;
  bottom:calc(100% + 12px);
  width:250px;
  transform:translateX(-50%) rotate(calc(var(--r,0deg) * -1));
  padding:11px 12px;
  border:1px solid rgba(216,185,109,.42);
  border-radius:12px;
  background:rgba(4,22,30,.98);
  box-shadow:0 14px 32px rgba(0,0,0,.34);
  text-align:left;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .15s ease,transform .15s ease;
  z-index:200;
}
.tesi2-how-slot-tip::after{
  content:"";
  position:absolute;
  left:50%;
  top:100%;
  width:10px;height:10px;
  background:rgba(4,22,30,.98);
  border-right:1px solid rgba(216,185,109,.42);
  border-bottom:1px solid rgba(216,185,109,.42);
  transform:translate(-50%,-50%) rotate(45deg);
}
.tesi2-how-slot-tip strong{display:block;color:#f2d58e;font-size:14px;line-height:1.3;margin-bottom:5px}
.tesi2-how-slot-tip em{display:block;color:#c3ced0;font-style:normal;font-size:13px;line-height:1.5}
.tesi2-how-slot:hover .tesi2-how-slot-tip,
.tesi2-how-slot:focus-visible .tesi2-how-slot-tip,
.tesi2-how-slot.tip-open .tesi2-how-slot-tip{opacity:1;visibility:visible}

.tesi2-card-panel{min-height:930px!important;padding-bottom:24px!important}
.tesi2-card-panel>p{font-size:16px!important;line-height:1.7!important;margin-top:14px!important}
.tesi2-search{margin-top:18px!important}
.tesi2-search input{font-size:15px!important;padding:13px 0!important}
.tesi2-suit-tabs{margin-top:13px!important;margin-bottom:18px!important;gap:8px!important}
.tesi2-suit-tabs button{font-size:12px!important;padding:8px 11px!important}
.tesi2-card-banners{max-height:720px!important;margin-top:10px!important;gap:10px!important}
.tesi2-card-banner{min-height:50px;padding:12px 13px!important}
.tesi2-card-banner b{font-size:15px!important;line-height:1.3!important}
.tesi2-card-banner small{font-size:11px!important}

.tesi2-analyze{font-size:13px!important;letter-spacing:.04em}

@media(max-width:1100px){
  .tesi2-how-panel{grid-template-columns:1fr!important}
  .tesi2-how-canvas{height:430px!important}
  .tesi2-card-panel{min-height:auto!important}
}
@media(max-width:620px){
  .tesi2-how-copy h3{font-size:24px!important}
  .tesi2-how-copy li{font-size:14px!important}
  .tesi2-how-position-list>b{font-size:19px!important}
  .tesi2-how-position-list span>em>b{font-size:15px!important}
  .tesi2-how-position-list span>em>small{font-size:13px!important}
  .tesi2-how-canvas{height:360px!important;overflow:visible!important}
  .tesi2-how-slot{width:78px!important;min-height:56px!important}
  .tesi2-how-slot.crossing{width:72px!important;min-height:50px!important}
  .tesi2-how-slot small{font-size:8.5px!important;max-width:70px!important}
  .tesi2-how-slot-tip{width:min(230px,78vw)}
  .tesi2-card-banners{max-height:560px!important}
  .tesi2-card-banner b{font-size:14px!important}
}


/* V14.59 — SEO wording + user-controlled method carousel (arrows + drag/swipe; no autoplay/scrollbar) */

.tesi2-method-carousel{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 58px;
  gap:12px;
  align-items:center;
  margin-top:18px;
}
.tesi2-method-rail{
  margin-top:0!important;
  padding:4px 2px 10px!important;
  scroll-behavior:smooth!important;
  scroll-snap-type:x proximity;
  cursor:grab;
  user-select:none;
  -webkit-user-select:none;
  touch-action:pan-y pinch-zoom;
}
.tesi2-method-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}
.tesi2-method-rail.is-dragging .tesi2-method-card{pointer-events:none}
.tesi2-method-arrow{
  appearance:none;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border:1px solid rgba(216,185,109,.38);
  border-radius:50%;
  background:linear-gradient(145deg,rgba(216,185,109,.11),rgba(5,25,33,.96));
  color:#f2d58b;
  box-shadow:0 8px 20px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,255,255,.025);
  font:400 38px/1 Georgia,serif;
  cursor:pointer;
  transition:border-color .16s ease,background .16s ease,transform .16s ease,opacity .16s ease;
}
.tesi2-method-arrow:hover:not(:disabled),.tesi2-method-arrow:focus-visible{
  border-color:rgba(241,213,139,.72);
  background:linear-gradient(145deg,rgba(216,185,109,.18),rgba(5,25,33,.98));
  transform:scale(1.045);
  outline:none;
}
.tesi2-method-arrow:disabled{opacity:.24;cursor:default;transform:none}
.tesi2-method-carousel-help{
  margin:5px 70px 0;
  text-align:center;
  color:#9fb0b3;
  font-size:12px;
  line-height:1.45;
}
.tesi2-method-card{scroll-snap-align:start!important}

/* Keep the high-value Greek search wording visible without making the UI sound mechanical. */
.tesi2-stage-head>div>span{white-space:normal}
.tesi2-control-block>span{white-space:normal}

@media(max-width:760px){
  .tesi2-method-carousel{grid-template-columns:46px minmax(0,1fr) 46px;gap:7px}
  .tesi2-method-arrow{width:46px;height:46px;font-size:31px}
  .tesi2-method-carousel-help{margin-inline:48px;font-size:11px}
}
@media(max-width:620px){
  .tesi2-method-carousel{grid-template-columns:40px minmax(0,1fr) 40px;gap:5px}
  .tesi2-method-arrow{width:40px;height:40px;font-size:28px}
  .tesi2-method-carousel-help{margin:5px 40px 0;font-size:10.5px}
  .tesi2-method-rail{padding-bottom:8px!important}
}