/* Tool pages (/tools/<slug>/): the form, the reading block and the result panel carried over from ihayz.com with their rules.
   Built by tools-src/make-tools-assets.py. Every rule is scoped under .tl-tool; the bridge maps ihayz.com's token names onto this
   site's tokens, which switch with the theme. The one colour this site has no token for (the "not protected" red) is set per theme here. */
:root{--tl-bad:#b42318;--tl-bad-bg:rgba(180,35,24,.07);--tl-bad-line:rgba(180,35,24,.28)}
html[data-theme="dark"]{--tl-bad:#ff8f85;--tl-bad-bg:rgba(255,143,133,.08);--tl-bad-line:rgba(255,143,133,.3)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--tl-bad:#ff8f85;--tl-bad-bg:rgba(255,143,133,.08);--tl-bad-line:rgba(255,143,133,.3)}}
.tl-tool{--n0:var(--panel);--n25:var(--panel-2);--n50:var(--panel-2);--n100:var(--bg-2);--n150:var(--line-2);--n200:var(--line);--n300:var(--line-2);--n400:var(--text-3);--n500:var(--text-3);--n600:var(--text-2);--n700:var(--text);--n800:var(--text);--n900:var(--text);
  --ink:var(--text);--ink-soft:var(--text);--acc:var(--brand);--acc-hover:var(--brand-hover);--acc-soft:var(--brand-soft);--acc-bd:var(--feat-line);
  --good:var(--ok);--good-bg:var(--ok-bg);--good-bd:var(--ok-line);--bad:var(--tl-bad);--bad-bg:var(--tl-bad-bg);--bad-bd:var(--tl-bad-line);
  --s-violet:var(--brand-soft);--violet-ink:var(--brand);--violet-deep:var(--brand-2);--s-mint:var(--ok-bg);--mint-ink:var(--ok);--mint-deep:var(--ok);
  --s-amber:var(--warn-bg);--amber-ink:var(--warn);--amber-deep:var(--warn);
  --t1:12px;--t2:14px;--t3:16px;--t4:20px;--t5:26px;--r1:8px;--r2:12px;--r3:999px;--edge:1px solid var(--line)}
.tl-tool [hidden]{display:none!important}
@keyframes tlPing{0%,100%{box-shadow:0 0 0 0 var(--press-ring)}50%{box-shadow:0 0 0 7px transparent}}
@keyframes tlBlink{0%,100%{opacity:.25}50%{opacity:1}}
/* ---- carried from the shared ihayz.com tool page styles ---- */
.tl-tool .h-em em{font-family:inherit;font-style:italic;font-weight:500;letter-spacing:-.012em;color:var(--acc)}
.tl-tool .small{font-size:var(--t2);color:var(--n500)}
.tl-tool .panel{border:var(--edge);border-radius:var(--r2);background:var(--n0);overflow:hidden;
box-shadow:var(--shadow)}
.tl-tool .panel-bar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:var(--edge);background:var(--n50)}
.tl-tool .panel-bar svg{width:14px;height:14px;stroke:var(--n400);fill:none;stroke-width:1.8}
.tl-tool .panel-file{font-family:var(--mono);font-size:var(--t1);color:var(--n500);margin-left:6px}
.tl-tool .panel-live{margin-left:auto;font-family:var(--mono);font-size:var(--t1);color:var(--good);display:inline-flex;align-items:center;gap:5px}
.tl-tool .panel-live::before{content:"";width:6px;height:6px;border-radius:var(--r3);background:var(--good)}
.tl-tool .panel-row{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:var(--edge);font-size:var(--t2)}
.tl-tool .panel-row:last-child{border-bottom:none}
.tl-tool .panel-row .lbl{color:var(--n600);flex:1;min-width:0}
.tl-tool .panel-row .val{font-family:var(--mono);color:var(--ink);font-weight:560;white-space:nowrap}
.tl-tool .panel-foot{padding:13px 14px;background:var(--n25);border-top:var(--edge);display:flex;justify-content:space-between;align-items:center;gap:10px}
.tl-tool .tag{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--r3);font-size:var(--t1);font-weight:600;font-family:var(--mono)}
.tl-tool .tag-good{background:var(--good-bg);color:var(--good);border:1px solid var(--good-bd)}
.tl-tool .tag-bad{background:var(--bad-bg);color:var(--bad);border:1px solid var(--bad-bd)}
.tl-tool .tag-warn{background:var(--s-amber);color:var(--amber-deep);border:1px solid var(--warn-line)}
.tl-tool .gband{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--n200);border:var(--edge);border-radius:var(--r2);overflow:hidden}
@media(max-width:900px){.tl-tool .gband{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.tl-tool .gband{grid-template-columns:1fr}}
.tl-tool .gcell{background:var(--n0);padding:24px 20px;display:flex;flex-direction:column}
.tl-tool .gcell .gi{width:34px;height:34px;margin:0 0 13px;border-radius:var(--r3);background:var(--acc-soft);border:1px solid var(--acc-bd);display:grid;place-items:center}
.tl-tool .gcell .gi svg{width:16px;height:16px;stroke:var(--acc);fill:none;stroke-width:1.8}
.tl-tool .gcell h4{font-size:var(--t2);margin-bottom:6px;min-height:2.6em;line-height:1.3}
.tl-tool .gcell p{font-size:var(--t1);color:var(--n500);line-height:1.5;margin:0}
.tl-tool .gcell .num{font-family:var(--mono);font-size:var(--t1);color:var(--acc);font-weight:620;margin-bottom:10px}
.tl-tool .chk{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border-bottom:var(--edge)}
.tl-tool .chk:last-child{border-bottom:none}
.tl-tool .ic{flex:none;width:26px;height:26px;border-radius:var(--r3);display:grid;place-items:center;margin-top:2px}
.tl-tool .ic svg{width:13px;height:13px;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
.tl-tool .ic-pass{background:var(--good-bg);border:1px solid var(--good-bd);color:var(--good)}
.tl-tool .ic-warn{background:var(--s-amber);border:1px solid var(--warn-line);color:var(--amber-deep)}
.tl-tool .ic-fail{background:var(--bad-bg);border:1px solid var(--bad-bd);color:var(--bad)}
.tl-tool .chk-b{flex:1;min-width:0}
.tl-tool .chk-t{font-weight:620;color:var(--ink);margin-bottom:3px}
.tl-tool .chk-d{font-size:var(--t2);color:var(--n600)}
.tl-tool .raw{font-family:var(--mono);font-size:var(--t1);line-height:1.65;color:var(--n600);background:var(--n50);border:var(--edge);
border-radius:var(--r1);padding:9px 11px;margin-top:10px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}
.tl-tool code{font-family:var(--mono);font-size:.92em;background:var(--n100);border-radius:4px;padding:1px 5px}
.tl-tool .fix{border:var(--edge);border-radius:var(--r2);overflow:hidden;background:var(--n0)}
.tl-tool .fix-row{display:flex;border-bottom:var(--edge)}
.tl-tool .fix-k{flex:none;width:96px;padding:12px 14px;font-size:var(--t1);font-weight:600;color:var(--n500);text-transform:uppercase;
letter-spacing:.06em;border-right:var(--edge);background:var(--n50)}
.tl-tool .fix-v{flex:1;padding:12px 14px;font-family:var(--mono);font-size:var(--t2);word-break:break-all;color:var(--ink)}
.tl-tool .fix-act{display:flex;justify-content:flex-end;padding:12px 14px;background:var(--n50)}
@media(max-width:560px){.tl-tool .fix-row{flex-direction:column}.tl-tool .fix-k{width:auto;border-right:0;border-bottom:var(--edge)}}
.tl-tool .note{border:var(--edge);border-radius:var(--r2);padding:20px 24px;background:var(--n50)}
.tl-tool .note>*:last-child{margin-bottom:0}
.tl-tool .note-amber{background:var(--s-amber);border-color:var(--warn-line)}
.tl-tool .note-violet{background:var(--acc-soft);border-color:var(--acc-bd)}
.tl-tool .note-mint{background:var(--s-mint);border-color:var(--ok-line)}
.tl-tool .note h4{margin-bottom:8px}
.tl-tool .two{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:820px){.tl-tool .two{grid-template-columns:1fr}}
.tl-tool .form{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px;max-width:540px}
.tl-tool .form input{flex:1;min-width:230px;height:44px;border:1px solid var(--n300);border-radius:var(--r1);padding:0 14px;
font-size:var(--t3);font-family:inherit;color:var(--ink);background:var(--n0)}
.tl-tool .form input:focus{outline:0;border-color:var(--acc);box-shadow:0 0 0 3px rgba(75,63,207,.14)}
.tl-tool .dots span{display:inline-block;width:5px;height:5px;border-radius:var(--r3);background:var(--n400);margin-right:3px;animation:tlBlink 1.2s infinite}
.tl-tool .dots span:nth-child(2){animation-delay:.2s}
.tl-tool .dots span:nth-child(3){animation-delay:.4s}
.tl-tool .stepdot{flex:none;width:18px;height:18px;border-radius:var(--r3);border:2px solid var(--n300);
position:relative;transition:border-color .25s,background .25s}
.tl-tool .panel-row[data-step] .lbl{color:var(--n400);transition:color .25s}
.tl-tool .panel-row[data-step].doing .stepdot{border-color:var(--acc);animation:tlPing 1.1s infinite}
.tl-tool .panel-row[data-step].doing .lbl{color:var(--ink)}
.tl-tool .panel-row[data-step].done .stepdot{border-color:var(--mint-ink);background:var(--mint-ink)}
.tl-tool .panel-row[data-step].done .stepdot::after{content:"";position:absolute;left:4px;top:1px;
width:5px;height:9px;border:solid var(--n0);border-width:0 2px 2px 0;transform:rotate(45deg)}
.tl-tool .panel-row[data-step].done .lbl{color:var(--n600)}
@media(prefers-reduced-motion:reduce){.tl-tool .panel-row[data-step].doing .stepdot{animation:none}}
/* ---- carried from the business-search reading styles ---- */
.tl-tool .fnote{font-size:var(--t2)}
.tl-tool .fnote sup{color:var(--acc);font-weight:700}
.tl-tool .fnote .src{display:block;margin-top:10px;padding-top:10px;border-top:1px dashed var(--n300);font-size:var(--t1);color:var(--n500)}
.tl-tool .fnote .src b{color:var(--acc);font-weight:600}
.tl-tool .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.tl-tool .stat{border:var(--edge);border-radius:var(--r2);background:var(--n0);padding:16px 14px}
.tl-tool .stat b{display:block;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.tl-tool .stat span{display:block;font-size:var(--t1);color:var(--n500);margin-top:3px;line-height:1.45}
.tl-tool .bignum{margin:28px 0;text-align:center;padding:26px 22px;background:var(--s-violet);border:1px solid var(--acc-bd);border-radius:14px}
.tl-tool .bignum b{font-size:44px;font-weight:720;letter-spacing:-.025em;color:var(--acc);font-variant-numeric:tabular-nums;line-height:1.1}
.tl-tool .bignum span{display:block;font-size:var(--t2);color:var(--ink-soft);margin-top:4px}
.tl-tool .beforeafter{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.tl-tool .ba{border-radius:var(--r2);padding:16px 18px}
.tl-tool .ba.b{background:var(--n100);border:var(--edge)}
.tl-tool .ba.a{background:var(--s-mint);border:1px solid var(--ok-line)}
.tl-tool .ba b{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px}
.tl-tool .ba.b b{color:var(--n500)}
.tl-tool .ba.a b{color:var(--mint-ink)}
.tl-tool .ba p{font-size:var(--t2);line-height:1.6;color:var(--n700)}
.tl-tool .tl{position:relative;padding-left:26px}
.tl-tool .tl::before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--n200)}
.tl-tool .tl .step{position:relative;padding-bottom:18px}
.tl-tool .tl .step::before{content:"";position:absolute;left:-24px;top:6px;width:10px;height:10px;border-radius:var(--r3);
 background:var(--n0);border:2px solid var(--acc)}
.tl-tool .tl .step time{font-family:var(--mono);font-size:var(--t1);color:var(--n500)}
.tl-tool .tl .step b{display:block;font-size:var(--t2);color:var(--ink);font-weight:640}
.tl-tool .tl .step p{font-size:var(--t2);color:var(--n600)}
.tl-tool .cbars .row{display:flex;align-items:center;gap:12px;margin-bottom:9px}
.tl-tool .cbars .lbl{flex:0 0 150px;font-size:var(--t2);color:var(--n600);text-align:right}
.tl-tool .cbars .bar{height:22px;border-radius:4px;background:var(--acc);opacity:.9}
.tl-tool .cbars .val{font-family:var(--mono);font-size:var(--t1);color:var(--ink);font-weight:600}
.tl-tool .browserframe{border:var(--edge);border-radius:12px;overflow:hidden;box-shadow:var(--shadow);background:var(--n0)}
.tl-tool .browserframe .bar{display:flex;align-items:center;gap:6px;padding:9px 12px;background:var(--n50);border-bottom:var(--edge)}
.tl-tool .browserframe .bar i{width:9px;height:9px;border-radius:var(--r3);background:var(--n300)}
.tl-tool .browserframe .url{margin-left:8px;flex:1;font-family:var(--mono);font-size:11px;color:var(--n500);background:var(--n100);border-radius:var(--r3);padding:3px 12px}
.tl-tool .browserframe .body{aspect-ratio:16/8;display:grid;place-items:center;background:linear-gradient(135deg,var(--acc-soft),var(--n100));color:var(--n400);font-size:var(--t2)}
.tl-tool .chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 11px;border-radius:var(--r3);border:var(--edge);background:var(--n0);font-size:var(--t1);font-weight:600;color:var(--n600)}
.tl-tool .resstrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tl-tool .res{background:var(--con-1);color:#fff;border-radius:var(--r2);padding:18px 16px}
.tl-tool .res b{display:block;font-size:30px;font-weight:720;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.tl-tool .res span{display:block;font-size:var(--t1);color:rgba(255,255,255,.72);margin-top:4px;line-height:1.5}
.tl-tool .guardrails{border:1px solid var(--acc-bd);background:var(--s-violet);border-radius:var(--r2);padding:16px 18px}
.tl-tool .guardrails b{display:block;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--acc);margin-bottom:8px}
.tl-tool .guardrails li{list-style:none;display:flex;gap:9px;font-size:var(--t2);color:var(--ink-soft);padding:4px 0}
.tl-tool .guardrails svg{width:15px;height:15px;stroke:var(--acc);flex:none;margin-top:4px}
.tl-tool .share{display:flex;align-items:center;gap:8px}
.tl-tool .share span{font-size:var(--t1);color:var(--n500);margin-right:4px}
.tl-tool .share a{width:34px;height:34px;border:var(--edge);border-radius:var(--r3);display:grid;place-items:center;color:var(--n600);background:var(--n0)}
.tl-tool .share a:hover{color:var(--acc);border-color:var(--acc-bd)}
.tl-tool .share svg{width:15px;height:15px}
.tl-tool .evbadge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--ok-line);background:var(--s-mint);color:var(--mint-ink);border-radius:var(--r3);padding:7px 14px;font-size:var(--t2);font-weight:640}
.tl-tool .evbadge svg{width:15px;height:15px}
.tl-tool .discltag{display:inline-flex;align-items:center;gap:7px;font-size:var(--t1);color:var(--n500);border:var(--edge);border-radius:var(--r3);padding:5px 12px;background:var(--n0)}
.tl-tool .discltag svg{width:13px;height:13px;stroke:var(--acc)}
@media(max-width:700px){.tl-tool .stats,.tl-tool .resstrip,.tl-tool .triband,.tl-tool .related{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-tool .beforeafter,.tl-tool .scopecard,.tl-tool .artgrid,.tl-tool .featured{grid-template-columns:1fr}.tl-tool .cbars .lbl{flex-basis:90px;font-size:var(--t1)}}
@media(max-width:430px){.tl-tool .stats,.tl-tool .resstrip,.tl-tool .triband{grid-template-columns:1fr 1fr}}
.tl-tool .rd-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:22px 24px;border:var(--edge);border-radius:var(--r2);background:var(--n0);box-shadow:var(--shadow)}
.tl-tool .rd-head .who{min-width:0;flex:1}
.tl-tool .rd-head .eyebrow{margin-bottom:6px}
.tl-tool .rd-head h2{font-size:var(--t5);line-height:1.12;letter-spacing:-.025em;margin:0 0 8px;max-width:30ch}
.tl-tool .rd-head h2 em{font-family:inherit;font-style:italic;font-weight:500;color:var(--acc)}
.tl-tool .rd-head .meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.tl-tool .rd-head .acts{display:flex;gap:8px;flex:none;align-self:flex-start}
.tl-tool .rd-kicker{font-size:var(--t3);color:var(--n600);line-height:1.55;max-width:66ch}
.tl-tool .rd-kicker strong{color:var(--ink);font-weight:620}
.tl-tool .rd-sec{display:flex;align-items:baseline;gap:12px;margin:44px 0 14px}
.tl-tool .rd-sec em{font-family:var(--mono);font-style:normal;font-size:var(--t1);font-weight:700;letter-spacing:.06em;color:var(--acc)}
.tl-tool .rd-sec h3{font-size:var(--t5);letter-spacing:-.02em;margin:0}
.tl-tool .rd-sec .n{margin-left:auto;font-size:var(--t1);color:var(--n500)}
.tl-tool .rd-find{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:20px 22px;border:var(--edge);border-radius:var(--r2);background:var(--n0);margin-bottom:12px;transition:box-shadow .18s ease,transform .18s ease}
.tl-tool .rd-find:hover{box-shadow:var(--shadow);transform:translateY(-1px)}
.tl-tool .rd-find .ltr{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-weight:720;font-size:var(--t4);letter-spacing:-.02em;background:var(--acc-soft);color:var(--acc);border:1px solid var(--acc-bd)}
.tl-tool .rd-find.dg .ltr{background:var(--bad-bg);color:var(--bad);border-color:var(--bad-bd)}
.tl-tool .rd-find.wa .ltr{background:var(--s-amber);color:var(--amber-deep);border-color:var(--warn-line)}
.tl-tool .rd-find .top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.tl-tool .rd-find h4{font-size:var(--t4);letter-spacing:-.015em;margin:0}
.tl-tool .rd-find p{margin:0 0 8px;color:var(--n700)}
.tl-tool .rd-find p:last-child{margin:0}
.tl-tool .rd-find .cost{display:flex;gap:8px;align-items:flex-start;padding:10px 12px;border-radius:var(--r1);background:var(--n50);border:var(--edge);font-size:var(--t2);color:var(--n600)}
.tl-tool .rd-find .cost svg{width:16px;height:16px;flex:none;stroke:var(--acc);fill:none;stroke-width:2;margin-top:2px}
.tl-tool .rd-find .src{display:flex;gap:6px;align-items:center;font-size:var(--t1);color:var(--n500);margin-top:10px}
.tl-tool .rd-find .src a{color:var(--acc);font-weight:600}
.tl-tool .rd-tag{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;line-height:1}
.tl-tool .rd-tag.p{background:var(--good-bg);color:var(--good);border:1px solid var(--good-bd)}
.tl-tool .rd-tag.a{background:var(--s-amber);color:var(--amber-deep);border:1px solid var(--warn-line)}
.tl-tool .rd-tag svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.4}
.tl-tool .rd-shelf{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
@media(max-width:900px){.tl-tool .rd-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.tl-tool .rd-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tl-tool .rd-shelf .s{position:relative;min-height:74px;padding:10px 11px;border-radius:12px;border:1px dashed var(--n300);background:var(--n0);font-size:var(--t1);line-height:1.3;color:var(--n500);display:flex;flex-direction:column;justify-content:space-between}
.tl-tool .rd-shelf .s b{font-weight:600;color:var(--n600);letter-spacing:-.005em}
.tl-tool .rd-shelf .s i{font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--n400)}
.tl-tool .rd-shelf .s.on{border:1px solid var(--good-bd);background:var(--good-bg)}
.tl-tool .rd-shelf .s.on b{color:var(--ink)}
.tl-tool .rd-shelf .s.on i{color:var(--good);font-weight:700}
.tl-tool .rd-shelf-key{display:flex;gap:16px;margin-top:12px;font-size:var(--t1);color:var(--n500)}
.tl-tool .rd-shelf-key i{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-right:6px;border:1px dashed var(--n300)}
.tl-tool .rd-shelf-key i.on{border:1px solid var(--good-bd);background:var(--good-bg)}
.tl-tool .rd-prod{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:820px){.tl-tool .rd-prod{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.tl-tool .rd-prod{grid-template-columns:1fr}}
.tl-tool .rd-prod .p{border:var(--edge);border-radius:var(--r2);background:var(--n0);padding:14px 16px;display:flex;flex-direction:column;gap:6px;min-height:104px}
.tl-tool .rd-prod .p .k{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--n500)}
.tl-tool .rd-prod .p b{font-size:var(--t2);font-weight:620;color:var(--ink);line-height:1.35}
.tl-tool .rd-prod .p .pr{margin-top:auto;font-size:var(--t4);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--acc)}
.tl-tool .rd-paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media(max-width:640px){.tl-tool .rd-paths{grid-template-columns:1fr 1fr}}
.tl-tool .rd-paths .w{border:var(--edge);border-radius:var(--r2);background:var(--n0);padding:16px 14px;display:flex;flex-direction:column;gap:10px}
.tl-tool .rd-paths .w .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--acc-soft);border:1px solid var(--acc-bd)}
.tl-tool .rd-paths .w .ic svg{width:18px;height:18px;stroke:var(--acc);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tl-tool .rd-paths .w.no .ic{background:var(--n50);border-color:var(--n200)}
.tl-tool .rd-paths .w.no .ic svg{stroke:var(--n400)}
.tl-tool .rd-paths .w b{font-size:var(--t2);font-weight:620}
.tl-tool .rd-paths .w span{font-size:var(--t1);color:var(--n500);line-height:1.4}
.tl-tool .rd-pres{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
@media(max-width:900px){.tl-tool .rd-pres{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.tl-tool .rd-pres{grid-template-columns:1fr 1fr}}
.tl-tool .rd-pres .t{border:var(--edge);border-radius:var(--r2);background:var(--n0);padding:14px;display:flex;flex-direction:column;gap:8px;min-height:112px}
.tl-tool .rd-pres .t .nm{display:flex;align-items:center;gap:8px;font-size:var(--t2);font-weight:620}
.tl-tool .rd-pres .t .nm svg{width:16px;height:16px;stroke:var(--n600);fill:none;stroke-width:1.9}
.tl-tool .rd-pres .t .d{font-size:var(--t1);color:var(--n500);line-height:1.4;flex:1}
.tl-tool .rd-pres .t.read{border-color:var(--good-bd)}
.tl-tool .rd-pres .t.absent{background:var(--n50);color:var(--n500)}
.tl-tool .rd-pres .t.unread{border-style:dashed}
.tl-tool .rd-kv{border:var(--edge);border-radius:var(--r2);background:var(--n0);overflow:hidden}
.tl-tool .rd-kv .r{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:var(--edge)}
.tl-tool .rd-kv .r:last-child{border-bottom:none}
.tl-tool .rd-kv .r svg{width:16px;height:16px;stroke:var(--n500);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tl-tool .rd-kv .r .l{font-size:var(--t2);color:var(--n600)}
.tl-tool .rd-kv .r .l small{display:block;color:var(--n400);font-size:var(--t1)}
.tl-tool .rd-kv .r .v{font-size:var(--t2);font-weight:620;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.tl-tool .rd-mean{display:flex;gap:14px;padding:18px 20px;border-radius:var(--r2);background:var(--con-1);color:#fff}
.tl-tool .rd-mean svg{width:22px;height:22px;flex:none;stroke:#a99bff;fill:none;stroke-width:2;margin-top:2px}
.tl-tool .rd-mean b{display:block;font-size:var(--t3);margin-bottom:4px}
.tl-tool .rd-mean p{margin:0;color:rgba(255,255,255,.72);font-size:var(--t2)}
.tl-tool .rd-src{border:var(--edge);border-radius:var(--r2);background:var(--n0);overflow:hidden}
.tl-tool .rd-src .r{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:11px 16px;border-bottom:var(--edge);font-size:var(--t2)}
.tl-tool .rd-src .r:last-child{border-bottom:none}
.tl-tool .rd-src .r .n{font-weight:600;color:var(--ink)}
.tl-tool .rd-src .r .n small{display:block;font-weight:400;color:var(--n500);font-size:var(--t1)}
.tl-tool .rd-src .r a.o{font-size:var(--t1);color:var(--acc);font-weight:600;white-space:nowrap}
.tl-tool .rd-steps{border:var(--edge);border-radius:var(--r2);background:var(--n0);overflow:hidden}
.tl-tool .rd-steps .s{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 16px;border-bottom:var(--edge)}
.tl-tool .rd-steps .s:last-child{border-bottom:none}
.tl-tool .rd-steps .dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--n300);justify-self:center}
.tl-tool .rd-steps .s.done .dot{border-color:var(--mint-ink);background:var(--mint-ink)}
.tl-tool .rd-steps .s.doing .dot{border-color:var(--acc);animation:tlPing 1.1s infinite}
.tl-tool .rd-steps .s .l{font-size:var(--t2);color:var(--n400)}
.tl-tool .rd-steps .s.done .l,.tl-tool .rd-steps .s.doing .l{color:var(--ink)}
.tl-tool .rd-steps .s .t{font-family:var(--mono);font-size:var(--t1);color:var(--n400)}
.tl-tool .rd-pick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:820px){.tl-tool .rd-pick{grid-template-columns:1fr}}
.tl-tool .rd-pick .c{border:var(--edge);border-radius:var(--r2);background:var(--n0);padding:16px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.tl-tool .rd-pick .c:hover{border-color:var(--acc);box-shadow:var(--shadow)}
.tl-tool .rd-pick .c b{font-size:var(--t3)}
.tl-tool .rd-pick .c span{font-size:var(--t1);color:var(--n500)}
.tl-tool .rd-pick .c .btn{margin-top:auto;align-self:flex-start}
.tl-tool .rd-rail{position:sticky;top:76px;display:flex;flex-direction:column;gap:0;font-size:var(--t1);height:auto;align-self:start}
.tl-tool .rd-rail a{height:auto}
.tl-tool .rd-rail a{display:flex;gap:10px;align-items:baseline;padding:6px 0 6px 12px;color:var(--n500);border-left:2px solid var(--n200)}
.tl-tool .rd-rail a em{font-style:normal;font-family:var(--mono);font-size:10px;color:var(--n400)}
.tl-tool .rd-rail a.on{color:var(--acc);border-left-color:var(--acc);font-weight:600}
.tl-tool .rd-rail a.on em{color:var(--acc)}
.tl-tool .rd-two{display:grid;grid-template-columns:170px minmax(0,1fr);gap:40px;align-items:start}
.tl-tool .share svg,.tl-tool .rd-head .acts svg{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:1020px){.tl-tool .rd-two{grid-template-columns:1fr}.tl-tool .rd-rail{display:none}}
.tl-tool .rd-dis{display:grid;grid-template-columns:1fr 1fr;gap:0;border:var(--edge);border-radius:var(--r2);overflow:hidden;background:var(--n0)}
@media(max-width:640px){.tl-tool .rd-dis{grid-template-columns:1fr}}
.tl-tool .rd-dis .h{grid-column:1/-1;padding:12px 16px;background:var(--s-amber);border-bottom:1px solid var(--warn-line);font-size:var(--t1);font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--amber-deep)}
.tl-tool .rd-dis .v{padding:16px}
.tl-tool .rd-dis .v+.v{border-left:var(--edge)}
@media(max-width:640px){.tl-tool .rd-dis .v+.v{border-left:0;border-top:var(--edge)}}
.tl-tool .rd-dis .v b{display:block;font-size:var(--t3);margin-bottom:4px}
.tl-tool .rd-dis .v span{font-size:var(--t1);color:var(--n500)}
/* ---- fitting the carried rules to this site ---- */
.tl-tool .form{margin-top:0}
.tl-tool .form input{border-radius:10px;background:var(--panel);color:var(--text);border-color:var(--line-2)}
.tl-tool .form input::placeholder{color:var(--text-3)}
.tl-tool .form .btn{border:0;cursor:pointer;font:inherit;font-weight:500;font-size:15px}
.tl-tool .form .btn:disabled{opacity:.7;cursor:default}
.tl-tool .panel-row .lbl{min-width:0}
.tl-tool .panel-row .val{min-width:0;overflow:hidden;text-overflow:ellipsis}
.tl-tool .panel-foot{flex-wrap:wrap}
.tl-tool .chk-t,.tl-tool h4{color:var(--text)}
.tl-tool .btn-ghost{background:transparent;cursor:pointer;font:inherit;font-size:14px}
.tl-tool .h-em em,.tl-tool .rd-head h2 em{font-style:normal;font-weight:inherit;letter-spacing:inherit}
@media (max-width:560px){.tl-tool .form input{min-width:0;flex-basis:100%}.tl-tool .form .btn{width:100%;justify-content:center}}