/* Midas — /tools/ pages (calculators). Additive to css/style.css (load it first): tokens, fonts,
   .container, .btn, .eyebrow, .faq-*, .callout, .kv-table, header/footer all come from there.
   Every class here is prefixed .tl-. Spec: research/TOOLS_STYLE.md (minimal: centered hero,
   lots of air, one idea per block, gold only on the key number and active controls). */

:root{
  --tl-warn:#D9A441;
  --tl-warn-bg:rgba(217,164,65,.09);
  --tl-red-bg:rgba(229,96,90,.08);
  --tl-field:rgba(255,255,255,.03);
}

/* ---------- rhythm ---------- */
.tl-main section{padding:72px 0;}
.tl-main section.tl-sec-flush{padding-top:0;}
.tl-main section + section.tl-sec-line{border-top:1px solid var(--line);}
@media(max-width:720px){.tl-main section{padding:48px 0;}}

/* ---------- hero ---------- */
.tl-main section.tl-hero{padding:60px 0 36px;text-align:center;position:relative;}
.tl-main section.tl-hero-hub{padding:96px 0 56px;}
.tl-hero h1{font-size:44px;line-height:1.1;max-width:800px;margin:0 auto;text-wrap:balance;}
.tl-hero-hub h1{font-size:54px;line-height:1.05;letter-spacing:-.025em;}
.tl-hero .eyebrow{margin-bottom:24px;}
.tl-lede{color:var(--text-dim);font-size:17.5px;line-height:1.55;max-width:700px;margin:18px auto 0;text-wrap:balance;}
.tl-crumb{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;font-size:13px;color:var(--text-faint);margin-bottom:18px;}
.tl-crumb a{color:var(--text-dim);text-decoration:none;min-height:24px;display:inline-flex;align-items:center;}
.tl-crumb a:hover{color:var(--gold);}
.tl-crumb a:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px;}
@media(max-width:560px){
  .tl-main section.tl-hero{padding:32px 0 24px;}
  .tl-main section.tl-hero-hub{padding:52px 0 36px;}
  .tl-hero h1{font-size:30px;}
  .tl-hero-hub h1{font-size:35px;}
  .tl-lede{font-size:15.5px;margin-top:12px;}
}

/* ---------- section heads ---------- */
.tl-h2{font-size:28px;line-height:1.2;text-wrap:balance;}
.tl-h2-sub{color:var(--text-dim);font-size:15.5px;margin-top:10px;max-width:640px;}
@media(max-width:560px){.tl-h2{font-size:22px;}}

/* ---------- calculator bench ---------- */
.tl-bench{display:grid;grid-template-columns:minmax(330px,392px) minmax(0,1fr);gap:24px;align-items:start;}
.tl-bench > *{min-width:0;}
@media(max-width:940px){.tl-bench{grid-template-columns:minmax(0,1fr);}}

.tl-panel{
  background:var(--surface);border:1px solid var(--line-strong);border-radius:20px;padding:22px 22px 18px;
  margin:0;
}
@media(max-width:560px){.tl-panel{padding:18px 16px 14px;border-radius:18px;}.tl-seg button{font-size:13px;padding:0 2px;}}
.nw{white-space:nowrap;}
.tl-fs{border:0;margin:0;padding:18px 0 0;min-width:0;border-top:1px solid var(--line);margin-top:18px;}
.tl-fs:first-of-type{border-top:0;padding-top:0;margin-top:0;}
.tl-fs > legend{
  float:left;width:100%;padding:0;margin:0 0 12px;
  font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);
}
.tl-fs > legend + *{clear:both;}
.tl-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:0;align-items:start;}
.tl-row + .tl-row{margin-top:14px;}
.tl-row-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.tl-row-1{grid-template-columns:minmax(0,1fr);}
.tl-field{min-width:0;display:flex;flex-direction:column;}
.tl-label{display:block;font-size:12.5px;line-height:1.35;color:var(--text-dim);margin-bottom:7px;font-weight:500;}
/* labels of one row share a line, inputs share the next one, hints/errors the rest (subgrid) —
   a two-line label or a hint under one field no longer pushes its neighbour out of line */
@supports (grid-template-rows:subgrid){
  .tl-row > .tl-field{display:grid;grid-row:span 4;grid-template-rows:subgrid;align-content:start;}
  .tl-row > .tl-field > .tl-label{align-self:end;}
}
.tl-input{position:relative;direction:ltr;}
.tl-input input{
  width:100%;height:46px;margin:0;
  border:1px solid var(--line-strong);border-radius:12px;background:var(--tl-field);color:var(--text);
  font:500 16px/1 'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;
  padding:0 44px 0 13px;text-align:left;
  transition:border-color .15s ease, background .15s ease;
  -webkit-appearance:none;appearance:none;
}
.tl-input.has-prefix input{padding-left:32px;}
.tl-input input:hover{border-color:rgba(255,255,255,.22);}
.tl-input input:focus{outline:2px solid rgba(224,178,90,.35);outline-offset:2px;border-color:var(--gold);background:rgba(224,178,90,.04);}
.tl-input input::placeholder{color:var(--text-faint);font-family:'Onest',system-ui,sans-serif;font-size:14px;}
.tl-input input[aria-invalid="true"]{border-color:rgba(229,96,90,.7);background:var(--tl-red-bg);}
.tl-unit,.tl-prefix{
  position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;
  color:var(--text-faint);font-size:12.5px;font-family:'Onest',system-ui,sans-serif;white-space:nowrap;
}
.tl-unit{right:13px;}
.tl-prefix{left:13px;font-family:'JetBrains Mono',ui-monospace,monospace;font-size:14px;}
.tl-hint{margin:6px 0 0;font-size:12px;color:var(--text-faint);line-height:1.4;}
.tl-hint:empty{display:none;}
.tl-err{margin:6px 0 0;font-size:12.5px;color:var(--red);line-height:1.4;}
.tl-err[hidden]{display:none;}

/* segmented control (account type, direction…) */
.tl-seg{
  display:flex;gap:3px;height:46px;padding:3px;min-width:0;
  background:var(--tl-field);border:1px solid var(--line-strong);border-radius:12px;
}
.tl-seg button{
  flex:1 1 0;min-width:0;border:0;border-radius:9px;background:transparent;color:var(--text-dim);
  font:600 13.5px/1.1 'Onest',system-ui,sans-serif;cursor:pointer;padding:0 4px;
  transition:color .15s ease, background .15s ease;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.tl-seg button:hover{color:var(--text);}
.tl-seg button[aria-pressed="true"]{background:rgba(224,178,90,.14);color:var(--gold);box-shadow:inset 0 0 0 1px rgba(224,178,90,.4);}
.tl-seg button:focus-visible{outline:2px solid var(--gold);outline-offset:1px;}
/* advanced (collapsed) */
.tl-adv{margin-top:18px;border-top:1px solid var(--line);}
.tl-adv > summary{
  display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;
  cursor:pointer;font-size:13.5px;font-weight:600;color:var(--text-dim);
}
.tl-adv > summary:hover{color:var(--text);}
.tl-adv > summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px;}
.tl-adv > summary .chev{color:var(--text-faint);font-size:18px;transition:transform .2s;}
.tl-adv[open] > summary .chev{transform:rotate(45deg);color:var(--gold);}
.tl-adv-body{padding:2px 0 6px;}
.tl-subhead{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:16px 0 10px;}
.tl-subhead:first-child{margin-top:4px;}

/* actions under the form */
.tl-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line);}
.tl-actions .btn{height:auto;min-height:44px;padding:8px 14px;white-space:normal;line-height:1.25;text-align:center;}
.tl-actions .tl-copy{flex:1 1 auto;min-width:0;}
.tl-actions .tl-reset{flex-shrink:0;}
@media(max-width:420px){.tl-actions{flex-wrap:wrap;}.tl-actions .tl-copy{flex:1 1 100%;}.tl-actions .tl-reset{margin:0 auto;}}
.tl-copy svg{width:15px;height:15px;}
.tl-copy.is-done{border-color:rgba(79,197,134,.5);color:var(--green);}
.tl-reset{
  background:none;border:0;color:var(--text-dim);font:500 13.5px 'Onest',system-ui,sans-serif;cursor:pointer;
  min-height:44px;padding:0 10px;border-radius:8px;
}
.tl-reset:hover{color:var(--text);}
.tl-reset:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}

/* ---------- results ---------- */
.tl-results{display:flex;flex-direction:column;gap:16px;min-width:0;}
.tl-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.tl-kpis-4{grid-template-columns:repeat(2,minmax(0,1fr));}
@media(max-width:1100px) and (min-width:941px){.tl-kpis{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){.tl-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}}
.tl-kpi{
  background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px 15px;min-width:0;
  display:flex;flex-direction:column;
}
.tl-kpi-label{font-size:12px;line-height:1.35;color:var(--text-faint);font-weight:500;}
.tl-kpi-val{
  font:600 24px/1.15 'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;
  color:var(--text);margin-top:auto;padding-top:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  letter-spacing:-.01em;
}
.tl-kpi-sub{font-size:12.5px;line-height:1.4;color:var(--text-dim);margin-top:5px;min-height:1.4em;}
.tl-kpi.is-key{border-color:rgba(224,178,90,.38);background:linear-gradient(160deg,rgba(224,178,90,.09),transparent 65%),var(--surface);}
.tl-kpi.is-key .tl-kpi-val{color:var(--gold);}
.tl-kpi.is-bad{border-color:rgba(229,96,90,.4);background:linear-gradient(160deg,rgba(229,96,90,.10),transparent 65%),var(--surface);}
.tl-kpi.is-bad .tl-kpi-val{color:var(--red);font-size:20px;white-space:normal;}
@media(max-width:560px){
  .tl-kpi{padding:12px 13px 13px;}
  .tl-kpi-val{font-size:19px;}
  .tl-kpi.is-bad .tl-kpi-val{font-size:17px;}
  .tl-kpi-sub{font-size:12px;}
}

.tl-sentence{
  margin:0;font-size:15px;line-height:1.65;color:var(--text);
  padding:2px 0;padding-inline-start:16px;border-inline-start:2px solid rgba(224,178,90,.55);
}
.tl-sentence b{font-family:'JetBrains Mono',ui-monospace,monospace;font-weight:600;font-size:.94em;white-space:nowrap;}
.tl-notes{display:flex;flex-direction:column;gap:8px;}
.tl-notes:empty{display:none;}
.tl-note{
  margin:0;font-size:13.5px;line-height:1.55;color:var(--text-dim);
  border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:var(--surface-2);
}
.tl-note b{color:var(--text);font-weight:600;white-space:nowrap;}
.tl-note.is-warn{border-color:rgba(217,164,65,.35);background:var(--tl-warn-bg);}
.tl-note.is-bad{border-color:rgba(229,96,90,.35);background:var(--tl-red-bg);}
.tl-risk.callout{margin:0;padding:10px 14px;font-size:12.5px;line-height:1.5;border-radius:12px;display:flex;gap:10px;align-items:flex-start;}
.tl-risk .tl-risk-dot{width:7px;height:7px;border-radius:50%;background:var(--red);flex-shrink:0;margin-top:6px;}
.tl-error-box{margin:0;padding:16px 18px;border-radius:14px;border:1px dashed rgba(229,96,90,.45);color:var(--text-dim);font-size:14px;background:var(--tl-red-bg);}
.tl-error-box[hidden]{display:none;}

/* generic boxes (chart, deposits, table, converter cards) */
.tl-box{background:var(--surface);border:1px solid var(--line);border-radius:16px;min-width:0;}
.tl-box-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;padding:16px 18px 0;}
.tl-box-title{font-size:15px;font-weight:600;margin:0;letter-spacing:-.01em;}
.tl-box-sub{font-size:12.5px;color:var(--text-faint);margin:0;}
.tl-box-body{padding:12px 18px 16px;}
@media(max-width:560px){.tl-box-head{padding:14px 14px 0;}.tl-box-body{padding:10px 14px 14px;}}

/* deposits list (label — value rows with hairlines, plain result list) */
.tl-list{margin:0;padding:0;list-style:none;}
.tl-list li{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;
  padding:11px 0;border-top:1px solid var(--line);font-size:14px;color:var(--text-dim);
}
.tl-list li > span:first-child{flex:1 1 200px;min-width:0;}
.tl-list li:first-child{border-top:0;}
.tl-list .v{flex:0 1 auto;max-width:100%;margin-inline-start:auto;font-family:'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--text);font-weight:600;white-space:nowrap;text-align:end;}
.tl-list .v small{display:block;font-weight:400;color:var(--text-faint);font-size:11.5px;margin-top:2px;white-space:normal;}
.tl-list li.is-key .v{color:var(--gold);}
.tl-list li.is-muted .v{color:var(--text-faint);font-weight:500;}
.tl-inline-field{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 0 12px;margin-bottom:2px;border-bottom:1px solid var(--line);}
.tl-inline-field label{font-size:13.5px;color:var(--text);font-weight:500;}
.tl-inline-field .tl-input{width:132px;flex-shrink:0;}
.tl-inline-field .tl-err{flex-basis:100%;margin:0;}

/* per-order table */
.tl-tablebox{margin-top:24px;}
.tl-tablewrap{overflow:auto;max-height:560px;margin-top:12px;border-top:1px solid var(--line);overscroll-behavior-x:contain;}
.tl-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13.5px;}
.tl-table th,.tl-table td{padding:10px 14px;text-align:end;white-space:nowrap;border-bottom:1px solid var(--line);}
.tl-table thead th{
  position:sticky;top:0;z-index:2;background:var(--surface);
  font-family:'Onest',system-ui,sans-serif;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;
  color:var(--text-faint);vertical-align:bottom;line-height:1.3;white-space:normal;min-width:72px;
}
.tl-table td{font-family:'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--text-dim);}
.tl-table th:first-child,.tl-table td:first-child{
  position:sticky;inset-inline-start:0;z-index:1;background:var(--surface);text-align:start;min-width:0;width:44px;
  color:var(--text);box-shadow:1px 0 0 var(--line);
}
.tl-table thead th:first-child{z-index:3;}
.tl-table td.c-eq,.tl-table td.c-room{color:var(--text);}
.tl-table td.neg{color:var(--red);}
.tl-table td.c-note{text-align:start;font-family:'Onest',system-ui,sans-serif;min-width:150px;}
.tl-table tbody tr{cursor:pointer;transition:background .12s ease;}
.tl-table tbody tr:hover td{background-color:rgba(255,255,255,.025);}
.tl-table tbody tr.is-sel td{background-color:rgba(224,178,90,.08);}
.tl-table tbody tr.is-sel td:first-child{box-shadow:inset 3px 0 0 var(--gold), 1px 0 0 var(--line);}
.tl-table tbody tr.is-mc td{background-color:rgba(217,164,65,.05);}
.tl-table tbody tr.is-refuse td{background-color:rgba(217,164,65,.08);}
.tl-table tbody tr.is-dead td{color:var(--text-faint);background-color:rgba(229,96,90,.035);}
.tl-table tbody tr.is-dead td:first-child{color:var(--text-faint);}
.tl-table tbody tr.tl-so-row{cursor:default;}
.tl-table tbody tr.tl-so-row td{
  position:static;text-align:start;font-family:'Onest',system-ui,sans-serif;color:var(--red);font-weight:600;font-size:12.5px;
  background:linear-gradient(90deg,rgba(229,96,90,.14),rgba(229,96,90,.03));border-bottom:1px solid rgba(229,96,90,.4);
  border-top:1px solid rgba(229,96,90,.4);padding:8px 14px;box-shadow:none;
}
.tl-so-row .tl-so-inner{position:sticky;inset-inline-start:14px;display:inline-flex;align-items:center;gap:8px;white-space:normal;max-width:calc(100vw - 100px);}
.tl-so-row .tl-so-inner::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--red);}
.tl-badge{
  display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;
  border:1px solid var(--line-strong);color:var(--text-dim);white-space:nowrap;
}
.tl-badge + .tl-badge{margin-inline-start:6px;}
.tl-badge.mc{border-color:rgba(217,164,65,.45);color:var(--tl-warn);background:var(--tl-warn-bg);}
.tl-badge.refuse{border-color:rgba(217,164,65,.6);color:var(--tl-warn);background:rgba(217,164,65,.14);}
.tl-badge.dead{border-color:rgba(229,96,90,.4);color:var(--red);background:var(--tl-red-bg);}
.tl-badge.max{border-color:rgba(169,156,245,.45);color:var(--lock);}
.tl-tablefoot{padding:12px 18px 16px;font-size:12px;color:var(--text-faint);margin:0;}

/* ---------- prose blocks (how it is calculated / explainer) ---------- */
.tl-prose{max-width:760px;}
.tl-what{margin-top:56px;}
@media(max-width:560px){.tl-what{margin-top:40px;}}
.tl-prose p{color:var(--text-dim);font-size:15.5px;line-height:1.7;margin:14px 0 0;}
.tl-prose p:first-of-type{margin-top:16px;}
.tl-prose a,.tl-how a,.faq-a a,.tl-note a{color:var(--gold);text-decoration:none;}
.tl-prose a:hover,.tl-how a:hover,.faq-a a:hover,.tl-note a:hover{text-decoration:underline;}
.tl-how{max-width:880px;border-top:1px solid var(--line);}
.tl-how > summary.faq-q{font-size:17px;font-weight:600;min-height:60px;}
.tl-how-body{padding:0 0 22px;color:var(--text-dim);font-size:14.5px;line-height:1.65;}
.tl-how-body p{margin:12px 0 0;}
.tl-how-body p:first-child{margin-top:0;}
.tl-formulas{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;}
.tl-formulas li{display:flex;flex-direction:column;gap:5px;}
.tl-formulas code,.tl-how-body code{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;line-height:1.5;
  background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:var(--gold);
  display:inline-block;max-width:100%;overflow-x:auto;white-space:nowrap;direction:ltr;unicode-bidi:isolate;align-self:flex-start;
}
.tl-formulas li span{font-size:13.5px;color:var(--text-dim);}
.tl-example{margin-top:16px;}
.tl-example td:last-child{font-family:'JetBrains Mono',ui-monospace,monospace;text-align:end;color:var(--text);white-space:nowrap;}
.tl-example td{vertical-align:top;}
@media(max-width:560px){
  .tl-example tr{display:flex;flex-direction:column;border-bottom:1px solid var(--line);padding:8px 0;}
  .tl-example td{border-bottom:0;padding:2px 0;}
  .tl-example td:last-child{text-align:start;white-space:normal;overflow-wrap:anywhere;}
}
.tl-small{font-size:12.5px;color:var(--text-faint);margin-top:14px;line-height:1.55;}

/* FAQ block on tool pages */
.tl-faq .faq-layout{align-items:start;}
.tl-faq .faq-item:first-child{border-top:1px solid var(--line);}
.tl-faq .faq-a p{margin:0;}

/* ---------- related tools + learn more ---------- */
.tl-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;}
@media(max-width:760px){.tl-related{grid-template-columns:minmax(0,1fr);}}
.tl-mini{
  display:flex;flex-direction:column;gap:6px;text-decoration:none;color:inherit;min-height:116px;
  background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px;
  transition:border-color .15s ease, transform .12s ease;
}
.tl-mini:hover{border-color:rgba(224,178,90,.45);transform:translateY(-2px);}
.tl-mini:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.tl-mini b{font-size:15px;font-weight:600;}
.tl-mini > span{font-size:13px;color:var(--text-dim);line-height:1.45;}
.tl-mini > .tl-go{margin-top:auto;padding-top:6px;color:var(--gold);font-size:13px;font-weight:500;}
.tl-mini.is-all{background:transparent;border-style:dashed;justify-content:center;}
.tl-more{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:22px;font-size:14px;color:var(--text-faint);}
.tl-more a{color:var(--text-dim);text-decoration:none;border-bottom:1px solid var(--line-strong);padding:4px 0;}
.tl-more a:hover{color:var(--gold);border-color:var(--gold-deep);}
.tl-arrow{display:inline-block;transition:transform .15s ease;}
html[dir="rtl"] .tl-arrow{transform:scaleX(-1);}

/* ---------- soft product CTA ---------- */
.tl-soft-cta{
  display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap;
  border:1px solid var(--line-strong);border-radius:18px;padding:26px 28px;
  background:linear-gradient(160deg,rgba(224,178,90,.08),transparent 60%),var(--surface);
}
.tl-soft-cta p{margin:0;max-width:600px;font-size:15.5px;line-height:1.6;color:var(--text);}
.tl-soft-cta p span{display:block;color:var(--text-dim);font-size:14px;margin-top:4px;}
.tl-soft-cta .tl-soft-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.tl-soft-cta .tl-soft-actions a.tl-textlink{color:var(--text-dim);font-size:14px;text-decoration:none;}
.tl-soft-cta .tl-soft-actions a.tl-textlink:hover{color:var(--gold);}
@media(max-width:560px){
  .tl-soft-cta{padding:20px 18px;}
  .tl-soft-cta .tl-soft-actions{width:100%;}
  .tl-soft-cta .btn{width:100%;}
}

/* ---------- emulator CTA (24.10): the card right under the result of a calculator; the .tl-soft-cta card above, a gold .btn-primary ---------- */
.tl-main section.tl-emu-sec{margin-top:-44px;padding-bottom:56px;}   /* the #calc section above keeps 72px of padding: pull the card up to the result */
.tl-emu p strong{display:block;font-size:17px;line-height:1.35;}
.tl-emu .tl-emu-btn{flex-shrink:0;}
@media(max-width:720px){
  .tl-main section.tl-emu-sec{margin-top:-28px;padding-bottom:40px;}   /* sections have 48px of padding here */
}

/* ---------- hub ---------- */
.tl-card{
  display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit;min-width:0;
  background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:28px;
  transition:border-color .15s ease, transform .12s ease;
}
.tl-card:hover{border-color:rgba(224,178,90,.45);transform:translateY(-2px);}
.tl-card:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}
.tl-card-num{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.06em;color:var(--gold);}
.tl-card-icon{width:30px;height:30px;color:var(--gold);}
.tl-card-icon svg{width:30px;height:30px;}
.tl-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;}
.tl-card h2{font-size:20px;line-height:1.3;font-weight:600;}
.tl-card p{margin:0;color:var(--text-dim);font-size:14.5px;line-height:1.6;}
.tl-card-go{margin-top:auto;padding-top:12px;color:var(--gold);font-size:14px;font-weight:500;display:inline-flex;gap:8px;align-items:center;}
.tl-card:hover .tl-arrow{transform:translateX(3px);}
html[dir="rtl"] .tl-card:hover .tl-arrow{transform:scaleX(-1) translateX(3px);}
.tl-card-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:36px;align-items:center;padding:36px;}
.tl-card-feature h2{font-size:28px;line-height:1.2;}
.tl-card-feature p{font-size:15.5px;}
.tl-card-feature .tl-card-body{display:flex;flex-direction:column;gap:12px;min-width:0;}
.tl-tags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;}
.tl-tags li{font-size:12px;color:var(--text-dim);border:1px solid var(--line-strong);border-radius:999px;padding:4px 10px;}
.tl-card-fig{margin:0;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:16px 16px 10px;direction:ltr;}
.tl-card-fig svg{width:100%;height:auto;display:block;}
.tl-card-fig text{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10px;fill:var(--text-faint);}
.tl-card-fig figcaption{font-size:11.5px;color:var(--text-faint);margin-top:8px;unicode-bidi:plaintext;}
@media(max-width:600px){.tl-card-fig text{display:none;}.tl-card-fig{padding:12px 12px 8px;}}
.tl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px;}
.tl-cards-1{grid-template-columns:minmax(0,1fr);}
@media(max-width:900px){
  .tl-card-feature{grid-template-columns:minmax(0,1fr);padding:26px;gap:24px;}
  .tl-cards{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:600px){
  .tl-cards{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:14px;}
  .tl-card{padding:22px 20px;}
  .tl-card-feature{padding:22px 20px;}
  .tl-card-feature h2{font-size:23px;}
}
.tl-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:28px;}
@media(max-width:760px){.tl-principles{grid-template-columns:minmax(0,1fr);gap:18px;}}
.tl-principle{display:flex;gap:14px;align-items:flex-start;}
.tl-principle svg{width:22px;height:22px;color:var(--gold);flex-shrink:0;margin-top:2px;}
.tl-principle p{margin:0;color:var(--text-dim);font-size:15px;line-height:1.55;}
.tl-principle p b{display:block;color:var(--text);font-weight:600;margin-bottom:4px;font-size:15.5px;}
.tl-hub-risk.callout{margin-top:36px;}

.tl-how-h{font-size:17px;font-weight:600;letter-spacing:-.01em;margin:0;}

/* ---------- RTL (Hebrew) ---------- */
html[dir="rtl"] .tl-fs > legend{float:right;}
html[dir="rtl"] .tl-fs > legend,html[dir="rtl"] .tl-subhead,html[dir="rtl"] .tl-table thead th{text-transform:none;letter-spacing:0;}
html[dir="rtl"] .tl-hero-hub h1{letter-spacing:0;}
.tl-formulas code bdi{font-family:'Onest','Heebo','Noto Sans Arabic',system-ui,sans-serif;font-size:1.04em;}
html[dir="rtl"] .tl-kpi-val,html[dir="rtl"] .tl-list .v,html[dir="rtl"] .tl-sentence b,html[dir="rtl"] .tl-note b,

html[dir="rtl"] .tl-kpi-val{direction:ltr;text-align:right;unicode-bidi:isolate;}
html[dir="rtl"] .tl-table td.c-note,html[dir="rtl"] .tl-table tbody tr.tl-so-row td{font-family:'Onest','Heebo','Noto Sans Arabic',system-ui,sans-serif;}
html[dir="rtl"] .tl-table th{font-family:'Onest','Heebo','Noto Sans Arabic',system-ui,sans-serif;}
html[dir="rtl"] .tl-unit{font-family:'Onest','Heebo','Noto Sans Arabic',system-ui,sans-serif;}
html[dir="rtl"] .tl-table td.c-note,html[dir="rtl"] .tl-table thead th{unicode-bidi:plaintext;}
html[dir="rtl"] .tl-table th:first-child,html[dir="rtl"] .tl-table td:first-child{box-shadow:-1px 0 0 var(--line);}
html[dir="rtl"] .tl-table tbody tr.is-sel td:first-child{box-shadow:inset -3px 0 0 var(--gold), -1px 0 0 var(--line);}
html[dir="rtl"] .tl-example td:last-child{direction:ltr;unicode-bidi:isolate;text-align:left;}
html[dir="rtl"] .tl-readout{unicode-bidi:plaintext;}
html[dir="rtl"] .tl-input input{text-align:left;}
html[dir="rtl"] .tl-soft-cta{background:linear-gradient(200deg,rgba(224,178,90,.08),transparent 60%),var(--surface);}
@media(max-width:560px){html[dir="rtl"] .tl-example td:last-child{text-align:right;}}
/* header: the 861-1000 px rules for the long RU / ES labels live in style.css (shared by every page) */


/* ===================== v4 (09.10): "how much will your deposit survive" ===================== */

/* stepper field: [ - ][ value ][ + ] in one box. Limits, steps and presets live in the page scripts (schema.stepper). */
.tl-input.has-step{
  display:flex;align-items:stretch;height:48px;overflow:hidden;
  border:1px solid var(--line-strong);border-radius:14px;background:var(--tl-field);
  transition:border-color .15s ease, background .15s ease;
}
.tl-input.has-step:hover{border-color:rgba(255,255,255,.22);}
.tl-input.has-step:focus-within{outline:2px solid rgba(224,178,90,.35);outline-offset:2px;border-color:var(--gold);background:rgba(224,178,90,.04);}
.tl-input.has-step.is-err{border-color:rgba(229,96,90,.7);background:var(--tl-red-bg);}
.tl-input.has-step .tl-core{position:relative;flex:1 1 auto;min-width:0;display:block;}
.tl-input.has-step input{
  height:100%;border:0;border-radius:0;background:transparent;text-align:center;padding:0 30px 0 30px;
  font-size:17px;outline:0;
}
.tl-input.has-step input:focus{outline:0;background:transparent;}
.tl-input.has-step input:hover{border:0;}
.tl-input.has-step input[aria-invalid="true"]{border:0;background:transparent;}
.tl-input.has-step input::placeholder{color:var(--text-dim);font-family:'JetBrains Mono',ui-monospace,monospace;font-size:inherit;}
.tl-input.has-step .tl-prefix{left:12px;color:var(--text-faint);}
.tl-input.has-step .tl-unit{right:10px;}
.tl-stepbtn{
  flex:0 0 52px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:var(--text-dim);
  font:400 24px/1 'Onest',system-ui,sans-serif;cursor:pointer;padding:0;touch-action:manipulation;user-select:none;-webkit-user-select:none;
  -webkit-tap-highlight-color:transparent;transition:background .12s ease, color .12s ease;
}
.tl-stepbtn:first-child{border-inline-end:1px solid var(--line);}
.tl-stepbtn:last-child{border-inline-start:1px solid var(--line);}
.tl-input{direction:ltr;}
.tl-stepbtn:hover{background:rgba(255,255,255,.05);color:var(--text);}
.tl-stepbtn:active{background:rgba(224,178,90,.14);color:var(--gold);}
.tl-stepbtn:focus-visible{outline:2px solid var(--gold);outline-offset:-3px;}
.tl-field.is-big .tl-input.has-step{height:64px;border-radius:16px;}
.tl-field.is-big .tl-input.has-step input{font-size:30px;font-weight:600;padding:0 36px;}
.tl-field.is-big .tl-input.has-step .tl-prefix{font-size:22px;left:16px;}
.tl-field.is-big .tl-stepbtn{flex-basis:64px;font-size:28px;}
.tl-field.is-big .tl-label{font-size:13.5px;color:var(--text);}
.tl-field.is-compact{flex-direction:row;align-items:center;gap:10px;}
.tl-field.is-compact .tl-label{margin:0;white-space:nowrap;font-size:12.5px;}
.tl-field.is-compact .tl-input.has-step{height:40px;border-radius:12px;width:176px;}
.tl-field.is-compact .tl-stepbtn{flex-basis:38px;font-size:20px;}
.tl-field.is-compact input{font-size:14px;padding:0 6px 0 24px;}
.tl-field.is-compact .tl-prefix{left:9px;font-size:12px;}
.tl-field.is-compact .tl-err{position:absolute;margin:0;}
.tl-field.is-compact{position:relative;}

/* the control panel: balance (big), orders / step / start lot / leverage, the settings as chips, one collapsed section */
.tl-ctrl{padding:22px 22px 12px;}
.tl-ctrl-main{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:start;}
.tl-ctrl .tl-row{margin-top:14px;}
.tl-ctrl .tl-adv{margin-top:16px;}
.tl-chips{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none;}
.tl-chip{
  font-size:12.5px;line-height:1.2;color:var(--text-dim);border:1px solid var(--line-strong);border-radius:999px;
  padding:6px 12px;background:rgba(255,255,255,.02);white-space:nowrap;
}
.tl-chip:first-child{color:var(--gold);border-color:rgba(224,178,90,.4);background:rgba(224,178,90,.07);}
.tl-gold{margin:6px 4px 0;padding:0;font-size:12px;line-height:1.4;color:var(--text-faint);}
.tl-gold[hidden]{display:none;}
.tl-adv-body .tl-row .tl-field{align-self:start;}
@media(max-width:700px){
  .tl-ctrl{padding:18px 14px 8px;}
  .tl-field.is-big .tl-input.has-step{height:60px;}
  .tl-chip{font-size:12px;padding:5px 10px;}
}
/* two fields per row stay two per row on phones (the generic phone rule below stacks them) */
@media(max-width:520px){
  .tl-row.tl-row-keep{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:0;}
  .tl-row.tl-row-keep > .tl-field{display:flex;}
  .tl-row.tl-row-keep .tl-field-step .tl-stepbtn{flex-basis:34px;font-size:20px;}
  .tl-row.tl-row-keep .tl-input.has-step input{padding:0 2px;font-size:16px;}
  .tl-row.tl-row-keep .tl-input.has-step.has-prefix input{padding-left:24px;}
  .tl-row.tl-row-keep .tl-input.has-step .tl-prefix{left:6px;font-size:13px;}
  .tl-row.tl-row-keep + .tl-row.tl-row-keep{margin-top:12px;}
}

/* the page: inputs on the left, the sticky card (tabs + chart / table + result lines) on the right from 1024 px */
.tl-calc{display:block;}
.tl-calc-in{min-width:0;}
.tl-side{margin-top:20px;padding:14px 16px 6px;min-width:0;}
.tl-calc-in .tl-risk{margin-top:16px;}
@media(min-width:1024px){
  .tl-calc{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,5fr);gap:24px;align-items:start;}
  .tl-side{margin-top:0;}
}
@media(min-width:1024px) and (min-height:720px){
  .tl-side{position:sticky;top:84px;}
  .tl-embed-body .tl-side{top:12px;}
}

@media(min-width:1024px) and (max-height:799px){.tl-side .tl-legend{display:none;}}   /* a low window: the card must fit, the legend goes first */

/* tabs: Chart | Table */
.tl-tabs{display:flex;gap:4px;padding:3px;margin:0 0 12px;background:var(--bg);border:1px solid var(--line);border-radius:12px;}
.tl-tab{
  flex:1 1 0;min-width:0;height:36px;border:0;border-radius:9px;background:transparent;color:var(--text-dim);
  font:600 14px/1 'Onest',system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,color .15s ease;
}
.tl-tab:hover{color:var(--text);}
.tl-tab[aria-selected="true"]{background:rgba(224,178,90,.14);color:var(--gold);box-shadow:inset 0 0 0 1px rgba(224,178,90,.4);}
.tl-tab:focus-visible{outline:2px solid var(--gold);outline-offset:1px;}
.tl-tabpanel[hidden]{display:none;}
@media(max-width:560px){.tl-tab{height:44px;}}

/* the chart panel */
.tl-chart-top{display:flex;justify-content:flex-end;margin-bottom:6px;}
.tl-legend{display:flex;flex-wrap:wrap;gap:2px 14px;list-style:none;margin:8px 4px 0;padding:0;font-size:11.5px;color:var(--text-dim);}
.tl-legend li{display:inline-flex;align-items:center;gap:7px;}
.tl-legend i{display:inline-block;flex-shrink:0;}
.tl-legend .lg-dot{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--bg);}
.tl-legend .lg-red{width:18px;border-top:2px solid var(--red);}
.tl-legend .lg-grn{width:18px;border-top:2px dashed var(--green);}
.tl-chart-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-inline-start:auto;}
.tl-dir{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--text-faint);}
.tl-seg.tl-seg-mini{height:32px;padding:2px;border-radius:10px;gap:2px;}
.tl-seg-mini button{font-size:12px;padding:0 11px;border-radius:8px;min-width:0;flex:0 0 auto;}
.tl-chart-reset{
  display:inline-flex;align-items:center;gap:5px;flex-shrink:0;height:28px;padding:0 11px 0 9px;margin:0;border-radius:8px;
  border:1px solid rgba(224,178,90,.45);background:rgba(224,178,90,.1);color:var(--gold);
  font:600 12.5px/1 'Onest',system-ui,sans-serif;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;
}
.tl-chart-reset[hidden]{display:none;}
.tl-chart-reset-i{font-size:15px;line-height:1;}
.tl-chart-reset:hover{background:rgba(224,178,90,.2);color:var(--text);}
.tl-chart-reset:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.tl-chart{-webkit-user-select:none;user-select:none;}
@media(max-width:780px){.tl-side{padding:12px 10px 4px;}}
.tl-chart{position:relative;direction:ltr;min-width:0;}
.tl-chart svg{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y;}
.tl-chart text{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;fill:var(--text-faint);}
.tl-svg.dc .dc-grid{stroke:var(--line);stroke-width:1;shape-rendering:crispEdges;}
.tl-svg.dc .dc-edge{stroke:var(--line-strong);stroke-width:1;shape-rendering:crispEdges;}
.tl-svg.dc .dc-ax{fill:var(--text-faint);}
.tl-svg.dc text.dc-ax-k{fill:var(--text);font-weight:600;}
.tl-svg.dc .dc-mk0{stroke:var(--text-faint);stroke-width:1;}
.tl-svg.dc .dc-mk1{stroke:var(--text-faint);stroke-width:1;stroke-dasharray:2 4;}
.tl-svg.dc .dc-zone{fill:rgba(79,197,134,.055);}
.tl-svg.dc .dc-red{fill:none;stroke:var(--red);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;}
.tl-svg.dc .dc-grn{fill:none;stroke:var(--green);stroke-width:1.7;stroke-dasharray:5 4;stroke-linejoin:round;stroke-linecap:round;}
.tl-svg.dc .dc-be{stroke:var(--green);stroke-width:1.2;stroke-dasharray:6 5;opacity:.9;}
.tl-svg.dc .dc-dot{fill:#fff;stroke:var(--bg);stroke-width:1.4;}
.tl-svg.dc .dc-floor{stroke:var(--green);stroke-width:1;opacity:.4;}
.tl-svg.dc .dc-floor.bad{stroke:var(--red);opacity:.6;}
.tl-svg.dc .dc-floor0{stroke:var(--text-faint);stroke-width:1;stroke-dasharray:2 4;}
.tl-svg.dc .dc-halo{fill:rgba(79,197,134,.16);}
.tl-svg.dc .dc-halo.bad{fill:rgba(229,96,90,.18);}
.tl-svg.dc .dc-bot{fill:#fff;stroke:var(--green);stroke-width:2.2;}
.tl-svg.dc .dc-bot.bad{stroke:var(--red);}
.tl-svg.dc text.dc-t1{fill:var(--green);font-weight:600;font-size:12px;}
.tl-svg.dc text.dc-t1.bad{fill:var(--red);}
.tl-svg.dc text.dc-t2{fill:var(--text-dim);font-size:11px;}
.tl-svg.dc text.dc-bet{fill:var(--green);font-weight:600;font-size:11px;}
.tl-svg.dc tspan.dc-bet2{fill:var(--text-dim);font-weight:400;}
.tl-card-fig .tl-svg.dc text{font-size:10.5px;}
.tl-card-fig .tl-svg.dc text.dc-t1{font-size:12px;fill:var(--green);}
.tl-card-fig .tl-svg.dc text.dc-t2{fill:var(--text-dim);}
@media(max-width:600px){.tl-card-fig .tl-svg.dc text{display:block;}}

/* the draggable floor (HTML overlay on the chart) */
.tl-grab{
  position:absolute;left:0;right:0;height:40px;z-index:2;display:flex;align-items:center;justify-content:flex-end;
  cursor:ns-resize;touch-action:none;outline:0;-webkit-tap-highlight-color:transparent;
}
.tl-grab-pill{
  display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 7px 0 5px;margin-inline-end:1px;border-radius:7px;
  background:var(--green);color:#05150C;font:600 10.5px/1 'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;
  box-shadow:0 2px 10px rgba(0,0,0,.45);pointer-events:none;white-space:nowrap;
}
.tl-grab-pill svg{width:8px;height:11px;fill:currentColor;flex-shrink:0;}
.tl-grab-p{display:flex;flex-direction:column;gap:2px;line-height:1.1;}
.tl-grab-b{font-weight:500;opacity:.85;font-size:10px;}
.tl-grab.is-moved .tl-grab-pill{height:auto;min-height:24px;padding-block:4px;}
.tl-grab.is-bad .tl-grab-pill{background:var(--red);color:#1B0604;}
.tl-grab.is-active .tl-grab-pill{box-shadow:0 0 0 3px rgba(79,197,134,.28),0 2px 10px rgba(0,0,0,.45);}
.tl-grab.is-bad.is-active .tl-grab-pill{box-shadow:0 0 0 3px rgba(229,96,90,.28),0 2px 10px rgba(0,0,0,.45);}
.tl-grab:focus-visible .tl-grab-pill{outline:2px solid #fff;outline-offset:2px;}

.tl-readout{margin:8px 4px 0;font-size:13.5px;line-height:1.55;color:var(--text-dim);min-height:1.55em;}
.tl-readout b{color:var(--text);font:600 .94em 'JetBrains Mono',ui-monospace,monospace;white-space:nowrap;}
.tl-readout.is-bad{color:var(--text);}
.tl-readout.is-bad b{color:var(--red);}
.tl-readout.is-ok b{color:var(--green);}
.tl-linkbtn{background:none;border:0;padding:4px 0;margin:0;color:var(--gold);font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:3px;}
.tl-linkbtn:hover{color:var(--text);}
.tl-linkbtn:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:4px;}
.tl-note-far{margin:12px 0 0;font-size:12.5px;color:var(--text-faint);}
.tl-note-far[hidden]{display:none;}

/* result lines (inside the card, under the tabs) */
.tl-res-lines{list-style:none;margin:10px 0 0;padding:0 2px;border-top:1px solid var(--line);}
.tl-res-lines li{
  position:relative;padding:10px 0;padding-inline-start:20px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.5;color:var(--text-dim);
}
.tl-res-lines li:first-child{border-top:0;}
.tl-res-lines li::before{content:"";position:absolute;inset-inline-start:0;top:17px;width:8px;height:8px;border-radius:50%;background:var(--red);}
.tl-res-lines li[data-r="so"]{color:var(--text);font-weight:500;}
.tl-res-lines li[data-r="so"]::before{background:var(--gold);}
.tl-res-lines li[data-r="room"]::before{background:var(--text);}
.tl-res-lines li[data-r="back"]::before{background:var(--green);}
.tl-res-lines b{color:var(--text);font:600 .94em 'JetBrains Mono',ui-monospace,monospace;white-space:nowrap;}
@media(max-width:560px){
  .tl-res-lines li{font-size:15px;padding:12px 0;padding-inline-start:20px;}
  .tl-res-lines li::before{top:19px;}
}
.tl-side .tl-error-box{margin:10px 0 8px;}
.tl-side .tl-note-far{margin:6px 4px 10px;}
.tl-risk{margin-top:20px;}

/* the Table tab */
.tl-side .tl-tablewrap{margin-top:0;max-height:min(420px,calc(100vh - 470px));min-height:200px;border:1px solid var(--line);border-radius:12px;}
.tl-side .tl-table{font-size:13px;}
.tl-side .tl-table th,.tl-side .tl-table td{padding:8px 10px;}
.tl-side .tl-table thead th{white-space:normal;line-height:1.25;vertical-align:bottom;}
.tl-side .tl-table tbody tr{cursor:default;}
.tl-side .tl-table td.c-note{text-align:center;font-family:'Onest',system-ui,sans-serif;min-width:0;}
.tl-side .tl-table tbody tr.is-so td{background-color:rgba(224,178,90,.1);color:var(--text);}
.tl-side .tl-table tbody tr.is-so td:first-child{box-shadow:inset 3px 0 0 var(--gold);}
.tl-side .tl-table tbody tr.is-dead td{color:var(--text-faint);opacity:.75;}
.tl-side .tl-tablefoot{padding:10px 4px 6px;}
@media(max-width:1023px){.tl-side .tl-tablewrap{max-height:420px;}}
@media(max-width:560px){   /* six columns must fit a 360 px phone without sideways scrolling */
  .tl-side .tl-table{font-size:12px;}
  .tl-side .tl-table th,.tl-side .tl-table td{padding:8px 5px;}
  .tl-side .tl-table thead th{font-size:10.5px;letter-spacing:0;text-transform:none;line-height:1.2;min-width:0;}
  .tl-side .tl-table th:first-child,.tl-side .tl-table td:first-child{padding-inline:6px 4px;}
}
/* hub: the second tool as a wide row */
.tl-card-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:26px 30px;}
.tl-card-row .tl-card-icon{width:34px;height:34px;}
.tl-card-row .tl-card-icon svg{width:34px;height:34px;}
.tl-card-row .tl-card-text{display:flex;flex-direction:column;gap:6px;min-width:0;}
.tl-card-row .tl-card-go{margin-top:0;padding-top:0;}
@media(max-width:640px){.tl-card-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:22px 20px;}.tl-card-row .tl-card-icon{display:none;}}

/* narrow columns (margin calculator panel, two fields per row): slimmer buttons, less padding, the number must stay visible */
.tl-row .tl-field-step .tl-stepbtn{flex-basis:38px;font-size:20px;}
.tl-row .tl-input.has-step input{padding:0 24px;font-size:16px;}
.tl-row .tl-input.has-step .tl-prefix{left:9px;font-size:13px;}
.tl-row .tl-input.has-step .tl-unit{right:8px;font-size:12px;}
@media(min-width:941px){.tl-adv-body .tl-row .tl-field-step .tl-stepbtn{flex-basis:46px;}.tl-adv-body .tl-row .tl-input.has-step input{padding:0 30px;}}
html[dir="rtl"] .tl-input.has-step input{text-align:center;}

/* phones: one stepper per row, so a four-digit number is never clipped between the buttons */
@media(max-width:520px){
  .tl-row{grid-template-columns:minmax(0,1fr);row-gap:12px;}
  .tl-row + .tl-row{margin-top:12px;}
  .tl-row > .tl-field{grid-row:auto;display:flex;}
  .tl-row > .tl-field > .tl-label{align-self:flex-start;}
  .tl-row .tl-field-step .tl-stepbtn{flex-basis:46px;}
  .tl-row .tl-input.has-step input{padding:0 32px;}
}

/* phones: an input under 16 px makes iOS Safari zoom the page on focus (the "compare" field was 14 px); the Buy/Sell toggle gets a finger-sized target */
@media(max-width:560px){
  .tl-field.is-compact input{font-size:16px;}
  .tl-field.is-compact .tl-input.has-step{height:44px;}
  .tl-field.is-compact .tl-stepbtn{flex-basis:42px;}
  .tl-seg.tl-seg-mini{height:40px;}
  .tl-seg-mini button{font-size:13px;padding:0 14px;}
}

/* ---------- grid page: the former H1 ("how much will your deposit survive") is the subheading under the new H1 ---------- */
.tl-hero .tl-sub{font-size:20px;line-height:1.3;font-weight:500;color:var(--text);margin:14px auto 0;max-width:700px;text-wrap:balance;letter-spacing:-.005em;}
@media(max-width:560px){.tl-hero .tl-sub{font-size:17px;margin-top:10px;}}

/* ---------- cent account calculator: cent vs standard table, specification checklist ---------- */
.tl-cmp{width:100%;border-collapse:collapse;font-size:13.5px;}
.tl-cmp th,.tl-cmp td{padding:10px 0;border-top:1px solid var(--line);text-align:end;vertical-align:baseline;}
.tl-cmp thead th{border-top:0;padding-top:2px;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);}
.tl-cmp tbody th{text-align:start;font-weight:400;color:var(--text-dim);padding-inline-end:12px;line-height:1.4;}
.tl-cmp td{padding-inline-start:10px;font-family:'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--text);font-weight:600;white-space:nowrap;width:26%;}
.tl-cmp + .tl-small{margin-top:12px;}
@media(max-width:560px){.tl-cmp{font-size:12.5px;}.tl-cmp td{width:27%;padding-inline-start:6px;}.tl-cmp thead th{letter-spacing:.03em;font-size:10.5px;}}
.tl-prose .tl-h3{font-size:18px;line-height:1.3;margin:34px 0 0;letter-spacing:-.01em;}
.tl-checklist{margin:12px 0 0;padding-inline-start:20px;color:var(--text-dim);font-size:15.5px;line-height:1.65;}
.tl-checklist li{margin-top:7px;padding-inline-start:4px;}
.tl-checklist li::marker{color:var(--text-faint);}
.tl-row.tl-row-1{grid-template-columns:minmax(0,1fr);}
.tl-row.tl-row-1 + .tl-row-1{margin-top:12px;}
.tl-row.tl-row-1 .tl-input.has-step input{padding:0 34px;}

/* ---------- "Embed this calculator" block of the full pages (en / ru) ---------- */
.tl-embed{max-width:760px;}
.tl-embed-lead{color:var(--text-dim);font-size:15.5px;line-height:1.7;margin:12px 0 18px;}
.tl-embed-code{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:112px;padding:12px 14px;background:var(--surface);border:1px solid var(--line-strong);border-radius:10px;color:var(--text);font:13px/1.55 'JetBrains Mono',ui-monospace,monospace;white-space:pre-wrap;word-break:break-all;text-align:left;}
.tl-embed-code:focus{outline:2px solid var(--gold);outline-offset:2px;}
.tl-embed .tl-actions{flex-wrap:wrap;border-top:0;padding-top:0;margin-top:12px;gap:8px 18px;}
.tl-embed .tl-actions .tl-copy{flex:0 1 auto;}
.tl-embed a.tl-textlink{color:var(--text-dim);font-size:14px;text-decoration:none;}
.tl-embed a.tl-textlink:hover{color:var(--gold);}


/* ---------- v6 (09.10): the tab bar of the calculators, "Settings solver", "Pullback to take" ---------- */
.tl-related{grid-template-columns:repeat(auto-fit,minmax(196px,1fr));}
.tl-toolnav-wrap{margin:-6px auto 26px;}
.tl-toolnav{max-width:980px;margin:0 auto;}
.tl-toolnav-in{display:flex;gap:2px;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--line);}
.tl-toolnav-in::-webkit-scrollbar{display:none;}
.tl-toolnav-in > a:first-child{margin-inline-start:auto;}   /* auto margins centre the tabs when they fit and never push the first one out of reach when they do not */
.tl-toolnav-in > a:last-child{margin-inline-end:auto;}
.tl-toolnav a{
  flex:0 0 auto;display:inline-flex;align-items:center;height:44px;padding:0 16px;margin-bottom:-1px;border-bottom:2px solid transparent;
  color:var(--text-dim);font:600 14.5px/1 'Onest',system-ui,sans-serif;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:color .15s ease,border-color .15s ease;
}
.tl-toolnav a:hover{color:var(--text);}
.tl-toolnav a[aria-current="page"]{color:var(--gold);border-bottom-color:var(--gold);}
.tl-toolnav a:focus-visible{outline:2px solid var(--gold);outline-offset:-3px;border-radius:8px;}
@media(max-width:700px){
  .tl-toolnav-in{justify-content:flex-start;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 16px,#000 calc(100% - 16px),transparent 100%);}
  .tl-toolnav a{padding:0 14px;}
}
.tl-sect-h{margin:20px 0 0;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);}
.tl-mult-note{margin:10px 2px 0;}
.tl-side-scroll .tl-tablewrap{max-height:none;}
/* the answer / result card of the new tabs is taller than the screen: it flows with the page (no sticky, no inner scroll) */
@media(min-width:1024px) and (min-height:720px){.tl-side.tl-side-scroll{position:static;}}

/* solver: what to find, the target move, the answer */
.tl-find{margin:0 0 18px;}
.tl-findgrp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;}
.tl-findgrp button{
  height:42px;padding:0 12px;border:1px solid var(--line-strong);border-radius:12px;background:rgba(255,255,255,.02);color:var(--text-dim);
  font:600 14px/1.1 'Onest',system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s ease,color .15s ease,border-color .15s ease;
}
.tl-findgrp button:hover{color:var(--text);}
.tl-findgrp button[aria-pressed="true"]{background:rgba(224,178,90,.14);color:var(--gold);border-color:rgba(224,178,90,.45);box-shadow:inset 0 0 0 1px rgba(224,178,90,.25);}
.tl-findgrp button:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.tl-presets{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0 0;}
.tl-pre{height:32px;padding:0 12px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(255,255,255,.02);color:var(--text-dim);font:600 13px/1 'JetBrains Mono',ui-monospace,monospace;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.tl-pre:hover{color:var(--text);border-color:rgba(224,178,90,.45);}
.tl-pre.is-on{color:var(--gold);border-color:rgba(224,178,90,.5);background:rgba(224,178,90,.1);}
.tl-pre:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.tl-presets-n{font-size:12px;color:var(--text-faint);}
@media(max-width:560px){.tl-pre{height:40px;padding:0 14px;}.tl-findgrp button{height:46px;}}
.tl-field.is-find .tl-input{opacity:.5;}
.tl-field.is-find .tl-label{color:var(--gold);}
.tl-find-tag{margin-inline-start:6px;font-weight:600;color:var(--gold);}
.tl-field.is-find input:disabled{cursor:not-allowed;}
.tl-row-exit{grid-template-columns:repeat(3,minmax(0,1fr));}
.tl-row-exit .tl-input.has-step input{padding:0 4px 0 28px;}
@media(max-width:520px){.tl-row-exit{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:8px;}.tl-row-exit > .tl-field{display:flex;}.tl-row-exit .tl-input.has-step input{padding:0 2px 0 26px;font-size:16px;}.tl-row-exit .tl-stepbtn{flex-basis:30px;}}
.tl-dir-form{margin-top:4px;}

.tl-ans{padding:4px 4px 12px;}
.tl-ans-k{margin:0;font-size:13.5px;color:var(--text-dim);}
.tl-ans-v{margin:2px 0 0;font:600 46px/1.1 'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--gold);letter-spacing:-.02em;overflow-wrap:anywhere;}
.tl-ans.is-none .tl-ans-v{font-size:23px;line-height:1.25;color:var(--text);letter-spacing:-.01em;font-family:'Onest',system-ui,sans-serif;}
.tl-ans-c{margin:8px 0 0;font-size:14px;line-height:1.55;color:var(--text-dim);}
.tl-ans-x{margin:6px 0 0;font-size:13.5px;line-height:1.55;color:var(--text-dim);}
.tl-ans-x p{margin:6px 0 0;}
.tl-ans-x b{color:var(--text);font:600 .94em 'JetBrains Mono',ui-monospace,monospace;white-space:nowrap;}
.tl-ans-sm{font-size:12.5px;color:var(--text-faint);}
.tl-near{margin-top:6px;padding-top:12px;border-top:1px solid var(--line);}
.tl-near[hidden]{display:none;}
.tl-near-h{margin:0 0 4px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);}
.tl-alts{list-style:none;margin:0;padding:0;}
.tl-alts li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:14px;line-height:1.4;color:var(--text);}
.tl-alts li:first-child{border-top:0;}
.tl-alts li.is-no{color:var(--text-faint);}
.tl-alts b{font:600 .94em 'JetBrains Mono',ui-monospace,monospace;white-space:nowrap;}
.tl-alt-apply{flex:0 0 auto;height:32px;padding:0 13px;border:1px solid rgba(224,178,90,.45);border-radius:9px;background:rgba(224,178,90,.1);color:var(--gold);font:600 12.5px/1 'Onest',system-ui,sans-serif;cursor:pointer;-webkit-tap-highlight-color:transparent;}
.tl-alt-apply:hover{background:rgba(224,178,90,.2);color:var(--text);}
.tl-alt-apply:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
@media(max-width:560px){.tl-alt-apply{height:40px;}}
.tl-verify{margin:8px 0 0;font-size:14px;}
.tl-verify a{color:var(--gold);text-decoration:underline;text-underline-offset:3px;}
.tl-verify a:hover{color:var(--text);}
.tl-how{margin:8px 0 14px;font-size:13px;color:var(--text-dim);}
.tl-how summary{cursor:pointer;color:var(--text-dim);padding:4px 0;}
.tl-how p{margin:6px 0 0;line-height:1.55;}
.tl-honest{margin:12px 4px 0;font-size:12.5px;line-height:1.55;color:var(--text-faint);}
.tl-side .tl-risk{margin-top:14px;}
.tl-matrix th,.tl-matrix td{text-align:end;white-space:nowrap;}
.tl-matrix th:first-child,.tl-matrix td:first-child{text-align:start;}
.tl-matrix tbody th{font-weight:600;color:var(--text);}
.tl-matrix td{padding:0 !important;}
.tl-matrix td button{display:block;width:100%;padding:8px 10px;border:0;border-radius:0;background:transparent;color:var(--text-dim);font:inherit;font-variant-numeric:tabular-nums;text-align:end;cursor:pointer;}
.tl-matrix td button:hover{color:var(--text);background:rgba(255,255,255,.04);}
.tl-matrix td button:focus-visible{outline:2px solid var(--gold);outline-offset:-2px;}
.tl-matrix td.is-ok button{background:rgba(224,178,90,.12);color:var(--text);}
.tl-matrix td.is-cur button{box-shadow:inset 0 0 0 1.5px var(--gold);color:var(--gold);}
.tl-matrix tr.is-ref th{box-shadow:inset 3px 0 0 var(--gold);}

/* line charts (multipliers, answer curve) */
.tl-lines .ln{fill:none;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;}
.tl-lines .ln.ln-s0{stroke:var(--text-dim);}
.tl-lines .ln.ln-s1{stroke:var(--gold);}
.tl-lines .ln.ln-s2{stroke:var(--text);}
.tl-lines .ln.ln-s3{stroke:var(--green);}
.tl-lines .ln.is-strong{stroke-width:2.8;}
.tl-lines .ln-dot{stroke:none;}
.tl-lines .ln-dot.ln-s0{fill:var(--text-dim);}.tl-lines .ln-dot.ln-s1{fill:var(--gold);}.tl-lines .ln-dot.ln-s2{fill:var(--text);}.tl-lines .ln-dot.ln-s3{fill:var(--green);}
.tl-lines .ln-grid{stroke:var(--line);stroke-width:1;shape-rendering:crispEdges;}
.tl-lines .ln-edge{stroke:var(--line-strong);stroke-width:1;shape-rendering:crispEdges;}
.tl-lines .ln-ref{stroke:var(--text-faint);stroke-width:1;stroke-dasharray:3 4;}
.tl-lines .ln-mark{stroke:var(--gold);stroke-width:1;stroke-dasharray:3 4;opacity:.85;}
.tl-chart.tl-lines text{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:10.5px;fill:var(--text-faint);}
.tl-chart.tl-lines text.ln-lbl{font-size:11px;font-weight:500;}
.tl-chart.tl-lines text.ln-lbl.ln-s0{fill:var(--text-dim);}.tl-chart.tl-lines text.ln-lbl.ln-s1{fill:var(--gold);}.tl-chart.tl-lines text.ln-lbl.ln-s2{fill:var(--text);}.tl-chart.tl-lines text.ln-lbl.ln-s3{fill:var(--green);}
.tl-chart.tl-lines text.ln-lbl.is-strong{font-weight:700;}
.tl-chart.tl-lines text.ln-reft{fill:var(--text-faint);}
.tl-chart.tl-lines text.ln-markt{fill:var(--gold);}

/* pullback: result lines, tables */
.tl-pb-lines{margin-top:2px;}
.tl-pb-lines li[hidden]{display:none;}
.tl-pb-lines li[data-r="back"]{color:var(--text);font-weight:500;}
.tl-pb-lines li[data-r="back"]::before{background:var(--gold);}
.tl-pb-lines li[data-r="arm"]::before{background:var(--text);}
.tl-pb-lines li[data-r="lock"]::before{background:var(--green);}
.tl-pb-lines li[data-r="float"]::before{background:var(--red);}
.tl-pb-lines li[data-r="far"]::before{background:var(--text-faint);}
.tl-pb-lines b{white-space:nowrap;}
.tl-pb-lines li[data-r="lock"] b{color:var(--green);}
.tl-pb-lines li[data-r="float"] b.neg{color:var(--red);}
.tl-pbtable th,.tl-pbtable td{text-align:end;white-space:nowrap;}
.tl-pbtable th:first-child,.tl-pbtable td:first-child{text-align:center;}
.tl-pbtable[data-cols="short"] .x{display:none;}
.tl-pbtable tbody tr.is-so td{background-color:rgba(224,178,90,.1);color:var(--text);}
.tl-pbtable tbody tr.is-so td:first-child{box-shadow:inset 3px 0 0 var(--gold);}
.tl-pbtable td.c-key{color:var(--green);font-weight:600;}
.tl-pbtable td.neg{color:var(--red);}
.tl-mults-wrap{margin-top:10px;}
.tl-mults th,.tl-mults td{text-align:end;white-space:nowrap;}
.tl-mults th:first-child,.tl-mults td:first-child{text-align:start;}
.tl-mults tbody tr.is-cur td{background-color:rgba(224,178,90,.1);color:var(--text);}
.tl-mults tbody tr.is-cur td:first-child{box-shadow:inset 3px 0 0 var(--gold);}
@media(max-width:560px){.tl-mults{font-size:11.5px;}.tl-mults th,.tl-mults td{padding:8px 4px;}}
[dir="rtl"] .tl-matrix th,[dir="rtl"] .tl-matrix td,[dir="rtl"] .tl-pbtable th,[dir="rtl"] .tl-pbtable td,[dir="rtl"] .tl-mults th,[dir="rtl"] .tl-mults td{text-align:start;}
@media(max-width:560px){.tl-matrix td button{padding:10px 2px;font-size:11.5px;}.tl-matrix th{padding:8px 4px;}.tl-matrix thead th{font-size:10.5px;}.tl-matrix tbody th{padding-inline:8px 4px;}}

/* ---------- gold trading hours: the session clock (v7, 09.10) ---------- */
.hr-bench{--hr-sydney:#6C9BD2;--hr-tokyo:#B58BD6;--hr-london:#5CC0B0;--hr-newyork:#E58F6A;}
@media(min-width:941px){.hr-panel{position:sticky;top:84px;}}
.hr-select{
  display:block;width:100%;height:48px;padding:0 40px 0 14px;font:500 15px/1 'Onest',system-ui,sans-serif;color:var(--text);
  background:var(--tl-field) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239097A3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/18px;
  border:1px solid var(--line-strong);border-radius:12px;-webkit-appearance:none;appearance:none;cursor:pointer;text-overflow:ellipsis;
}
.hr-select:hover{border-color:var(--gold-deep);}
.hr-select:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.hr-select option{background:#10141A;color:var(--text);}
.hr-switch{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;margin-top:10px;padding:0;background:none;border:0;color:var(--text-dim);font:500 14px/1.35 'Onest',system-ui,sans-serif;text-align:start;cursor:pointer;}
.hr-switch:hover{color:var(--text);}
.hr-switch:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:10px;}
.hr-switch-ui{flex:0 0 auto;position:relative;width:42px;height:24px;border-radius:999px;background:var(--tl-field);border:1px solid var(--line-strong);transition:background .15s,border-color .15s;}
.hr-switch-ui::after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:18px;height:18px;border-radius:50%;background:var(--text-dim);transition:transform .15s,background .15s;}
.hr-switch[aria-checked="true"]{color:var(--text);}
.hr-switch[aria-checked="true"] .hr-switch-ui{background:rgba(224,178,90,.18);border-color:rgba(224,178,90,.55);}
.hr-switch[aria-checked="true"] .hr-switch-ui::after{transform:translateX(18px);background:var(--gold);}
.hr-custom{margin-top:12px;}
.hr-custom[hidden],.hp-custom[hidden],#hpCustom[hidden]{display:none;}
.hr-srvnow{margin:10px 0 0;font:500 13px/1.4 'JetBrains Mono',ui-monospace,monospace;color:var(--text-dim);}
.hr-results .hr-card{padding:0;}
.hr-card > .hr-clock{padding:18px 20px 0;}
.hr-clock{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:8px 20px;}
.hr-time{margin:0;font:600 40px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);}
.hr-date{margin:8px 0 0;font-size:14px;color:var(--text-dim);text-transform:capitalize;}
.hr-tzline{margin:0;font-size:12.5px;color:var(--text-faint);text-align:end;}
.hr-change{color:var(--gold);text-decoration:none;margin-inline-start:6px;}
.hr-change:hover{text-decoration:underline;}
.hr-chips{list-style:none;margin:16px 0 0;padding:0 20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.hr-chip{display:flex;flex-direction:column;gap:3px;min-width:0;padding:11px 12px 12px;border:1px solid var(--line);border-radius:14px;background:var(--tl-field);}
.hr-chip-name{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--text);min-width:0;}
.hr-chip-name > span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hr-dot{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--c,var(--text-faint));}
.hr-chip[data-s="sydney"],[data-r="sydney"]{--c:var(--hr-sydney);}
.hr-chip[data-s="tokyo"],[data-r="tokyo"]{--c:var(--hr-tokyo);}
.hr-chip[data-s="london"],[data-r="london"]{--c:var(--hr-london);}
.hr-chip[data-s="newyork"],[data-r="newyork"]{--c:var(--hr-newyork);}
.hr-chip[data-s="gold"],[data-r="gold"]{--c:rgba(255,255,255,.55);}
.hr-chip[data-s="midas"],[data-r="midas"]{--c:var(--gold);}
[data-r="over"]{--c:rgba(224,178,90,.55);}
.hr-state{font-size:12.5px;font-weight:600;color:var(--text-faint);}
.hr-chip[data-state="open"]{border-color:rgba(79,197,134,.35);background:linear-gradient(160deg,rgba(79,197,134,.08),transparent 70%),var(--tl-field);}
.hr-chip[data-state="open"] .hr-state{color:var(--green);}
.hr-chip[data-state="break"] .hr-state,.hr-chip[data-state="weekend"] .hr-state,.hr-chip[data-state="holiday"] .hr-state{color:var(--tl-warn);}
.hr-cd{font:500 12.5px/1.35 'JetBrains Mono',ui-monospace,monospace;color:var(--text-dim);min-height:1.35em;}
.hr-hrs{font:400 12px/1.35 'JetBrains Mono',ui-monospace,monospace;color:var(--text-faint);min-height:1.35em;overflow-wrap:anywhere;}
.hr-tl{margin:20px 20px 0;}
.hr-plot{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:repeat(8,auto);row-gap:7px;}
.hr-axis{grid-column:2;position:relative;height:18px;}
.hr-tick{position:absolute;top:0;transform:translateX(-50%);font:500 11px/18px 'JetBrains Mono',ui-monospace,monospace;color:var(--text-faint);}
.hr-tick:last-child{transform:translateX(-100%);}
.hr-tick:first-child{transform:none;}
.hr-lab{grid-column:1;display:flex;align-items:center;gap:7px;min-width:0;font-size:12.5px;color:var(--text-dim);white-space:nowrap;}
.hr-track{grid-column:2;position:relative;height:20px;border-radius:6px;background:rgba(255,255,255,.045);}
.hr-seg{position:absolute;top:0;bottom:0;border-radius:5px;background:var(--c);pointer-events:auto;}
.hr-track[data-r="gold"] .hr-seg{background:rgba(255,255,255,.26);}
.hr-track[data-r="midas"] .hr-seg{background:var(--gold);opacity:1;}
.hr-track[data-r="over"] .hr-seg{background:rgba(224,178,90,.5);box-shadow:inset 0 0 0 1px rgba(224,178,90,.7);}
.hr-bands{grid-column:2;grid-row:2 / 7;position:relative;pointer-events:none;}
.hr-band{position:absolute;top:-3px;bottom:-3px;background:rgba(224,178,90,.10);border-inline:1px dashed rgba(224,178,90,.4);}
.hr-over{grid-column:2;grid-row:1 / 9;position:relative;pointer-events:none;}
.hr-gl{position:absolute;top:20px;bottom:0;width:1px;background:rgba(255,255,255,.06);}
.hr-now{position:absolute;top:18px;bottom:-2px;width:2px;margin-inline-start:-1px;border-radius:2px;background:var(--text);box-shadow:0 0 10px rgba(255,255,255,.4);}
.hr-pill{position:absolute;top:-1px;transform:translateX(-50%);padding:0 6px;border-radius:6px;background:var(--text);color:var(--bg);font:600 11px/18px 'JetBrains Mono',ui-monospace,monospace;}
.hr-pill.is-l{transform:translateX(-12%);}
.hr-pill.is-r{transform:translateX(-88%);}
.hr-ov{margin:18px 20px 0;}
.hr-ov-h{margin:0;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint);}
.hr-ovl{list-style:none;margin:8px 0 0;padding:0;font-size:13.5px;}
.hr-ovl li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid var(--line);color:var(--text-dim);}
.hr-ovl li:first-child{border-top:0;}
.hr-ovl b{font:600 13px/1.4 'JetBrains Mono',ui-monospace,monospace;color:var(--text);white-space:nowrap;}
.hr-ovl .is-none{color:var(--text-faint);}
.hr-card > .hr-note{margin:14px 20px 18px;}
.hr-tbl td{white-space:nowrap;}
.hr-tbl thead th:first-child{text-align:start;}
.hr-tbl .hr-grp th{padding-top:16px;text-align:start;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);border-top:1px solid var(--line-strong);}
.hr-dd{margin-inline-start:3px;font-size:10px;font-weight:600;color:var(--text-faint);}
.hr-prose p{margin:0 0 12px;font-size:14.5px;line-height:1.65;color:var(--text-dim);}
.hr-prose p:last-child{margin-bottom:0;}
.hr-prose b{color:var(--text);font-weight:600;}
.hr-prose a{color:var(--gold);text-decoration:none;}
.hr-prose a:hover{text-decoration:underline;}
.hr-conv{padding:10px 14px;border-radius:12px;border:1px solid rgba(224,178,90,.3);background:rgba(224,178,90,.06);color:var(--text) !important;}
@media(max-width:940px){.hr-results{order:-1;}}
@media(max-width:700px){.hr-chips{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:620px){
  .hr-tbl,.hr-tbl tbody{display:block;}
  .hr-tbl thead{display:none;}
  .hr-tbl tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 8px;padding:10px 0;border-top:1px solid var(--line);}
  .hr-tbl th,.hr-tbl td{border:0;padding:0;text-align:start;width:auto;}
  .hr-tbl tbody th{grid-column:1 / -1;margin-bottom:4px;color:var(--text);font-weight:500;}
  .hr-tbl td::before{content:attr(data-l);display:block;font:400 11px/1.3 'Onest',system-ui,sans-serif;color:var(--text-faint);margin-bottom:2px;}
  .hr-tbl .hr-grp{display:block;padding:14px 0 4px;}
  .hr-tbl .hr-grp th{display:block;padding:0;border:0;margin:0;}
  .hr-tbl td{font-size:12.5px;white-space:normal;}
}
@media(max-width:560px){
  .hr-card > .hr-clock{padding:16px 14px 0;}
  .hr-chips{padding:0 14px;gap:8px;}
  .hr-tl{margin:18px 14px 0;}
  .hr-ov{margin:16px 14px 0;}
  .hr-card > .hr-note{margin:12px 14px 16px;}
  .hr-time{font-size:34px;}
  .hr-tzline{text-align:start;}
  .hr-plot{grid-template-columns:62px minmax(0,1fr);}
  .hr-lab{font-size:12px;}
  .hr-lab .hr-dot{display:none;}
  .hr-tick.is-minor{display:none;}
  .hr-chip{padding:10px 11px 11px;}
}

/* ---------- gold hour profile (v8): 24 bars, shaded columns, thin tracks under the bars ---------- */
.hp-panel .tl-seg button{padding:0 3px;}
.hp-panel .tl-seg button:disabled{opacity:.55;cursor:not-allowed;}
.hp-panel .tl-seg button:disabled:hover{color:var(--text-dim);}
.hp-seg3 button{font-size:12.5px;}
.hp-card{padding:0;}
.hp-head{padding:18px 20px 0;}
.hp-title{margin:0;font-size:18px;font-weight:600;color:var(--text);}
.hp-sub{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:var(--text-dim);}
.hp-unit{color:var(--text-faint);}
.hp-chart{position:relative;margin:18px 20px 0;border-radius:10px;outline:none;}
.hp-chart:focus-visible{outline:2px solid var(--gold);outline-offset:6px;}
.hp-plot{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);grid-template-rows:auto auto repeat(6,auto);row-gap:7px;padding-top:8px;}
.hp-yl{grid-column:1;position:relative;height:250px;}
.hp-yt{position:absolute;inset-inline-end:8px;transform:translateY(50%);font:500 11px/1 'JetBrains Mono',ui-monospace,monospace;color:var(--text-faint);white-space:nowrap;}
.hp-area{grid-column:2;position:relative;height:250px;}
.hp-gl{position:absolute;left:0;right:0;height:1px;background:rgba(255,255,255,.07);}
.hp-gl.is-ref{height:0;background:none;border-top:1px dashed rgba(224,178,90,.7);}
.hp-band{position:absolute;top:0;bottom:0;pointer-events:none;}
.hp-band.is-midas{background:rgba(224,178,90,.075);border-inline:1px dashed rgba(224,178,90,.38);}
.hp-band.is-break{background:repeating-linear-gradient(135deg,rgba(255,255,255,.09) 0 3px,transparent 3px 7px);border-inline:1px solid rgba(255,255,255,.12);}
.hp-cols{position:absolute;inset:0;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));}
.hp-col{position:relative;display:flex;align-items:flex-end;justify-content:center;padding:0 12%;cursor:pointer;border-radius:4px;}
.hp-col:hover,.hp-col.is-on{background:rgba(255,255,255,.055);}
.hp-bar{display:block;width:100%;min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,rgba(235,193,110,.95),rgba(224,178,90,.62));}
.hp-col:hover .hp-bar,.hp-col.is-on .hp-bar{background:linear-gradient(180deg,#F3CF86,rgba(224,178,90,.82));}
.hp-nd{position:absolute;left:14%;right:14%;bottom:0;height:0;border-top:2px dotted rgba(255,255,255,.34);}
.hp-x{grid-column:2;position:relative;height:16px;}
.hp-xl{position:absolute;top:0;transform:translateX(-50%);font:500 11px/16px 'JetBrains Mono',ui-monospace,monospace;color:var(--text-faint);white-space:nowrap;}
.hp-x.is-half .hp-xl.is-minor{display:none;}
.hp-plot .hr-lab{overflow:hidden;text-overflow:ellipsis;}
.hr-track[data-r="break"] .hr-seg{background:repeating-linear-gradient(135deg,rgba(255,255,255,.3) 0 3px,rgba(255,255,255,.1) 3px 6px);}
.hr-chip[data-s="break"],[data-r="break"]{--c:rgba(255,255,255,.5);}
.hp-tip{position:absolute;z-index:4;width:max-content;max-width:min(260px,70%);padding:10px 12px;border-radius:12px;background:#10141A;border:1px solid var(--line-strong);box-shadow:0 12px 32px rgba(0,0,0,.55);pointer-events:none;font-size:12.5px;line-height:1.4;color:var(--text-dim);}
.hp-tip p{margin:0;}
.hp-tip p + p{margin-top:5px;}
.hp-tip-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.hp-tip-h b{font:600 13px/1.3 'JetBrains Mono',ui-monospace,monospace;color:var(--text);}
.hp-tip-h span{font:500 11px/1.3 'JetBrains Mono',ui-monospace,monospace;color:var(--text-faint);}
.hp-tip-v{display:flex;justify-content:space-between;gap:12px;color:var(--text);}
.hp-tip-v b{font:600 13px/1.3 'JetBrains Mono',ui-monospace,monospace;color:var(--gold);white-space:nowrap;}
.hp-tip-r,.hp-tip-n{font-size:12px;color:var(--text-faint);}
.hp-tip-none{color:var(--text-dim);}
.hp-fail{margin:0;padding:24px 0;color:var(--text-dim);font-size:14px;}
.hp-zone{margin:14px 20px 0;}
.hp-tops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 28px;margin:18px 20px 0;}
.hp-tops:empty{display:none;}
.hp-notes{margin:16px 20px 18px;padding-top:14px;border-top:1px solid var(--line);}
.hp-notes p{margin:0 0 9px;}
.hp-notes p:last-child{margin-bottom:0;}
.hp-notes a{color:var(--gold);text-decoration:none;}
.hp-notes a:hover{text-decoration:underline;}
.hp-notes b{color:var(--text);font-weight:600;}
.hp-notes [hidden]{display:none;}
@media(max-width:700px){.hp-yl,.hp-area{height:210px;}.hp-x .hp-xl.is-minor{display:none;}}
@media(max-width:560px){
  .hp-head{padding:16px 14px 0;}
  .hp-chart{margin:14px 14px 0;}
  .hp-zone{margin:12px 14px 0;}
  .hp-tops{margin:16px 14px 0;grid-template-columns:minmax(0,1fr);gap:14px;}
  .hp-notes{margin:14px 14px 16px;}
  .hp-plot{grid-template-columns:58px minmax(0,1fr);}
  .hp-yt{inset-inline-end:6px;}
  .hp-col{padding:0 8%;}
  .hp-plot .hr-lab{font-size:11.5px;}
  .hp-plot .hr-lab .hr-dot{display:none;}
  .hp-tip{max-width:78%;}
}

/* ---------- gold lot size calculator (v9) ---------- */
.lt-bench [hidden]{display:none !important;}
.lt-bench .tl-seg + .tl-row{margin-top:14px;}
.lt-bench .tl-fs .tl-seg{margin-bottom:0;}
.lt-bench .tl-notes{margin:0;}
.lt-bench .tl-risk.callout.lt-note{background:transparent;border-color:var(--line);color:var(--text-dim);}   /* the standing disclaimer is a quiet note, not an error box */
.lt-bench.is-stale .tl-kpis,.lt-bench.is-stale .tl-box{opacity:.4;}
.lt-bench .tl-sentence:empty{display:none;}
@media(max-width:940px){
  /* a phone: the key numbers first, then the settings, then the long list */
  .lt-bench > .tl-results,.lt-bench .tl-live{display:contents;}
  .lt-bench #tlErrBox{order:-4;}
  .lt-bench .tl-kpis{order:-3;}
  .lt-bench .tl-sentence{order:-2;}
  .lt-bench .tl-notes{order:-1;}
  .lt-bench > .tl-panel{order:0;}
  .lt-bench .tl-risk{order:1;}
  .lt-bench .tl-box{order:2;}
}
.lt-prose b{color:var(--text);font-weight:600;}
.lt-formula{margin:18px 0 0;}
.lt-formula code{
  display:block;font:600 14.5px/1.5 'JetBrains Mono',ui-monospace,monospace;color:var(--gold);
  background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:13px 16px;overflow-wrap:anywhere;
}
.lt-steps{margin:14px 0 0;padding-inline-start:22px;color:var(--text-dim);font-size:15.5px;line-height:1.7;}
.lt-steps li{margin-top:10px;padding-inline-start:6px;}
.lt-steps li::marker{color:var(--gold);font-weight:600;}
.lt-example td:first-child{width:34%;}
.lt-one{margin-top:16px;}
.lt-one td,.lt-one th{text-align:start;}
.lt-one td:first-child{font-family:'JetBrains Mono',ui-monospace,monospace;color:var(--text);}
.lt-tablewrap.tl-tablewrap{max-height:none;margin-top:18px;max-width:760px;border:1px solid var(--line);border-radius:14px;background:var(--surface);}
.lt-table{width:100%;border-collapse:collapse;font-size:14px;}
.lt-table caption{caption-side:top;text-align:start;padding:14px 16px 4px;font-size:12.5px;line-height:1.45;color:var(--text-faint);}
.lt-table th,.lt-table td{padding:12px 14px;text-align:end;border-top:1px solid var(--line);white-space:nowrap;}
.lt-table thead th{border-top:0;padding-top:8px;font-size:11.5px;font-weight:600;letter-spacing:.04em;color:var(--text-faint);white-space:normal;vertical-align:bottom;}
.lt-table tbody th{text-align:start;font-weight:500;color:var(--text-dim);}
.lt-table td{font-family:'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--text);font-weight:600;}
.lt-table td.is-below{color:var(--text-faint);font-weight:500;}
html[dir="rtl"] .lt-table td{direction:ltr;}
/* 25.10.2026: tables of dates on the gold hours page (#dstTable, #holTable): a text column after the date */
.hr-dates tbody th{white-space:normal;min-width:7.5em;}
.hr-dates td:first-of-type{white-space:normal;text-align:start;font-family:inherit;font-weight:400;color:var(--text-dim);min-width:13em;}
.hr-dates td{vertical-align:top;}
@media(max-width:560px){
  .lt-table{font-size:13px;}
  .lt-table th,.lt-table td{padding:11px 7px;}
  .lt-table thead th{font-size:10.5px;letter-spacing:.02em;}
  .lt-table caption{padding:12px 10px 4px;}
}

/* ---------- 24.10: калькуляторы «Grid bot risk» и «DCA bot» (любой актив; gb-* — страница, gbx-* — статичные примеры из tools_build.js) ---------- */
.gb-bench [hidden]{display:none !important;}
.gb-bench .gb-seg-next{margin-top:10px;}
.gb-bench .tl-fs .tl-seg + .tl-row{margin-top:14px;}
.gb-bench .tl-sentence:empty{display:none;}
.gb-bench.is-stale .tl-kpis,.gb-bench.is-stale .tl-box,.gb-bench.is-stale .tl-sentence{opacity:.4;}
.gb-table tbody tr{cursor:default;}
.gb-table tbody tr:hover td{background-color:transparent;}
.gb-table td.c-note{min-width:220px;}
.gb-table tbody tr.is-refuse td.c-note{white-space:normal;}
.gb-table td.pos{color:var(--green);}
.gbx-wrap.lt-tablewrap.tl-tablewrap{max-width:900px;}
.gbx-table tbody tr.gbx-stop td{
  text-align:start;font-family:'Onest',system-ui,sans-serif;font-weight:600;font-size:13px;color:var(--red);white-space:normal;
  background:linear-gradient(90deg,rgba(229,96,90,.12),rgba(229,96,90,.02));
}
.gbx-calc{max-width:900px;}
.gbx-calc td:last-child{white-space:normal;overflow-wrap:anywhere;}
.gbx-prose code{
  font-family:'JetBrains Mono',ui-monospace,monospace;font-size:.88em;color:var(--text);
  background:var(--surface-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;overflow-wrap:anywhere;
}
.gbx-prose .tl-formulas code{color:var(--gold);font-size:13px;padding:6px 10px;border-radius:8px;}
.gbx-prose .tl-formulas li span{font-size:14.5px;line-height:1.6;}
.gbx-prose a code{color:var(--gold);}
@media(max-width:940px){
  /* телефон: сначала главные числа, потом настройки, потом длинная таблица (как на странице лота) */
  .gb-bench > .tl-results,.gb-bench .tl-live{display:contents;}
  .gb-bench #tlErrBox{order:-4;}
  .gb-bench .tl-kpis{order:-3;}
  .gb-bench .tl-sentence{order:-2;}
  .gb-bench .tl-notes{order:-1;}
  .gb-bench > .tl-panel{order:0;}
  .gb-bench .tl-risk{order:1;}
  .gb-bench .tl-box{order:2;}
}

/* ---------- 25.10: баннер «безопасный депозит» (макет s3b), редизайн A: золотой блок, «У вас / Безопасно» двумя полосками ---------- */
.tl-main section.tl-s3b-sec{margin-top:-44px;padding-bottom:40px;}
html[data-tl-page="hub"] .tl-main section.tl-s3b-sec{margin-top:0;}
.s3b{border:1px solid rgba(224,178,90,.42);border-radius:18px;padding:26px 28px;position:relative;overflow:hidden;
  background:linear-gradient(135deg,rgba(224,178,90,.16),rgba(224,178,90,.03) 55%),var(--surface);}
.s3b-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:32px;align-items:center;}
.s3b-eyebrow{font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);}
.s3b-h{margin:8px 0 6px;font-size:23px;line-height:1.25;font-weight:700;letter-spacing:-.01em;max-width:620px;text-wrap:balance;}
.s3b-lead{margin:0;color:var(--text-dim);font-size:14.5px;line-height:1.55;max-width:600px;}
.s3b-bars{margin:18px 0 6px;display:grid;gap:8px;}
.s3b-bar{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-dim);}
.s3b-bar[hidden]{display:none;}
.s3b-bk{width:92px;flex:none;}
.s3b-tr{flex:1;min-width:0;height:14px;border-radius:7px;background:rgba(255,255,255,.07);overflow:hidden;display:block;}
.s3b-fi{display:block;height:100%;border-radius:7px;background:var(--red);width:0;transition:width .25s ease;}
.s3b-bar.is-safe .s3b-fi{width:100%;background:linear-gradient(90deg,#D9A94A,#EBC578);}
.s3b-bar.is-you.is-ok .s3b-fi{background:var(--green);}
.s3b-bv{width:84px;flex:none;text-align:end;color:var(--text);font:500 14px 'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;}
.s3b-ks{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:16px;}
.s3b-k b{display:block;font:600 19px 'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;}
.s3b-k b.grn{color:var(--green);}
.s3b-k u{text-decoration:none;display:block;font-size:12px;color:var(--text-faint);margin-top:2px;line-height:1.35;max-width:20ch;}
.s3b-k u.s3b-k-sub{display:none;}
.s3b-side{display:flex;flex-direction:column;gap:14px;align-items:flex-start;min-width:0;}
.s3b-btn{height:50px;padding:0 24px;font-size:15.5px;box-shadow:0 8px 24px rgba(224,178,90,.25);}
.s3b-hard{width:100%;border-top:1px solid var(--line);padding-top:4px;font-size:13.5px;line-height:1.55;color:var(--text-dim);}
.s3b-hard summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;color:var(--text);font-weight:500;font-size:14.5px;}
.s3b-hard summary::-webkit-details-marker{display:none;}
.s3b-hard summary .chev{color:var(--text-faint);font-size:18px;transition:transform .2s;}
.s3b-hard[open] summary .chev{transform:rotate(45deg);color:var(--gold);}
.s3b-hard p{margin:0 0 10px;}
.s3b-src{margin:0;font-size:12px;color:var(--text-faint);line-height:1.5;}
.s3b-src a{color:var(--text-dim);text-decoration:underline;}
@media(max-width:860px){.s3b-grid{grid-template-columns:minmax(0,1fr);gap:18px;}.s3b-side{align-items:stretch;}.s3b .btn{width:100%;justify-content:center;}}
@media(max-width:700px){
  .tl-main section.tl-s3b-sec{margin-top:-28px;padding-bottom:32px;}
  .s3b{padding:20px 16px;}.s3b-h{font-size:19px;}.s3b-bk{width:74px;}.s3b-bv{width:70px;}.s3b-ks{gap:12px 20px;}
}

/* ---------- 25.10: редизайн A, общее для всех калькуляторов (хлебные крошки + H1 + одна строка; вкладки с прокруткой; свёрнутые блоки в FAQ; чипы «Другие инструменты») ---------- */
.tl-main section.tl-hero:not(.tl-hero-hub){padding:26px 0 4px;text-align:start;}
.tl-hero:not(.tl-hero-hub) h1{font-size:34px;line-height:1.15;letter-spacing:-.01em;margin:0;max-width:none;text-wrap:balance;}
.tl-hero:not(.tl-hero-hub) .tl-crumb{justify-content:flex-start;margin-bottom:8px;gap:6px;}
.tl-hero:not(.tl-hero-hub) .tl-sub{margin:6px 0 0;max-width:none;font-size:16px;line-height:1.4;font-weight:400;color:var(--text-dim);letter-spacing:0;text-wrap:pretty;}
@media(max-width:560px){
  .tl-main section.tl-hero:not(.tl-hero-hub){padding:18px 0 2px;}
  .tl-hero:not(.tl-hero-hub) h1{font-size:25px;}
  .tl-hero:not(.tl-hero-hub) .tl-sub{font-size:14.5px;}
}
/* вкладки инструментов: пилюли в один ряд, горизонтальная прокрутка; затухание у края, где есть ещё вкладки (data-fade ставит tools-nav.js) */
.tl-toolnav-wrap{margin:16px auto 14px;}
.tl-toolnav{max-width:none;margin:0;position:relative;}
.tl-toolnav-in{gap:6px;border-bottom:0;padding:2px 0;scroll-snap-type:x proximity;}
.tl-toolnav-in > a:first-child{margin-inline-start:0;}
.tl-toolnav-in > a:last-child{margin-inline-end:0;}
.tl-toolnav a{height:38px;padding:0 15px;margin:0;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:500;scroll-snap-align:center;}
.tl-toolnav a:hover{background:rgba(255,255,255,.04);}
.tl-toolnav a[aria-current="page"]{color:var(--gold);border-color:rgba(224,178,90,.4);background:rgba(224,178,90,.08);}
.tl-toolnav[data-fade="r"] .tl-toolnav-in{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);}
.tl-toolnav[data-fade="l"] .tl-toolnav-in{-webkit-mask-image:linear-gradient(90deg,transparent,#000 44px);mask-image:linear-gradient(90deg,transparent,#000 44px);}
.tl-toolnav[data-fade="lr"] .tl-toolnav-in{-webkit-mask-image:linear-gradient(90deg,transparent,#000 44px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,transparent,#000 44px,#000 calc(100% - 44px),transparent);}
@media(max-width:700px){
  .tl-toolnav-in{-webkit-mask-image:none;mask-image:none;}
  .tl-toolnav:not([data-fade]) .tl-toolnav-in{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);}
  .tl-toolnav[data-fade="r"] .tl-toolnav-in{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);}
  .tl-toolnav[data-fade="l"] .tl-toolnav-in{-webkit-mask-image:linear-gradient(90deg,transparent,#000 44px);mask-image:linear-gradient(90deg,transparent,#000 44px);}
  .tl-toolnav[data-fade="lr"] .tl-toolnav-in{-webkit-mask-image:linear-gradient(90deg,transparent,#000 44px,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,transparent,#000 44px,#000 calc(100% - 44px),transparent);}
  .tl-toolnav a{padding:0 13px;}
}
/* FAQ: один столбец; сверху вопросы, в конце свёрнутые «О калькуляторе / Формулы / Поделиться / Встроить» */
.tl-main section.tl-faq{padding:44px 0 36px;}
.tl-faq .faq-layout{display:block;}
.tl-faq .faq-layout > div:first-child{margin-bottom:14px;}
.tl-faq .tl-h2{font-size:24px;}
.tl-fold-body{padding-bottom:20px;}
.tl-fold-body .tl-prose{max-width:none;}
.tl-fold-body .tl-h3{margin-top:22px;}
.tl-fold-body > div > .tl-prose:first-child > .tl-h3:first-child{margin-top:2px;}
.tl-fold-body .tl-tablewrap{margin-top:12px;}
.tl-fold-body .tl-embed{padding:0;border:0;background:none;}
.tl-fold-body textarea.tl-embed-code{width:100%;}
/* «Другие инструменты»: компактные чипы вместо карточек */
.tl-main section.tl-related-sec{padding:36px 0 24px;}
.tl-related-sec .tl-h2{font-size:22px;}
.tl-chiplinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.tl-chiplink{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 15px;border:1px solid var(--line-strong);border-radius:999px;color:var(--text-dim);font-size:14px;font-weight:500;text-decoration:none;background:rgba(255,255,255,.02);transition:border-color .15s ease,color .15s ease;}
.tl-chiplink:hover{color:var(--gold);border-color:rgba(224,178,90,.5);}
.tl-chiplink:focus-visible{outline:2px solid var(--gold);outline-offset:2px;}
.tl-chiplink.is-all{border-style:dashed;color:var(--gold);}
.tl-related-sec .tl-more{margin-top:16px;}

/* ---------- 25.10: редизайн A, калькулятор сетки: ввод одной строкой, главная цифра, шкала, три плитки, график и таблица свёрнуты ---------- */
html[data-tl-page="grid"] .tl-main section.tl-sec-flush#calc{padding-bottom:56px;}
html[data-tl-page="grid"] .tl-calc{display:block;}
html[data-tl-page="grid"] .tl-calc-in{min-width:0;}
html[data-tl-page="grid"] .tl-ctrl{padding:16px 16px 10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 10px;align-items:start;}
html[data-tl-page="grid"] .tl-ctrl > .tl-ctrl-main,html[data-tl-page="grid"] .tl-ctrl > .tl-row{display:contents;}
html[data-tl-page="grid"] .tl-ctrl .tl-ctrl-main > .tl-field{grid-column:1/-1;}
html[data-tl-page="grid"] .tl-ctrl > .tl-chips,html[data-tl-page="grid"] .tl-ctrl > .tl-adv{grid-column:1/-1;}
html[data-tl-page="grid"] .tl-ctrl > .tl-chips{margin:6px 0 0;gap:6px;}
html[data-tl-page="grid"] .tl-ctrl .tl-chip{font-size:12px;padding:4px 10px;}
html[data-tl-page="grid"] .tl-ctrl > .tl-adv{margin-top:2px;}
@media(min-width:960px){
  html[data-tl-page="grid"] .tl-ctrl{grid-template-columns:minmax(0,1.35fr) repeat(4,minmax(0,1fr));}
  html[data-tl-page="grid"] .tl-ctrl .tl-ctrl-main > .tl-field{grid-column:auto;}
}
html[data-tl-page="grid"] .gr-result{margin-top:14px;padding:26px 28px 14px;position:static;}
html[data-tl-page="grid"] .gr-eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);font-weight:600;}
.gr-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:44px;align-items:end;margin-top:16px;}
.gr-k{font-size:18px;font-weight:500;line-height:1.3;}
.gr-big{font:600 clamp(58px,6.4vw,92px)/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:-.03em;margin-top:12px;direction:ltr;text-align:start;font-variant-numeric:tabular-nums;white-space:nowrap;}
.gr-big small{font-size:.38em;color:var(--gold);margin-inline-end:6px;letter-spacing:0;}
html[dir="rtl"] .gr-big{text-align:right;}
.gr-d{margin:12px 0 0;color:var(--text-dim);font-size:15px;line-height:1.5;max-width:40ch;}
.gr-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;}
.gr-t{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:rgba(255,255,255,.02);min-width:0;}
.gr-t[hidden]{display:none;}
/* 29.10 (lots2910): "Full basket: N lots = $N per $1" under the tiles, and the "Total lots" column of the per-order table */
.gr-lots{margin:14px 0 0;padding:12px 14px;border:1px solid rgba(224,178,90,.35);border-inline-start:3px solid var(--gold);border-radius:12px;background:rgba(224,178,90,.06);font-size:14.5px;line-height:1.5;color:var(--text);}
.gr-lots b{color:var(--gold);font-weight:700;white-space:nowrap;}
.gr-lots:empty{display:none;}
.tl-table td.c-cum{color:var(--gold);}
.gr-t > span{display:flex;align-items:flex-start;gap:7px;font-size:12px;line-height:1.3;color:var(--text-faint);}
.gr-t > span::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;margin-top:3px;background:var(--text-faint);}
.gr-t[data-tone="gold"] > span::before{background:var(--gold);}
.gr-t[data-tone="good"] > span::before{background:var(--green);}
.gr-t[data-tone="warn"] > span::before{background:var(--tl-warn);}
.gr-t[data-tone="bad"] > span::before{background:var(--red);}
.gr-t > b{display:block;margin-top:4px;font:600 19px 'JetBrains Mono',ui-monospace,monospace;font-variant-numeric:tabular-nums;white-space:nowrap;}
.gr-result .tl-error-box{margin:12px 0 0;}
.gr-result .tl-note-far{margin:10px 0 0;}
html[data-tl-page="grid"] .gr-result .tl-risk.callout{margin:14px 0 0;padding:0;border:0;background:none;font-size:12.5px;color:var(--text-faint);}
html[data-tl-page="grid"] .gr-more{margin-top:12px;border-top:1px solid var(--line);}
.gr-more > summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:52px;font-weight:500;color:var(--text);}
.gr-more > summary::-webkit-details-marker{display:none;}
.gr-more > summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:8px;}
.gr-more > summary .chev{color:var(--text-faint);font-size:18px;transition:transform .2s;}
.gr-more[open] > summary .chev{transform:rotate(45deg);color:var(--gold);}
.gr-more-body{padding:4px 0 14px;}
html[data-tl-page="grid"] .gr-result .tl-tablewrap{max-height:420px;}
/* шкала хода цены */
.gr-scale[hidden]{display:none;}
.gs{position:relative;height:100px;padding-top:26px;direction:ltr;}
.gs.has-low{height:138px;}
.gs-bar{position:relative;height:28px;border-radius:8px;border:1px solid rgba(229,96,90,.5);background:rgba(255,255,255,.03);}
.gs-z1{position:absolute;left:0;top:-1px;bottom:-1px;border-radius:8px 0 0 8px;background:rgba(224,178,90,.18);border:1px solid rgba(224,178,90,.55);border-right:0;box-sizing:border-box;}
.gs-z2{position:absolute;right:-1px;top:-1px;bottom:-1px;border-radius:0 8px 8px 0;background:linear-gradient(90deg,rgba(79,197,134,.28),rgba(229,96,90,.55));}
.gs-bar > i{position:absolute;top:7px;width:5px;height:12px;margin-left:-2px;border-radius:2px;background:#fff;opacity:.9;z-index:2;}
.gs-bar > i:first-of-type{margin-left:3px;}
.gs-so{position:absolute;right:-2px;top:-9px;bottom:-9px;width:3px;border-radius:2px;background:var(--red);z-index:3;}
.gs-be{position:absolute;top:-6px;bottom:-9px;margin-left:-1px;border-left:2px dashed var(--green);z-index:3;}
.gs-be-l{position:absolute;left:0;right:0;top:0;height:20px;}
.gs-be-l em{position:absolute;top:0;left:0;font-style:normal;font-size:12px;line-height:20px;color:var(--green);white-space:nowrap;unicode-bidi:plaintext;}
.gs-lab{position:absolute;top:66px;font-size:12px;line-height:1.3;color:var(--text-dim);white-space:nowrap;unicode-bidi:plaintext;}
.gs-lab b{display:block;font:500 13px 'JetBrains Mono',ui-monospace,monospace;color:var(--text);}
.gs-first{left:0;}
.gs-end{right:0;text-align:right;}
.gs-end b{color:var(--red);}
.gs-last.is-low{top:106px;}
.gs-last.is-low::before{content:"";position:absolute;left:var(--mk,0);top:-8px;height:6px;border-left:1px solid var(--line-strong);}
@media(max-width:860px){
  .gr-hero{grid-template-columns:minmax(0,1fr);gap:4px;}
  .gr-big{font-size:clamp(54px,17vw,76px);}
}
@media(max-width:700px){
  html[data-tl-page="grid"] .gr-result{padding:18px 16px 8px;}
  .gr-k{font-size:16px;}
  .gr-tiles{grid-template-columns:minmax(0,1fr);gap:8px;}
  .gr-t{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 14px;}
  .gr-t > b{order:2;margin:0;font-size:19px;}
  .gs{height:96px;}
  .gs.has-low{height:134px;}
}
html[data-tl-page="grid"] .tl-calc.is-invalid #tlLines{opacity:.45;}
html[data-tl-page="grid"] .tl-ctrl .tl-field.is-big .tl-input.has-step{height:48px;border-radius:12px;border-color:rgba(224,178,90,.45);}
html[data-tl-page="grid"] .tl-ctrl .tl-field.is-big .tl-input.has-step input{font-size:20px;padding:0 30px;}
html[data-tl-page="grid"] .tl-ctrl .tl-field.is-big .tl-input.has-step .tl-prefix{font-size:17px;left:14px;}
html[data-tl-page="grid"] .tl-ctrl .tl-field.is-big .tl-stepbtn{flex-basis:46px;font-size:22px;}
html[data-tl-page="grid"] .tl-ctrl .tl-field.is-big .tl-label{font-size:12.5px;color:var(--text-dim);}
html[data-tl-page="grid"] .tl-ctrl .tl-field{display:grid;align-content:start;align-self:start;grid-auto-rows:min-content;}
html[data-tl-page="grid"] .tl-ctrl .tl-field{grid-row:auto;grid-template-rows:none;}

/* 29.10: XAUUSD online (tools_xauusd.js, js/tools/xauusd-online.js) */
.xo-hero{padding-bottom:20px;}
.xo-answer{margin:18px 0 14px;max-width:780px;color:var(--text-dim);font-size:16.5px;line-height:1.6;text-wrap:pretty;}
.xo-state{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 6px;margin:0;padding:8px 14px;border:1px solid var(--line-strong);border-radius:999px;font-size:14px;color:var(--text);background:var(--surface);max-width:100%;}
.xo-state-l{color:var(--text-faint);}
.xo-dot{width:8px;height:8px;border-radius:50%;background:var(--text-faint);flex:0 0 auto;}
.xo-state[data-open="1"] .xo-dot{background:var(--green);box-shadow:0 0 0 4px rgba(79,197,134,.15);}
.xo-state[data-open="0"] .xo-dot{background:var(--red);}
.xo-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:6px 0 12px;}
.xo-h2{font-size:18px;margin:0;}
.xo-seg{height:40px;width:300px;max-width:100%;}
.xo-chart{position:relative;height:540px;border:1px solid var(--line-strong);border-radius:14px;overflow:hidden;background:#07090C;}
.xo-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-faint);font-size:14px;text-align:center;padding:16px;}
.xo-ph a{color:var(--gold);}
.xo-credit{margin:8px 0 16px;font-size:12.5px;color:var(--text-faint);}
.xo-credit a{color:var(--text-dim);}
.xo-kpis{margin:16px 0 18px;}
@media(min-width:941px){.xo-kpis.tl-kpis-4{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media(max-width:620px){.xo-chart{height:420px;}.xo-seg{width:100%;}.xo-answer{font-size:15.5px;}}
/* 29.10 (s2910): ₹ box under the lot-size / margin calculators (en) */
.tl-inr{margin-top:14px;}
.tl-inr-sum{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;cursor:pointer;list-style:none;font-weight:600;color:var(--text);}
.tl-inr-sum::-webkit-details-marker{display:none;}
.tl-inr[open] .tl-inr-sum .chev{transform:rotate(45deg);}
.tl-inr .chev{transition:transform .15s;color:var(--text-dim);}
.tl-inr-field{max-width:260px;margin-bottom:10px;}

/* ---------- 29.10 (aeo2910): answer under the H1, review date, static answer tables (tools_aeo.js) ---------- */
.tl-hero .tl-answer{font-size:16.5px;line-height:1.55;color:var(--text);max-width:860px;margin:12px 0 0;text-wrap:pretty;}
.tl-hero-hub .tl-answer{margin:12px auto 0;}
.tl-hero .tl-answer-src{display:block;margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--text-dim);}
.tl-hero .tl-reviewed{font-size:12.5px;line-height:1.4;color:var(--text-faint);margin:8px 0 0;}
.tl-hero-hub .tl-reviewed{margin:10px auto 0;}
.aeo-wrap + .aeo-wrap{margin-top:18px;}
.lt-table td.aeo-txt{white-space:normal;font-family:inherit;font-weight:500;font-size:13px;line-height:1.45;color:var(--text-dim);text-align:start;min-width:200px;}
.lt-table td.aeo-txt.is-below{min-width:0;color:var(--text-faint);}
.lt-table tr.aeo-total th,.lt-table tr.aeo-total td{border-top:2px solid var(--line);font-weight:700;}
html[dir="rtl"] .lt-table td.aeo-txt{direction:rtl;}
@media(max-width:560px){
  .tl-hero .tl-answer{font-size:15px;margin-top:10px;}
  .lt-table td.aeo-txt{min-width:170px;}
}
/* 29.10 (tonnage2910): link "What is basket tonnage" under the "Full basket" line of the grid calculator; block "Same deposit, different shapes" of the martingale solver */
.gr-lots.gr-lots-more{margin-top:6px;padding:0 2px;border:0;background:none;font-size:13.5px;}
.gr-lots-more a,.tl-tonnage-link{color:var(--gold);text-decoration:underline;text-underline-offset:3px;}
.tl-shapes-t tbody tr.is-ref th{box-shadow:inset 3px 0 0 var(--gold);}
.tl-shapes-t tbody tr.is-ref th,.tl-shapes-t tbody tr.is-ref td{background:rgba(224,178,90,.06);}
.tl-shapes-t td.tl-sh-none{font-family:inherit;font-weight:500;color:var(--text-dim);white-space:normal;text-align:start;}
.tl-shapes-t td.tl-sh-act{font-family:'Onest',system-ui,sans-serif;font-weight:500;text-align:start;}
.tl-shapes-t .tl-alt-apply{vertical-align:middle;}
.tl-sh-emu{display:inline-block;margin-inline-start:12px;vertical-align:middle;font-size:13px;color:var(--gold);text-decoration:underline;text-underline-offset:3px;}
.tl-shapes-t td.tl-sh-act{white-space:nowrap;}
@media(max-width:560px){.tl-shapes-t th,.tl-shapes-t td{padding:10px 8px;}}

/* Short navigation stays visible rather than hiding other tools offscreen. */
.tl-toolnav-in{flex-wrap:wrap;overflow:visible;mask-image:none!important;-webkit-mask-image:none!important;}
.tl-toolnav-in>a{font-size:13px;padding:9px 12px;}
.tl-toolnav .is-all{color:var(--gold);}
#tlResults,#tlSide{scroll-margin-top:92px;}
@media(max-width:760px){.tl-toolnav-in>a{font-size:12px;padding:8px 9px;}}