/* Tools Directory — iTechGuides · generated from sites/itechguides/site.yml · all classes td-* (no theme collisions) */
:root{--td-fb-accent:#0F766E;--td-fb-accent-ink:#FFFFFF;--td-fb-accent-soft:#E6F4F2;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--td-fb-accent:#2DD4BF;--td-fb-accent-ink:#0B1A18;--td-fb-accent-soft:#0F2B28;
}}
:root[data-theme="dark"]{--td-fb-accent:#2DD4BF;--td-fb-accent-ink:#0B1A18;--td-fb-accent-soft:#0F2B28;
}
:root{
  --td-ink:var(--wp-ink);
  --td-free:light-dark(#166534, #86EFAC);
  --td-line:var(--wp-line);
  --td-note:light-dark(#0F766E, #93D2CC);
  --td-spon:light-dark(#B45309, #F5B04A);
  --td-star:light-dark(#B45309, #F5B04A);
  --td-muted:var(--wp-muted);
  --td-accent:light-dark(#0F766E, #2DD4BF);
  --td-ground:var(--wp-canvas);
  --td-radius:var(--radius);
  --td-shadow:var(--shadow);
  --td-surface:var(--wp-surface);
  --td-radius-s:var(--radius-s);
  --td-surface2:var(--wp-wash);
  --td-free-wash:light-dark(#DCFCE7, #12301C);
  --td-note-wash:light-dark(#E6F4F2, #12312E);
  --td-spon-chip:light-dark(#FEF3C7, #3A2A0C);
  --td-spon-line:light-dark(#B45309, #F5B04A);
  --td-spon-wash:light-dark(#FEF3C7, #3A2A0C);
  --td-accent-ink:light-dark(#FFFFFF, #0B1A18);
  --td-accent-soft:light-dark(#E6F4F2, #0F2B28);
  --td-line-strong:var(--wp-line-strong);
  --td-accent-strong:light-dark(#0F766E, #2DD4BF);
  --td-font:var(--font-sans);
  --td-serif:var(--font-serif);
  --td-wrap:1100px;
}

.td{color:var(--td-ink);font-family:var(--td-font);font-size:16px;line-height:1.55}
.td *{box-sizing:border-box}
.td-header{position:relative;z-index:20;background:var(--td-ground);border-bottom:1px solid var(--td-line)}
.td-header-inner{max-width:var(--td-wrap,1180px);min-height:74px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:28px}
.td-brand{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--td-ink)!important;text-decoration:none!important}
.td-brand-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--td-accent);color:var(--td-accent-ink)}
.td-brand-mark svg{width:23px;height:23px;fill:currentColor}
.td-brand-word{display:inline-flex;align-items:baseline;gap:2px;font:800 20px/1 var(--td-font);letter-spacing:-.04em}
.td-brand-word em{font-style:normal;color:var(--td-accent)}
.td-primary-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.td-primary-nav a{display:inline-flex;align-items:center;gap:6px;padding:9px 12px;border-radius:999px;color:var(--td-muted)!important;text-decoration:none!important;font:650 13.5px/1 var(--td-font)}
.td-primary-nav a:hover{color:var(--td-ink)!important;background:var(--td-surface2)}
.td-primary-nav a.is-cta{background:var(--td-accent);color:var(--td-accent-ink)!important;padding-inline:15px}
.td-primary-nav a.is-cta small{font:700 11px/1 var(--td-font)}  /* full on-accent ink: at opacity .78 it was 3.99:1 on #0F766E */
.td-header-tools{display:flex;align-items:center;gap:8px;flex:0 0 auto}
.td-header-search{display:flex;align-items:center;min-width:190px;border:1px solid var(--td-line);border-radius:999px;background:var(--td-surface)}
.td-header-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--td-ink);padding:9px 6px 9px 14px;font:500 13px/1.2 var(--td-font)}
.td-header-search button{width:34px;height:32px;border:0;background:transparent;color:var(--td-muted);font:700 20px/1 var(--td-font);cursor:pointer}
.td-theme-toggle{width:34px;height:34px;border:1px solid var(--td-line);border-radius:50%;background:var(--td-surface);color:var(--td-muted);cursor:pointer;font-size:16px}
@media (max-width:980px){.td-header-inner{gap:12px}.td-primary-nav{gap:0}.td-primary-nav a{padding-inline:8px}.td-header-search{min-width:150px}}
@media (max-width:720px){.td-header-inner{min-height:64px;padding:0 14px;flex-wrap:wrap;gap:10px}.td-brand-word{font-size:18px}.td-primary-nav{order:3;width:100%;overflow:auto;margin-left:0;padding-bottom:8px}.td-primary-nav a{white-space:nowrap}.td-header-tools{margin-left:auto}.td-header-search{min-width:130px}.td-header-search input{font-size:12px}}
.td a:where(:not(.itgp-ph *)){color:var(--td-accent);text-decoration:none}
.td a:hover:where(:not(.itgp-ph *)){text-decoration:underline}
.td :focus-visible{outline:2px solid var(--td-accent);outline-offset:2px;border-radius:4px}
.td img{max-width:100%;height:auto}
.td-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.td-serif{font-family:var(--td-serif);font-style:italic;font-weight:600;color:var(--td-accent)}
.td-wrap{max-width:var(--td-wrap);margin:0 auto;padding:28px 20px 60px}
.td-crumb{font-size:13px;color:var(--td-muted);margin-bottom:14px}
.td-crumb a{color:var(--td-muted)}
.td-crumb ol{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.td-crumb li+li::before{content:"›";margin-right:6px}
.td h1:where(:not(.itgp-ph *)),.td-h1{font-family:var(--td-font);font-weight:800;font-size:clamp(26px,4vw,36px);letter-spacing:-.025em;line-height:1.15;margin:0 0 6px;text-wrap:balance;color:var(--td-ink)}
.td h2,.td-h2{font-family:var(--td-font);font-size:20px;letter-spacing:-.01em;margin:30px 0 10px;color:var(--td-ink)}
.td h3,.td-h3{font-family:var(--td-font);font-size:15px;margin:0 0 8px;color:var(--td-ink)}
.td-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:13.5px;color:var(--td-muted);margin-bottom:10px}
.td-chip{background:var(--td-surface);border:1px solid var(--td-line);border-radius:999px;padding:3px 10px;font-weight:600}
.td-lede{max-width:66ch;color:var(--td-muted);margin:0 0 8px;font-size:16.5px}
.td-disc{font-size:12.5px;color:var(--td-muted);border-left:3px solid var(--td-line);padding:4px 10px;margin:10px 0 22px;max-width:75ch;font-style:italic}
.td-prose,p.td-prose,ul.td-prose,ol.td-prose,h3.td-prose{max-width:70ch}
.td-prose p,p.td-prose{margin:0 0 14px}
.td-prose ul,ul.td-prose,ol.td-prose{padding-left:20px;margin:0 0 14px}
.td-prose li,ul.td-prose li,ol.td-prose li{margin:4px 0}
h3.td-prose{margin:22px 0 8px}
.td-prose code{font-family:ui-monospace,Menlo,monospace;font-size:.92em;background:var(--td-surface2);padding:1px 5px;border-radius:4px}

/* filters + sort */
.td-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:20px}
/* WCAG audit 25-Sep-2026 (the "solid black pill"): the selected chip used --td-accent for fill AND border (1:1, no visible edge) and had no
   focus ring of its own (the theme's #main.td .td-fchip rules won over .td :focus-visible). The selected edge is now its own token,
   --td-chip-on-line → the surface colour, which contrasts with the accent fill (#FFFFFF vs #0F766E 5.47:1), with a 1 px accent ring
   outside it so the pill keeps its outline against the page; the unselected border mixes 55% ink into the surface (3.6:1 light, 5.3:1
   dark vs --td-line's ~1.3:1); focus is a 2 px ink ring + a surface gap, at #main.td specificity so the theme can't drop it. */
.td{--td-chip-line:color-mix(in srgb,var(--td-ink) 55%,var(--td-surface));--td-chip-on-line:var(--td-surface)}
.td-fchip{font:600 13.5px var(--td-font);padding:7px 14px;border-radius:999px;border:1px solid var(--td-chip-line);background:var(--td-surface);color:var(--td-ink);cursor:pointer}
.td-fchip:hover{border-color:var(--td-ink)}
.td-fchip.on,.td-fchip[aria-pressed="true"]{background:var(--td-accent);border-color:var(--td-chip-on-line);color:var(--td-accent-ink);box-shadow:0 0 0 1px var(--td-accent)}
.td .td-fchip:focus-visible,#main.td .td-fchip:focus-visible{outline:2px solid var(--td-ink);outline-offset:2px;box-shadow:0 0 0 2px var(--td-surface);border-radius:999px}
/* focused AND selected: an inset on-accent ring on the fill (5.47:1) + an outer ink ring against the page */
.td .td-fchip.on:focus-visible,.td .td-fchip[aria-pressed="true"]:focus-visible,#main.td .td-fchip.on:focus-visible,#main.td .td-fchip[aria-pressed="true"]:focus-visible{outline:2px solid var(--td-accent-ink);outline-offset:-5px;box-shadow:0 0 0 2px var(--td-ink)}
/* facet COUNTS (ROADMAP §3, 24-Sep-2026): a real number on the chip/segment/option it belongs to — never a second rail
   (owner 21-Sep-2026: "ek hi design sticky ka" keeps the filters to one sticky row; this only adds a figure to what is
   already there). Muted on its own, inherits the accent ink once the control is toggled on. */
.td-fcount{margin-left:6px;font-variant-numeric:tabular-nums;opacity:.65;font-weight:600}
.td-seg-b.on .td-fcount,.td-fchip.on .td-fcount,.td-fchip[aria-pressed="true"] .td-fcount{opacity:.9}
.td-filters .td-spacer{flex:1}
.td-sort{font-size:13px;color:var(--td-muted);display:flex;gap:6px;align-items:center}
.td-sort select,.td-select{font:600 13px var(--td-font);color:var(--td-ink);background:var(--td-surface);border:1px solid var(--td-chip-line,var(--td-line));border-radius:8px;padding:5px 8px}

/* ranked list */
.td-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}
.td-row{display:flex;gap:16px;align-items:flex-start;background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-radius,14px);padding:18px;box-shadow:var(--td-shadow);position:relative;margin:0;min-width:0;max-width:100%}
.td-row[hidden]{display:none}
.td-rank{font-family:var(--td-font);font-weight:700;font-size:15px;color:var(--td-muted);min-width:26px;text-align:center;padding-top:12px}
/* 23-Sep-2026 (P1-14 accessibility audit): the WordPress theme's #main.td .td-rank{color:var(--faint)} (#9a9a9a, 2.81:1 on white —
   axe "serious", every ranking row from #10 down) wins the cascade over the plain rule above (an ID beats a class). #main.td here
   matches its specificity and restores the engine's own muted token, #6b6b6b light / #a3a3a3 dark — 4.5:1+ both ways. */
#main.td .td-rank{color:var(--td-muted)}
.td-logo{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--td-font);font-weight:800;font-size:22px;color:#fff;flex-shrink:0;overflow:hidden;text-decoration:none!important}
.td-logo img{width:100%;height:100%;object-fit:cover}
.td-row .td-main{flex:1;min-width:0;overflow-wrap:anywhere}
.td-layout>.td-main{min-width:0}
.td-top{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.td-name{font-family:var(--td-font);font-weight:700;font-size:18px;color:var(--td-ink)!important}
.td-tag{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:6px;padding:2px 8px;white-space:nowrap}
.td-tag.free{background:var(--td-free-wash);color:var(--td-free)}
.td-tag.paid{background:var(--td-surface2);color:var(--td-muted)}
.td-tag.spon{background:var(--td-spon-chip);color:var(--td-spon)}
.td-tag.feat{background:var(--td-surface2);color:var(--td-ink);border:1px solid var(--td-line)}  /* owner 16-Sep: a small "Featured" tag, nothing else */
.td-tag.own{text-transform:none;letter-spacing:0;font-weight:650;color:var(--td-accent);background:color-mix(in srgb,var(--td-accent) 8%,transparent);border-color:color-mix(in srgb,var(--td-accent) 38%,transparent);white-space:normal}  /* in-house placement disclosure (schema/029) */
/* A2b 24-Sep-2026: "Verified vendor" — the company proved it runs this product's own website (email/DNS/meta-tag, monthly re-check).
   Trust-teal, never the sponsored amber: this is never paid and never changes a score. Focusable (tabindex) so the hover text
   (title=) reaches keyboard and touch users, not just a mouse-hover. */
.td-tag.verified{display:inline-flex;align-items:center;gap:3px;text-transform:none;letter-spacing:0;font-weight:650;color:var(--td-accent);background:color-mix(in srgb,var(--td-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--td-accent) 34%,transparent);cursor:help}
.td-tag.verified svg{flex:none}
.td-own-note{margin:14px 0 4px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--td-accent) 30%,var(--td-line));border-left:3px solid var(--td-accent);border-radius:var(--td-radius-s,9px);background:color-mix(in srgb,var(--td-accent) 5%,var(--td-surface));font-size:14px;line-height:1.5;color:var(--td-ink)}
.td-own-note b{color:var(--td-accent)}
.td-cat{font-size:12px;color:var(--td-muted);border:1px solid var(--td-line);border-radius:999px;padding:1px 9px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
/* 22-Sep-2026: the hero shows the rank badge + at most three category chips + "+N more" (profile.html), so a chip is short again and
   nowrap is safe; the unbounded categories_label pill is gone from the hero. */
/* the hero chips are LINKS now, so the responsive gate treats them as tap targets: ≥32px tall on every viewport */
a.td-cat--link,a.td-cat--more{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;line-height:1.2}
a.td-cat--link{text-decoration:none}a.td-cat--link:hover{color:var(--td-ink);border-color:var(--td-muted)}
a.td-cat--more{text-decoration:none;color:var(--td-accent);border-color:var(--td-accent);font-weight:600}a.td-cat--more:hover{background:var(--td-accent);color:#fff}
/* 21-Sep-2026: .td-cat carries .categories_label, joined from every category a tool is listed in (engine/site.py, unbounded) — a product
   in several categories (e.g. Unbounce: 4) produced a chip wider than its flex row; nowrap + max-width:100% capped the box but let the
   un-wrappable text spill out past it, visibly overlapping .td-phero-side. white-space:normal lets a long chip wrap onto its own extra
   line or two instead (mobile already did this at max-width:640px — see below; this makes it the rule everywhere, not just on phones). */
.td-one{color:var(--td-muted);margin:4px 0 8px;font-size:15px;max-width:60ch}
.td-foot{display:flex;gap:16px;align-items:center;font-size:13.5px;flex-wrap:wrap}
.td-stars{color:var(--td-star);letter-spacing:1.5px;font-size:13px}
.td-score{font-weight:700;font-variant-numeric:tabular-nums}
.td-side{display:flex;flex-direction:column;gap:8px;align-items:flex-end;flex-shrink:0}
.td-visit{display:inline-block;background:var(--td-accent);color:var(--td-accent-ink)!important;font-weight:700;font-size:14px;border-radius:var(--td-radius-s,9px);padding:9px 18px;border:0;cursor:pointer;white-space:nowrap;text-decoration:none!important}
.td-visit:hover{filter:brightness(1.06)}
.td-more{font-size:13px}
.td-row.sponsored,.td-row.featured{border:1px solid color-mix(in srgb,var(--td-ink) 22%,var(--td-line));background:var(--td-surface)}
.td-row.sponsored::before,.td-row.featured::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--td-ink)}
.td-shot{margin-top:12px;border:1px solid var(--td-line);border-radius:10px;overflow:hidden;max-width:440px;background:var(--td-surface2)}
.td-shot .bar{background:var(--td-surface2);padding:5px 10px;display:flex;gap:5px;border-bottom:1px solid var(--td-line)}
.td-shot .bar i{width:8px;height:8px;border-radius:50%;background:var(--td-line);display:block}
.td-shot img{display:block;width:100%;height:auto}
.td-shot--page{max-width:100%}
.td-shot .body{height:96px;background:linear-gradient(120deg,#5b5bd6 0%,#7c6cf0 55%,#9d8cf5 100%)}
.td-shot .body .ui{margin:18px;width:55%;height:10px;border-radius:5px;background:rgba(255,255,255,.85)}
.td-shot .body .ui2{margin:10px 18px;width:35%;height:10px;border-radius:5px;background:rgba(255,255,255,.5)}
.td-row.slot{border:1.5px dashed var(--td-line);background:transparent;box-shadow:none;align-items:center;justify-content:center;padding:22px;flex-direction:column;gap:4px;text-align:center}
.td-row.slot .t{font-family:var(--td-font);font-weight:700;font-size:15.5px}
.td-row.slot .s{font-size:13.5px;color:var(--td-muted);max-width:60ch}
.td-empty{display:none;color:var(--td-muted);padding:22px;text-align:center;border:1.5px dashed var(--td-line);border-radius:14px}
/* Community forums (23-Sep-2026, owner: "Duniya ka best Forum") — reuses td-row/td-list/td-name/td-tag/td-visit/td-msg/td-buy-l from
   the rest of the site (real theme tokens, --td-*, not the .td-vp-scoped --ad-* aliases the vendor/checkout flow uses); these are
   the forum-only additions (new topic form, reply thread, per-topic meta line, reply counter). */
.td-fm-new{margin:0 0 20px}
.td-fm-form{display:grid;gap:12px;padding:16px;border:1px solid var(--td-line);border-radius:var(--td-radius,14px);background:var(--td-surface);margin-top:10px}
.td-fm-form textarea{min-height:100px;resize:vertical;font:400 14.5px/1.5 var(--td-font);padding:9px 11px;border:1px solid var(--td-line);border-radius:var(--td-radius-s,9px);background:var(--td-bg,var(--td-surface));color:var(--td-ink)}
.td-fm-form textarea:focus{outline:none;border-color:var(--td-accent)}
.td-fm-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.td-fm-submit{justify-self:start;min-width:160px}
.td-fm-note{margin:-4px 0 0;font-size:12px;line-height:1.4;color:var(--td-muted)}
.td-fm-row{align-items:center}
.td-fm-meta{margin:4px 0 0;font-size:12.5px;line-height:1.4;color:var(--td-muted)}
.td-fm-meta a{color:var(--td-muted);text-decoration:underline}
.td-fm-stats{align-items:center;justify-content:center;min-width:64px}
.td-fm-stat{display:grid;justify-items:center;gap:1px}
.td-fm-stat b{font:700 18px/1 var(--font-mono,ui-monospace,monospace);color:var(--td-ink)}
.td-fm-stat small{font:500 10.5px/1 var(--td-font);color:var(--td-muted);text-transform:uppercase;letter-spacing:.03em}
.td-fm-op{padding:18px 0;border-bottom:1px solid var(--td-line)}
.td-fm-op h1{margin:0 0 6px}
.td-fm-body{margin-top:12px}
.td-fm-replies{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:0}
.td-fm-reply{padding:16px 0;border-bottom:1px solid var(--td-line)}
.td-fm-reply-form{margin-top:28px;padding-top:20px;border-top:1px solid var(--td-line)}
@media (max-width:640px){.td-fm-row2{grid-template-columns:1fr}}

/* Free Tools hub + Deals (23-Sep-2026, owner: "Free Tools hub" + "ek Deals/Coupons ka bhi bana do") — the tool widgets and the
   deal pages are real React components (apps/web/src/components/free-tools/), so this is the only place their look is defined.
   Reuses td-row/td-list/td-name/td-one-liner/td-hero/td-visit/td-empty/td-prose; only the widget internals are new. */
.td-ft-section{margin:0 0 28px}
.td-ft-tool{margin:0 0 20px}
.td-ft-input{width:100%;box-sizing:border-box;min-height:120px;resize:vertical;font:400 14.5px/1.6 var(--td-font);padding:12px 14px;
  border:1px solid var(--td-line);border-radius:var(--td-radius,14px);background:var(--td-surface);color:var(--td-ink)}
.td-ft-input:focus{outline:none;border-color:var(--td-accent)}
.td-ft-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:14px}
.td-ft-stat{display:grid;gap:2px;padding:12px 14px;border:1px solid var(--td-line);border-radius:12px;background:var(--td-surface)}
.td-ft-stat b{font:700 22px/1.1 var(--font-mono,ui-monospace,monospace);color:var(--td-ink);font-variant-numeric:tabular-nums}
.td-ft-stat span{font:500 11px/1.2 var(--td-font);color:var(--td-muted);text-transform:uppercase;letter-spacing:.03em}
.td-ft-clear{margin-top:12px;padding:7px 14px;font:600 13px/1 var(--td-font);color:var(--td-muted);background:none;
  border:1px solid var(--td-line);border-radius:999px;cursor:pointer}
.td-ft-clear:hover{color:var(--td-ink);border-color:var(--td-ink)}
.td-ft-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.td-ft-card{padding:16px;border:1px solid var(--td-line);border-radius:var(--td-radius,14px);background:var(--td-surface)}
.td-ft-card h3{margin:0 0 12px;font:600 15px/1.3 var(--td-font);color:var(--td-ink)}
.td-ft-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.td-ft-field{display:grid;gap:4px;font:500 12px/1.2 var(--td-font);color:var(--td-muted)}
.td-ft-field input{font:400 14.5px/1.4 var(--td-font);padding:8px 10px;border:1px solid var(--td-line);
  border-radius:10px;background:var(--td-ground,var(--td-surface));color:var(--td-ink);width:100%;box-sizing:border-box}
.td-ft-field input:focus{outline:none;border-color:var(--td-accent)}
.td-ft-result{margin:12px 0 0;font:400 14px/1.4 var(--td-font);color:var(--td-muted)}
.td-ft-result b{font:700 20px/1.1 var(--font-mono,ui-monospace,monospace);color:var(--td-ink);font-variant-numeric:tabular-nums}
.td-ft-placeholder{color:var(--td-muted);font-size:13px}
.td-ft-up{color:var(--td-accent,#0b7a75)}
.td-ft-down{color:#b3432b}
.td-ft-cases{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:0}
.td-ft-case-row{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--td-line)}
.td-ft-case-label{font:600 12px/1.2 var(--td-font);color:var(--td-muted);text-transform:uppercase;letter-spacing:.03em}
.td-ft-case-value{font:400 14px/1.5 var(--font-mono,ui-monospace,monospace);color:var(--td-ink);overflow-wrap:anywhere}
.td-ft-copy{padding:5px 12px;font:600 12px/1 var(--td-font);color:var(--td-muted);background:none;border:1px solid var(--td-line);
  border-radius:999px;cursor:pointer;white-space:nowrap}
.td-ft-copy:hover{color:var(--td-ink);border-color:var(--td-ink)}
/* 26-Sep-2026 batch 1+2 tools: selects/checkboxes, action rows, monospace output and error text */
.td-ft-field select{font:400 14.5px/1.4 var(--td-font);padding:8px 10px;border:1px solid var(--td-line);
  border-radius:10px;background:var(--td-ground,var(--td-surface));color:var(--td-ink);width:100%;box-sizing:border-box}
.td-ft-check{display:inline-flex;gap:6px;align-items:center;font:500 13px/1.2 var(--td-font);color:var(--td-ink)}
.td-ft-check input,.td-ft-field input[type=range]{accent-color:var(--td-accent)}
.td-ft-field input[type=range]{padding:0;border:0;background:none}
.td-ft-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0 0}
.td-ft-btn{padding:7px 14px;font:600 13px/1 var(--td-font);color:var(--td-ground,#fff);background:var(--td-accent);
  border:1px solid var(--td-accent);border-radius:999px;cursor:pointer}
.td-ft-btn:hover{filter:brightness(1.08)}
.td-ft-output{margin:12px 0 0;padding:12px 14px;min-height:48px;white-space:pre-wrap;overflow-wrap:anywhere;
  font:400 13.5px/1.55 var(--font-mono,ui-monospace,monospace);color:var(--td-ink);border:1px solid var(--td-line);
  border-radius:var(--td-radius,14px);background:var(--td-surface)}
.td-ft-error{margin:10px 0 0;font:500 13px/1.4 var(--td-font);color:#b3432b}
.td-ft-table th,.td-ft-table td{padding:7px 10px;border-bottom:1px solid var(--td-line);font:400 13.5px/1.4 var(--td-font);color:var(--td-ink)}
.td-ft-table th{font:600 11.5px/1.2 var(--td-font);color:var(--td-muted);text-transform:uppercase;letter-spacing:.03em}
.td-ft-swatch{display:block;height:64px;border-radius:12px;border:1px solid var(--td-line);margin:12px 0 0}
@media (max-width:640px){
  .td-ft-row{grid-template-columns:1fr}
  .td-ft-case-row{grid-template-columns:1fr auto;gap:6px}
  .td-ft-case-label{grid-column:1/-1}
  .td-ft-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* tables — columns never squeeze: the wrapper scrolls sideways on narrow screens, words never break mid-word (owner round 6) */
.td-tblwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--td-line);border-radius:12px;background:var(--td-surface);max-width:100%}
table.td-cmp{table-layout:auto;border-collapse:collapse;width:100%;font-size:14px;min-width:720px;margin:0}
table.td-cmp th,table.td-cmp td{padding:10px 12px;border-bottom:1px solid var(--td-line);text-align:left;vertical-align:top;overflow-wrap:normal;word-break:normal;hyphens:manual}
table.td-cmp--ranked th:first-child,table.td-cmp--ranked td:first-child{width:44px;min-width:44px;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}
table.td-cmp--ranked td:nth-child(2){min-width:160px}
table.td-cmp--ranked td:nth-child(2) a{white-space:nowrap}
table.td-cmp--ranked td:nth-child(n+3),table.td-cmp--ranked th:nth-child(n+3){white-space:nowrap}
table.td-cmp--facts{min-width:0}
table.td-cmp--facts th[scope=row]{width:45%;white-space:normal}
table.td-cmp--facts td{white-space:normal}
table.td-cmp--side{min-width:0}
table.td-cmp--side th[scope=row]{white-space:nowrap}
table.td-cmp--side td{white-space:normal;min-width:150px}
table.td-cmp--facts td.num,table.td-cmp--side td.num,table.td-cmp--facts td.yes,table.td-cmp--side td.yes,table.td-cmp--facts td.no,table.td-cmp--side td.no{white-space:nowrap}
@media (max-width:640px){table.td-cmp--side{min-width:520px}}
table.td-cmp th{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--td-muted);background:var(--td-surface2)}
table.td-cmp tr:last-child td{border-bottom:0}
table.td-cmp td.num{text-align:right;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
table.td-cmp td.win{font-weight:700;color:var(--td-free)}
table.td-cmp .yes{color:var(--td-free);font-weight:700}
table.td-cmp .no{color:var(--td-muted)}
/* plans & pricing table + product facts (20-Sep): listing.specs.product */
table.td-cmp--plans{min-width:0}table.td-cmp--plans th[scope=row]{white-space:normal;min-width:120px}table.td-cmp--plans td{white-space:normal}
.td-plan-price{display:block;white-space:nowrap;font-weight:700}.td-plan-price+.td-plan-price{margin-top:3px}.td-plan-note{font-weight:400;color:var(--td-muted)}
ul.td-plan-limits{margin:0;padding-left:18px}ul.td-plan-limits li{margin:0}
.td-plan-src{font-size:13px;color:var(--td-muted);margin:8px 0 22px}
ul.td-ints{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}ul.td-ints li{background:var(--td-surface);border:1px solid var(--td-line);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}
.td-deal{border:1px solid var(--td-line);border-left:4px solid var(--td-free);border-radius:12px;padding:10px 14px;margin:12px 0 18px;background:var(--td-surface)}.td-deal small{color:var(--td-muted)}
.td-sheet-note{font-weight:400;color:var(--td-muted)}

/* /deals/ (owner 24-Sep-2026: "kuch deals add karo · real" -> "design the entire deals section and system") — the card reuses
   td-row/td-logo/td-tag/td-visit/td-m-visit; these are the deal pieces on top. Studied against AppSumo/Secret/StackSocial/Dealify/
   Capterra (WebFetch, 24-Sep): the offer is the biggest line, numbers are never behind a click, a deadline only when it is real. */
.td-tag.verified{background:var(--td-free-wash);color:var(--td-free)}  /* the same green as every other "this checks out" mark */
.td-tag.new{background:var(--td-accent-soft);color:var(--td-accent)}
.td-deal-count{margin:0 0 6px;font:500 14.5px/1.4 var(--td-font);color:var(--td-muted)}
.td-deal-count b{color:var(--td-ink);font-weight:800}
.td-deal-jump{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 0}
.td-deal-jump .td-fchip{text-decoration:none!important}
.td-deal-card .td-main{display:flex;flex-direction:column;gap:2px}
.td-deal-vendor{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;font-size:13.5px;color:var(--td-muted)}
.td-deal-vendor a{color:var(--td-muted)!important;font-weight:650}
.td-deal-vendor a:hover{color:var(--td-accent)!important}
#main.td .td-main .td-deal-offer,.td-deal-offer{margin:2px 0 0;font-family:var(--td-font);font-weight:800;font-size:19px;line-height:1.28;letter-spacing:-.015em}  /* the offer is the biggest line on the card; the theme's #main.td .td-main h3 would make it 15px */
.td-deal-offer a{color:var(--td-ink)!important;text-decoration:none!important}
.td-deal-offer a:hover{color:var(--td-accent)!important}
.td-deal-cond{margin:2px 0 0;max-width:62ch;font-size:14px;line-height:1.45;color:var(--td-ink)}
.td-deal-meta{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin:8px 0 0;font-size:13.5px;color:var(--td-muted)}
.td-deal-code{display:inline-flex;align-items:stretch;border:1px dashed color-mix(in srgb,var(--td-accent) 55%,var(--td-line));border-radius:8px;overflow:hidden}
.td-deal-code code{padding:4px 10px;font:700 14px/1.2 var(--font-mono,ui-monospace,Menlo,monospace);letter-spacing:.04em;color:var(--td-ink);background:var(--td-surface2)}
.td-deal-copy{border:0;border-left:1px dashed color-mix(in srgb,var(--td-accent) 55%,var(--td-line));background:var(--td-surface);color:var(--td-accent);font:700 12.5px/1 var(--td-font);padding:0 10px;min-height:32px;cursor:pointer}
.td-deal-copy:hover{background:var(--td-accent-soft)}
.td-deal-nocode{font-weight:650;color:var(--td-ink)}
.td-deal-ends{font-weight:650;color:var(--td-ink)}
.td-deal-card .td-side .td-visit{white-space:nowrap}
.td-deal-host{font-weight:500;opacity:.85}
.td-row.deal-featured{border-color:color-mix(in srgb,var(--td-spon) 40%,var(--td-line));background:linear-gradient(120deg,var(--td-spon-wash) 0%,var(--td-surface) 55%)}
.td-row.deal-featured::before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--td-spon)}
.td-deals-fallback{margin:34px 0 8px}
.td-deals-note{margin:-4px 0 12px;font-size:14px;color:var(--td-muted);max-width:70ch}
.td-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;margin:0}
.td-tile.td-free-tile{grid-template-columns:44px minmax(0,1fr)}  /* beats the later .td-tile 4-column grid */
.td-deals-how{margin:34px 0 8px;padding:16px 18px;border:1px solid var(--td-line);border-radius:var(--td-radius,14px);background:var(--td-surface)}
#main.td .td-main .td-deals-how h2,.td-deals-how .td-h2{margin:0 0 6px;font-size:17px}  /* beats the theme main.css "#main.td .td-main h2{margin:44px 0 14px}" inside the box */
.td-deals-how ul{margin:8px 0 0;padding-left:18px;display:grid;gap:6px;font-size:14.5px;line-height:1.5;color:var(--td-ink)}
.td-deal-submit-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px dashed var(--td-line-strong,var(--td-line));border-radius:var(--td-radius,14px);background:var(--td-surface);padding:14px 16px;margin:22px 0 18px}
.td-deal-submit-cta p{margin:0;font-size:14.5px;line-height:1.45;color:var(--td-muted);max-width:60ch}
.td-deal-submit-cta p b{color:var(--td-ink)}
@media (max-width:640px){
  #main.td .td-main .td-deal-offer,.td-deal-offer{font-size:17px}
  .td-deal-card .td-m-visit{align-self:flex-start;margin-top:10px;white-space:normal}
  .td-deal-copy{min-height:36px;padding:0 12px}
}

/* hub */
.td-hero{margin:6px 0 26px}
.td-hgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;list-style:none;margin:0;padding:0}
.td-hcard{display:block;background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-radius,14px);padding:18px;box-shadow:var(--td-shadow);color:var(--td-ink)!important;text-decoration:none!important}
.td-hcard:hover{border-color:var(--td-accent)}
.td-hcard .ic{width:38px;height:38px;border-radius:10px;background:var(--td-accent-soft);color:var(--td-accent);display:flex;align-items:center;justify-content:center;font-family:var(--td-font);font-weight:800;margin-bottom:10px;font-size:18px}
.td-hcard .n{font-family:var(--td-font);font-weight:700;font-size:15.5px}
.td-hcard .c{font-size:13px;color:var(--td-muted);font-variant-numeric:tabular-nums}
.td-strip{margin-top:26px;background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-radius,14px);padding:18px 20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.td-strip .t{font-family:var(--td-font);font-weight:700}
.td-strip .s{color:var(--td-muted);font-size:14px}
.td-ghost{display:inline-block;border:1.5px solid var(--td-accent);color:var(--td-accent)!important;background:transparent;font-weight:700;border-radius:var(--td-radius-s,9px);padding:8px 16px;font-size:14px;cursor:pointer;margin-left:auto;text-decoration:none!important}
.td-ghost:hover{background:var(--td-accent-soft)}

/* search */
/* ==== ONE SEARCH (R7, 18-Sep-2026): the single search component — hero fields, the header field and the 404's field are the same
       combobox over the real search core. The dropdown is absolutely positioned, so opening it never moves the page (CLS 0). ==== */
.td-find{position:relative;margin:0 0 22px;max-width:620px}
.td-find-form{display:flex;gap:8px;align-items:stretch}
.td-find-field{position:relative;flex:1;min-width:0;display:flex;align-items:center;gap:9px;background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-radius-s,10px);padding:0 12px;transition:border-color .12s ease,box-shadow .12s ease}
.td-find-field:focus-within{border-color:var(--td-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--td-accent) 16%,transparent)}
.td-find-ic{width:19px;height:19px;flex:0 0 auto;color:var(--td-muted)}
.td-find-field input{flex:1;min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--td-ink);font:500 16px/1.2 var(--td-font);padding:13px 0;-webkit-appearance:none;appearance:none}
.td-find-field input::placeholder{color:var(--td-muted);opacity:.9}
.td-find-field input:focus,.td-find-field input:focus-visible{outline:0}  /* the field wrapper already shows focus — never two rings */
.td-find-field input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.td-find-x{flex:0 0 auto;width:26px;height:26px;border:0;border-radius:50%;background:var(--td-surface2);color:var(--td-muted);font:400 17px/1 var(--td-font);cursor:pointer;display:grid;place-items:center}
.td-find-x:hover{color:var(--td-ink)}
.td-find-x[hidden]{display:none}
.td-find-kbd{flex:0 0 auto;border:1px solid var(--td-line);border-radius:6px;background:var(--td-ground);color:var(--td-muted);font:600 11px/1 var(--td-font);padding:4px 7px}
.td-find-go{flex:0 0 auto;border:0;border-radius:var(--td-radius-s,10px);background:var(--td-accent);color:var(--td-accent-ink);font:700 15px/1 var(--td-font);padding:0 22px;cursor:pointer;white-space:nowrap}
.td-find-go:hover{filter:brightness(1.06)}
.td-find.is-busy .td-find-ic{opacity:.45}
/* the panel */
.td-find-dd{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:60;background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-radius,14px);box-shadow:0 18px 44px -18px rgba(15,23,42,.38),0 2px 8px -4px rgba(15,23,42,.2);padding:6px;max-height:min(70vh,520px);overflow:auto;overscroll-behavior:contain}
.td-find-dd[hidden]{display:none}
.td-find-grp+.td-find-grp{border-top:1px solid var(--td-line);margin-top:5px;padding-top:5px}
.td-find-h{display:flex;align-items:center;gap:7px;margin:0;padding:8px 10px 5px;font:700 11px/1 var(--td-font);letter-spacing:.07em;text-transform:uppercase;color:var(--td-muted)}
.td-find-h small{font:600 11px/1 var(--td-font);letter-spacing:0;color:var(--td-muted);opacity:.75;background:var(--td-surface2);border-radius:999px;padding:3px 7px}
.td-find-o{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:var(--td-radius-s,9px);color:var(--td-ink)!important;text-decoration:none!important;min-width:0}
.td-find-o.is-cur,.td-find-o:hover{background:var(--td-surface2)}
.td-find-o mark{background:color-mix(in srgb,var(--td-accent) 20%,transparent);color:inherit;border-radius:3px;padding:0 1px}
.td-find-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.td-find-b b{font:650 14.5px/1.3 var(--td-font);color:var(--td-ink);display:flex;align-items:center;gap:7px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-find-b b em{font-style:normal;color:var(--td-muted);font-weight:500}
.td-find-b small{font:500 12.5px/1.35 var(--td-font);color:var(--td-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-find-feat{flex:0 0 auto;font:700 10px/1 var(--td-font);letter-spacing:.05em;text-transform:uppercase;color:var(--td-spon);background:var(--td-spon-chip);border-radius:5px;padding:3px 6px}
.td-find-sc{flex:0 0 auto;font:700 13px/1 var(--td-font);font-variant-numeric:tabular-nums;color:var(--td-ink);background:var(--td-surface2);border-radius:7px;padding:5px 8px}
.td-find-go-i{flex:0 0 auto;color:var(--td-muted);font-size:14px;font-style:normal}
.td-find-ico{position:relative;flex:0 0 auto;width:var(--fi,32px);height:var(--fi,32px);border-radius:8px;background:var(--td-ground);border:1px solid var(--td-line);display:grid;place-items:center;overflow:hidden;color:var(--td-muted)}
.td-find-ico img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--td-surface)}  /* a logo that 404s removes itself and the monogram underneath shows */
.td-find-ico i{font:800 calc(var(--fi,32px) * .44)/1 var(--td-font);font-style:normal;color:var(--td-muted)}
.td-find-ico svg{width:60%;height:60%}
.td-find-ico--set{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-width:var(--fi,26px);height:calc(var(--fi,26px) + 6px);padding:0 4px;gap:0;background:transparent;border:0}
.td-find-ico--set img{width:var(--fi,26px);height:var(--fi,26px);border-radius:6px;border:1px solid var(--td-line);background:var(--td-surface);object-fit:contain;margin-right:-8px;box-shadow:0 1px 2px rgba(15,23,42,.08)}
.td-find-ico--set img:last-child{margin-right:0}
.td-find-chips{display:flex;flex-wrap:wrap;gap:6px;padding:2px 8px 8px}
.td-find-o.td-find-chip{display:inline-flex;padding:6px 12px;border:1px solid var(--td-line);border-radius:999px;font:600 13px/1 var(--td-font);background:var(--td-ground)}
.td-find-o.td-find-chip.is-cur,.td-find-o.td-find-chip:hover{background:var(--td-accent);border-color:var(--td-accent);color:var(--td-accent-ink)!important}
.td-find-o.td-find-all{justify-content:space-between;margin-top:5px;border-top:1px solid var(--td-line);border-radius:0 0 var(--td-radius-s,9px) var(--td-radius-s,9px);font:650 13.5px/1.3 var(--td-font);color:var(--td-accent)!important;padding:11px 10px}
.td-find-o.td-find-all i{font-style:normal}
.td-find-tip{margin:4px 0 2px;padding:8px 10px;border-top:1px solid var(--td-line);font:500 12px/1.4 var(--td-font);color:var(--td-muted)}
.td-find-tip kbd{border:1px solid var(--td-line);border-radius:4px;background:var(--td-ground);font:600 10.5px/1 var(--td-font);padding:3px 5px;margin:0 1px}
.td-find-zero .td-find-h{text-transform:none;letter-spacing:0;font-size:14px;color:var(--td-ink);padding-bottom:2px}
.td-find-dym{margin:0;padding:0 10px 9px;font:500 13px/1.45 var(--td-font);color:var(--td-muted)}
.td-find-dym a{font-weight:650}
/* hero field (hub, A–Z, 404): bigger type, the same box */
.td-find--hero{max-width:680px}
.td-find--hero .td-find-field{border-radius:var(--td-radius,14px);padding-inline:16px}
.td-find--hero .td-find-field input{font-size:17px;padding:16px 0}
.td-find--hero .td-find-go{border-radius:var(--td-radius,14px);font-size:15.5px;padding-inline:26px}
/* header field (the section bar): compact, no submit button */
.td-find--bar{margin:0;max-width:none;width:100%}
.td-find--bar .td-find-field{border-radius:999px;padding-inline:13px;background:var(--td-ground)}
.td-find--bar .td-find-field input{font-size:13.5px;padding:8px 0}
.td-find--bar .td-find-ic{width:16px;height:16px}
.td-find--bar .td-find-dd{left:auto;right:0;width:min(440px,calc(100vw - 32px));top:calc(100% + 8px)}
@media (max-width:640px){
  .td-find-form{gap:6px}
  .td-find--hero .td-find-field input{font-size:16px;padding:13px 0}
  .td-find--hero .td-find-go,.td-find-go{padding-inline:15px;font-size:14px}
  .td-find-kbd{display:none}
  .td-find-dd{left:-2px;right:-2px;max-height:min(62vh,440px)}
  .td-find--bar .td-find-dd{left:-2px;right:-2px;width:auto}
  .td-find-b b{font-size:14px}
}

/* profile */
.td-phead{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-bottom:4px}
.td-phead .td-logo{width:64px;height:64px;font-size:28px}
.td-pmain h1{margin:0}
.td-badges{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap;align-items:center}
ul.td-glance{list-style:none;padding:0}
.td-glance{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:22px 0}
.td-gcell{background:var(--td-surface);border:1px solid var(--td-line);border-radius:12px;padding:12px 14px}
.td-gcell .k{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--td-muted);font-weight:700}
.td-gcell .v{font-weight:700;font-size:15.5px;margin-top:2px}
.td-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 0 22px}
.td-pc{background:var(--td-surface);border:1px solid var(--td-line);border-radius:12px;padding:16px 18px}
.td-pc ul{margin:0;padding-left:18px;color:var(--td-muted);font-size:14.5px}
.td-pc li{margin:4px 0}
.td-alt{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 24px;list-style:none;padding:0}
.td-alt a{border:1px solid var(--td-line);background:var(--td-surface);border-radius:999px;padding:5px 13px;font-size:13.5px;color:var(--td-ink)!important;font-weight:600;text-decoration:none!important}
.td-alt a:hover{border-color:var(--td-accent)}
.td-by{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--td-muted);margin:18px 0 6px;flex-wrap:wrap}
.td-by .who{font-weight:700;color:var(--td-ink)}
.td-embed{background:var(--td-surface2);border:1px solid var(--td-line);border-radius:10px;padding:12px 14px;font:12.5px ui-monospace,Menlo,monospace;overflow-x:auto;white-space:pre;margin:8px 0 0}
.td-badge-preview{display:inline-block;margin:6px 0}

/* compare */
.td-vs{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:16px 0 22px}
.td-vs .td-logo{width:64px;height:64px;font-size:28px;margin:0 auto}
.td-vs .who{text-align:center}
.td-vs .who .n{font-weight:800;font-size:20px;margin-top:8px}
.td-vs .who .s{color:var(--td-muted);font-size:13.5px}
.td-vs .x{font-family:var(--td-serif);font-style:italic;font-size:28px;color:var(--td-muted)}
.td-verdict{background:var(--td-accent-soft);border:1px solid var(--td-line);border-radius:12px;padding:16px 18px;margin:8px 0 18px}
.td-verdict p{margin:0 0 8px}
.td-verdict p:last-child{margin:0}

/* advertise + forms */
.td-pricecards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:18px 0}
.td-pcard{background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-radius,14px);padding:20px;box-shadow:var(--td-shadow)}
.td-pcard.hi{border-color:var(--td-spon-line);background:var(--td-spon-wash)}
.td-pcard .p{font-family:var(--td-font);font-weight:800;font-size:30px;letter-spacing:-.02em}
.td-pcard .p small{font-size:14px;color:var(--td-muted);font-weight:600}
.td-pcard ul{padding-left:18px;color:var(--td-muted);font-size:14.5px;margin:10px 0 0}
.td-slots{list-style:none;padding:0;margin:8px 0 20px;display:flex;flex-direction:column;gap:8px}
.td-slots li{display:flex;justify-content:space-between;gap:12px;background:var(--td-surface);border:1px solid var(--td-line);border-radius:10px;padding:10px 14px;font-size:14.5px}
.td-slots .open{color:var(--td-free);font-weight:700}
.td-slots .full{color:var(--td-muted);font-weight:700}
.td-form{display:grid;gap:12px;max-width:560px;margin:14px 0 8px}
.td-form label{display:grid;gap:4px;font-size:13.5px;font-weight:600;color:var(--td-ink)}
.td-form input,.td-form select,.td-form textarea{font:15px var(--td-font);color:var(--td-ink);background:var(--td-surface);border:1px solid var(--td-line);border-radius:9px;padding:9px 12px;width:100%}
.td-form textarea{min-height:110px;resize:vertical}
.td-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.td-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.td-msg{font-size:14px;padding:10px 12px;border-radius:9px;display:none}
.td-msg.ok{display:block;background:var(--td-free-wash);color:var(--td-free)}
.td-msg.err{display:block;background:light-dark(#FDECEA,#3A1714);color:light-dark(#B42318,#FDA29B)}  /* errors are red: amber is reserved for Featured */
.td-ferr{display:block;margin:-4px 0 10px;font:500 13px/1.4 var(--td-font);color:light-dark(#B42318,#FDA29B)}  /* inline intake message under a field (P0-B) */
#main.td input[aria-invalid=true]{border-color:light-dark(#B42318,#FDA29B)!important;box-shadow:0 0 0 3px light-dark(rgba(180,35,24,.14),rgba(253,162,155,.18))!important}
.td-paynote{font-size:13px;line-height:1.5;color:var(--td-muted);margin:0}
.td-form:not([data-mode="pay"]) .td-paynote{display:none}
.td-checkout [hidden]{display:none!important}
.td-co-action{margin:18px 0 0}

.td-ftr{margin-top:44px;font-size:12.5px;color:var(--td-muted)}
.td-ftr:not(:has(*)){display:none}  /* P7: no band + no strip (checkout with the theme chrome) → no empty gap above the theme footer */
.td-ftr a{color:var(--td-muted)}
.td-ftr-line{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;padding-top:14px;border-top:1px solid var(--td-line)}
.td-ftr-line a,.td-ftr-line span{display:inline!important;padding:0!important;margin:0!important}

/* linked-chrome polish: the directory's nav item — subtle saffron pill, always on (owner: "thoda highlighted") */
.hubbar-link.nav-best,.drawer-hubs a.nav-best{color:var(--td-accent)!important;background:var(--td-accent-soft);border-radius:999px;padding:.32em .8em;font-weight:700}
.hubbar-link.nav-best:hover{filter:brightness(.97)}
.drawer-hubs a.nav-best{display:inline-flex;align-items:center;gap:.4em}

@media (max-width:640px){
  .td-side{display:none}
  .td-tag{white-space:normal}
  .td-one{max-width:100%}
  /* the price-source line is the sentence that makes our verified pricing checkable ("…on vendor.com, checked 20 Sep 2026"), so it
     has to be readable on the device most people read it on: 13px fails the responsive gate's 14px floor for body text (21-Sep) */
  .td-plan-src{font-size:14px}
  .td-foot{gap:10px}
  .td-row{gap:12px;padding:14px}
  .td-cols,.td-form .row2{grid-template-columns:1fr}
  .td-vs{grid-template-columns:1fr;text-align:center}
  .td-vs .x{display:none}
  .td-m-visit{display:inline-block!important}
}
.td-m-visit{display:none}

/* ===== layout: main + rail (rail nesting = Raptive sidebar units land here too) ===== */
.td-layout{display:grid;grid-template-columns:minmax(0,1fr) 316px;gap:56px;align-items:start}
.td-layout>*{min-width:0}
.td-rail{position:static}
.td-rail .inside-right-sidebar{min-height:100%}
.td-mod{margin:0 0 28px;padding:0 0 22px;border-bottom:1px solid var(--td-line)}
.td-mod:last-child{border-bottom:0}
.td-mod-title{font:700 .78rem/1.2 var(--td-font);letter-spacing:.08em;text-transform:uppercase;color:var(--td-muted);margin:0 0 12px}
.td-mod-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.td-mod-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;color:var(--td-ink)!important;text-decoration:none!important}
.td-mod-row:hover,.td-mod-row.is-current{background:var(--td-surface2)}
.td-mod-ic{width:30px;height:30px;border-radius:8px;background:var(--td-accent-soft);color:var(--td-accent);display:flex;align-items:center;justify-content:center;font-weight:800}
.td-mod-name{font:600 .95rem/1.25 var(--td-font);display:grid}
.td-mod-name small{font:400 .78rem/1.2 var(--td-font);color:var(--td-muted)}
.td-mod-meta{font:500 .78rem/1 var(--td-font);color:var(--td-muted);white-space:nowrap}
.td-mod-score{font:700 .95rem/1 var(--td-font);font-variant-numeric:tabular-nums}
.td-mod-bullets{margin:0 0 10px;padding-left:18px;color:var(--td-muted);font-size:.92rem}
.td-mod-bullets li{margin:4px 0}
.td-mod-link{font-size:.9rem;font-weight:600}
.td-mod-copy{color:var(--td-muted);font-size:.92rem;margin:0 0 12px}
.td-visit--sm{padding:8px 14px;font-size:.88rem}
.td-logo--xs{width:28px;height:28px;border-radius:8px;font-size:14px}
.td-logo--sm{width:44px;height:44px;border-radius:10px;font-size:19px}
/* hub */
.td-hero{margin:8px 0 22px}
.td-kicker{font:700 .74rem/1.2 var(--td-font);letter-spacing:.12em;text-transform:uppercase;color:var(--td-accent);margin:0 0 10px}
.td-stats{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.td-stats li{background:var(--td-surface);border:1px solid var(--td-line);border-radius:12px;padding:12px 14px;display:grid}
.td-stats b{font:800 1.5rem/1.1 var(--td-font);letter-spacing:-.02em}
.td-stats span{font-size:.8rem;color:var(--td-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}
.td-stats .td-stat-link{display:contents;color:inherit;text-decoration:none}
.td-stats .td-stat-link:hover b,.td-stats .td-stat-link:focus-visible b{text-decoration:underline}
.td-hgrid--rich{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.td-hcard-top{display:flex;gap:12px;align-items:center;margin-bottom:12px}
.td-hcard-top .ic{margin:0}
.td-hcard-top3{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.td-hcard-top3 li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;font-size:.92rem}
.td-hcard-score{font-weight:700;font-variant-numeric:tabular-nums}
.td-hcard-cta{font:600 .88rem/1 var(--td-font);color:var(--td-accent)}
.td-recent{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.td-recent-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px 14px;background:var(--td-surface);border:1px solid var(--td-line);border-radius:12px;color:var(--td-ink)!important;text-decoration:none!important}
.td-recent-row:hover{border-color:var(--td-accent)}
.td-recent-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;min-width:0}  /* 24-Sep: an auto track took the pill's full min-content — a long directory pill overflowed the row at 320 px */
.td-recent-name{font:700 1rem/1.25 var(--td-font);display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-width:0;overflow-wrap:anywhere}
.td-recent-one{min-width:0;font-size:.9rem;color:var(--td-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-recent-score{display:grid;justify-items:end;gap:2px}
.td-recent-score b{font-variant-numeric:tabular-nums}
.td-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:8px 0 12px}
.td-trust-card{background:var(--td-surface);border:1px solid var(--td-line);border-radius:12px;padding:16px 18px}
.td-trust-card b{display:block;margin-bottom:6px}
.td-trust-card p{margin:0;color:var(--td-muted);font-size:.92rem}
@media (max-width:1180px){.td-layout{grid-template-columns:minmax(0,1fr);gap:28px}.td-rail{max-width:680px;width:100%;margin-inline:auto}}
@media (max-width:760px){.td-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.td-trust{grid-template-columns:1fr}.td-recent-one{white-space:normal}}
/* Raptive on /best/: body.single + .td-main.dynamic-entry-content expose the Content/Below_Post placements; the empty .comments-area sentinel only marks where Below_Post lands */
#main.td .td-main>.adthrive-ad{margin:22px 0}
#main.td .comments-area.td-below{margin:0;padding:0;border:0;height:0;overflow:hidden}
ul.td-meta,ul.td-cols,ul.td-filters,ul.td-trust{list-style:none;padding:0}
ul.td-meta>li,ul.td-filters>li{display:contents}

/* ===== compare hub + head-to-head pages (owner 14-Sep: "Design top notch") — side A saffron, side B teal, even neutral ===== */
.td-cx-hero,.td-cp-hero{margin:4px 0 18px}
.td-cx-hero .td-stats{margin-top:16px}
.td-cx-h{display:flex;align-items:baseline;gap:4px 12px;flex-wrap:wrap}
.td-cx-h small{font:500 13.5px/1.3 var(--td-font);color:var(--td-muted);letter-spacing:0}
.td-cx-pick{position:relative;background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-radius,14px);box-shadow:var(--td-shadow);padding:18px 18px 16px;margin:0 0 28px;overflow:hidden}
.td-cx-pick[hidden]{display:none}
.td-cx-pick::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--td-accent-strong,var(--td-accent)) 0 50%,var(--td-note,#0f766e) 50% 100%)}
.td-cx-pick-t{font:700 .76rem/1.2 var(--td-font);letter-spacing:.09em;text-transform:uppercase;color:var(--td-muted);margin:0 0 12px}
.td-cx-pick-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto;gap:10px;align-items:center}
.td-cx-side{display:flex;gap:10px;align-items:center;min-width:0;background:var(--td-surface2);border:1px solid var(--td-line);border-radius:12px;padding:8px 10px;cursor:pointer}
.td-cx-side:focus-within{border-color:var(--td-accent)}
.td-cx-field{display:grid;min-width:0;flex:1}
.td-cx-lab{font-size:11.5px;font-weight:600;line-height:1.2;color:var(--td-muted)}
.td-cx-side select{font:700 15px/1.3 var(--td-font);color:var(--td-ink);background:transparent;border:0;padding:2px 0;margin:0;width:100%;min-width:0;cursor:pointer;text-overflow:ellipsis}
.td-cx-side select:focus-visible{outline:none}
.td-cx-vs{font-family:var(--td-serif);font-style:italic;font-weight:600;font-size:17px;color:var(--td-muted);text-align:center}
.td-cx-go{padding:13px 22px;font-size:15px}
.td-cx-pick-n{margin:10px 0 0;font-size:12.5px;color:var(--td-muted)}
.td-cx-grid{list-style:none;margin:0 0 6px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.td-cx-grid>li{display:flex;min-width:0}
.td-cx-card{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0;background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-radius,14px);box-shadow:var(--td-shadow);padding:16px;color:var(--td-ink)!important;text-decoration:none!important;transition:border-color .15s ease,transform .15s ease}
.td-cx-card:hover{border-color:var(--td-accent);transform:translateY(-2px)}
.td-cx-duel{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:start}
.td-cx-who{display:grid;justify-items:center;text-align:center;gap:5px;min-width:0}
.td-cx-name{font:700 15px/1.25 var(--td-font);overflow-wrap:anywhere}
.td-cx-meta{font-size:12.5px;color:var(--td-muted);font-variant-numeric:tabular-nums}
.td-cx-meta b{color:var(--td-ink)}
.td-cx-duel>.td-cx-vs{width:30px;height:30px;margin-top:7px;border-radius:50%;display:grid;place-items:center;background:var(--td-surface2);border:1px solid var(--td-line);font-size:13px}
.td-cx-bar{display:flex;gap:2px;height:6px;border-radius:999px;overflow:hidden;background:var(--td-surface2)}
.td-cx-bar i{display:block;height:100%;min-width:0}
.td-cx-bar .a{background:var(--td-accent-strong,var(--td-accent))}
.td-cx-bar .t{background:var(--td-line-strong,var(--td-line))}
.td-cx-bar .b{background:var(--td-note,#0f766e)}
.td-cx-bar--lg{height:10px}
.td-cx-tally-l{display:flex;justify-content:space-between;gap:8px;margin-top:6px;font-size:12px;color:var(--td-muted);font-variant-numeric:tabular-nums}
.td-cx-tally-l b{color:var(--td-ink)}
.td-cx-edges{display:grid;gap:6px}
.td-cx-edge{font-size:13px;line-height:1.35;background:var(--td-surface2);border-radius:8px;padding:6px 9px}
.td-cx-cta{margin-top:auto;font:600 13.5px/1.3 var(--td-font);color:var(--td-accent)}
.td-cx-groups{list-style:none;margin:0 0 26px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.td-cx-group{background:var(--td-surface);border:1px solid var(--td-line);border-radius:12px;padding:10px 10px 6px;min-width:0}
.td-cx-ghead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:2px 4px 10px;margin-bottom:4px;border-bottom:1px solid var(--td-line)}
.td-cx-gname{font:700 15px/1.25 var(--td-font);color:var(--td-ink)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-cx-gmeta,.td-cx-oscore{font-size:12.5px;color:var(--td-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.td-cx-opps{list-style:none;margin:0;padding:0;display:grid}
.td-cx-opps a{display:grid;grid-template-columns:18px 22px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px;border-radius:8px;font-size:14px;color:var(--td-ink)!important;text-decoration:none!important}
.td-cx-opps a:hover{background:var(--td-surface2)}
.td-cx-opps a:hover .td-cx-oname{text-decoration:underline}
.td-cx-vs-s{font-family:var(--td-serif);font-style:italic;font-size:13px;color:var(--td-muted)}
.td-cx-oname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main.td .td-logo--xxs,.td-logo--xxs{width:22px;height:22px;border-radius:6px;font-size:11px}
.td-cp-board{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-radius,14px);box-shadow:var(--td-shadow);overflow:hidden;margin:4px 0 12px}
.td-cp-side{position:relative;display:grid;justify-items:center;align-content:start;gap:6px;text-align:center;padding:36px 16px 20px;min-width:0}
.td-cp-side.is-lead{background:linear-gradient(180deg,var(--td-accent-soft) 0%,transparent 75%)}
.td-cp-side--b.is-lead{background:linear-gradient(180deg,var(--td-note-wash,var(--td-accent-soft)) 0%,transparent 75%)}
.td-cp-flag{position:absolute;top:10px;left:50%;transform:translateX(-50%);font:700 10.5px/1 var(--td-font);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;color:var(--td-accent);background:var(--td-surface);border:1px solid var(--td-line);border-radius:999px;padding:4px 9px}
.td-cp-side--b .td-cp-flag{color:var(--td-note,#0f766e)}
#main.td .td-cp-side .td-logo{width:60px;height:60px;border-radius:14px;font-size:26px}
.td-cp-name{font:800 19px/1.2 var(--td-font);color:var(--td-ink)!important;overflow-wrap:anywhere}
.td-cp-rank{font-size:12.5px;color:var(--td-muted)}
.td-cp-score{font:800 36px/1 var(--td-font);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:4px}
.td-cp-score small{font-size:14px;font-weight:600;letter-spacing:0;color:var(--td-muted)}
.td-cp-meter{display:block;width:min(170px,100%);height:6px;border-radius:999px;background:var(--td-surface2);overflow:hidden}
.td-cp-meter i{display:block;height:100%;border-radius:inherit;background:var(--td-accent-strong,var(--td-accent))}
.td-cp-side--b .td-cp-meter i{background:var(--td-note,#0f766e)}
.td-cp-price{font-size:13.5px;color:var(--td-muted);max-width:34ch}
.td-cp-side .td-visit{margin-top:8px;white-space:normal}
.td-cp-mid{position:relative;background:var(--td-line)}
.td-cp-vs{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--td-surface);border:1px solid var(--td-line);box-shadow:var(--td-shadow);font-family:var(--td-serif);font-style:italic;font-weight:600;font-size:17px;color:var(--td-muted)}
.td-cp-tally{background:var(--td-surface);border:1px solid var(--td-line);border-radius:12px;padding:12px 16px;margin:0 0 6px}
.td-cp-tally-h{display:flex;justify-content:space-between;gap:6px 12px;flex-wrap:wrap;font-size:13.5px;margin-bottom:8px}
.td-cp-tally-h b{font-variant-numeric:tabular-nums}
.td-cp-tally-h .a b{color:var(--td-accent)}
.td-cp-tally-h .b b{color:var(--td-note,#0f766e)}
.td-cp-tally-h .t{color:var(--td-muted)}
.td-cp-tally-note{margin:8px 0 0;font-size:12.5px;color:var(--td-muted)}
.td-cp-fit{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.td-cp-fit li{background:var(--td-surface);border:1px solid var(--td-line);border-left:4px solid var(--td-accent-strong,var(--td-accent));border-radius:12px;padding:12px 16px}
.td-cp-fit li.b{border-left-color:var(--td-note,#0f766e)}
.td-cp-fit .k{display:block;font:700 .74rem/1.2 var(--td-font);letter-spacing:.08em;text-transform:uppercase;color:var(--td-muted);margin-bottom:4px}
.td-cp-fit p{margin:0;font-size:14.5px}
table.td-cp-table thead th+th{text-transform:none;letter-spacing:0;font-size:13.5px;color:var(--td-ink)}
.td-cp-th{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
table.td-cp-table td.win{background:var(--td-free-wash)}
table.td-cp-table td.win::after{content:" ✓";font-weight:800}
.td-cp-pc .td-wins,.td-cp-pc .td-loses{list-style:none;padding-left:0}
.td-cp-pc .td-wins li,.td-cp-pc .td-loses li{position:relative;padding-left:20px}
.td-cp-pc .td-wins li::before,.td-cp-pc .td-loses li::before{position:absolute;left:2px;top:0;font-weight:800}
.td-cp-pc .td-wins li::before{content:"+";color:var(--td-free)}
.td-cp-pc .td-loses li::before{content:"–";color:var(--td-muted)}
.td-cp-cta{list-style:none;margin:22px 0 26px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.td-cp-cta>li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;align-items:center;background:var(--td-surface);border:1px solid var(--td-line);border-radius:12px;padding:14px 16px;min-width:0}
.td-cp-cta .td-logo{grid-row:span 2}
.td-cp-cta-n{font:700 16px/1.2 var(--td-font)}
.td-cp-cta-s{font-size:13px;color:var(--td-muted)}
.td-cp-cta p{grid-column:1/-1;margin:8px 0 10px;font-size:14.5px;color:var(--td-muted)}
.td-cp-cta .acts{grid-column:1/-1;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.td-cx-minis{list-style:none;margin:8px 0 12px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.td-cx-mini{display:flex;gap:10px;align-items:center;min-width:0;background:var(--td-surface);border:1px solid var(--td-line);border-radius:12px;padding:10px 12px;font:600 14px/1.3 var(--td-font);color:var(--td-ink)!important;text-decoration:none!important}
.td-cx-mini:hover{border-color:var(--td-accent)}
.td-cx-pair{display:flex;flex-shrink:0}
.td-cx-pair .td-logo+.td-logo{margin-left:-8px;box-shadow:0 0 0 2px var(--td-surface)}
.td-cx-links{font-size:14px;margin:0 0 8px}
@media (prefers-reduced-motion:reduce){.td-cx-card{transition:none}.td-cx-card:hover{transform:none}}
@media (max-width:640px){
  .td-cx-pick-row{grid-template-columns:minmax(0,1fr)}
  .td-cx-pick-row>.td-cx-vs{margin:-2px 0}
  .td-cx-go{width:100%}
  .td-cx-grid,.td-cx-groups{grid-template-columns:minmax(0,1fr)}
  .td-cp-side{padding:34px 8px 16px}
  #main.td .td-cp-side .td-logo{width:48px;height:48px;font-size:21px;border-radius:12px}
  .td-cx-opps{grid-template-columns:1fr 1fr;column-gap:4px}
  .td-cx-opps a{grid-template-columns:22px minmax(0,1fr) auto;gap:6px;padding:6px 4px}
  .td-cx-vs-s{display:none}
  .td-cp-name{font-size:16px}
  .td-cp-score{font-size:28px}
  .td-cp-vs{width:34px;height:34px;font-size:14px}
  .td-cp-side .td-visit{padding:8px 12px;font-size:13px}
  .td-cp-fit,.td-cp-cta{grid-template-columns:1fr}
}

/* ===== browse at any scale: topics, A–Z, pagination, fixed-size sidebar (owner 14-Sep: "sari directory dikhana impossible hai") =====
   calm list ergonomics like the site skin: hairline rows, teal accent, pill controls, no card shadows */
.td-sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:6px 16px;flex-wrap:wrap}
/* a section label that is not a heading (the /alternatives/ page's closing "Guides on …", EXPORT 2 item 9) looks exactly like the H2 it was */
p.td-sec-h{font-family:var(--td-font);font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:30px 0 10px;color:var(--td-ink)}
/* the /alternatives/ FAQ — the same questions and answers as its FAQPage JSON-LD; the body font, like the rest of the page */
.td-faq{margin:28px 0 8px;max-width:70ch}
.td-faq h3{font-family:var(--td-font);font-size:16px;margin:18px 0 6px;color:var(--td-ink)}
.td-faq p{margin:0;color:var(--td-ink);font-size:15.5px;line-height:1.6}
.td-sec-h small{font:500 13.5px/1.3 var(--td-font);color:var(--td-muted);letter-spacing:0}
.td-sec-link{font:600 14px/1.3 var(--td-font);letter-spacing:0;white-space:nowrap}
.td-topics{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));column-gap:28px;border-top:1px solid var(--td-line)}
.td-topic{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;align-items:start;height:100%;padding:16px 2px;border-bottom:1px solid var(--td-line);color:var(--td-ink)!important;text-decoration:none!important}
.td-topic:hover .td-topic-n{color:var(--td-accent)}
.td-topic-ic{width:40px;height:40px;border-radius:var(--td-radius,10px);background:var(--td-accent-soft);color:var(--td-accent);display:grid;place-items:center;font-size:18px;font-weight:700;line-height:1;flex-shrink:0}
.td-topic-body{display:grid;gap:3px;min-width:0}
.td-topic-n{font:700 16px/1.25 var(--td-font);letter-spacing:-.01em}
.td-topic-c{font:500 12.5px/1.3 var(--td-font);color:var(--td-muted);font-variant-numeric:tabular-nums}
.td-topic-ex{font-size:13px;line-height:1.4;color:var(--td-muted);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.td-topics--jump .td-topic{padding:12px 2px}
.td-tsec{margin:0 0 6px;scroll-margin-top:24px}
.td-tsec-name{display:inline-flex;align-items:center;gap:12px;color:var(--td-ink)!important}
.td-tsec-name .td-topic-ic{width:34px;height:34px;font-size:15px}
.td-tsec-blurb{margin:-6px 0 12px;color:var(--td-muted);font-size:14.5px;max-width:70ch}
.td-dirlist{list-style:none;margin:0 0 10px;padding:0;display:grid;border-top:1px solid var(--td-line)}
.td-dirlist--cols{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));column-gap:28px}
.td-dirrow{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--td-line);color:var(--td-ink)!important;text-decoration:none!important}
.td-dirrow:hover .td-dirrow-n{color:var(--td-accent)}
.td-dirrow-n{font:600 15px/1.3 var(--td-font);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-dirrow-n small{display:block;font:400 12.5px/1.3 var(--td-font);color:var(--td-muted);overflow:hidden;text-overflow:ellipsis}
.td-dirrow-c{font:500 12.5px/1 var(--td-font);color:var(--td-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.td-toplist{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));column-gap:28px;border-top:1px solid var(--td-line)}
.td-toprow{display:grid;grid-template-columns:20px auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 2px;border-bottom:1px solid var(--td-line);color:var(--td-ink)!important;text-decoration:none!important}
.td-toprow:hover .td-toprow-n{color:var(--td-accent)}
.td-toprow-r{font:700 13px/1 var(--font-mono,ui-monospace,monospace);color:var(--td-muted)}
.td-toprow-b{display:grid;min-width:0}
.td-toprow-n{font:600 15px/1.25 var(--td-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-toprow-c{font-size:12.5px;color:var(--td-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-toprow-s{font:700 14px/1 var(--font-mono,ui-monospace,monospace)}
.td-az{margin:4px 0 6px;padding:12px 0;border-top:1px solid var(--td-line);border-bottom:1px solid var(--td-line)}
.td-az ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.td-az a,.td-az span{display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:var(--td-radius-s,999px);font:600 13.5px/1 var(--td-font)}
.td-az a{border:1px solid var(--td-line);color:var(--td-ink)!important;text-decoration:none!important}
.td-az a:hover{border-color:var(--td-accent);color:var(--td-accent)!important}
.td-az span{border:1px solid transparent;color:var(--td-line-strong,var(--td-muted))}
.td-azsec{scroll-margin-top:24px}
#main.td .td-azsec-h{font:700 28px/1 var(--td-font);letter-spacing:-.02em;color:var(--td-accent);margin:30px 0 10px}
.td-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:28px 0 8px;padding:16px 0 0;border-top:1px solid var(--td-line)}
.td-pager-nums{list-style:none;margin:0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.td-pager-nums a,.td-pager-nums span{display:grid;place-items:center;min-width:38px;height:38px;padding:0 10px;border-radius:var(--td-radius-s,999px);font:600 14px/1 var(--td-font);font-variant-numeric:tabular-nums}
.td-pager-nums a{border:1px solid var(--td-line);color:var(--td-ink)!important;text-decoration:none!important}
.td-pager-nums a:hover{border-color:var(--td-accent);color:var(--td-accent)!important}
.td-pager-nums span[aria-current]{background:var(--td-ink);color:var(--td-surface);border:1px solid var(--td-ink)}
.td-pager-nums .gap{display:grid;place-items:center;min-width:22px;color:var(--td-muted)}
.td-pager-step{font:600 14px/1 var(--td-font);padding:11px 16px;border-radius:var(--td-radius-s,999px);border:1px solid var(--td-line);color:var(--td-ink)!important;text-decoration:none!important;white-space:nowrap}
.td-pager-step:hover{border-color:var(--td-accent);color:var(--td-accent)!important}
.td-pager-step.is-off{opacity:.4;pointer-events:none}
.td-browse{display:flex;align-items:center;justify-content:space-between;gap:14px 20px;flex-wrap:wrap;margin:36px 0 0;padding:22px 24px;background:var(--td-accent-soft);border-radius:var(--td-radius,10px)}
.td-browse .t{font:700 18px/1.3 var(--td-font);letter-spacing:-.01em}
.td-browse .s{font-size:14px;color:var(--td-muted);margin-top:2px}
.td-mod-links{display:grid;gap:8px;margin:12px 0 0}
@media (max-width:640px){
  .td-topics,.td-dirlist--cols,.td-toplist{grid-template-columns:minmax(0,1fr)}
  .td-pager{justify-content:center}
  .td-pager-nums{order:-1;width:100%;justify-content:center}
  .td-pager-step{flex:1;text-align:center}
  .td-browse .td-visit{width:100%;text-align:center}
}

/* ===== official logos (pipeline/logos.py) — the PNG carries its own padding; the tile frames it on white in both themes ===== */
.td-logo.td-logo--img,#main.td .td-logo.td-logo--img{background:#fff;border:1px solid var(--td-line);padding:0;overflow:hidden}
.td-logo.td-logo--img img{display:block;width:100%;height:100%;object-fit:cover}
.td-logo-link{display:block;flex-shrink:0;line-height:0;text-decoration:none!important}
.td-cx-tile{display:block;flex-shrink:0;line-height:0}

/* ===== category ranking page: top picks, toolbar, rows with feature chips (owner 14-Sep: "Puri directory top notch designed dikhe") ===== */
.td-picks{margin:22px 0 4px}
.td-picks-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.td-pick{display:flex;flex-direction:column;gap:10px;min-width:0;padding:16px;border:1px solid var(--td-line);border-radius:var(--td-radius,10px);background:var(--td-surface)}
.td-pick:first-child{border-color:var(--td-accent);box-shadow:inset 0 3px 0 var(--td-accent)}
.td-pick-k{margin:0;font:700 11.5px/1.2 var(--td-font);letter-spacing:.08em;text-transform:uppercase;color:var(--td-accent)}
.td-pick-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}
.td-pick-id{display:grid;min-width:0}
.td-pick-n{font:700 16px/1.25 var(--td-font);color:var(--td-ink)!important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:anywhere}
.td-pick-r{font-size:12px;color:var(--td-muted)}
.td-pick-s{font:700 22px/1 var(--font-mono,ui-monospace,monospace);white-space:nowrap}
.td-pick-s small{font:500 12px/1 var(--td-font);color:var(--td-muted)}
.td-pick-one{margin:0;font-size:14px;line-height:1.45;color:var(--td-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.td-pick-price{margin:0;font-size:12.5px;line-height:1.4;color:var(--td-ink)}
.td-pick-cta{margin-top:auto;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
/* 25-Sep-2026 (owner on /best/cloud-email-security-software/: "ye thik nhi lagta itna mota sticky element"): the bar was three rows, 151 px
   stuck. Now ONE row — [Filters (n)] · the live count · Sort — 54 px tall (36 px controls + 2 × 8 px + its two borders). Every filter lives in
   the drawer (.td-fpop) INSIDE the bar, right after its button in the markup; `order` draws it last. Absolute under the bar at every width
   (EXPORT 2 item 8 — see the STICKY RAILS section), so the bar never changes height. */
.td-toolbar{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;padding:8px 0;margin:4px 0 4px;border-top:1px solid var(--td-line);border-bottom:1px solid var(--td-line);position:relative}
.td-fmore{display:inline-flex;align-items:center;gap:7px;min-height:36px;font:600 13.5px/1 var(--td-font);padding:0 14px;border-radius:999px;border:1px solid var(--td-chip-line);background:var(--td-surface);color:var(--td-ink);cursor:pointer;white-space:nowrap}
.td-fmore svg{flex:none;color:var(--td-muted)}
.td-fmore:hover{border-color:var(--td-ink)}
.td-fmore[aria-expanded="true"]{border-color:var(--td-ink);box-shadow:inset 0 0 0 1px var(--td-ink)}
.td-fmore-n{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--td-accent);color:var(--td-accent-ink);font:700 11px/1 var(--td-font);font-variant-numeric:tabular-nums}
.td-toolbar .td-spacer{flex:1 1 0;min-width:0;height:0}
.td-toolbar .td-sort select{min-height:36px}
.td-fpop{order:1;flex:1 0 100%;display:flex;flex-direction:column;margin:0;border:1px solid var(--td-line);border-radius:var(--td-radius,14px);background:var(--td-surface);box-shadow:0 18px 34px -24px rgba(15,23,42,.34);overflow:hidden}
.td-fpop[hidden]{display:none}
.td-fpop-b{display:grid;gap:14px;padding:14px 16px;overflow:auto;overscroll-behavior:contain;min-height:0}
.td-fgrp-h{margin:0 0 8px;font:700 11.5px/1 var(--td-font);letter-spacing:.07em;text-transform:uppercase;color:var(--td-muted)}
.td-fgrp-c{display:flex;flex-wrap:wrap;gap:8px}
.td-fpop .td-seg{flex-wrap:wrap}
.td-fpop-f{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;border-top:1px solid var(--td-line);background:var(--td-surface2)}
.td-fclear{font:600 13.5px/1 var(--td-font);min-height:36px;padding:0 4px;border:0;background:none;color:var(--td-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.td-fclear:hover{color:var(--td-ink)}
.td-fshow{font:700 13.5px/1 var(--td-font);min-height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--td-accent);background:var(--td-accent);color:var(--td-accent-ink);cursor:pointer;white-space:nowrap}
@media (max-width:640px){.td-fpop-b{padding:12px}.td-fpop-f{padding:10px 12px}.td-fpop .td-fsel,.td-fpop .td-fsel select{width:100%}}
/* a narrow drawer: the four pricing buttons as a 2 × 2 grid instead of a pill that wraps into a lopsided stadium */
@media (max-width:560px){.td-fpop .td-seg{display:grid;grid-template-columns:1fr 1fr;border-radius:12px}.td-fpop .td-seg-b{text-align:center}}
.td-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--td-line);border-radius:var(--td-radius-s,999px);background:var(--td-surface2)}
.td-seg-b{font:600 13px/1 var(--td-font);padding:8px 13px;border:0;border-radius:var(--td-radius-s,999px);background:transparent;color:var(--td-muted);cursor:pointer}
.td-seg-b:hover{color:var(--td-ink)}
.td-seg-b.on{background:var(--td-surface);color:var(--td-ink);box-shadow:0 0 0 1px var(--td-line)}
.td-fsel select{font:500 13.5px/1.2 var(--td-font);color:var(--td-ink);background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-radius-s,999px);padding:7px 12px;max-width:100%}
.td-fmore-n[hidden]{display:none}   /* inline-grid beats the [hidden] default, so an empty badge drew as a dot */
.td-count{font:500 13px/1 var(--td-font);color:var(--td-muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.td-bestfor{margin:5px 0 0;font-size:13.5px;line-height:1.4;color:var(--td-ink)}
.td-bestfor span{font:700 10.5px/1 var(--td-font);letter-spacing:.07em;text-transform:uppercase;color:var(--td-muted);margin-right:8px}
.td-rspecs{list-style:none;margin:2px 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.td-rspecs li{font:500 12.5px/1.2 var(--td-font);padding:5px 10px;border-radius:var(--td-radius-s,999px);background:var(--td-surface2);border:1px solid var(--td-line);color:var(--td-ink)}
.td-rspecs li.yes::before{content:"✓";color:var(--td-free);font-weight:800;margin-right:5px}
.td-rprice{color:var(--td-muted)}
.td-rscore{display:grid;grid-template-columns:auto auto;align-items:baseline;justify-content:end;gap:0 2px;margin-bottom:8px;text-align:right}
.td-rscore b{font:700 28px/1 var(--font-mono,ui-monospace,monospace);letter-spacing:-.02em;color:var(--td-ink)}
.td-rscore small{font:500 12px/1 var(--td-font);color:var(--td-muted)}
.td-rscore .td-stars{grid-column:1/-1;font-size:12px;margin-top:4px}
.td-mscore{display:none;margin-left:auto;font:700 15px/1 var(--font-mono,ui-monospace,monospace);color:var(--td-ink)}
/* /alternatives/ (EXPORT 2 item 9): ONE body font on the page — the score figures drop the monospace family for the body font with tabular
   figures (same alignment), and the comparison table's --ad-sans (only defined inside the vendor-page scope) falls back to it explicitly */
body[data-ax-pt="alternatives"] .td-rscore b,body[data-ax-pt="alternatives"] .td-mscore{font-family:var(--td-font);font-variant-numeric:tabular-nums}
body[data-ax-pt="alternatives"] #main.td .td-cmp,body[data-ax-pt="alternatives"] #main.td .td-cmp *{font-family:var(--ad-sans,var(--td-font))}
.td-tbl-tool{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
@media (max-width:900px){.td-picks-list{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.td-mscore{display:inline}.td-fsel,.td-fsel select{width:100%}}
/* phones: every word in the bar and the drawer is >= 14 px (the responsive gate's floor), the badge's number too. Scoped under #main.td on
   purpose: the theme styles some of these controls itself (itg-prime main.css: #main.td .td-fchip, .td-sort and .td-sort select at 13.5 px),
   and a bare class loses to that. */
@media (max-width:760px){
  #main.td .td-toolbar .td-fmore,#main.td .td-toolbar .td-count,#main.td .td-toolbar .td-sort,#main.td .td-toolbar .td-sort select,#main.td .td-toolbar .td-seg-b,#main.td .td-toolbar .td-fchip,#main.td .td-toolbar .td-fsel select,#main.td .td-toolbar .td-fclear,#main.td .td-toolbar .td-fshow,#main.td .td-toolbar .td-fgrp-h,#main.td .td-toolbar .td-fmore-n{font-size:14px}
  .td-fmore-n{min-width:22px;height:22px}
  .td-toolbar .td-spacer{display:none}
  .td-toolbar .td-sort{margin-left:auto}
}
/* a small phone keeps the bar on one row: the word "Sort" is still the select's label for a screen reader, just not drawn, the count never
   shrinks, and the sort control takes what is left (basis 0, so it never pushes the row onto a second line) */
@media (max-width:480px){
  .td-toolbar .td-sort-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .td-toolbar .td-count{flex:none}
  .td-toolbar .td-sort{flex:1 1 0;min-width:0;justify-content:flex-end}.td-toolbar .td-sort select{width:100%;max-width:12em;min-width:0}
}
.td-showall{display:none}
@media (max-width:640px){
  .td-list.is-collapsed>.td-row--extra{display:none}
  .td-showall{display:block;width:100%;margin:14px 0 6px;padding:13px 16px;font:600 14.5px/1 var(--td-font);color:var(--td-ink);background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-radius-s,999px);cursor:pointer}
  .td-rspecs li:nth-child(n+3){display:none}
  .td-pick-one{-webkit-line-clamp:2}
}
table.td-cmp td.unk{color:var(--td-muted);font-style:italic;font-weight:400}

/* ==== advertise page (owner 14-Sep: "advertise page ko ek dam Shandar bana do so we start getting payments from clients") ====
   vendor landing page: hero + sponsored-row preview, live proof counts, plans, steps, slot finder by topic, trust rules, booking form
   with a live order summary, FAQ, closing CTA. Reader-skin tokens first (paper / ink / teal accent / amber best), --td-* fallbacks for
   other chromes. Every rule is scoped under #main.td .td-vp so it out-specifies the skin's #main.td .td-main h1/h2/h3 rules. */
#main.td .td-layout:has(.td-vp-norail){grid-template-columns:minmax(0,1fr)}
#main.td .td-layout>.td-rail:has(.td-vp-norail){display:none}
#main.td .td-vp{--ad-paper:var(--td-surface, var(--paper));--ad-canvas:var(--td-surface2, var(--canvas));--ad-ink:var(--td-ink, var(--ink));--ad-muted:var(--td-muted, var(--muted));--ad-faint:var(--td-muted, var(--faint));--ad-line:var(--td-line, var(--line));--ad-line2:var(--td-line, var(--line-strong));--ad-accent:var(--td-accent, var(--accent));--ad-accent-ink:var(--td-accent, var(--accent-ink));--ad-wash:var(--td-accent-soft, var(--accent-wash));--ad-on:var(--td-accent-ink, var(--on-accent));--ad-best:var(--td-star, var(--best));--ad-best-ink:var(--td-spon, var(--best-ink));--ad-best-wash:var(--td-spon-chip, var(--best-wash));--ad-good:var(--td-free, var(--good));--ad-good-wash:var(--td-free-wash, var(--good-wash));--ad-sans:var(--td-font, var(--font-text));--ad-read:var(--td-serif, var(--font-read));--ad-mono:var(--font-mono,ui-monospace,Menlo,monospace);--ad-r:var(--r,8px);--ad-rl:var(--r-l,12px);--ad-lift:var(--shadow-lg,0 16px 40px -18px rgba(0,0,0,.28));color:var(--ad-ink)}
#main.td .td-vp{--ad-best:var(--ad-ink);--ad-best-ink:var(--ad-ink);--ad-best-wash:var(--ad-canvas)}  /* premium finish: no orange; flags and taken-states read in ink */
#main.td .td-vp [hidden]{display:none!important}
#main.td .td-vp a{text-decoration:none}
#main.td .td-vp-sec{margin:76px 0 0;scroll-margin-top:20px}
#main.td .td-vp-head{max-width:720px;margin:0 0 26px}
#main.td .td-main .td-vp-head h2{font:700 clamp(25px,1.1rem + 1.2vw,33px)/1.15 var(--ad-sans);letter-spacing:-.028em;margin:0 0 8px;text-wrap:balance}
#main.td .td-vp-head p{margin:0;font:400 18px/1.55 var(--ad-read);color:var(--ad-muted)}
#main.td .td-vp-head--row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:16px 32px;flex-wrap:wrap}
#main.td .td-vp-head--row>div{max-width:620px}

/* hero */
#main.td .td-vp-hero{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:40px 60px;align-items:center;margin:6px 0 0}
#main.td .td-vp .td-kicker{margin:0 0 14px}
#main.td .td-main .td-vp-hero h1{font:700 clamp(34px,1.2rem + 3vw,54px)/1.05 var(--ad-sans);letter-spacing:-.04em;margin:0 0 18px;text-wrap:balance}
#main.td .td-vp-hero h1 .td-serif{font-family:var(--ad-read);font-style:italic;font-weight:600;letter-spacing:-.025em;color:var(--ad-accent-ink)}
#main.td .td-vp-lede{font:400 clamp(18px,1rem + .35vw,20.5px)/1.5 var(--ad-read);color:var(--ad-muted);margin:0 0 26px;max-width:48ch}
#main.td .td-vp-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:0 0 18px}
#main.td .td-vp .td-vp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 26px;margin:0;font:600 16px/1.2 var(--ad-sans);border-radius:999px;white-space:nowrap}
#main.td .td-vp .td-vp-btn2{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 24px;margin:0;font:600 16px/1.2 var(--ad-sans);border-radius:999px;white-space:nowrap}
#main.td .td-vp-assure{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 20px;font:500 14px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-assure li{display:inline-flex;align-items:center;gap:7px}
#main.td .td-vp-assure li::before{content:"✓";color:var(--ad-good);font-weight:800}

/* hero preview: a scaled mock of a real ranking — skeleton neighbours, one fully drawn sponsored row, numbered callouts */
#main.td .td-vp-preview{position:relative;isolation:isolate;margin:0;min-width:0}
#main.td .td-vp-preview::before{content:"";position:absolute;inset:-44px -36px -32px;z-index:-1;pointer-events:none;background:radial-gradient(closest-side at 70% 30%,var(--ad-best-wash),transparent),radial-gradient(closest-side at 28% 74%,var(--ad-wash),transparent)}
#main.td .td-vp-frame{background:var(--ad-paper);border:1px solid var(--ad-line);border-radius:14px;box-shadow:var(--ad-lift);overflow:hidden}
#main.td .td-vp-frame-bar{display:flex;align-items:center;gap:6px;padding:10px 12px;background:var(--ad-canvas);border-bottom:1px solid var(--ad-line)}
#main.td .td-vp-frame-bar i{width:9px;height:9px;border-radius:50%;background:var(--ad-line2);flex-shrink:0}
#main.td .td-vp-frame-bar span{flex:1;min-width:0;margin-left:8px;padding:4px 10px;border-radius:999px;background:var(--ad-paper);border:1px solid var(--ad-line);font:500 11.5px/1.2 var(--ad-mono);color:var(--ad-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#main.td .td-vp-frame-body{padding:16px 16px 8px;display:grid;gap:4px}
#main.td .td-vp-frame-h{margin:0 0 8px;font:700 15px/1.3 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink)}
#main.td .td-vp-frame-h small{display:block;margin-top:2px;font:500 11.5px/1.3 var(--ad-sans);letter-spacing:0;color:var(--ad-muted)}
#main.td .td-vp-sk{display:grid;grid-template-columns:16px 36px minmax(0,1fr) 30px;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid var(--ad-line)}
#main.td .td-vp-sk b{font:700 12px/1 var(--ad-mono);color:var(--ad-faint);text-align:center}
#main.td .td-vp-sk .lg{display:block;width:36px;height:36px;border-radius:8px;background:var(--ad-canvas);border:1px solid var(--ad-line)}
#main.td .td-vp-sk .ln{display:grid;gap:6px;min-width:0}
#main.td .td-vp-sk .ln i,#main.td .td-vp-sk em{display:block;height:8px;border-radius:4px;background:var(--ad-line)}
#main.td .td-vp-sk .ln i:first-child{width:58%;height:10px;background:var(--ad-line2)}
#main.td .td-vp-sk .ln i:last-child{width:86%}
#main.td .td-vp-sk em{height:14px;border-radius:5px}
#main.td .td-vp-sk.is-dim{opacity:.5;border-bottom:0}
#main.td .td-vp-mock{display:grid;grid-template-columns:16px 44px minmax(0,1fr) auto;gap:10px 12px;align-items:start;margin:6px -6px;padding:14px 12px;border-radius:10px;background:color-mix(in srgb,var(--ad-best-wash) 62%,var(--ad-paper));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ad-best) 32%,transparent)}
#main.td .td-vp-mock-dot{font:700 15px/44px var(--ad-sans);color:var(--ad-best-ink);text-align:center}
#main.td .td-vp-mock-logo{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:var(--ad-accent);color:var(--ad-on);font:700 20px/1 var(--ad-sans)}
#main.td .td-vp-mock-main{min-width:0}
#main.td .td-vp-mock-top{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0}
#main.td .td-vp-mock-top strong{font:700 15.5px/1.2 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink)}
#main.td .td-vp-tag{display:inline-block;padding:4px 9px;border-radius:999px;background:var(--ad-best-wash);color:var(--ad-best-ink);font:600 11.5px/1 var(--ad-sans)}
#main.td .td-vp-mock-one{margin:6px 0 10px;font:400 13.5px/1.4 var(--ad-read);color:var(--ad-muted)}
#main.td .td-vp-mock-shot{display:grid;align-content:center;gap:7px;height:62px;padding:0 14px;border-radius:8px;background:linear-gradient(120deg,var(--ad-accent) 0%,color-mix(in srgb,var(--ad-accent) 55%,var(--ad-best)) 100%)}
#main.td .td-vp-mock-shot i{display:block;width:55%;height:7px;border-radius:4px;background:rgba(255,255,255,.85)}
#main.td .td-vp-mock-shot i+i{width:34%;background:rgba(255,255,255,.5)}
#main.td .td-vp-mock-cta{align-self:center;display:inline-flex;align-items:center;gap:6px;padding:8px 10px 8px 13px;border-radius:999px;background:var(--ad-accent);color:var(--ad-on);font:600 12.5px/1 var(--ad-sans);white-space:nowrap}
#main.td .td-vp-mock-cta--m{display:none}
#main.td .td-vp-pin{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--ad-best);color:var(--ad-paper);font:700 10.5px/1 var(--ad-sans);vertical-align:middle;box-shadow:0 0 0 2px var(--ad-paper);font-style:normal}
#main.td .td-vp-preview figcaption{display:grid;gap:10px;margin:18px 4px 0}
#main.td .td-vp-prev-k{font:600 11.5px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-vp-legend{list-style:none;margin:0;padding:0;display:grid;gap:7px;counter-reset:adpin}
#main.td .td-vp-legend li{counter-increment:adpin;display:grid;grid-template-columns:18px minmax(0,1fr);gap:9px;align-items:center;font:500 14px/1.35 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-vp-legend li::before{content:counter(adpin);display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--ad-best);color:var(--ad-paper);font:700 10.5px/1 var(--ad-sans)}

/* live proof counts */
#main.td .td-vp-proof{list-style:none;margin:52px 0 0;padding:22px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 24px;border-top:1px solid var(--ad-line);border-bottom:1px solid var(--ad-line)}
#main.td .td-vp-proof li{display:grid;gap:6px;min-width:0}
#main.td .td-vp-proof li+li{border-left:1px solid var(--ad-line);padding-left:24px}
#main.td .td-vp-proof b{font:700 clamp(26px,1rem + 1.3vw,34px)/1 var(--ad-sans);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-vp-proof span{font:500 13.5px/1.3 var(--ad-sans);color:var(--ad-muted)}

/* plans */
#main.td .td-vp-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
#main.td .td-vp-plan{position:relative;display:flex;flex-direction:column;min-width:0;padding:30px 28px 26px;background:var(--ad-paper);border:1px solid var(--ad-line);border-radius:var(--ad-rl)}
#main.td .td-vp-plan.is-best{border:1.5px solid var(--ad-best);background:linear-gradient(180deg,color-mix(in srgb,var(--ad-best-wash) 58%,var(--ad-paper)) 0,var(--ad-paper) 60%);box-shadow:var(--ad-lift)}
#main.td .td-vp-plan-flag{position:absolute;top:-13px;left:26px;margin:0;padding:7px 12px;border-radius:999px;background:var(--ad-best);color:var(--ad-paper);font:700 11.5px/1 var(--ad-sans);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
#main.td .td-main .td-vp-plan-n{margin:0 0 14px;font:600 13.5px/1.2 var(--ad-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-vp-plan-p{display:flex;align-items:baseline;gap:8px;margin:0 0 10px}
#main.td .td-vp-plan-p b{font:700 50px/1 var(--ad-sans);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-vp-plan-p span{font:500 15.5px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-plan-s{margin:0 0 22px;min-height:3.1em;font:400 16px/1.5 var(--ad-read);color:var(--ad-muted)}
#main.td .td-vp-checks{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:11px}
#main.td .td-vp-checks li{position:relative;padding-left:30px;font:400 15.5px/1.45 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-vp-checks li::before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--ad-wash);color:var(--ad-accent-ink);font:800 11px/1 var(--ad-sans)}
#main.td .td-vp .td-vp-plan-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin:auto 0 0;padding:14px 20px;font:600 16px/1.2 var(--ad-sans);border-radius:999px}
#main.td .td-vp-fine{margin:18px 0 0;font:400 14px/1.5 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-fine a{color:var(--ad-accent-ink);font-weight:600}

/* how it works */
#main.td .td-vp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;counter-reset:adstep}
#main.td .td-vp-steps li{counter-increment:adstep;position:relative;min-width:0;padding:54px 0 0}
#main.td .td-vp-steps li::before{content:counter(adstep);position:absolute;top:0;left:0;z-index:1;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--ad-paper);border:1.5px solid var(--ad-accent);color:var(--ad-accent-ink);font:700 14px/1 var(--ad-mono)}
#main.td .td-vp-steps li::after{content:"";position:absolute;top:19px;left:48px;right:-14px;height:1.5px;background:var(--ad-line2)}
#main.td .td-vp-steps li:last-child::after{display:none}
#main.td .td-vp-steps b{display:block;margin:0 0 6px;font:700 17px/1.3 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink)}
#main.td .td-vp-steps p{margin:0;font:400 15.5px/1.5 var(--ad-read);color:var(--ad-muted)}

/* slot finder: topics collapse, search filters, one row per directory */
#main.td .td-vp-search{position:relative;flex:0 1 340px;min-width:0;margin:0}
#main.td .td-vp-search svg{position:absolute;left:16px;top:50%;width:17px;height:17px;transform:translateY(-50%);color:var(--ad-muted);pointer-events:none}
#main.td .td-vp .td-vp-search input{width:100%;min-height:48px;padding:12px 18px 12px 44px;font:400 15.5px/1.2 var(--ad-sans);color:var(--ad-ink);background:var(--ad-paper);border:1px solid var(--ad-line2);border-radius:999px}
#main.td .td-vp .td-vp-search input:focus{outline:none;border-color:var(--ad-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ad-accent) 22%,transparent)}
#main.td .td-vp-count{margin:-10px 0 12px;font:500 14px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-topics{border-top:1px solid var(--ad-line)}
#main.td .td-vp-topic{border-bottom:1px solid var(--ad-line)}
#main.td .td-vp-topic>summary{display:grid;grid-template-columns:40px minmax(0,1fr) auto 18px;gap:14px;align-items:center;padding:15px 2px;cursor:pointer;list-style:none}
#main.td .td-vp-topic>summary::-webkit-details-marker{display:none}
#main.td .td-vp-topic>summary::after{content:"";justify-self:center;width:8px;height:8px;margin-top:-4px;border-right:2px solid var(--ad-muted);border-bottom:2px solid var(--ad-muted);transform:rotate(45deg);transition:transform .15s ease}
#main.td .td-vp-topic[open]>summary::after{margin-top:4px;transform:rotate(-135deg)}
#main.td .td-vp-topic>summary:hover .td-vp-topic-n{color:var(--ad-accent-ink)}
#main.td .td-vp-topic-ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--ad-wash);color:var(--ad-accent-ink);font:700 18px/1 var(--ad-sans)}
#main.td .td-vp-topic-n{display:grid;gap:3px;min-width:0;font:700 16.5px/1.25 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink)}
#main.td .td-vp-topic-n small{font:500 13px/1.3 var(--ad-sans);letter-spacing:0;color:var(--ad-muted)}
#main.td .td-vp-avail,#main.td .td-vp-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--ad-good-wash);color:var(--ad-good);font:600 12.5px/1 var(--ad-sans);white-space:nowrap}
#main.td .td-vp-avail::before,#main.td .td-vp-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
#main.td .td-vp-chip.is-last{background:var(--ad-best-wash);color:var(--ad-best-ink)}
#main.td .td-vp-avail.is-full,#main.td .td-vp-chip.is-full{background:var(--ad-canvas);color:var(--ad-muted);box-shadow:inset 0 0 0 1px var(--ad-line)}
#main.td .td-vp-dirs{list-style:none;margin:0 0 18px 54px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
#main.td .td-vp-dirs li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"n chip book" "c chip book";gap:2px 12px;align-items:center;padding:11px 0;border-top:1px solid var(--ad-line)}
#main.td .td-vp .td-vp-dir-n{grid-area:n;min-width:0;font:600 15px/1.3 var(--ad-sans);color:var(--ad-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main.td .td-vp .td-vp-dir-n:hover{color:var(--ad-accent-ink)}
#main.td .td-vp-dir-c{grid-area:c;font:500 12.5px/1.2 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-dirs .td-vp-chip{grid-area:chip}
#main.td .td-vp .td-vp-book{grid-area:book;display:inline-flex;align-items:center;justify-content:center;min-width:64px;min-height:36px;padding:8px 14px;border:1px solid var(--ad-accent);border-radius:999px;color:var(--ad-accent-ink);font:600 13.5px/1 var(--ad-sans);white-space:nowrap}
#main.td .td-vp .td-vp-book:hover{background:var(--ad-accent);color:var(--ad-on)}
#main.td .td-vp-dirs li.is-hit{border-radius:8px;background:var(--ad-wash);box-shadow:0 0 0 8px var(--ad-wash)}
#main.td .td-vp-none{margin:16px 0 0;padding:18px;border:1.5px dashed var(--ad-line2);border-radius:var(--ad-rl);font:400 15px/1.5 var(--ad-sans);color:var(--ad-muted);text-align:center}

/* trust rules */
#main.td .td-vp-trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#main.td .td-vp-trust li{min-width:0;padding:24px 26px;background:var(--ad-canvas);border:1px solid var(--ad-line);border-radius:var(--ad-rl)}
#main.td .td-vp-trust b{display:flex;align-items:center;gap:12px;margin:0 0 8px;font:700 17px/1.3 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink)}
#main.td .td-vp-trust b::before{content:"";flex-shrink:0;width:8px;height:8px;border-radius:2px;background:var(--ad-accent);transform:rotate(45deg)}
#main.td .td-vp-trust p{margin:0;font:400 16.5px/1.55 var(--ad-read);color:var(--ad-muted)}
#main.td .td-vp code{padding:2px 6px;border-radius:5px;background:var(--ad-paper);border:1px solid var(--ad-line);color:var(--ad-ink);font:500 .84em/1 var(--ad-mono)}

/* booking: form + live order summary */
#main.td .td-vp-bookgrid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px 36px;align-items:start}
#main.td .td-vp .td-vp-form{display:block;max-width:none;margin:0;padding:30px 30px 24px;background:var(--ad-paper);border:1px solid var(--ad-line);border-radius:var(--ad-rl)}
#main.td .td-vp-fs{min-width:0;margin:0 0 24px;padding:0;border:0}
#main.td .td-vp-fs legend{float:left;width:100%;margin:0 0 12px;padding:0;font:700 12px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-vp-fs legend+*{clear:both}
#main.td .td-vp-fs>*+*:not(legend){margin-top:14px}
#main.td .td-vp .td-vp-form label{font:600 14px/1.3 var(--ad-sans);gap:7px;color:var(--ad-ink)}
#main.td .td-vp .td-vp-form input,#main.td .td-vp .td-vp-form select,#main.td .td-vp .td-vp-form textarea{min-height:48px;padding:11px 14px;font:400 15.5px/1.3 var(--ad-sans);color:var(--ad-ink);background:var(--ad-paper);border:1px solid var(--ad-line2);border-radius:var(--ad-r);transition:border-color .15s ease,box-shadow .15s ease}
#main.td .td-vp .td-vp-form textarea{min-height:112px}
#main.td .td-vp .td-vp-form input::placeholder,#main.td .td-vp .td-vp-form textarea::placeholder{color:var(--ad-faint)}
#main.td .td-vp .td-vp-form input:focus,#main.td .td-vp .td-vp-form select:focus,#main.td .td-vp .td-vp-form textarea:focus{outline:none;border-color:var(--ad-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ad-accent) 22%,transparent)}
#main.td .td-vp .td-vp-submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;margin:4px 0 14px;padding:15px 24px;font:600 16.5px/1.2 var(--ad-sans);border-radius:999px}
#main.td .td-vp .td-vp-submit:disabled{opacity:.6;cursor:progress}
#main.td .td-vp .td-vp-form .td-paynote{margin:0;font:400 13px/1.5 var(--ad-sans)}
#main.td .td-vp .td-vp-form .td-msg{margin:12px 0 0}
#main.td .td-vp-summary{position:sticky;top:24px;min-width:0;padding:24px;background:var(--ad-canvas);border:1px solid var(--ad-line);border-radius:var(--ad-rl)}
#main.td .td-vp-sum-k{margin:0 0 8px;font:700 12px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-vp-sum{margin:0}
#main.td .td-vp-sum>div{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:baseline;padding:11px 0;border-bottom:1px solid var(--ad-line)}
#main.td .td-vp-sum dt{font:500 13.5px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-sum dd{margin:0;text-align:right;font:600 14.5px/1.35 var(--ad-sans);color:var(--ad-ink);overflow-wrap:anywhere}
#main.td .td-vp-sum dd small{display:block;margin-top:2px;font:500 12px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-sum-total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:16px 0 6px}
#main.td .td-vp-sum-total>span{font:600 14px/1.2 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-vp-sum-total b{font:700 32px/1 var(--ad-sans);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--ad-ink);text-align:right}
#main.td .td-vp-sum-total b small{font:500 13.5px/1 var(--ad-sans);letter-spacing:0;color:var(--ad-muted)}
#main.td .td-vp-sum-note{margin:0 0 18px;font:400 13px/1.45 var(--ad-sans);color:var(--ad-muted);text-align:right}
#main.td .td-vp[data-vp-wait="1"] [data-sum-avail]{color:var(--ad-best-ink)}
#main.td .td-vp-checks--sm{margin:0 0 16px;gap:9px}
#main.td .td-vp-checks--sm li{padding-left:28px;font-size:14px}
#main.td .td-vp-checks--sm li::before{width:18px;height:18px;font-size:10px}
#main.td .td-vp-secure{display:flex;align-items:center;gap:8px;margin:0;padding-top:14px;border-top:1px solid var(--ad-line);font:500 13px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-secure svg{flex-shrink:0;width:15px;height:15px;color:var(--ad-good)}

/* FAQ + closing CTA */
#main.td .td-vp-faq{max-width:820px;border-top:1px solid var(--ad-line)}
#main.td .td-vp-faq details{border-bottom:1px solid var(--ad-line)}
#main.td .td-vp-faq summary{position:relative;padding:19px 48px 19px 0;cursor:pointer;list-style:none;font:600 17px/1.4 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink)}
#main.td .td-vp-faq summary::-webkit-details-marker{display:none}
#main.td .td-vp-faq summary::before,#main.td .td-vp-faq summary::after{content:"";position:absolute;right:10px;top:50%;width:14px;height:2px;margin-top:-1px;border-radius:1px;background:var(--ad-muted);transition:transform .15s ease}
#main.td .td-vp-faq summary::after{transform:rotate(90deg)}
#main.td .td-vp-faq details[open] summary::after{transform:rotate(0)}
#main.td .td-vp-faq summary:hover{color:var(--ad-accent-ink)}
#main.td .td-vp-faq details p{max-width:68ch;margin:-6px 0 20px;font:400 17px/1.6 var(--ad-read);color:var(--ad-muted)}
#main.td .td-vp-faq details p a{color:var(--ad-accent-ink);font-family:var(--ad-sans);font-weight:600;font-size:15.5px}
#main.td .td-vp-final{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;flex-wrap:wrap;margin:76px 0 0;padding:36px 38px;border-radius:16px;background:linear-gradient(120deg,var(--ad-wash) 0%,color-mix(in srgb,var(--ad-best-wash) 78%,var(--ad-paper)) 100%)}
#main.td .td-vp-final-t{margin:0 0 6px;font:700 clamp(22px,1rem + 1vw,28px)/1.2 var(--ad-sans);letter-spacing:-.025em;color:var(--ad-ink)}
#main.td .td-vp-final-s{max-width:54ch;margin:0;font:400 17px/1.5 var(--ad-read);color:var(--ad-muted)}
#main.td .td-vp-final-acts{display:flex;align-items:center;gap:12px 22px;flex-wrap:wrap}
#main.td .td-vp .td-vp-final-link{font:600 15px/1.3 var(--ad-sans);color:var(--ad-accent-ink)}
#main.td .td-vp-head p a{color:var(--ad-accent-ink);font-family:var(--ad-sans);font-weight:600;font-size:.9em}
@media (min-width:1021px){
  #main.td .td-vp-faqsec{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:0 64px;align-items:start}
  #main.td .td-vp-faqsec .td-vp-head{position:sticky;top:24px;margin:0}
  #main.td .td-vp-faqsec .td-vp-faq{max-width:none}
}

@media (max-width:1020px){
  #main.td .td-vp-hero{grid-template-columns:minmax(0,1fr);gap:44px}
  #main.td .td-vp-lede{max-width:60ch}
  #main.td .td-vp-preview{max-width:580px}
  #main.td .td-vp-bookgrid{grid-template-columns:minmax(0,1fr)}
  #main.td .td-vp-summary{position:static;order:-1}
  #main.td .td-vp-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}
  #main.td .td-vp-steps li:nth-child(2)::after{display:none}
}
@media (max-width:760px){
  #main.td .td-vp-proof{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}
  #main.td .td-vp-proof li+li{border-left:0;padding-left:0}
  #main.td .td-vp-plans,#main.td .td-vp-trust{grid-template-columns:minmax(0,1fr)}
  #main.td .td-vp-plans{gap:34px}
  #main.td .td-vp-dirs{grid-template-columns:minmax(0,1fr);margin-left:0}
}
@media (max-width:640px){
  #main.td .td-vp-sec{margin-top:60px}
  #main.td .td-main .td-vp-hero h1{font-size:35px}
  #main.td .td-vp-actions{flex-direction:column;align-items:stretch}
  #main.td .td-vp .td-vp-btn,#main.td .td-vp .td-vp-btn2{width:100%}
  #main.td .td-vp-assure{flex-direction:column;gap:7px}
  #main.td .td-vp-preview::before{inset:-24px -16px -18px}
  #main.td .td-vp-frame-body{padding:12px 10px 6px}
  #main.td .td-vp-sk{grid-template-columns:12px 32px minmax(0,1fr) 24px;gap:8px}
  #main.td .td-vp-sk .lg{width:32px;height:32px}
  #main.td .td-vp-mock{grid-template-columns:12px 40px minmax(0,1fr);gap:8px 10px;margin:6px -4px;padding:12px 10px}
  #main.td .td-vp-mock-dot{line-height:40px}
  #main.td .td-vp-mock-logo{width:40px;height:40px;font-size:18px}
  #main.td .td-vp-mock-cta{display:none}
  #main.td .td-vp-mock-cta.td-vp-mock-cta--m{display:inline-flex;margin-top:10px}
  #main.td .td-vp-plan{padding:28px 20px 22px}
  #main.td .td-vp-plan-flag{left:20px}
  #main.td .td-vp-plan-s{min-height:0}
  #main.td .td-vp-steps{grid-template-columns:minmax(0,1fr);row-gap:0}
  #main.td .td-vp-steps li{padding:0 0 26px 54px}
  #main.td .td-vp-steps li::after,#main.td .td-vp-steps li:nth-child(2)::after{display:block;top:42px;bottom:4px;left:18px;right:auto;width:1.5px;height:auto}
  #main.td .td-vp-steps li:last-child::after{display:none}
  #main.td .td-vp-head--row{align-items:stretch}
  #main.td .td-vp-search{flex:1 1 100%}
  #main.td .td-vp-topic>summary{grid-template-columns:36px minmax(0,1fr) 16px;gap:4px 12px}
  #main.td .td-vp-topic>summary .td-vp-avail{grid-column:2;grid-row:2;justify-self:start;margin-top:4px}
  #main.td .td-vp-topic>summary::after{grid-column:3;grid-row:1/span 2}
  #main.td .td-vp-topic-ic{width:36px;height:36px;font-size:16px}
  #main.td .td-vp-dirs li{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"n book" "c book" "chip book";gap:3px 12px}
  #main.td .td-vp-dirs .td-vp-chip{justify-self:start;margin-top:5px}
  #main.td .td-vp .td-vp-form{padding:22px 16px 18px}
  #main.td .td-vp-summary{padding:18px}
  #main.td .td-vp-summary .td-vp-checks--sm{display:none}
  #main.td .td-vp-final{padding:28px 20px}
  #main.td .td-vp-final-acts{width:100%}
  #main.td .td-vp-final-acts .td-vp-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){ #main.td .td-vp-topic>summary::after,#main.td .td-vp-faq summary::before,#main.td .td-vp-faq summary::after,#main.td .td-vp .td-vp-form input,#main.td .td-vp .td-vp-form select,#main.td .td-vp .td-vp-form textarea{transition:none}}

/* ==== submit page (owner 15-Sep: "https://www.itechguides.com/best/submit/ redesign this too") ====
   Same family as the advertise page and built from its .td-vp-* components (hero, preview frame, proof counts, plan cards, steps, form + summary,
   FAQ, closing CTA). Only what the maker page adds lives here: the editorial row in the preview, the listing criteria, the listing perks and
   the sponsor cross-sell band. Scoped under #main.td like the advertise block so the reader skin's heading rules never win. */
#main.td .td-sub-mock{display:grid;grid-template-columns:16px 44px minmax(0,1fr) auto;gap:10px 12px;align-items:start;margin:6px -6px;padding:14px 12px;border-radius:10px;background:color-mix(in srgb,var(--ad-wash) 72%,var(--ad-paper));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ad-accent) 30%,transparent)}
#main.td .td-sub-mock-rank{font:700 13px/44px var(--ad-mono);color:var(--ad-accent-ink);text-align:center}
#main.td .td-sub-mock-bf{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:7px 0 0;font:500 13px/1.35 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-sub-mock-bf>span:first-child{padding:3px 7px;border-radius:5px;background:var(--ad-paper);box-shadow:inset 0 0 0 1px var(--ad-line);font:600 10.5px/1.2 var(--ad-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-sub-mock .td-vp-mock-one{margin:6px 0 9px}
#main.td .td-sub-mock-more{display:inline-flex;align-items:center;gap:6px;font:600 12.5px/1.2 var(--ad-sans);color:var(--ad-accent-ink)}
#main.td .td-sub-mock-score{position:relative;align-self:center;display:inline-flex;align-items:baseline;gap:4px;padding:10px 12px;border-radius:9px;background:var(--ad-paper);box-shadow:inset 0 0 0 1px var(--ad-line)}
#main.td .td-sub-mock-score i{display:inline-block;width:24px;height:15px;border-radius:4px;background:var(--ad-line2)}
#main.td .td-sub-mock-score small{font:600 12px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-sub-mock-score .td-vp-pin{position:absolute;top:-8px;right:-8px}

/* listing criteria: what gets listed / what doesn't */
#main.td .td-sub-fit{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#main.td .td-sub-fit-col{min-width:0;padding:26px 28px;border:1px solid var(--ad-line);border-radius:var(--ad-rl);background:var(--ad-paper)}
#main.td .td-sub-fit-col.is-yes{background:color-mix(in srgb,var(--ad-good-wash) 50%,var(--ad-paper));border-color:color-mix(in srgb,var(--ad-good) 26%,var(--ad-line))}
#main.td .td-main .td-sub-fit h3{margin:0 0 16px;font:700 17px/1.3 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink)}
#main.td .td-sub-fit ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
#main.td .td-sub-fit li{position:relative;padding-left:32px;font:400 15.5px/1.5 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-sub-fit li::before{position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font:800 11px/1 var(--ad-sans)}
#main.td .td-sub-fit .is-yes li::before{content:"✓";background:var(--ad-good-wash);color:var(--ad-good)}
#main.td .td-sub-fit .is-no li::before{content:"✕";background:var(--ad-canvas);color:var(--ad-muted);box-shadow:inset 0 0 0 1px var(--ad-line)}

/* what a listing includes */
#main.td .td-sub-perks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
#main.td .td-sub-perks li{min-width:0;padding:24px 24px 22px;background:var(--ad-canvas);border:1px solid var(--ad-line);border-radius:var(--ad-rl)}
#main.td .td-sub-perk-ic{width:40px;height:40px;margin:0 0 16px;border-radius:10px;display:grid;place-items:center;background:var(--ad-wash);color:var(--ad-accent-ink);font:700 18px/1 var(--ad-sans)}
#main.td .td-sub-perks b{display:block;margin:0 0 6px;font:700 17px/1.3 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink)}
#main.td .td-sub-perks p{margin:0;font:400 16px/1.55 var(--ad-read);color:var(--ad-muted)}

/* sponsor cross-sell band */
#main.td .td-sub-xsell{display:flex;align-items:center;justify-content:space-between;gap:18px 36px;flex-wrap:wrap;margin:76px 0 0;padding:30px 34px;background:var(--ad-paper);border:1px solid var(--ad-line);border-left:4px solid var(--ad-best);border-radius:16px}
#main.td .td-sub-xsell-copy{max-width:660px;min-width:0}
#main.td .td-sub-xsell-k{margin:0 0 6px;font:700 11.5px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-best-ink)}
#main.td .td-main .td-sub-xsell h2{margin:0 0 8px;font:700 clamp(21px,1rem + .8vw,26px)/1.2 var(--ad-sans);letter-spacing:-.025em;color:var(--ad-ink)}
#main.td .td-sub-xsell-copy>p:last-child{margin:0;font:400 17px/1.55 var(--ad-read);color:var(--ad-muted)}

@media (max-width:1020px){
  #main.td .td-sub-perks{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  #main.td .td-sub-fit,#main.td .td-sub-perks{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  #main.td .td-sub-mock{grid-template-columns:12px 40px minmax(0,1fr);gap:8px 10px;margin:6px -4px;padding:12px 10px}
  #main.td .td-sub-mock-rank{line-height:40px}
  #main.td .td-sub-mock-score{grid-column:3;justify-self:start;margin-top:4px}
  #main.td .td-sub-fit-col{padding:22px 18px}
  #main.td .td-sub-perks li{padding:22px 18px 20px}
  #main.td .td-sub-xsell{margin-top:60px;padding:24px 20px}
}

/* ==== buy boxes + sitewide offers (owner 15-Sep-2026: "submit = paid · advertise = paid · direct pay · clearly visible · more money") ====
   The buy box is the hero of both vendor pages: a card that reads like a checkout — price, position cards, term switch, two inputs,
   one button. Sitewide: an offers bar on every directory page, the sidebar card, a "yours?" band on profiles, the open-slot row. */
#main.td .td-vp-hero--buy{grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:36px 56px;align-items:start}
#main.td .td-vp-hero--buy .td-main .td-vp-hero h1,#main.td .td-vp-hero--buy h1{font-size:clamp(30px,1.1rem + 2.2vw,44px);margin-bottom:14px}
#main.td .td-vp-hero--buy .td-vp-lede{font-size:clamp(16.5px,1rem + .2vw,18px);margin-bottom:22px}
#main.td .td-vp-gets{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:10px}
#main.td .td-vp-gets li{display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:2px;padding:12px 14px;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-paper)}
#main.td .td-vp-gets li i{grid-row:1/span 2;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--ad-wash);color:var(--ad-accent-ink);font:700 16px/1 var(--ad-sans);font-style:normal}
#main.td .td-vp-gets li b{font:700 15px/1.3 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink)}
#main.td .td-vp-gets li span{font:400 13.5px/1.45 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-nums{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px;padding:16px 0 0;border-top:1px solid var(--ad-line)}
#main.td .td-vp-nums div{min-width:0}
#main.td .td-vp-nums dt{margin:0;font:800 clamp(20px,1rem + .9vw,26px)/1.1 var(--ad-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-vp-nums dd{margin:2px 0 0;font:500 12.5px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp .td-buy .td-pick{border:0!important;padding:0!important;background:transparent!important;border-radius:0;margin:0 0 12px}
@media (max-width:640px){
  #main.td .td-vp-nums{grid-template-columns:repeat(2,minmax(0,1fr))}
  #main.td .td-vp-gets li{padding:10px 12px}
}
#main.td .td-vp-hero-alt{margin:18px 0 0;font:500 15px/1.5 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-hero-alt a{color:var(--ad-accent-ink);font-weight:600}
#main.td .td-vp .td-buy{display:block;max-width:none;margin:0;padding:18px 20px 16px;background:var(--ad-paper);border:1.5px solid var(--ad-line2);border-radius:18px;box-shadow:var(--ad-lift);scroll-margin-top:16px}
#main.td .td-buy-head{margin:0 0 12px;padding:0 0 12px;border-bottom:1px solid var(--ad-line)}
#main.td .td-buy-k{margin:0 0 8px;font:700 12px/1.2 var(--ad-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ad-accent-ink)}
#main.td .td-buy-price{display:flex;align-items:baseline;gap:6px;margin:0}
#main.td .td-buy-price b{font:800 34px/1 var(--ad-sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-buy-price span{font:600 16px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-buy-s{margin:6px 0 0;font:500 13px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-buy-fs{min-width:0;margin:0 0 10px;padding:0;border:0}
#main.td .td-buy-fs legend{float:left;width:100%;margin:0 0 6px;padding:0;font:700 11px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-buy-fs legend+*{clear:both}
#main.td .td-vp .td-buy-l{display:grid;gap:5px;margin:0 0 10px;font:600 13px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-buy-row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#main.td .td-vp .td-buy input:not([type=radio]),#main.td .td-vp .td-buy select,#main.td .td-vp .td-buy textarea{width:100%;min-height:44px;padding:9px 12px;font:400 15.5px/1.3 var(--ad-sans);color:var(--ad-ink);background:var(--ad-paper);border:1px solid var(--ad-line2);border-radius:var(--ad-r);transition:border-color .15s ease,box-shadow .15s ease}
#main.td .td-vp .td-buy textarea{resize:vertical;min-height:44px}
#main.td .td-vp .td-buy input:focus,#main.td .td-vp .td-buy select:focus,#main.td .td-vp .td-buy textarea:focus{outline:none;border-color:var(--ad-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ad-accent) 22%,transparent)}
#main.td .td-vp .td-buy input::placeholder,#main.td .td-vp .td-buy textarea::placeholder{color:var(--ad-faint)}
#main.td .td-vp .td-buy .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#main.td .td-buy-hint{margin:-2px 0 10px;font:400 12.5px/1.45 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-buy-avail{margin:-2px 0 10px;font:600 13px/1.4 var(--ad-sans);color:var(--ad-good)}
#main.td .td-buy-avail:empty{display:none}
#main.td .td-buy-avail.is-full{color:var(--ad-best-ink)}
#main.td .td-buy-opts{display:grid;gap:8px}
#main.td .td-buy-opts--row{grid-template-columns:repeat(2,minmax(0,1fr))}
#main.td .td-buy-opts--row .td-buy-opt{grid-template-columns:20px minmax(0,1fr);padding:10px 10px}
#main.td .td-buy-opts--row .td-buy-opt-b b{font-size:14px}
#main.td .td-buy-opts--row .td-buy-opt-b small{font-size:12px}
#main.td .td-buy-opt{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 12px 12px 12px;border:1.5px solid var(--ad-line);border-radius:12px;cursor:pointer;background:var(--ad-paper);transition:border-color .15s ease,background .15s ease}
#main.td .td-buy-opt:hover{border-color:var(--ad-line2)}
#main.td .td-buy-opt:has(input:checked){border-color:var(--ad-accent);background:color-mix(in srgb,var(--ad-wash) 60%,var(--ad-paper))}
#main.td .td-buy-opt input{width:18px;height:18px;margin:2px 0 0;accent-color:var(--ad-accent-ink)}
#main.td .td-buy-opt-b{display:grid;gap:3px;min-width:0}
#main.td .td-buy-opt-b b{font:700 15px/1.3 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink)}
#main.td .td-buy-opt-b small{font:400 12.5px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-buy-opt-b em{font:600 13px/1.3 var(--ad-sans);font-style:normal;color:var(--ad-accent-ink)}
#main.td .td-buy-opt-b em:empty{display:none}
#main.td .td-buy-opt-row{align-self:start;padding:4px 8px;border-radius:999px;background:var(--ad-canvas);font:700 11px/1 var(--ad-mono);font-style:normal;color:var(--ad-muted);white-space:nowrap}
#main.td .td-buy-opt.is-taken{opacity:.62}
#main.td .td-buy-opt.is-taken .td-buy-opt-row{background:var(--ad-best-wash);color:var(--ad-best-ink)}
#main.td .td-buy-opt.is-taken .td-buy-opt-row::after{content:" · taken"}
#main.td .td-buy-terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#main.td .td-buy-term{position:relative;display:block;min-width:0;padding:10px 10px 11px;border:1.5px solid var(--ad-line);border-radius:12px;text-align:center;cursor:pointer;background:var(--ad-paper);transition:border-color .15s ease,background .15s ease}
#main.td .td-buy-term:hover{border-color:var(--ad-line2)}
#main.td .td-buy-term:has(input:checked){border-color:var(--ad-accent);background:color-mix(in srgb,var(--ad-wash) 60%,var(--ad-paper))}
#main.td .td-buy-term input{position:absolute;opacity:0;width:1px;height:1px}
#main.td .td-buy-term span{display:grid;gap:3px}
#main.td .td-buy-term b{font:700 14px/1.2 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-buy-term small{font:500 12.5px/1.3 var(--ad-sans);color:var(--ad-muted);font-variant-numeric:tabular-nums}
#main.td .td-buy-term-flag{position:absolute;top:-9px;left:50%;transform:translateX(-50%);padding:3px 8px;border-radius:999px;background:var(--ad-best);color:var(--ad-paper);font:700 10px/1 var(--ad-sans);font-style:normal;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
#main.td .td-buy-term-flag[hidden]{display:none}
#main.td .td-buy-terms{padding-top:6px}
#main.td .td-vp .td-buy-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin:4px 0 10px;padding:13px 20px;font:700 16px/1.2 var(--ad-sans);border-radius:999px}
#main.td .td-buy-assure-line{margin:0 0 6px;font:500 12.5px/1.45 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-buy-assure-line::before{content:"✓ ";color:var(--ad-good);font-weight:800}
#main.td .td-vp .td-buy-btn:disabled{opacity:.6;cursor:progress}
#main.td .td-buy[data-mode="wait"] .td-buy-btn{background:var(--ad-best);color:var(--ad-paper)!important}
#main.td .td-buy-assure{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:7px}
#main.td .td-buy-assure li{position:relative;padding-left:22px;font:500 13px/1.4 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-buy-assure li::before{content:"✓";position:absolute;left:0;top:0;color:var(--ad-good);font-weight:800}
#main.td .td-buy-fine{margin:0;font:400 12px/1.5 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp .td-buy .td-msg{margin:12px 0 0}
#main.td .td-vp-preview--sm{max-width:520px;margin:0}
#main.td .td-sub-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:32px 48px;align-items:start}
#main.td .td-sub-grid .td-sub-perks{grid-template-columns:repeat(2,minmax(0,1fr))}
#main.td .td-vp-steps--3{grid-template-columns:repeat(3,minmax(0,1fr))}
#main.td .td-vp-plan-n small{font:600 12.5px/1 var(--ad-sans);letter-spacing:0;text-transform:none;color:var(--ad-muted)}
#main.td .td-vp-tiers{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:0;border-top:1px solid var(--ad-line)}
#main.td .td-vp-tiers li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ad-line)}
#main.td .td-vp-tiers span{font:600 14.5px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-vp-tiers span em{margin-left:6px;padding:2px 7px;border-radius:999px;background:var(--ad-best-wash);color:var(--ad-best-ink);font:700 10.5px/1.2 var(--ad-sans);font-style:normal;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
#main.td .td-vp-tiers b{font:700 20px/1 var(--ad-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-vp-tiers b small{margin-left:2px;font:500 12px/1 var(--ad-sans);letter-spacing:0;color:var(--ad-muted)}
#main.td .td-vp .td-vp-tier-cta{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 14px;border:1px solid var(--ad-accent);border-radius:999px;color:var(--ad-accent-ink);font:600 13px/1 var(--ad-sans);white-space:nowrap}
#main.td .td-vp .td-vp-tier-cta:hover{background:var(--ad-accent);color:var(--ad-on)}
#main.td .td-vp-custom{display:flex;align-items:center;justify-content:space-between;gap:18px 36px;flex-wrap:wrap;margin:76px 0 0;padding:28px 32px;border:1.5px dashed var(--ad-line2);border-radius:16px}
#main.td .td-vp-custom>div{max-width:640px;min-width:0}
#main.td .td-main .td-vp-custom h2{margin:0 0 6px;font:700 clamp(19px,1rem + .6vw,23px)/1.25 var(--ad-sans);letter-spacing:-.02em;color:var(--ad-ink)}
#main.td .td-vp-custom p{margin:0;font:400 16px/1.55 var(--ad-read);color:var(--ad-muted)}
@media (max-width:1020px){
  #main.td .td-vp-hero--buy{grid-template-columns:minmax(0,1fr)}
  #main.td .td-vp .td-buy{max-width:560px}
  #main.td .td-sub-grid{grid-template-columns:minmax(0,1fr)}
  #main.td .td-vp-steps--3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  #main.td .td-sub-grid .td-sub-perks{grid-template-columns:minmax(0,1fr)}
  #main.td .td-buy-terms{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  #main.td .td-buy-term{padding:9px 6px 10px}
  #main.td .td-buy-term b{font-size:13px}
  #main.td .td-buy-term small{font-size:11.5px}
}
@media (max-width:640px){
  #main.td .td-buy-row2,#main.td .td-buy-opts--row{grid-template-columns:minmax(0,1fr)}
  #main.td .td-vp .td-buy{padding:18px 14px 16px;border-radius:14px}
  #main.td .td-buy-price b{font-size:38px}
  #main.td .td-vp-steps--3{grid-template-columns:minmax(0,1fr)}
  #main.td .td-vp-custom{margin-top:60px;padding:22px 18px}
  #main.td .td-vp-tiers li{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto}
  #main.td .td-vp-tiers .td-vp-tier-cta{grid-column:2;grid-row:1/span 2}
}

/* offer tiles — one component for the directory page bar and the rail card (owner 16-Sep: "aur better designed banao") */
.td-tile{display:grid;grid-template-columns:36px minmax(0,1fr) auto 14px;gap:0 12px;align-items:center;padding:11px 12px 11px 12px;border:1px solid var(--td-line);border-radius:14px;background:var(--td-surface);text-decoration:none!important;color:var(--td-ink)!important;box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.td-tile:hover{transform:translateY(-1px);box-shadow:0 10px 24px -14px rgba(0,0,0,.45)}
.td-tile-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font:700 15px/1 var(--td-font)}
.td-tile-b{display:grid;gap:2px;min-width:0}
.td-tile-b b{font:800 14.5px/1.25 var(--td-font);letter-spacing:-.01em;color:var(--td-ink)}
.td-tile-b small{font:500 12px/1.35 var(--td-font);color:var(--td-muted)}
.td-tile-b small strong{display:inline-block;padding:1px 7px;border-radius:999px;font:700 11px/1.5 var(--td-font);white-space:nowrap}
.td-tile-p{display:grid;justify-items:end;gap:1px;text-align:right;white-space:nowrap}
.td-tile-p{font:800 18px/1 var(--td-font);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--td-ink)}
.td-tile-p em{font:500 11px/1.2 var(--td-font);font-style:normal;letter-spacing:0;color:var(--td-muted)}
.td-tile-go{font:700 15px/1 var(--td-font);font-style:normal;color:var(--td-muted);text-align:right}
.td-tile.is-list{border-color:color-mix(in srgb,var(--td-accent) 40%,var(--td-line))}
.td-tile.is-list .td-tile-ic{background:var(--td-accent-soft);color:var(--td-accent)}
.td-tile.is-list .td-tile-b b,.td-tile.is-list .td-tile-p{color:var(--td-accent)}
.td-tile.is-list:hover{border-color:var(--td-accent)}
.td-tile.is-spon{border-color:color-mix(in srgb,var(--td-ink) 28%,var(--td-line))}
.td-tile.is-spon .td-tile-ic{background:var(--td-ink);color:var(--td-surface)}
.td-tile.is-spon .td-tile-b b,.td-tile.is-spon .td-tile-p{color:var(--td-ink)}
.td-tile.is-spon .td-tile-b small strong{background:var(--td-surface2);color:var(--td-ink)}
.td-tile.is-spon:hover{border-color:var(--td-ink)}

/* directory page: offers bar above the ranking — a clean card, copy left, two tiles right */
.td-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:16px 28px;align-items:center;margin:10px 0 22px;padding:20px 22px;border:1px solid var(--td-line);border-radius:18px;background:var(--td-surface);box-shadow:0 12px 32px -26px rgba(0,0,0,.35)}
.td-offer-copy{min-width:0}
.td-offer-k{margin:0 0 6px;font:700 11px/1.2 var(--td-font);letter-spacing:.1em;text-transform:uppercase;color:var(--td-accent)}
.td-offer-t{margin:0 0 4px;font:800 19px/1.25 var(--td-font);letter-spacing:-.02em;color:var(--td-ink)}
.td-offer-s{margin:0 0 10px;font:400 14px/1.5 var(--td-font);color:var(--td-muted);max-width:52ch}
.td-offer-why{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.td-offer-why li{padding:4px 9px 4px 8px;border-radius:999px;background:var(--td-surface2);font:600 12px/1.3 var(--td-font);color:var(--td-ink)}
.td-offer-why li::before{content:"✓ ";color:var(--td-free);font-weight:800}
.td-offer-acts{display:grid;gap:8px;min-width:0}
@media (max-width:900px){.td-offer{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){.td-offer{padding:16px 14px;border-radius:14px}.td-tile{grid-template-columns:32px minmax(0,1fr) auto 12px;gap:0 10px}.td-tile-ic{width:32px;height:32px}}
/* the open-slot row after rank 4 (owner 15-Sep: "isko kyu nhi banaya" — the pitch card in the ranking) */
.td-row.slot{display:block;padding:0;border:1.5px solid color-mix(in srgb,var(--td-accent) 30%,var(--td-line));background:linear-gradient(120deg,var(--td-note-wash) 0%,var(--td-surface) 50%,var(--td-spon-wash) 100%);box-shadow:none}
.td-row.slot::before{display:none}
.td-slot-in{padding:22px 24px 20px;text-align:center}
.td-slot-k{margin:0 0 6px;font:700 11px/1.2 var(--td-font);letter-spacing:.1em;text-transform:uppercase;color:var(--td-accent)}
.td-row.slot .t{margin:0 auto 6px;max-width:44ch;font:800 19px/1.25 var(--td-font);letter-spacing:-.02em;color:var(--td-ink)}
.td-row.slot .s{margin:0 auto 10px;max-width:60ch;font:400 14px/1.5 var(--td-font);color:var(--td-muted)}
.td-slot-why{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px}
.td-slot-why li{font:600 12.5px/1.3 var(--td-font);color:var(--td-ink)}
.td-slot-why li::before{content:"✓ ";color:var(--td-free);font-weight:800}
.td-slot-acts{display:flex;gap:10px;justify-content:center;align-items:stretch;flex-wrap:wrap;margin:0}
.td-slot-a{display:grid;gap:2px;min-width:220px;padding:11px 18px;border-radius:12px;text-align:left;text-decoration:none!important;border:1.5px solid transparent;transition:transform .12s ease,box-shadow .12s ease}
.td-slot-a:hover{transform:translateY(-1px);box-shadow:0 6px 18px -8px rgba(0,0,0,.35)}
.td-slot-a b{font:800 15px/1.25 var(--td-font);letter-spacing:-.01em}
.td-slot-a span{font:500 12.5px/1.35 var(--td-font)}
.td-slot-a.is-spon{background:var(--td-accent);border-color:var(--td-accent)}  /* teal primary — never the amber sponsor tint (owner) */
.td-slot-a.is-spon b,.td-slot-a.is-spon span{color:#fff}
.td-slot-a.is-spon strong{padding:1px 7px;border-radius:999px;background:rgba(255,255,255,.22);color:#fff;font:700 11.5px/1.5 var(--td-font)}
.td-slot-a.is-list{background:var(--td-surface);border-color:var(--td-accent)}
.td-slot-a.is-list b{color:var(--td-accent)}
.td-slot-a.is-list span{color:var(--td-muted)}
@media (max-width:640px){.td-slot-in{padding:18px 14px 16px}.td-slot-a{min-width:0;width:100%}}
/* The position CTA belongs to the ranked row itself. This keeps an open #1 from looking like an unrelated ad inserted between #1 and #2. */
.td-inline-slot{margin-top:16px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--td-accent) 32%,var(--td-line));border-radius:14px;background:linear-gradient(120deg,var(--td-note-wash) 0%,var(--td-surface) 68%)}
.td-inline-slot-k{margin:0 0 4px;font:700 10.5px/1.25 var(--td-font);letter-spacing:.1em;text-transform:uppercase;color:var(--td-accent)}
.td-inline-slot-t{margin:0 0 3px;font:800 16px/1.25 var(--td-font);letter-spacing:-.02em;color:var(--td-ink)}
.td-inline-slot-s{margin:0 0 10px;font:400 13px/1.45 var(--td-font);color:var(--td-muted);max-width:62ch}
.td-inline-slot-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.td-inline-slot-a,.td-inline-slot-list{display:inline-flex;align-items:baseline;gap:6px;min-height:36px;padding:9px 13px;border-radius:999px;text-decoration:none!important;font:700 13px/1.1 var(--td-font)}
.td-inline-slot-a{background:var(--td-accent);border:1px solid var(--td-accent);color:var(--td-accent-ink)!important}
.td-inline-slot-a span{font:600 11.5px/1 var(--td-font);opacity:.86}
.td-inline-slot-list{border:1px solid var(--td-line-strong);background:var(--td-surface);color:var(--td-ink)!important}
.td-inline-slot-a:hover,.td-inline-slot-list:hover{transform:translateY(-1px);text-decoration:none!important}
@media (max-width:640px){.td-inline-slot{padding:13px 12px}.td-inline-slot-acts{align-items:stretch}.td-inline-slot-a,.td-inline-slot-list{width:100%;justify-content:center}}
/* profile: "is this yours?" band — a normal card (owner 16-Sep: no pill, no yellow, no brown): hairline, paper, 12px radius */
.td-yours{display:grid;gap:12px;margin:26px 0 0;padding:20px 22px;border:1px solid var(--td-line);border-radius:12px;background:var(--td-surface);box-shadow:none}
.td-yours p{margin:0;font:400 15px/1.55 var(--td-font);color:var(--td-ink);font-variant-numeric:tabular-nums}
.td-yours p b{font-weight:800;color:var(--td-ink)}
.td-yours .td-visit,.td-yours .td-ghost{border-radius:999px}
.td-yours .td-visit{background:var(--td-accent);color:#fff!important}
@media (max-width:640px){.td-yours{padding:16px 14px}}

/* sidebar card: the pitch on every directory page (no .widget class → the theme's rail rules never touch it) */
.td-mod.td-grow{margin:0 0 28px;padding:18px 16px 14px;border:1px solid var(--td-line);border-bottom:1px solid var(--td-line);border-radius:16px;background:var(--td-surface);box-shadow:0 12px 32px -26px rgba(0,0,0,.35)}
.td-grow-k{margin:0 0 6px;font:700 11px/1.2 var(--td-font);letter-spacing:.1em;text-transform:uppercase;color:var(--td-accent)}
#main.td .td-grow-t,.td-grow-t{margin:0 0 10px;font:800 17px/1.25 var(--td-font);letter-spacing:-.02em;text-transform:none;color:var(--td-ink)}
.td-grow-why{display:flex;flex-wrap:wrap;gap:5px;margin:0 0 12px}
.td-grow-why span{padding:3px 8px 3px 7px;border-radius:999px;background:var(--td-surface2);font:600 11.5px/1.3 var(--td-font);color:var(--td-ink)}
.td-grow-why span::before{content:"✓ ";color:var(--td-free);font-weight:800}
.td-grow .td-tile{margin:0 0 8px;padding:10px 10px;grid-template-columns:32px minmax(0,1fr) auto 12px;gap:0 10px}
.td-grow .td-tile-ic{width:32px;height:32px}
.td-grow .td-tile-b b{font-size:14px}
.td-grow .td-tile-p{font-size:16px}
.td-grow-fine{margin:4px 0 0;font:500 11.5px/1.4 var(--td-font);color:var(--td-muted)}

/* directory chooser in the buy box (owner 15-Sep: "make it very easy to select directory … the best we can do"): search + topic
   chips + a browsable list, no typing needed; a pick collapses to "✓ name · meta [Change]"; deep links land already picked */
#main.td .td-pick{margin:0 0 12px}
#main.td .td-pick-open[hidden],#main.td .td-pick-sel[hidden]{display:none}
#main.td .td-pick .td-buy-l{margin:0 0 8px}
#main.td .td-vp .td-buy .td-pick-q{padding-left:40px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' d='M8.5 15a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13Zm9.5 3-4.8-4.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:17px 17px;background-position:14px 50%}
#main.td .td-vp .td-buy .td-pick-q::-webkit-search-cancel-button{-webkit-appearance:none}
#main.td .td-pick{position:relative}
#main.td .td-pick-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:40;display:grid;gap:8px;padding:10px;background:var(--ad-paper);border:1px solid var(--ad-line2);border-radius:14px;box-shadow:var(--ad-lift)}
#main.td .td-pick-panel[hidden]{display:none}
#main.td .td-vp .td-buy .td-pick-q{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' d='M8.5 15a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13Zm9.5 3-4.8-4.8'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='m5 8 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-size:17px 17px,16px 16px;background-position:14px 50%,right 12px center;padding-right:36px}
#main.td .td-pick-topics{display:flex;flex-wrap:wrap;gap:5px;margin:0}
#main.td .td-vp .td-buy .td-pick-topic{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border:1px solid var(--ad-line2);border-radius:999px;background:var(--ad-paper);color:var(--ad-ink);font:600 12px/1.2 var(--ad-sans);cursor:pointer;transition:border-color .12s ease,background .12s ease}
#main.td .td-vp .td-buy .td-pick-topic:hover{border-color:var(--ad-accent)}
#main.td .td-vp .td-buy .td-pick-topic.is-on{background:var(--ad-accent);border-color:var(--ad-accent);color:var(--ad-on)}
#main.td .td-pick-list{max-height:216px;overflow:auto;margin:0;padding:4px;list-style:none;background:var(--ad-canvas);border:1px solid var(--ad-line);border-radius:12px}
#main.td .td-pick-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1px 10px;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer}
#main.td .td-pick-list li b{font:600 14px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-pick-list li small{grid-column:1;font:400 11.5px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-pick-list li .td-vp-chip{grid-column:2;grid-row:1/span 2;font-size:11px;padding:3px 8px}
#main.td .td-pick-list li:hover,#main.td .td-pick-list li[aria-selected="true"]{background:var(--ad-paper);box-shadow:inset 0 0 0 1.5px var(--ad-accent)}
#main.td .td-pick-list li.is-note{display:block;cursor:default;font:400 13px/1.45 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-pick-list li.is-note:hover{background:transparent;box-shadow:none}
#main.td .td-pick-sel{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 12px;border:1.5px solid var(--ad-accent);border-radius:12px;background:color-mix(in srgb,var(--ad-wash) 60%,var(--ad-paper))}
#main.td .td-pick-sel-ic{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--ad-accent);color:var(--ad-on);font:800 12px/1 var(--ad-sans)}
#main.td .td-pick-sel-t{display:grid;gap:2px;min-width:0}
#main.td .td-pick-sel-t b{font:700 15px/1.25 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink)}
#main.td .td-pick-sel-t small{font:500 12.5px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp .td-buy .td-pick-change{padding:6px 12px;border:1px solid var(--ad-line2);border-radius:999px;background:var(--ad-paper);color:var(--ad-accent-ink);font:600 12.5px/1.2 var(--ad-sans);cursor:pointer}
#main.td .td-vp .td-buy .td-pick-change:hover{border-color:var(--ad-accent)}

/* checkout / thank-you page (owner 15-Sep: "check out ko bhi exciting") */
.td-checkout{max-width:780px;margin:10px auto 56px}
.td-co-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;padding:0 4px;font:600 12px/1.3 var(--td-font);letter-spacing:.04em;text-transform:uppercase;color:var(--td-muted)}
.td-co-brand{color:var(--td-ink)}
.td-co-secure{display:inline-flex;align-items:center;gap:6px;letter-spacing:.02em;text-transform:none;font-weight:500}
.td-co-secure::before{content:"✓";color:var(--td-free);font-weight:800}
.td-co-progress{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 18px;color:var(--td-muted);font:600 12px/1.2 var(--td-font)}
.td-co-progress span{padding:7px 10px;border-radius:999px;background:var(--td-surface2);white-space:nowrap}
.td-co-progress span.is-on{background:var(--td-note-wash);color:var(--td-note);}
.td-co-progress i{width:22px;height:1px;background:var(--td-line);display:block}
.td-co-card{padding:34px 32px 26px;border:1px solid var(--td-line);border-radius:18px;background:var(--td-surface);text-align:center;box-shadow:var(--td-shadow,none)}
.td-co-kicker{margin:0 0 8px;font:700 11px/1.2 var(--td-font);letter-spacing:.12em;text-transform:uppercase;color:var(--td-note)}
.td-co-ic{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:var(--td-note-wash);color:var(--td-note);position:relative}
.td-co-spin{width:28px;height:28px;border-radius:50%;border:3px solid var(--td-line);border-top-color:var(--td-note);animation:td-co-spin .9s linear infinite}
.td-co-check{display:none;font:800 30px/1 var(--td-font);color:var(--td-free)}
.td-checkout[data-co-state="ok"] .td-co-ic{background:var(--td-free-wash)}
.td-checkout[data-co-state="ok"] .td-co-spin,.td-checkout[data-co-state="stop"] .td-co-spin{display:none}
.td-checkout[data-co-state="ok"] .td-co-check{display:block}
.td-checkout[data-co-state="stop"] .td-co-ic{background:var(--td-surface2);color:var(--td-muted)}
.td-checkout[data-co-state="stop"] .td-co-ic::after{content:"·";font:800 30px/1 var(--td-font)}
.td-checkout .td-co-card h1{margin:0 0 8px;font-size:clamp(24px,3.4vw,32px)}
.td-checkout .td-co-card .td-lede{margin:0 auto 18px;max-width:58ch}
.td-co-action{margin:0 0 6px}
.td-co-steps{list-style:none;margin:22px 0 0;padding:20px 0 0;border-top:1px solid var(--td-line);display:grid;gap:14px;text-align:left;counter-reset:cos}
.td-co-steps[hidden]{display:none}
.td-co-steps li{counter-increment:cos;position:relative;padding-left:40px}
.td-co-steps li::before{content:counter(cos);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--td-note-wash);color:var(--td-note);font:800 13px/1 var(--td-font)}
.td-co-steps b{display:block;font:700 15px/1.3 var(--td-font);color:var(--td-ink);margin:3px 0 2px}
.td-co-steps span{font:400 14px/1.5 var(--td-font);color:var(--td-muted)}
.td-co-trust{display:flex;justify-content:center;gap:8px 22px;flex-wrap:wrap;margin:14px 0 0;padding:0;list-style:none;color:var(--td-muted);font:500 12.5px/1.35 var(--td-font)}
.td-co-trust li::before{content:"✓ ";color:var(--td-free);font-weight:800}
.td-co-more{margin:18px 0 0;padding:18px 20px;border:1.5px dashed var(--td-line);border-radius:16px}
.td-co-more[hidden]{display:none}
.td-co-more-k{margin:0 0 10px;font:700 11.5px/1.2 var(--td-font);letter-spacing:.08em;text-transform:uppercase;color:var(--td-muted)}
.td-co-more-a{display:grid;gap:2px;padding:10px 12px;margin:0 0 6px;border-radius:10px;background:var(--td-surface2);text-decoration:none!important;border:1px solid transparent}
.td-co-more-a[hidden]{display:none}
.td-co-more-a:hover{border-color:var(--td-accent)}
.td-co-more-a b{font:700 14.5px/1.3 var(--td-font);color:var(--td-ink)}
.td-co-more-a span{font:400 13px/1.4 var(--td-font);color:var(--td-muted)}
@keyframes td-co-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.td-co-spin{animation:none}}
@media (max-width:640px){.td-co-topline{align-items:flex-start;flex-direction:column;gap:5px}.td-co-progress{justify-content:flex-start;overflow:auto;padding:0 2px}.td-co-progress i{width:12px;flex:0 0 12px}.td-co-progress span{font-size:11px;padding:6px 8px}.td-co-card{padding:28px 18px 22px}.td-co-trust{display:grid;justify-content:stretch;gap:6px}}

/* ==== two-step vendor flows (owner 16-Sep-2026: "Multi page to chosing a directory becomes very easy" · footer: "This needs more
   visibility"). Step 1 = the chooser: search, topic chips, A–Z, cards that link to step 2. Step 2 = the chosen-directory card + the buy
   box (a position ladder for sponsors — generic over any number of priced positions). Footer = a "For vendors" band on every page.
   NOTE for editors of this file: it is a Jinja template — never write "{" directly followed by "#" (that opens a Jinja comment). ==== */
.td-checkout .td-co-ref{margin:-8px auto 16px;font:600 13px/1.4 var(--td-font);color:var(--td-muted);letter-spacing:.01em}
.td-checkout .td-co-enrich{margin:6px 0 0}
.td-checkout .td-co-enrich a[hidden]{display:none}
#main.td .td-vp .td-buy-l.td-buy-name{margin:-2px 0 10px}
#main.td .td-buy-name[hidden]{display:none}
#main.td .td-vp .td-en-form textarea{width:100%;min-height:76px;padding:9px 12px;font:400 14.5px/1.4 var(--ad-sans);color:var(--ad-ink);background:var(--ad-paper);border:1px solid var(--ad-line2);border-radius:var(--ad-r);resize:vertical}
#main.td .td-vp .td-en-form input[type=file]{padding:8px 10px;font:400 13.5px/1.3 var(--ad-sans)}
#main.td .td-en-count{margin-left:6px;font:500 11.5px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp--details:not(.is-sponsor) .td-en-sponsor{display:none}
#main.td .td-vp-stepper{list-style:none;margin:0 0 22px;padding:0;display:flex;gap:6px 18px;flex-wrap:wrap}
#main.td .td-vp-stepper li{display:inline-flex;align-items:center;gap:9px;font:600 13.5px/1.2 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-stepper li+li::before{content:"";width:28px;height:1.5px;background:var(--ad-line2);margin-right:8px}
#main.td .td-vp-stepper b{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--ad-line2);font:700 12px/1 var(--ad-mono);color:var(--ad-muted);background:var(--ad-paper)}
#main.td .td-vp-stepper li.is-now{color:var(--ad-ink)}
#main.td .td-vp-stepper li.is-now b{background:var(--ad-accent);border-color:var(--ad-accent);color:var(--ad-on)}
#main.td .td-vp-stepper li.is-done b{background:var(--ad-good-wash);border-color:var(--ad-good);color:var(--ad-good)}
#main.td .td-vp-stepper li.is-done a{color:var(--ad-accent-ink);font-weight:600}
/* step 1 hero (owner 16-Sep: "ek dam converting"): one promise, live proof numbers, one primary CTA — the chooser sits right under it */
#main.td .td-vp-hero--lead{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:20px 48px;align-items:center;margin:4px 0 0}
#main.td .td-vp-hero--lead .td-main .td-vp-hero h1,#main.td .td-vp-hero--lead h1{font-size:clamp(28px,1rem + 2vw,40px);margin-bottom:12px}
#main.td .td-vp-hero--lead .td-vp-lede{font-size:clamp(15.5px,.95rem + .2vw,17px);margin-bottom:16px;max-width:60ch}
#main.td .td-vp-cta{display:flex;align-items:center;gap:8px 18px;flex-wrap:wrap}
#main.td .td-vp .td-vp-cta-alt{font:600 14.5px/1.3 var(--ad-sans);color:var(--ad-accent-ink)}
#main.td .td-vp-proof2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:16px 18px;border:1px solid var(--ad-line);border-radius:16px;background:var(--ad-canvas)}
#main.td .td-vp-proof2 div{min-width:0;padding:6px 0}
#main.td .td-vp-proof2 dt{margin:0;font:800 clamp(19px,1rem + .8vw,25px)/1.1 var(--ad-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-vp-proof2 dd{margin:2px 0 0;font:500 12px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-how3{list-style:none;margin:16px 0 0;padding:14px 18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 22px;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-canvas)}
#main.td .td-vp-how3 li{position:relative;padding-left:14px;font:400 13.5px/1.5 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-how3 li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--ad-accent)}
#main.td .td-vp-how3 li b{color:var(--ad-ink)}
#main.td .td-vp--step2 .td-vp-how3{margin:0 0 16px}
@media (max-width:760px){
  #main.td .td-vp-how3{grid-template-columns:minmax(0,1fr)}
}
#main.td .td-vp-trustline{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 22px;font:500 13px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-trustline li{display:inline-flex;align-items:center;gap:7px}
#main.td .td-vp-trustline li::before{content:"✓";color:var(--ad-good);font-weight:800}
/* sticky CTA bar on phones (fixed, so no layout shift; the body gets room at the bottom while it shows) */
#main.td .td-vp-sticky{display:none}
@media (max-width:760px){
  #main.td .td-vp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--ad-paper);border-top:1px solid var(--ad-line2);box-shadow:0 -10px 30px -18px rgba(0,0,0,.4)}
  #main.td .td-vp-sticky[hidden]{display:none}
  #main.td .td-vp-sticky span{min-width:0;font:500 12.5px/1.35 var(--ad-sans);color:var(--ad-muted)}
  #main.td .td-vp-sticky span b{font:800 15px/1.2 var(--ad-sans);color:var(--ad-ink)}
  #main.td .td-vp .td-vp-sticky .td-visit{flex-shrink:0;min-height:42px;padding:10px 16px;font:700 14px/1.2 var(--ad-sans);border-radius:999px}
  body.td-has-sticky #main.td{padding-bottom:72px}
}
/* step 1 hero: copy left, the "what you get" list as a side column */
#main.td .td-vp-hero--choose{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:28px 56px;align-items:start;margin-bottom:8px}
#main.td .td-vp-hero--choose .td-main .td-vp-hero h1,#main.td .td-vp-hero--choose h1{font-size:clamp(30px,1.1rem + 2.2vw,44px);margin-bottom:14px}
#main.td .td-vp-hero--choose .td-vp-lede{font-size:clamp(16.5px,1rem + .2vw,18px);margin-bottom:14px}
#main.td .td-vp-gets--side{margin:6px 0 0}
#main.td .td-vp-gets .td-vp-gets-nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;grid-auto-flow:column;column-gap:14px;row-gap:0;padding:14px 16px;background:var(--ad-canvas)}
#main.td .td-vp-gets .td-vp-gets-nums b{font:800 clamp(18px,1rem + .6vw,24px)/1.1 var(--ad-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-vp-gets .td-vp-gets-nums span{font:500 12px/1.3 var(--ad-sans);color:var(--ad-muted)}
/* the chooser */
#main.td .td-ch{margin:26px 0 0;padding:26px 28px 22px;border:1.5px solid var(--ad-line2);border-radius:20px;background:var(--ad-paper);box-shadow:var(--ad-lift);scroll-margin-top:16px}
#main.td .td-ch-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 24px;flex-wrap:wrap;margin:0 0 16px}
#main.td .td-main .td-ch-head h2{margin:0;font:700 clamp(21px,1rem + .9vw,27px)/1.2 var(--ad-sans);letter-spacing:-.025em;color:var(--ad-ink)}
#main.td .td-ch-head p{margin:0;font:400 15px/1.5 var(--ad-read);color:var(--ad-muted)}
#main.td .td-ch-q{position:relative;display:block;margin:0 0 14px}
#main.td .td-ch-q svg{position:absolute;left:20px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:var(--ad-muted);pointer-events:none}
#main.td .td-vp .td-ch-q input{width:100%;min-height:60px;padding:16px 140px 16px 54px;font:500 18px/1.2 var(--ad-sans);color:var(--ad-ink);background:var(--ad-canvas);border:1.5px solid var(--ad-line2);border-radius:16px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
#main.td .td-vp .td-ch-q input:focus{outline:none;background:var(--ad-paper);border-color:var(--ad-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ad-accent) 20%,transparent)}
#main.td .td-vp .td-ch-q input::placeholder{color:var(--ad-faint)}
#main.td .td-vp .td-ch-q input::-webkit-search-cancel-button{-webkit-appearance:none}
#main.td .td-ch-kbd{position:absolute;right:16px;top:50%;transform:translateY(-50%);padding:5px 9px;border:1px solid var(--ad-line2);border-radius:7px;background:var(--ad-paper);font:600 11.5px/1 var(--ad-mono);color:var(--ad-muted);pointer-events:none}
#main.td .td-ch-q input:focus~.td-ch-kbd,#main.td .td-ch-q input:not(:placeholder-shown)~.td-ch-kbd{display:none}
#main.td .td-ch-url{margin:0 0 14px}
#main.td .td-ch-url-l{display:grid;gap:6px}
#main.td .td-ch-url-l>span:first-child{font:600 13px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ch-url-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
#main.td .td-vp .td-ch-url input{width:100%;min-height:44px;padding:9px 12px;font:400 15px/1.3 var(--ad-sans);color:var(--ad-ink);background:var(--ad-paper);border:1px solid var(--ad-line2);border-radius:var(--ad-r)}
#main.td .td-vp .td-ch-url input:focus{outline:none;border-color:var(--ad-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ad-accent) 22%,transparent)}
#main.td .td-vp .td-ch-url-go{min-height:44px;padding:9px 16px;border:1px solid var(--ad-accent);border-radius:var(--ad-r);background:var(--ad-paper);color:var(--ad-accent-ink);font:600 14px/1.2 var(--ad-sans);cursor:pointer;white-space:nowrap}
#main.td .td-vp .td-ch-url-go:hover{background:var(--ad-accent);color:var(--ad-on)}
#main.td .td-ch-url.is-busy .td-ch-url-go{opacity:.6;cursor:progress}
#main.td .td-ch-url-note{margin:8px 0 0;font:500 13px/1.45 var(--ad-sans);color:var(--ad-good)}
#main.td .td-ch-url-note.is-err{color:var(--ad-muted)}
#main.td .td-ch-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px}
#main.td .td-ch-topics{position:relative;flex:0 1 auto}
#main.td .td-ch-topics>summary{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 13px;border:1px solid var(--ad-line2);border-radius:999px;background:var(--ad-paper);color:var(--ad-ink);font:600 13.5px/1.2 var(--ad-sans);cursor:pointer;list-style:none}
#main.td .td-ch-topics>summary::-webkit-details-marker{display:none}
#main.td .td-ch-topics>summary i{font-style:normal;color:var(--ad-muted)}
#main.td .td-ch-topics[open]>summary{border-color:var(--ad-accent)}
#main.td .td-ch-topics .td-ch-chips{position:absolute;left:0;top:calc(100% + 6px);z-index:30;width:min(720px,calc(100vw - 48px));margin:0;padding:10px;background:var(--ad-paper);border:1px solid var(--ad-line2);border-radius:14px;box-shadow:var(--ad-lift)}
#main.td .td-ch-card.is-top>a{border-color:var(--ad-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ad-accent) 18%,transparent)}
#main.td .td-ch-card.is-top .td-ch-go{color:var(--ad-accent-ink);opacity:1;font-weight:700}
#main.td .td-ch-req{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,440px);gap:12px 28px;align-items:center;margin:18px 0 0;padding:16px 18px;border:1.5px dashed var(--ad-line2);border-radius:14px}
#main.td .td-ch-req-t{margin:0 0 4px;font:700 15px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ch-req-s{margin:0;font:400 13.5px/1.5 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ch-req-s a{color:var(--ad-accent-ink);font-weight:600}
#main.td .td-ch-req-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;position:relative}
#main.td .td-vp .td-ch-req-form input:not([type=hidden]){width:100%;min-height:42px;padding:8px 12px;font:400 14px/1.3 var(--ad-sans);color:var(--ad-ink);background:var(--ad-paper);border:1px solid var(--ad-line2);border-radius:var(--ad-r)}
#main.td .td-vp .td-ch-req-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#main.td .td-vp .td-ch-req-go{grid-column:1/-1;min-height:42px;font:600 14px/1.2 var(--ad-sans);border-radius:999px}
#main.td .td-ch-req-form .td-msg{grid-column:1/-1;margin:0}
#main.td .td-ch-plan{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 12px;padding:10px 14px;border-radius:12px;background:var(--ad-best-wash);color:var(--ad-best-ink);font:500 14px/1.4 var(--ad-sans)}
#main.td .td-vp .td-ch-plan-x{padding:4px 10px;border:1px solid currentColor;border-radius:999px;background:transparent;color:inherit;font:600 12px/1.2 var(--ad-sans);cursor:pointer}
#main.td .td-ch-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
#main.td .td-vp .td-ch-chip{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 13px;border:1px solid var(--ad-line2);border-radius:999px;background:var(--ad-paper);color:var(--ad-ink);font:600 13.5px/1.2 var(--ad-sans);cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}
#main.td .td-vp .td-ch-chip small{font:600 11.5px/1 var(--ad-mono);color:var(--ad-muted)}
#main.td .td-vp .td-ch-chip:hover{border-color:var(--ad-accent)}
#main.td .td-vp .td-ch-chip.is-on{background:var(--ad-accent);border-color:var(--ad-accent);color:var(--ad-on)}
#main.td .td-vp .td-ch-chip.is-on small{color:inherit;opacity:.8}
#main.td .td-ch-letters{display:flex;flex-wrap:wrap;gap:4px;margin:-6px 0 14px}
#main.td .td-vp .td-ch-letters button{min-width:34px;min-height:34px;padding:0 8px;border:1px solid var(--ad-line);border-radius:8px;background:var(--ad-canvas);color:var(--ad-ink);font:700 13px/1 var(--ad-mono);cursor:pointer}
#main.td .td-vp .td-ch-letters button:hover{border-color:var(--ad-accent)}
#main.td .td-vp .td-ch-letters button.is-on{background:var(--ad-ink);border-color:var(--ad-ink);color:var(--ad-paper)}
#main.td .td-ch-status{margin:0 0 10px;font:500 13.5px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ch-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#main.td .td-ch-card{min-width:0}
#main.td .td-vp .td-ch-card>a{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:0 12px;align-items:center;min-height:66px;padding:11px 12px;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-paper);color:var(--ad-ink);transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}
#main.td .td-vp .td-ch-card>a:hover{border-color:var(--ad-accent);transform:translateY(-1px);box-shadow:0 10px 24px -16px rgba(0,0,0,.4)}
#main.td .td-ch-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--ad-wash);color:var(--ad-accent-ink);font:700 16px/1 var(--ad-sans)}
#main.td .td-ch-b{display:grid;gap:2px;min-width:0}
#main.td .td-ch-b b{font:700 15px/1.25 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main.td .td-ch-b small{font:500 12px/1.3 var(--ad-sans);color:var(--ad-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main.td .td-ch-r{display:grid;justify-items:end;gap:4px}
#main.td .td-ch-r .td-vp-chip{font-size:11px;padding:3px 8px}
#main.td .td-ch-go{font:600 12.5px/1 var(--ad-sans);font-style:normal;color:var(--ad-accent-ink);white-space:nowrap;opacity:.85}
#main.td .td-vp .td-ch-card>a:hover .td-ch-go{opacity:1}
#main.td .td-ch-none{margin:8px 0 0;padding:18px;border:1.5px dashed var(--ad-line2);border-radius:var(--ad-rl);font:400 15px/1.5 var(--ad-sans);color:var(--ad-muted);text-align:center}
#main.td .td-ch-help{margin:16px 0 0;font:400 13.5px/1.5 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ch-help a{color:var(--ad-accent-ink);font-weight:600}
/* step 2: the chosen directory */
#main.td .td-vp-chosen{margin:0 0 14px}
#main.td .td-vp-chosen-meta{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;margin:-6px 0 0;font:500 14.5px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-chosen-link{color:var(--ad-accent-ink);font-weight:600}
#main.td .td-vp .td-vp-chosen-change{display:inline-flex;align-items:center;min-height:30px;padding:5px 12px;border:1px solid var(--ad-line2);border-radius:999px;color:var(--ad-accent-ink);font:600 12.5px/1.2 var(--ad-sans)}
#main.td .td-vp .td-vp-chosen-change:hover{border-color:var(--ad-accent)}
#main.td .td-vp-chosen-avail{margin:12px 0 0;font:600 13.5px/1.4 var(--ad-sans);color:var(--ad-good)}
#main.td .td-vp-chosen-avail.is-full{color:var(--ad-best-ink)}
#main.td .td-vp--step2 .td-vp-preview--sm{margin-top:22px}
#main.td .td-vp-frame-bar span em{font:inherit;font-style:normal;color:inherit}
#main.td .td-vp .td-buy .td-pick-change{text-decoration:none;display:inline-flex;align-items:center}
/* the position ladder — one rung per priced position */
#main.td .td-buy-ladder{display:grid;gap:6px}
#main.td .td-buy-rung{position:relative;display:grid;grid-template-columns:auto 40px minmax(0,1fr) auto auto;column-gap:12px;align-items:center;min-height:56px;padding:10px 12px;border:1.5px solid var(--ad-line);border-radius:12px;cursor:pointer;background:var(--ad-paper);transition:border-color .15s ease,background .15s ease}
#main.td .td-buy-rung:hover{border-color:var(--ad-line2)}
#main.td .td-buy-rung:has(input:checked){border-color:var(--ad-accent);border-width:1.5px;background:color-mix(in srgb,var(--ad-accent) 3%,var(--ad-paper))}
#main.td .td-buy-rung input{width:18px;height:18px;margin:0;accent-color:var(--ad-accent-ink)}
#main.td .td-buy-rung-n{width:28px;height:28px;border-radius:7px;display:grid;place-items:center;background:var(--ad-canvas);font:700 13px/1 var(--ad-mono);color:var(--ad-ink)}
#main.td .td-buy-rung:has(input:checked) .td-buy-rung-n{background:var(--ad-accent);color:var(--ad-on)}
#main.td .td-buy-rung-b{min-width:0}
#main.td .td-buy-rung-b b{white-space:nowrap}
#main.td .td-vp-more-q{margin:18px 0 0;font:400 13.5px/1.5 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-buy-explain{margin:0 0 10px;font:400 13px/1.45 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-buy-seg{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:4px;margin:0 0 10px;padding:4px;border:1px solid var(--ad-line);border-radius:10px;background:var(--ad-canvas)}
#main.td .td-buy-seg-i{position:relative;display:block;min-width:0;text-align:center;cursor:pointer}
#main.td .td-buy-seg-i input{position:absolute;opacity:0;width:1px;height:1px}
#main.td .td-buy-seg-i span{display:block;padding:8px 6px;border-radius:7px;font:600 13.5px/1.2 var(--ad-sans);color:var(--ad-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#main.td .td-buy-seg-i span small{font:500 11.5px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-buy-seg-i:has(input:checked) span{background:var(--ad-paper);color:var(--ad-ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
#main.td .td-buy-seg-i:has(input:disabled) span{opacity:.4;text-decoration:line-through}
#main.td .td-buy-rung-b b{font:600 15px/1.25 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink)}
#main.td .td-buy-rung-b small{font:400 12px/1.35 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-buy-rung-p{display:flex;justify-content:flex-end;align-items:baseline;text-align:right;justify-self:end}
#main.td .td-buy-rung-p em:not(.is-on){display:none}
#main.td .td-buy-rung-p em{font:700 17px/1.2 var(--ad-sans);font-style:normal;font-variant-numeric:tabular-nums;color:var(--ad-ink);white-space:nowrap}
#main.td .td-buy-rung-p em small{font:500 12.5px/1 var(--ad-sans);color:var(--ad-muted);margin-left:2px}
#main.td .td-buy-rung-p em[data-buy-opt-price]:not([data-buy-opt-price-term]){font:700 14px/1.2 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-buy-rung-st{min-width:3.6em;text-align:right;font:700 11px/1 var(--ad-sans);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--ad-good)}
#main.td .td-buy-rung-st:empty{display:none}
#main.td .td-buy-rung.is-taken{opacity:.55;pointer-events:none}
#main.td .td-buy-rung.is-taken .td-buy-rung-st{color:var(--ad-best-ink)}
#main.td .td-buy-term.is-na{opacity:.45;cursor:not-allowed}
#main.td .td-buy-term.is-na small::after{content:" · rows 3+"}
#main.td .td-buy-offer{margin:-2px 0 10px;padding:10px 12px;border:1px dashed var(--ad-line2);border-radius:var(--ad-r);background:var(--ad-canvas)}
#main.td .td-buy-offer-row{display:grid;grid-template-columns:auto 120px;gap:2px 8px;align-items:center}
#main.td .td-buy-offer-row b{font:700 15px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-buy-offer-row small{grid-column:1/-1;font:400 11.5px/1.45 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-buy-rules,#main.td .td-vp-rules{margin-top:10px;padding-top:10px;border-top:1px solid var(--ad-line)}
#main.td .td-buy-rung.is-folded{display:none}
#main.td .td-buy-ladder.is-open .td-buy-rung.is-folded{display:grid}
#main.td .td-buy-rung[hidden]{display:none!important}
#main.td .td-vp .td-buy-more{display:block;width:100%;margin:6px 0 0;padding:9px 12px;border:1.5px dashed var(--ad-line2);border-radius:12px;background:transparent;color:var(--ad-accent-ink);font:600 13px/1.2 var(--ad-sans);cursor:pointer}
#main.td .td-vp .td-buy-more:hover{border-color:var(--ad-accent)}
/* step 1: the price ladder (bands mode — every row has a price tag) */
#main.td .td-vp-ladder{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--ad-line);border-radius:var(--ad-rl);overflow:hidden;background:var(--ad-paper)}
#main.td .td-vp-ladder th,#main.td .td-vp-ladder td{padding:14px 16px;border-top:1px solid var(--ad-line);text-align:left;vertical-align:middle}
#main.td .td-vp-ladder thead th{border-top:0;background:var(--ad-canvas);font:700 11.5px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-vp-ladder tbody th{font:400 14px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-ladder tbody th b{display:block;font:700 16.5px/1.25 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink)}
#main.td .td-vp-ladder tbody th small{display:block;font:400 13px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-ladder td{white-space:nowrap}
#main.td .td-vp-ladder td b{font:700 19px/1 var(--ad-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-vp-ladder td small{margin-left:2px;font:500 12px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp-ladder td .td-vp-tier-cta{margin-left:12px}
#main.td .td-vp-ladder tr.is-best th b::after{content:"Most visible";margin-left:8px;padding:3px 8px;border-radius:999px;background:var(--ad-best);color:var(--ad-paper);font:700 10px/1 var(--ad-sans);letter-spacing:.05em;text-transform:uppercase;vertical-align:middle}
#main.td .td-vp-contact-tier{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 0;padding:15px 16px;border:1px dashed var(--ad-line2);border-radius:14px;background:var(--ad-canvas)}
#main.td .td-vp-contact-tier b{font:700 14px/1.25 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-vp-contact-tier p{margin:3px 0 0;font:400 13px/1.45 var(--ad-sans);color:var(--ad-muted);max-width:70ch}
@media (max-width:640px){ #main.td .td-vp-contact-tier{align-items:stretch;flex-direction:column}}
/* every ranking row sells its own spot (quiet: shows on hover / focus on desktops, always on touch) */
.td-row .td-vp-spot{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:2px 0;border:0;font:500 13px/1.2 var(--td-font);color:var(--td-muted)!important;text-decoration:none!important;white-space:nowrap}
.td-row .td-vp-spot::before{content:"◆";font-size:9px;color:var(--td-accent)}
.td-row:hover .td-vp-spot,.td-row:focus-within .td-vp-spot,.td-row .td-vp-spot:focus{opacity:1}
.td-row .td-vp-spot:hover{border-color:var(--td-line-strong);color:var(--td-accent)!important}
@media (pointer:coarse){
  .td-row .td-vp-spot{opacity:1}
}
/* profile: the "is this yours?" band with two actions */
.td-yours-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.td-yours .td-yours-more{font-size:13px;padding:7px 12px}
@media (max-width:640px){
  #main.td .td-vp-ladder,#main.td .td-vp-ladder thead,#main.td .td-vp-ladder tbody,#main.td .td-vp-ladder tr,#main.td .td-vp-ladder th,#main.td .td-vp-ladder td{display:block;white-space:normal}
  #main.td .td-vp-ladder thead{display:none}
  #main.td .td-vp-ladder td{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px}
  #main.td .td-vp-ladder td::before{content:attr(data-term);font:600 12.5px/1.2 var(--ad-sans);color:var(--ad-muted)}
  #main.td .td-vp-ladder td .td-vp-tier-cta{margin-left:auto}
}
/* footer band: "For vendors" on every directory page */
.td-ftr-vend{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:16px 32px;align-items:center;padding:22px 24px;border:1px solid var(--td-line);border-radius:18px;background:var(--td-surface);box-shadow:0 12px 32px -26px rgba(0,0,0,.35)}
.td-ftr-vend-copy{min-width:0}
.td-ftr-vend-k{margin:0 0 6px;font:700 11px/1.2 var(--td-font);letter-spacing:.1em;text-transform:uppercase;color:var(--td-accent)}
.td-ftr-vend-t{margin:0 0 6px;font:800 20px/1.25 var(--td-font);letter-spacing:-.02em;color:var(--td-ink)}
.td-ftr-vend-s{margin:0;font:400 13.5px/1.5 var(--td-font);color:var(--td-muted);max-width:60ch}
.td-ftr-vend-acts{display:grid;gap:8px;min-width:0}
.td-ftr .td-tile{display:grid!important;padding:11px 12px!important;margin:0!important}  /* the theme's footer link rules (display:block, padding-block) must not reach our tiles */
@media (max-width:1020px){
  #main.td .td-vp-hero--choose,#main.td .td-vp-hero--lead{grid-template-columns:minmax(0,1fr)}
  #main.td .td-vp-proof2{grid-template-columns:repeat(3,minmax(0,1fr))}
  #main.td .td-ch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .td-ftr-vend{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:640px){
  #main.td .td-vp-stepper li span{display:none}
  #main.td .td-vp-stepper li.is-now span,#main.td .td-vp-stepper li a{display:inline}
  #main.td .td-ch{padding:18px 14px 16px;border-radius:16px}
  #main.td .td-ch-q{position:sticky;top:8px;z-index:20;margin-bottom:10px;background:var(--ad-paper);padding:4px 0;border-radius:16px}
  #main.td .td-ch-url-row{grid-template-columns:minmax(0,1fr)}
  #main.td .td-ch-req{grid-template-columns:minmax(0,1fr);padding:14px}
  #main.td .td-ch-req-form{grid-template-columns:minmax(0,1fr)}
  #main.td .td-ch-topics .td-ch-chips{width:calc(100vw - 32px)}
  #main.td .td-vp .td-ch-q input{min-height:54px;padding:14px 16px 14px 48px;font-size:16px}
  #main.td .td-ch-kbd{display:none}
  #main.td .td-ch-grid{grid-template-columns:minmax(0,1fr)}
  #main.td .td-vp .td-ch-card>a{grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;row-gap:6px}
  #main.td .td-ch-ic{grid-row:1/span 2}
  #main.td .td-ch-r{grid-column:2;display:flex;align-items:center;justify-content:space-between;gap:8px}
  #main.td .td-vp-proof2{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 14px}
  #main.td .td-vp-trustline{gap:4px 14px;font-size:12.5px}
  #main.td .td-buy-rung{grid-template-columns:auto 32px minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:2px;padding:9px 10px;min-height:0}
  #main.td .td-buy-rung input,#main.td .td-buy-rung-n{grid-row:1/3}
  #main.td .td-buy-rung-b{grid-column:3;grid-row:1}
  #main.td .td-buy-rung-p{grid-column:3;grid-row:2;justify-self:start}
  #main.td .td-buy-rung-st{grid-column:4;grid-row:1/3}
  .td-ftr-vend{padding:16px 14px;border-radius:14px}
}

/* ---- two-column checkout (P6, 17-Sep-2026): summary left · form right · one screen at 1440 · teal tokens only ---- */
#main.td .td-ck{max-width:1120px;margin:0 auto}
#main.td .td-ck .td-crumb{margin:0 0 14px}
#main.td .td-vp .td-ck-form{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:0;max-width:none;margin:0;padding:0;overflow:hidden;background:var(--ad-paper);border:1.5px solid var(--ad-line2);border-radius:20px;box-shadow:var(--ad-lift)}
#main.td .td-ck-sum{padding:20px 24px 18px;background:color-mix(in srgb,var(--ad-wash) 55%,var(--ad-paper));border-right:1px solid var(--ad-line)}
#main.td .td-ck-pay{padding:20px 24px 18px}
#main.td .td-ck-k{margin:0 0 10px;font:700 11.5px/1.2 var(--ad-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ad-accent-ink)}
#main.td .td-ck-k2{margin:14px 0 8px;padding-top:12px;border-top:1px solid var(--ad-line)}
#main.td .td-vp .td-buy .td-ck-pick{margin:0 0 4px}
#main.td .td-ck-dir{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 0 6px}
#main.td .td-ck-dir[hidden]{display:none}
#main.td .td-ck-tile{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--ad-accent);color:var(--ad-on);font:700 20px/1 var(--ad-sans)}
#main.td .td-ck-dir-b{display:grid;gap:2px;min-width:0}
#main.td .td-ck-dir-b b{font:700 17px/1.25 var(--ad-sans);letter-spacing:-.015em;color:var(--ad-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main.td .td-ck-dir-b small{font:500 12.5px/1.35 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ck-change{align-self:center;padding:6px 10px;border:1px solid var(--ad-line2);border-radius:999px;background:var(--ad-paper);font:600 12px/1 var(--ad-sans);color:var(--ad-accent-ink);text-decoration:none;white-space:nowrap}
#main.td .td-ck-change:hover{border-color:var(--ad-accent)}
#main.td .td-vp .td-ck-sum .td-buy-avail{margin:0 0 6px}
#main.td .td-ck-lines{margin:6px 0 0;padding:0;display:grid}
#main.td .td-ck-lines>div{display:grid;grid-template-columns:82px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:8px 0;border-top:1px solid var(--ad-line)}
#main.td .td-ck-lines dt{margin:0;font:600 11px/1.3 var(--ad-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ad-muted);white-space:nowrap}
#main.td .td-ck-lines dd{margin:0;min-width:0;display:grid;gap:2px}
#main.td .td-vp .td-buy .td-ck-lines dd b{font:700 15px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-vp .td-buy .td-ck-lines dd small{font:400 12.5px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ck-lines dd small:empty{display:none}
#main.td .td-ck-lines .is-total{border-top:2px solid var(--ad-ink);margin-top:2px;align-items:end}
#main.td .td-ck-lines .is-total dd{display:flex;align-items:baseline;gap:4px}
#main.td .td-vp .td-buy .td-ck-lines .is-total dd b{font:800 30px/1 var(--ad-sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-vp .td-buy .td-ck-lines .is-total dd span{font:600 14px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ck-tax{font:400 11.5px/1.3 var(--ad-sans);color:var(--ad-muted);text-align:right}
/* ONE checkout for everything (22-Sep-2026): more lines under the first product, the add menu, the inline line editor, the steps note */
#main.td .td-ck-cart{margin:8px 0 0;padding:8px 0 0;border-top:1px solid var(--ad-line)}
#main.td .td-ck-cart-lines{list-style:none;margin:0;padding:0;display:grid;gap:4px}
#main.td .td-ck-cart-lines:empty{display:none}
#main.td .td-ck-cart-lines li{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:1px dashed var(--ad-line)}
#main.td .td-ck-cart-t{display:grid;gap:1px;min-width:0}
#main.td .td-vp .td-buy .td-ck-cart-t b{font:700 14px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-vp .td-buy .td-ck-cart-t small{font:400 12px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ck-add{margin:8px 0 0}
#main.td .td-ck-add-btn{appearance:none;display:grid;gap:2px;border:1.5px dashed var(--ad-line2);background:transparent;border-radius:10px;padding:9px 12px;width:100%;text-align:left;font:700 13px/1.2 var(--ad-sans);color:var(--ad-ink);cursor:pointer}
#main.td .td-ck-add-btn small{font:400 11.5px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ck-add-btn:hover,#main.td .td-ck-add-btn[aria-expanded=true]{border-color:var(--ad-accent);border-style:solid}
#main.td .td-ck-add-menu{display:grid;gap:6px;margin:8px 0 0}
#main.td .td-ck-add-menu[hidden]{display:none}
#main.td .td-ck-add-opt{appearance:none;display:grid;gap:2px;text-align:left;border:1px solid var(--ad-line);background:var(--ad-paper);border-radius:10px;padding:9px 12px;cursor:pointer}
#main.td .td-ck-add-opt:hover{border-color:var(--ad-accent)}
#main.td .td-ck-add-opt b{font:700 13.5px/1.25 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ck-add-opt span{font:400 12px/1.35 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ck-line-ed{margin:8px 0 0;padding:10px;border:1px solid var(--ad-line);border-radius:12px;background:var(--ad-paper);display:grid;gap:8px}
#main.td .td-ck-line-ed[hidden]{display:none}
#main.td .td-ck-line-ed .td-buy-l{margin:0}
#main.td .td-ck-ed-list{position:static;max-height:220px;overflow:auto;margin:-4px 0 0}
#main.td .td-ck-ed-list[hidden]{display:none}
#main.td .td-ck-ed-picked{margin:0;font:600 12.5px/1.4 var(--ad-sans);color:var(--ad-good)}
#main.td .td-ck-ed-picked::before{content:"\2713  "}
#main.td .td-ck-ed-opts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
#main.td .td-ck-ed-opts[hidden]{display:none}
#main.td .td-vp .td-buy .td-ck-ed-opts select{width:100%;min-height:38px;border:1px solid var(--ad-line2);border-radius:8px;padding:6px 8px;font:600 13px/1.2 var(--ad-sans);color:var(--ad-ink);background:var(--ad-canvas)}
#main.td .td-ck-ed-acts{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#main.td .td-ck-lines--total{margin-top:0}
#main.td .td-ck-steps-note{margin:6px 0 0;font:500 12.5px/1.45 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ck-steps-note[hidden]{display:none}
/* the thank-you page: every line of the cart, the next payment step */
#main.td .td-co-cart{margin:14px 0 0;text-align:left}
#main.td .td-co-cart[hidden]{display:none}
#main.td .td-co-cart-k{margin:0 0 6px;font:600 11px/1.3 var(--ad-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-co-cart-lines{list-style:none;margin:0;padding:0;display:grid;gap:2px}
#main.td .td-co-cart-lines li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px dashed var(--ad-line);font:400 13px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-co-cart-lines li b{font-weight:700;color:var(--ad-ink)}
#main.td .td-co-cart-lines li i{font:700 10.5px/1 var(--ad-mono);letter-spacing:.04em;text-transform:uppercase;font-style:normal;color:var(--ad-muted)}
#main.td .td-co-cart-lines li.is-paid i{color:var(--ad-good)}
#main.td .td-co-cart-next{margin:10px 0 0;padding:10px 12px;border:1.5px solid var(--ad-accent);border-radius:12px}
#main.td .td-co-cart-next[hidden]{display:none}
#main.td .td-co-cart-next p{margin:0 0 8px;font:400 13.5px/1.45 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-co-cart-acts{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#main.td .td-co-cart-next.is-held p:first-child{opacity:.75}
#main.td .td-co-cart-done{margin:8px 0 0;font:600 13px/1.4 var(--ad-sans);color:var(--ad-good)}
#main.td .td-co-cart-done[hidden]{display:none}
#main.td .td-ck-steps{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px;counter-reset:ck}
#main.td .td-ck-steps li{position:relative;padding-left:30px;font:400 12.5px/1.45 var(--ad-sans);color:var(--ad-muted);counter-increment:ck}
#main.td .td-ck-steps li b{font-weight:700;color:var(--ad-ink)}
#main.td .td-ck-steps li::before{content:counter(ck);position:absolute;left:0;top:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--ad-paper);border:1.5px solid var(--ad-accent);color:var(--ad-accent-ink);font:700 11px/1 var(--ad-sans)}
#main.td .td-ck-guar{margin:12px 0 0;font:500 12.5px/1.45 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ck-guar::before{content:"✓ ";color:var(--ad-good);font-weight:800}
#main.td .td-vp .td-ck-pay .td-buy-l{margin:0 0 12px}
#main.td .td-ck-name{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;align-items:center;margin:-6px 0 12px;padding:6px 10px;border:1px dashed var(--ad-line2);border-radius:var(--ad-r);font:600 12.5px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ck-name[hidden]{display:none}
#main.td .td-ck-name img{width:20px;height:20px;border-radius:5px;background:var(--ad-canvas);object-fit:contain}
#main.td .td-ck-name img[hidden]{display:none}
#main.td .td-vp .td-buy .td-ck-name input{min-height:32px;padding:4px 8px;font:600 14.5px/1.3 var(--ad-sans);color:var(--ad-ink);border-color:transparent;background:transparent;border-radius:8px}
#main.td .td-vp .td-buy .td-ck-name input:focus{background:var(--ad-paper);border-color:var(--ad-accent)}
#main.td .td-ck-name.is-busy{opacity:.7}
#main.td .td-vp .td-buy .td-ck-btn{margin:4px 0 10px;min-height:52px}
#main.td .td-ck-trust{margin:0 0 8px;font:500 12.5px/1.5 var(--ad-sans);color:var(--ad-muted);text-align:center}
#main.td .td-ck-trust b{color:var(--ad-ink)}
#main.td .td-ck-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 4px}
#main.td .td-ck-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--ad-canvas);font:700 10.5px/1 var(--ad-mono);letter-spacing:.04em;color:var(--ad-muted)}
#main.td .td-ck-badge i{width:7px;height:7px;border-radius:50%;background:var(--ad-good)}
#main.td .td-ck-fine{margin:10px 0 0;font:400 12px/1.5 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ck-fine a{color:var(--ad-accent-ink);font-weight:600}
#main.td .td-vp .td-ck-pay .td-msg{margin:8px 0 0}
#main.td .td-ck-gets{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#main.td .td-ck-gets li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;padding:9px 11px;border:1px solid var(--ad-line);border-radius:12px;background:var(--ad-paper)}
#main.td .td-ck-gets li i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:var(--ad-wash);color:var(--ad-accent-ink);font:700 13px/1 var(--ad-sans);font-style:normal}
#main.td .td-ck-gets li b{display:block;font:700 13.5px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ck-gets li span{display:block;margin-top:1px;font:400 12px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ck-faq{margin:22px 0 0}
#main.td .td-main .td-ck-faq h2{margin:0 0 6px;font:700 17px/1.3 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink)}
#main.td .td-ck-faq details{border-top:1px solid var(--ad-line)}
#main.td .td-ck-faq details:last-child{border-bottom:1px solid var(--ad-line)}
#main.td .td-ck-faq summary{cursor:pointer;padding:11px 0;font:600 14px/1.4 var(--ad-sans);color:var(--ad-ink);list-style:none}
#main.td .td-ck-faq summary::-webkit-details-marker{display:none}
#main.td .td-ck-faq summary::after{content:"+";float:right;color:var(--ad-muted);font-weight:700}
#main.td .td-ck-faq details[open] summary::after{content:"–"}
#main.td .td-ck-faq p{margin:0 0 12px;font:400 14px/1.55 var(--ad-read);color:var(--ad-muted)}
@media (max-width:900px){
  #main.td .td-vp .td-ck-form{grid-template-columns:minmax(0,1fr)}
  #main.td .td-ck-sum{border-right:0;border-bottom:1px solid var(--ad-line)}
}
@media (max-width:640px){
  #main.td .td-ck-sum,#main.td .td-ck-pay{padding:18px 16px}
  #main.td .td-ck-lines>div{grid-template-columns:70px minmax(0,1fr) auto}
  #main.td .td-ck-lines .is-total{grid-template-columns:70px minmax(0,1fr)}
  #main.td .td-ck-lines .is-total .td-ck-tax{grid-column:1 / -1;text-align:left;margin-top:-2px}
  #main.td .td-vp .td-buy .td-ck-lines .is-total dd b{font-size:26px}
}

/* ---- advertise STEP 2 = pure selection (owner 17-Sep: "Check out button first glance me dikhe"): compact price line → term → 48px rows →
        CTA. Targets (bin/verify-cta-fold.py): CTA bottom ≤ 760px @1440×900, ≤ 640px @1280×720. Sticky action area; phones get a fixed bar. ---- */
#main.td .td-vp--step2 .td-crumb{margin:0 0 8px}
#main.td .td-vp--step2 .td-vp-stepper{margin:0 0 12px}
#main.td .td-vp--step2 .td-vp-hero{padding-top:0;margin-top:0}
#main.td .td-vp--step2 .td-vp-hero--buy{gap:24px 48px}
#main.td .td-vp--step2 .td-vp-hero--buy h1{font-size:clamp(28px,1rem + 1.7vw,38px);margin-bottom:10px}
#main.td .td-vp--step2 .td-vp-hero--buy .td-vp-lede{font-size:16px;line-height:1.5;margin-bottom:14px}
#main.td .td-vp--step2 .td-vp-how3{grid-template-columns:minmax(0,1fr);gap:7px;margin:0 0 12px;padding:12px 16px}
#main.td .td-vp--step2 .td-vp-how3 li{font-size:13px;line-height:1.45}
#main.td .td-vp--step2 .td-vp-hero-alt{margin-top:10px;font-size:14px}
#main.td .td-vp .td-buy--select{padding:16px 18px 14px}
#main.td .td-buy-sum{display:flex;align-items:baseline;gap:6px;margin:0 0 10px;font:500 13.5px/1.2 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-buy-sum b{font:800 26px/1 var(--ad-sans);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-buy-sum span[data-buy-per]{font:600 14px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-buy-sum i{font-style:normal;color:var(--ad-faint)}
#main.td .td-buy--select .td-buy-seg{margin:0 0 8px}
#main.td .td-buy--select .td-buy-rung{min-height:48px;padding:5px 12px}
#main.td .td-buy--select .td-buy-ladder{gap:6px}
#main.td .td-buy-act{position:sticky;bottom:16px;z-index:5;margin:10px -6px 0;padding:6px 6px 0;border-radius:16px;background:var(--ad-paper)}
#main.td .td-vp .td-buy--select .td-buy-btn{margin:0;min-height:52px}
#main.td .td-buy-fine--one{margin:8px 0 0;text-align:center}
#main.td .td-buy--select .td-buy-avail{margin:6px 0 0;text-align:center}
#main.td .td-buy--select .td-buy-avail:empty,#main.td .td-buy--select .td-msg:empty{display:none}
#main.td .td-vp-ctabar small{display:block;font:500 11.5px/1.3 var(--ad-sans);color:var(--ad-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:52vw}
#main.td .td-vp-ctabar small:empty{display:none}
#main.td .td-vp-ctabar [data-bar-price]{font:700 15px/1.2 var(--ad-sans);color:var(--ad-ink);font-variant-numeric:tabular-nums}
@media (max-width:1020px){  /* one column: heading → the selection card → the explanation (the card must not sit under a screen of copy) */
  #main.td .td-vp--step2 .td-vp-hero--buy{gap:14px}
  #main.td .td-vp--step2 .td-vp-hero-copy{display:contents}
  #main.td .td-vp--step2 .td-vp-chosen{order:1;margin-bottom:0}
  #main.td .td-vp--step2 .td-buy--select{order:2}
  #main.td .td-vp--step2 .td-vp-lede{order:3;margin-bottom:0}
  #main.td .td-vp--step2 .td-vp-how3{order:4;margin-bottom:0}
  #main.td .td-vp--step2 .td-vp-hero-alt{order:5;margin-top:0}
}
@media (max-width:760px){
  body:has(.td-vp-ctabar){padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  #main.td .td-buy-act{position:static;margin:10px 0 0;padding:0}
  #main.td .td-buy--select .td-buy-rung{grid-template-columns:auto 32px minmax(0,1fr) auto auto;grid-template-rows:auto;padding:5px 10px;min-height:48px}
  #main.td .td-buy--select .td-buy-rung input,#main.td .td-buy--select .td-buy-rung-n{grid-row:auto}
  #main.td .td-buy--select .td-buy-rung-b{grid-column:auto;grid-row:auto}
  #main.td .td-buy--select .td-buy-rung-p{grid-column:auto;grid-row:auto;justify-self:end}
  #main.td .td-buy--select .td-buy-rung-st{grid-column:auto;grid-row:auto;min-width:0}
  #main.td .td-buy--select .td-buy-rung-b b{font-size:14px}
}

/* ---- R2 ONE SCREEN chooser (/advertise/ two cards · /submit/ one card) → straight to /checkout/ (owner 17-Sep: "itna easy bana do") ---- */
#main.td .td-go{max-width:1160px;margin:0 auto}
#main.td .td-go .td-crumb{margin:0 0 10px}
#main.td .td-go-head{margin:0 0 18px}
#main.td .td-main .td-go-head h1,#main.td .td-go-head h1{margin:0 0 6px;font:800 clamp(28px,1rem + 1.6vw,40px)/1.12 var(--ad-sans);letter-spacing:-.035em;color:var(--ad-ink)}
#main.td .td-go-head p{margin:0;font:500 16.5px/1.45 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-go-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
#main.td .td-go-card{min-width:0;padding:18px 20px 16px;background:var(--ad-paper);border:1.5px solid var(--ad-line2);border-radius:18px;box-shadow:var(--ad-lift)}
#main.td .td-go-card.is-sponsor{border-color:color-mix(in srgb,var(--ad-accent) 45%,var(--ad-line2))}
#main.td .td-go-top{display:grid;gap:2px;margin:0 0 12px}
#main.td .td-go-k{margin:0;font:700 11.5px/1.2 var(--ad-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ad-accent-ink)}
#main.td .td-go-price{margin:2px 0 0;font:500 14px/1.2 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-go-price b{font:800 26px/1.1 var(--ad-sans);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-go-s{margin:2px 0 0;font:500 13.5px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-go-q{position:relative;margin:0 0 6px}
#main.td .td-go-q svg{position:absolute;left:14px;top:50%;width:18px;height:18px;transform:translateY(-50%);color:var(--ad-muted);pointer-events:none}
#main.td .td-vp .td-go-q input{width:100%;min-height:52px;padding:10px 14px 10px 42px;font:500 16px/1.3 var(--ad-sans);color:var(--ad-ink);background:var(--ad-paper);border:1.5px solid var(--ad-line2);border-radius:12px;-webkit-appearance:none;appearance:none}
#main.td .td-vp .td-go-q input:focus{outline:none;border-color:var(--ad-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ad-accent) 22%,transparent)}
#main.td .td-go-q input::placeholder{color:var(--ad-faint)}
#main.td .td-go-status{margin:0 0 2px;padding:0 2px;font:600 11px/1.6 var(--ad-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ad-faint)}
#main.td .td-go-status:empty{display:none}
#main.td .td-go-list{list-style:none;margin:0;padding:0;display:grid}
#main.td .td-go-row{margin:0;padding:0;border-bottom:1px solid var(--ad-line)}
#main.td .td-go-row:last-child{border-bottom:0}
#main.td .td-go-row a{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:10px;align-items:center;min-height:50px;padding:6px 8px;border-radius:10px;color:var(--ad-ink)!important;text-decoration:none!important}
#main.td .td-go-row a:hover,#main.td .td-go-row.is-cur a{background:color-mix(in srgb,var(--ad-wash) 70%,var(--ad-paper))}
#main.td .td-go-logos{display:flex;align-items:center;min-width:0}
#main.td .td-go-logos img{width:26px;height:26px;margin-right:-6px;border-radius:7px;background:#fff;object-fit:contain;box-shadow:0 0 0 2px var(--ad-paper),0 0 0 3px var(--ad-line)}
#main.td .td-go-b{display:grid;min-width:0}
#main.td .td-go-b b{overflow:hidden;font:650 15px/1.25 var(--ad-sans);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}
#main.td .td-go-b small{font:500 12px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-go-r{display:flex;align-items:center;gap:8px;white-space:nowrap}
#main.td .td-go-r i{font-style:normal;font-weight:700;color:var(--ad-accent-ink)}
#main.td .td-go-pill{padding:4px 9px;border-radius:999px;background:var(--ad-wash);font:700 12px/1 var(--ad-sans);font-variant-numeric:tabular-nums;color:var(--ad-accent-ink)}
#main.td .td-go-pill.is-full{background:var(--ad-canvas);color:var(--ad-muted)}
#main.td .td-go-none{margin:8px 2px;font:500 13.5px/1.45 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-go-none a{color:var(--ad-accent-ink);font-weight:600}
#main.td .td-go-chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}
#main.td .td-vp .td-go-chip{display:inline-flex;align-items:center;min-height:30px;padding:5px 11px;border:1px solid var(--ad-line2);border-radius:999px;background:var(--ad-paper);font:600 12.5px/1.2 var(--ad-sans);color:var(--ad-ink)!important;text-decoration:none!important;white-space:nowrap}
#main.td .td-vp .td-go-chip:hover{border-color:var(--ad-accent);color:var(--ad-accent-ink)!important}
#main.td .td-go-proof{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;margin:16px 0 0;padding:12px 16px;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-canvas)}
#main.td .td-go-proof li{margin:0;font:500 13.5px/1.35 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-go-proof b{font-weight:800;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-go-more{margin:10px 2px 0;font:500 14px/1.45 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-go-more a{color:var(--ad-accent-ink);font-weight:600}
#main.td .td-go-req{margin:8px 2px 0}
#main.td .td-go-req summary{display:inline;cursor:pointer;font:600 14px/1.45 var(--ad-sans);color:var(--ad-accent-ink);list-style:none}
#main.td .td-go-req summary::-webkit-details-marker{display:none}
#main.td .td-go-req-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;gap:8px;max-width:760px;margin:10px 0 0}
#main.td .td-vp .td-go-req-form input{min-height:42px;padding:8px 12px;font:400 15px/1.3 var(--ad-sans);border:1px solid var(--ad-line2);border-radius:10px;background:var(--ad-paper);color:var(--ad-ink)}
#main.td .td-go-req-form .td-msg{grid-column:1/-1;margin:0;font-size:12.5px;color:var(--ad-muted)}
#main.td .td-go-req-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#main.td .td-go--listing .td-go-card.is-bare{max-width:none;padding:16px 18px 14px}
#main.td .td-go--listing .td-vp .td-go-q input,#main.td .td-go--listing .td-go-q input{min-height:60px;font-size:17.5px}
@media (min-width:900px){
  #main.td .td-go--listing .td-go-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}
  #main.td .td-go--listing .td-go-row:nth-last-child(2):nth-child(odd){border-bottom:0}
}
#main.td .td-go ~ .td-vp-sec,#main.td .td-go .td-vp-sec{margin-top:56px}
@media (max-width:900px){
  #main.td .td-go-cards{grid-template-columns:minmax(0,1fr)}
  #main.td .td-go-card.is-sponsor{order:0}
}
@media (max-width:640px){
  #main.td .td-go-card{padding:14px 14px 12px;border-radius:14px}
  #main.td .td-go-row a{grid-template-columns:58px minmax(0,1fr) auto;gap:8px;padding:6px 4px}
  #main.td .td-go-logos img{width:22px;height:22px}
  #main.td .td-go-pill{font-size:11.5px;padding:3px 7px}
  #main.td .td-go-req-form{grid-template-columns:minmax(0,1fr)}
  #main.td .td-go-proof{gap:4px 14px;padding:10px 12px}
}

/* ---- R2 checkout: inline position/term pickers + the phone Pay bar ---- */
#main.td .td-vp .td-ck-change{appearance:none;-webkit-appearance:none;cursor:pointer;font-family:var(--ad-sans)}
#main.td .td-ck-lines .td-ck-picker{grid-column:1/-1;margin:2px 0 4px;padding:0}
#main.td .td-ck-picker[hidden]{display:none}
#main.td .td-ck-opts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#main.td .td-ck-opts--terms{grid-template-columns:repeat(3,minmax(0,1fr))}
#main.td .td-vp .td-ck-opt{appearance:none;-webkit-appearance:none;display:grid;gap:1px;justify-items:start;min-height:52px;padding:7px 10px;border:1.5px solid var(--ad-line2);border-radius:10px;background:var(--ad-paper);color:var(--ad-ink);text-align:left;cursor:pointer;font-family:var(--ad-sans)}
#main.td .td-vp .td-ck-opt:hover{border-color:var(--ad-accent)}
#main.td .td-vp .td-ck-opt[aria-checked=true]{border-color:var(--ad-accent);background:color-mix(in srgb,var(--ad-wash) 75%,var(--ad-paper));box-shadow:inset 0 0 0 1px var(--ad-accent)}
#main.td .td-vp .td-ck-opt:disabled{opacity:.42;cursor:not-allowed}
#main.td .td-ck-opt b{font:750 14px/1.2 var(--ad-sans)}
#main.td .td-ck-opt span{font:600 12.5px/1.2 var(--ad-sans);font-variant-numeric:tabular-nums;color:var(--ad-muted)}
#main.td .td-ck-opt i{font:700 10px/1.2 var(--ad-sans);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:var(--ad-good)}
#main.td .td-ck-opt i:empty{display:none}
#main.td .td-ck-opt.is-taken i{color:var(--ad-muted)}
#main.td .td-ck-opt.is-taken b{color:var(--ad-muted)}
#main.td .td-ck-bar{display:none}
@media (max-width:760px){
  #main.td .td-ck-bar:not([hidden]){position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--ad-paper);border-top:1px solid var(--ad-line2);box-shadow:0 -6px 20px rgba(0,0,0,.08)}
  #main.td .td-ck-bar-t{display:grid;min-width:0}
  #main.td .td-ck-bar-t b{font:800 17px/1.2 var(--ad-sans);font-variant-numeric:tabular-nums;color:var(--ad-ink)}
  #main.td .td-ck-bar-t small{overflow:hidden;font:500 12px/1.3 var(--ad-sans);color:var(--ad-muted);text-overflow:ellipsis;white-space:nowrap}
  #main.td .td-vp .td-ck-bar .td-ck-bar-go{flex-shrink:0;min-height:44px;padding:10px 20px;border-radius:999px;font:700 15px/1.2 var(--ad-sans)}
  body.td-has-ckbar{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
  #main.td .td-ck-opts{grid-template-columns:repeat(3,minmax(0,1fr))}
}
#main.td .td-ck-more{margin:0}
#main.td .td-ck-more>summary{cursor:pointer;list-style:none}
#main.td .td-ck-more>summary::-webkit-details-marker{display:none}
#main.td .td-ck-more>summary::after{content:"";display:inline-block;width:6px;height:6px;margin:0 0 2px 8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
#main.td .td-ck-more[open]>summary::after{transform:rotate(225deg);margin-bottom:-1px}
#main.td .td-vp .td-ck-opt{min-width:0}

/* ---- R2c: "Is this your product?" chip on the checkout ---- */
#main.td .td-ck-prod{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:4px 10px;align-items:center;margin:-4px 0 12px;padding:9px 11px;border:1px solid var(--ad-line2);border-radius:12px;background:color-mix(in srgb,var(--ad-wash) 45%,var(--ad-paper))}
#main.td .td-ck-prod[hidden]{display:none}
#main.td .td-ck-prod.is-busy{opacity:.75}
#main.td .td-ck-prod img{width:28px;height:28px;border-radius:7px;background:#fff;object-fit:contain;box-shadow:0 0 0 1px var(--ad-line)}
#main.td .td-ck-prod img[hidden]{display:none}
#main.td .td-ck-prod-b{display:grid;min-width:0;grid-column:2}
#main.td .td-ck-prod-b small{font:600 10.5px/1.3 var(--ad-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-ck-prod-b b{overflow:hidden;font:700 15px/1.25 var(--ad-sans);color:var(--ad-ink);text-overflow:ellipsis;white-space:nowrap}
#main.td .td-ck-prod-b span{overflow:hidden;font:400 12.5px/1.35 var(--ad-sans);color:var(--ad-muted);text-overflow:ellipsis;white-space:nowrap}
#main.td .td-ck-prod-edit{grid-column:1/-1;display:grid;gap:4px;margin:4px 0 0;font:600 12.5px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ck-prod-edit[hidden]{display:none}
#main.td .td-vp .td-buy .td-ck-prod-edit input{min-height:40px}
#main.td .td-ck-prod-warn{grid-column:1/-1;margin:2px 0 0;font:600 12.5px/1.35 var(--ad-sans);color:var(--ad-best-ink)}
#main.td .td-ck-prod-warn[hidden]{display:none}
@media (max-width:760px){ body.td-has-ckbar .totop{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important} }

/* ---- R2c: 1-minute onboarding on the thank-you page ---- */
#main.td .td-ob{margin:18px 0 0;padding:20px 22px;border:1.5px solid color-mix(in srgb,var(--ad-accent) 40%,var(--ad-line2));border-radius:18px;background:var(--ad-paper);box-shadow:var(--ad-lift)}
#main.td .td-ob[hidden]{display:none}
#main.td .td-ob-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 18px;align-items:end;margin:0 0 14px}
#main.td .td-ob-k{margin:0;font:700 11px/1.2 var(--ad-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ad-accent-ink)}
#main.td .td-main .td-ob-head h2,#main.td .td-ob-head h2{grid-column:1;margin:0;font:800 21px/1.25 var(--ad-sans);letter-spacing:-.02em;color:var(--ad-ink)}
#main.td .td-ob-prog{grid-column:2;grid-row:1/3;list-style:none;display:flex;gap:6px;margin:0;padding:0}
#main.td .td-ob-prog li{display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 5px;border-radius:999px;background:var(--ad-canvas);font:600 12px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ob-prog i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--ad-paper);font:700 11px/1 var(--ad-sans);font-style:normal;color:var(--ad-muted)}
#main.td .td-ob-prog li.is-now{background:var(--ad-wash);color:var(--ad-accent-ink)}
#main.td .td-ob-prog li.is-now i{background:var(--ad-accent);color:var(--ad-on)}
#main.td .td-ob-prog li.is-done i{background:var(--ad-good);color:#fff}
#main.td .td-ob-step[hidden],#main.td .td-ob-done[hidden]{display:none}
#main.td .td-ob-l{display:grid;gap:5px;margin:0 0 12px;font:600 13.5px/1.35 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ob-l small{font:400 12px/1.35 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ob input:not([type=file]),#main.td .td-ob textarea{width:100%;min-height:44px;padding:9px 12px;font:400 15.5px/1.35 var(--ad-sans);color:var(--ad-ink);background:var(--ad-paper);border:1px solid var(--ad-line2);border-radius:10px}
#main.td .td-ob textarea{min-height:84px;resize:vertical}
#main.td .td-ob input:focus,#main.td .td-ob textarea:focus{outline:none;border-color:var(--ad-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ad-accent) 22%,transparent)}
#main.td .td-ob-pw{position:relative;display:block;margin:0 0 6px}
#main.td .td-ob-pw input{padding-right:70px!important}
#main.td .td-vp .td-ob-show,#main.td .td-ob-show{position:absolute;right:6px;top:50%;transform:translateY(-50%);padding:6px 10px;border:0;border-radius:8px;background:var(--ad-canvas);font:600 12.5px/1 var(--ad-sans);color:var(--ad-ink);cursor:pointer}
#main.td .td-ob-hint{margin:0 0 12px;font:400 12.5px/1.45 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ob-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:6px 0 0}
#main.td .td-ob-acts .td-visit{min-height:46px;padding:11px 20px;border-radius:999px;font:700 15px/1.2 var(--ad-sans)}
#main.td .td-ob-skip{padding:8px 4px;border:0;background:none;font:600 14px/1.2 var(--ad-sans);color:var(--ad-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
#main.td .td-ob-prod{display:flex;align-items:center;gap:12px;margin:0 0 14px}
#main.td .td-ob-prod img{width:44px;height:44px;border-radius:10px;background:#fff;object-fit:contain;box-shadow:0 0 0 1px var(--ad-line)}
#main.td .td-ob-prod img[hidden]{display:none}
#main.td .td-ob-prod b{display:block;font:700 16px/1.25 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ob-prod small{font:500 12.5px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ob-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
#main.td .td-ob-done p{margin:0 0 12px;font:500 15px/1.5 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ob input[type=file]{margin:-6px 0 12px;font:500 13px/1.3 var(--ad-sans);color:var(--ad-muted)}
@media (max-width:640px){
  #main.td .td-ob{padding:16px 14px;border-radius:14px}
  #main.td .td-ob-head{grid-template-columns:minmax(0,1fr)}
  #main.td .td-ob-prog{grid-column:1;grid-row:auto;flex-wrap:wrap}
  #main.td .td-ob-2{grid-template-columns:minmax(0,1fr)}
}
#main.td .td-co-card .td-ob{margin:18px 0 8px;text-align:left;box-shadow:none}

/* ---- R6 SEARCH (owner 17-Sep: "ye Search ko shaandar banao") — teal only; amber only on the Featured tag ---- */
#main.td .td-sx{max-width:1200px;margin:0 auto}
#main.td .td-sx .td-crumb{margin:0 0 10px}
#main.td .td-sx-head{margin:0 0 22px}
#main.td .td-main .td-sx-head h1,#main.td .td-sx-head h1{margin:0 0 14px;font:800 clamp(26px,1rem + 1.4vw,36px)/1.15 var(--ad-sans);letter-spacing:-.03em;color:var(--ad-ink)}
#main.td .td-sx-form{display:flex;gap:10px;align-items:stretch;max-width:860px}
#main.td .td-sx-field{position:relative;flex:1;min-width:0;display:block}
#main.td .td-sx-field svg{position:absolute;left:18px;top:50%;width:22px;height:22px;transform:translateY(-50%);color:var(--ad-muted);pointer-events:none}
#main.td .td-vp .td-sx-field input{width:100%;height:64px;padding:0 54px 0 52px;font:500 19px/1.2 var(--ad-sans);color:var(--ad-ink);background:var(--ad-paper);border:1.5px solid var(--ad-line2);border-radius:14px;box-shadow:var(--ad-lift);-webkit-appearance:none;appearance:none}
#main.td .td-vp .td-sx-field input:focus{outline:none;border-color:var(--ad-accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--ad-accent) 20%,transparent)}
#main.td .td-sx-field input::placeholder{color:var(--ad-faint);font-weight:400}
#main.td .td-sx-kbd{position:absolute;right:16px;top:50%;transform:translateY(-50%);min-width:24px;padding:3px 7px;border:1px solid var(--ad-line2);border-radius:6px;background:var(--ad-canvas);font:600 12px/1 var(--ad-mono);color:var(--ad-muted);text-align:center}
#main.td .td-vp .td-sx-go{flex-shrink:0;height:64px;padding:0 30px;border:0;border-radius:14px;background:var(--ad-accent);color:var(--ad-on);font:700 17px/1 var(--ad-sans);cursor:pointer}
#main.td .td-vp .td-sx-go:hover{filter:brightness(1.06)}
#main.td .td-sx-results{display:grid;grid-template-columns:250px minmax(0,1fr);gap:28px;align-items:start}
#main.td .td-sx-results[hidden],#main.td .td-sx-none[hidden],#main.td .td-sx-empty[hidden]{display:none}
#main.td .td-sx-rail{position:sticky;top:16px;display:grid;gap:14px;padding:14px 14px 10px;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-paper)}
#main.td .td-sx-fs{min-width:0;margin:0;padding:0;border:0}
#main.td .td-sx-fs legend{margin:0 0 6px;padding:0;font:700 11px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-sx-opt{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:8px;align-items:center;min-height:30px;padding:2px 4px;border-radius:8px;cursor:pointer;font:500 14px/1.25 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-sx-opt:hover{background:var(--ad-canvas)}
#main.td .td-sx-opt input{width:16px;height:16px;margin:0;accent-color:var(--ad-accent-ink)}
#main.td .td-sx-opt small{font:600 12px/1 var(--ad-mono);color:var(--ad-muted);font-variant-numeric:tabular-nums}
#main.td .td-vp .td-sx-fs select,#main.td .td-vp .td-sx-sort select{width:100%;min-height:38px;padding:6px 10px;font:500 14px/1.2 var(--ad-sans);color:var(--ad-ink);background:var(--ad-paper);border:1px solid var(--ad-line2);border-radius:9px}
#main.td .td-sx-main{min-width:0}
#main.td .td-sx-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 6px}
#main.td .td-sx-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--ad-line);border-radius:12px;background:var(--ad-canvas)}
#main.td .td-vp .td-sx-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:9px;font:600 14px/1 var(--ad-sans);color:var(--ad-muted)!important;text-decoration:none!important}
#main.td .td-vp .td-sx-tab small{font:600 11.5px/1 var(--ad-mono);color:var(--ad-faint)}
#main.td .td-vp .td-sx-tab.is-on{background:var(--ad-paper);color:var(--ad-ink)!important;box-shadow:0 1px 2px rgba(0,0,0,.08)}
#main.td .td-vp .td-sx-tab.is-on small{color:var(--ad-accent-ink)}
#main.td .td-sx-sort{display:inline-flex;align-items:center;gap:8px;font:600 13px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp .td-sx-sort select{width:auto}
#main.td .td-sx-status{margin:8px 2px 4px;font:500 13.5px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-sx-status:empty{display:none}
#main.td .td-sx-group{margin:0 0 18px}
#main.td .td-main .td-sx-gh,#main.td .td-sx-gh{display:flex;align-items:baseline;gap:8px;margin:14px 0 2px;padding:0 2px;font:700 12px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-sx-gh small{font:600 11.5px/1 var(--ad-mono);color:var(--ad-faint)}
#main.td .td-vp .td-sx-gh a{margin-left:auto;font:600 13px/1 var(--ad-sans);letter-spacing:0;text-transform:none;color:var(--ad-accent-ink)!important}
#main.td .td-sx-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ad-line)}
#main.td .td-sx-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;margin:0;padding:12px 8px;border-bottom:1px solid var(--ad-line)}
#main.td .td-sx-row:hover,#main.td .td-sx-row:focus-within{background:color-mix(in srgb,var(--ad-wash) 55%,var(--ad-paper))}
#main.td .td-sx-tile{--sx-tile:48px;display:grid;place-items:center;width:var(--sx-tile);height:var(--sx-tile);border-radius:12px;background:#fff;box-shadow:0 0 0 1px var(--ad-line);overflow:hidden;text-decoration:none!important}
#main.td .td-sx-tile img{width:100%;height:100%;object-fit:contain}
#main.td .td-sx-tile i{font:800 18px/1 var(--ad-sans);font-style:normal;color:var(--ad-accent-ink)}
#main.td .td-sx-b{min-width:0;display:grid;gap:3px}
#main.td .td-sx-t{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:700 16px/1.3 var(--ad-sans);letter-spacing:-.01em}
#main.td .td-vp .td-sx-t a{color:var(--ad-ink)!important;text-decoration:none!important}
#main.td .td-vp .td-sx-t a:hover{color:var(--ad-accent-ink)!important}
#main.td .td-sx-t em{font-style:normal;font-weight:500;color:var(--ad-muted)}
#main.td .td-sx-m{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font:500 13px/1.35 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp .td-sx-m a{color:var(--ad-muted)!important;text-decoration:none!important}
#main.td .td-vp .td-sx-m a:hover{color:var(--ad-accent-ink)!important;text-decoration:underline!important}
#main.td .td-sx-score{padding:2px 6px;border-radius:6px;background:var(--ad-canvas);font:700 12px/1.2 var(--ad-mono);color:var(--ad-ink);font-variant-numeric:tabular-nums}
#main.td .td-sx-o{margin:0;overflow:hidden;font:400 13.5px/1.45 var(--ad-sans);color:var(--ad-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#main.td .td-sx-feat.own{text-transform:none;letter-spacing:0;color:var(--td-accent);border-color:color-mix(in srgb,var(--td-accent) 40%,transparent);background:color-mix(in srgb,var(--td-accent) 8%,transparent)}
#main.td .td-sx-feat{padding:2px 7px;border:1px solid color-mix(in srgb,var(--td-spon) 45%,transparent);border-radius:6px;background:color-mix(in srgb,var(--td-spon) 9%,transparent);font:700 10.5px/1.3 var(--ad-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--td-spon)}
#main.td .td-sx mark{padding:0 1px;border-radius:3px;background:color-mix(in srgb,var(--ad-accent) 16%,transparent);color:inherit}
#main.td .td-sx-acts{display:flex;align-items:center;gap:12px;margin:0;white-space:nowrap}
#main.td .td-vp .td-sx-cmp{font:600 13.5px/1 var(--ad-sans);color:var(--ad-muted)!important;text-decoration:none!important}
#main.td .td-vp .td-sx-cmp:hover{color:var(--ad-accent-ink)!important}
#main.td .td-vp .td-sx-visit{display:inline-flex;align-items:center;min-height:34px;padding:7px 12px;border:1px solid var(--ad-line2);border-radius:999px;font:700 13px/1 var(--ad-sans);color:var(--ad-accent-ink)!important;text-decoration:none!important}
#main.td .td-vp .td-sx-visit:hover{border-color:var(--ad-accent)}
#main.td .td-sx-logos{display:flex;align-items:center;min-width:84px}
#main.td .td-sx-logos img{width:30px;height:30px;margin-right:-7px;border-radius:8px;background:#fff;object-fit:contain;box-shadow:0 0 0 2px var(--ad-paper),0 0 0 3px var(--ad-line)}
#main.td .td-sx-pair{display:flex;align-items:center;min-width:84px;text-decoration:none!important}
#main.td .td-sx-pair .td-sx-tile+.td-sx-tile{margin-left:-8px;box-shadow:0 0 0 2px var(--ad-paper),0 0 0 3px var(--ad-line)}
#main.td .td-sx-gi{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--ad-canvas);color:var(--ad-muted)}
#main.td .td-sx-gi svg{width:22px;height:22px}
#main.td .td-sx-morewrap{margin:14px 0 0;text-align:center}
#main.td .td-vp .td-sx-more{display:inline-flex;align-items:center;min-height:42px;padding:10px 22px;border:1px solid var(--ad-line2);border-radius:999px;font:700 14px/1 var(--ad-sans);color:var(--ad-ink)!important;text-decoration:none!important;cursor:pointer;background:var(--ad-paper)}
#main.td .td-sx-none{max-width:760px;padding:22px 24px;border:1px solid var(--ad-line);border-radius:16px;background:var(--ad-paper)}
#main.td .td-main .td-sx-none h2,#main.td .td-sx-none h2{margin:0 0 8px;font:800 22px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-sx-dym{margin:0 0 6px;font:600 15px/1.5 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-sx-dym[hidden]{display:none}
#main.td .td-vp .td-sx-dym a{color:var(--ad-accent-ink)!important}
#main.td .td-sx-sub{margin:0 0 10px;font:400 14px/1.5 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-sx-closest{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0}
#main.td .td-vp .td-sx-closest a{display:inline-flex;align-items:baseline;gap:6px;padding:7px 12px;border:1px solid var(--ad-line2);border-radius:999px;font:600 13.5px/1.2 var(--ad-sans);color:var(--ad-ink)!important;text-decoration:none!important}
#main.td .td-sx-closest small{font:500 11.5px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-sx-listme{margin:0;padding:12px 14px;border-radius:12px;background:var(--ad-wash);font:600 15px/1.45 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-vp .td-sx-listme a{color:var(--ad-accent-ink)!important}
#main.td .td-sx-pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px}
#main.td .td-sx-pop>span{margin-right:4px;font:700 11px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-vp .td-sx-chip{display:inline-flex;align-items:center;min-height:34px;padding:6px 13px;border:1px solid var(--ad-line2);border-radius:999px;background:var(--ad-paper);font:600 13.5px/1.2 var(--ad-sans);color:var(--ad-ink)!important;text-decoration:none!important}
#main.td .td-vp .td-sx-chip:hover{border-color:var(--ad-accent);color:var(--ad-accent-ink)!important}
#main.td .td-sx-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 26px}
#main.td .td-sx-card{min-width:0;padding:14px 16px 6px;border:1px solid var(--ad-line);border-radius:16px;background:var(--ad-paper)}
#main.td .td-main .td-sx-card h2,#main.td .td-sx-card h2,#main.td .td-main .td-sx-topicsec h2,#main.td .td-sx-topicsec h2{margin:0 0 6px;font:700 12px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-sx-ledger{list-style:none;margin:0;padding:0}
#main.td .td-sx-ledger li{border-top:1px solid var(--ad-line)}
#main.td .td-sx-ledger li:first-child{border-top:0}
#main.td .td-vp .td-sx-ledger a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;min-height:52px;padding:6px 2px;color:var(--ad-ink)!important;text-decoration:none!important}
#main.td .td-vp .td-sx-ledger a:hover .td-sx-lb b{color:var(--ad-accent-ink)}
#main.td .td-sx-lb{display:grid;min-width:0}
#main.td .td-sx-lb b{overflow:hidden;font:650 14.5px/1.3 var(--ad-sans);text-overflow:ellipsis;white-space:nowrap}
#main.td .td-sx-lb small{overflow:hidden;font:500 12px/1.3 var(--ad-sans);color:var(--ad-muted);text-overflow:ellipsis;white-space:nowrap}
#main.td .td-sx-ledger i{font-style:normal;font-weight:700;color:var(--ad-accent-ink)}
#main.td .td-sx-ledger .td-sx-logos{min-width:66px}
#main.td .td-sx-ledger .td-sx-logos img{width:26px;height:26px}
#main.td .td-sx-topics{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:8px 0 0;padding:0}
#main.td .td-vp .td-sx-topics a{display:grid;gap:3px;height:100%;padding:12px 14px;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-paper);color:var(--ad-ink)!important;text-decoration:none!important}
#main.td .td-vp .td-sx-topics a:hover{border-color:var(--ad-accent)}
#main.td .td-sx-topics .td-sx-logos{min-width:0;margin:0 0 4px}
#main.td .td-sx-topics .td-sx-logos img{width:24px;height:24px}
#main.td .td-sx-topics b{font:700 14.5px/1.3 var(--ad-sans)}
#main.td .td-sx-topics small{font:500 12px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-sx-filters{display:none}
@media (max-width:980px){
  #main.td .td-sx-results{grid-template-columns:minmax(0,1fr)}
  #main.td .td-sx-rail{position:static;display:none}
  #main.td .td-sx-rail.is-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  #main.td .td-vp .td-sx-filters{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:7px 14px;border:1px solid var(--ad-line2);border-radius:999px;background:var(--ad-paper);font:700 13px/1 var(--ad-sans);color:var(--ad-ink);cursor:pointer}
  #main.td .td-sx-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #main.td .td-sx-form{gap:8px}
  #main.td .td-vp .td-sx-field input{height:56px;padding:0 14px 0 44px;font-size:17px}
  #main.td .td-sx-field svg{left:14px;width:20px;height:20px}
  #main.td .td-sx-kbd{display:none}
  #main.td .td-vp .td-sx-go{height:56px;padding:0 16px;font-size:15px}
  #main.td .td-sx-row{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:12px 2px}
  #main.td .td-sx-acts{grid-column:2;justify-content:flex-start}
  #main.td .td-sx-tile{--sx-tile:40px}
  #main.td .td-sx-2{grid-template-columns:minmax(0,1fr)}
  #main.td .td-sx-rail.is-open{grid-template-columns:minmax(0,1fr)}
  #main.td .td-sx-tabs{overflow-x:auto;flex-wrap:nowrap;max-width:100%}
  #main.td .td-sx-topics{grid-template-columns:minmax(0,1fr)}
}
/* no blue anywhere (owner): WebKit's native search clear button is blue — hide it on every engine search field */
#main.td input[type=search]::-webkit-search-cancel-button,#main.td input[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}





/* ==== R3 CHECKOUT POLISH (R7-6, 18-Sep-2026 — owner: "validation messages inline, mobile par saaf, error states designed"). Public UI
       only: instant inline checks in the server's own words, a designed message card (icon · title · what happened · Try again ·
       E-mail us), a busy Pay button, and a quiet tick on a field that passed. Errors are red, never amber (amber = Featured). ==== */
#main.td .td-msg.td-msg--card{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border:1px solid transparent;border-radius:12px;font:500 13.5px/1.45 var(--td-font)}
#main.td .td-msg.td-msg--card.err{background:light-dark(#FEF3F2,#2A1413);border-color:light-dark(#FECDCA,#5A2420);color:light-dark(#7A271A,#FECDCA)}
#main.td .td-msg.td-msg--card.ok{background:var(--td-free-wash);border-color:color-mix(in srgb,var(--td-free) 28%,transparent);color:var(--td-ink)}
#main.td .td-msg-ic{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 13px/1 var(--td-font);margin-top:1px}
#main.td .td-msg.err .td-msg-ic{background:light-dark(#D92D20,#F97066);color:#fff}
#main.td .td-msg.ok .td-msg-ic{background:var(--td-free);color:#fff}
#main.td .td-msg-b{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:2px}  /* basis 0: the text sits beside the icon at 320 px too */
#main.td .td-msg-b b{font:700 14px/1.35 var(--td-font);color:inherit}
#main.td .td-msg.err .td-msg-b b{color:light-dark(#B42318,#FDA29B)}
#main.td .td-msg-acts{flex:0 0 auto;display:flex;flex-wrap:wrap;gap:6px;align-self:center}
#main.td .td-msg-act{display:inline-flex;align-items:center;min-height:34px;padding:7px 13px;border-radius:999px;border:1px solid transparent;background:light-dark(#B42318,#F97066);color:#fff!important;font:650 13px/1 var(--td-font);cursor:pointer;text-decoration:none!important;white-space:nowrap}
#main.td .td-msg-act--ghost{background:transparent;border-color:currentColor;color:inherit!important}
#main.td .td-msg.ok .td-msg-act{background:var(--td-accent)}
@media (pointer: coarse){ #main.td .td-msg a.td-msg-act{padding-block:9px;margin-block:0} #main.td .td-msg-act{min-height:40px} }  /* boxed actions, not text links: no invisible padding trick */
#main.td .td-ck-pay input[aria-invalid=true]:focus-visible{outline-color:light-dark(#B42318,#FDA29B)}  /* one colour per state: a focused invalid field stays red */
/* the Pay button while it works: a spinner and a plain sentence, never a frozen button */
#main.td .td-buy-btn.is-busy{cursor:progress;opacity:1!important;gap:10px}
#main.td .td-spin{width:17px;height:17px;flex:0 0 auto;border-radius:50%;border:2.5px solid color-mix(in srgb,currentColor 30%,transparent);border-top-color:currentColor;animation:td-spin .7s linear infinite}
@keyframes td-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){ #main.td .td-spin{animation-duration:2.4s} }
/* a field that passed the instant check: a quiet tick (the server may still say more on submit) */
#main.td .td-ck-pay input.is-valid:not([aria-invalid=true]){border-color:color-mix(in srgb,var(--td-free) 55%,var(--td-line));padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23166534' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M5 10.5l3.2 3.2L15 6.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px}
#main.td .td-ck-pay .td-ferr{display:flex;gap:6px;align-items:flex-start;margin:-2px 0 12px;font-size:13px}
#main.td .td-ck-pay .td-ferr::before{content:"!";flex:0 0 auto;width:16px;height:16px;margin-top:1px;border-radius:50%;background:light-dark(#D92D20,#F97066);color:#fff;font:800 10.5px/16px var(--td-font);text-align:center}
@media (max-width:640px){
  #main.td .td-msg.td-msg--card{flex-wrap:wrap}
  #main.td .td-msg-acts{flex:1 1 100%;padding-left:33px}
  #main.td .td-msg-act{flex:0 0 auto}
  #main.td .td-ck-pay input{font-size:16px}   /* 16 px: iOS never zooms the page when a field is focused */
}

/* ==== STICKY RAILS (R7-5, 18-Sep-2026 — owner: "desktop par side rails (TOC/filters/CTA) jo ads ke layout ko na hilayein; CLS 0 rahe").
       On desktop the right rail's scroll space already belongs to Raptive's own sticky sidebar unit (div.rp-sticky-sb-wrapper →
       AdThrive_Sidebar_9, measured on the live category and profile pages), so the engine's sticky rails live in the content column:
       the ranking's filter bar (filters) and a product's TAB bar. Both are sticky from the first paint — their space is always
       reserved — and tools.js only changes paint (background, shadow, visibility), never geometry: CLS stays 0, and a bar hides
       while any ad passes beneath it, so it never covers one. ==== */
/* PRODUCT TABS (24-Sep-2026, ROADMAP §2 — owner: "alternatives alag page jaisa banna tha uska kya hua"): the bar that used to hold
   in-page anchors now holds the product's real pages — Overview · Pricing · Alternatives · Compare · Reviews — so it must show on
   EVERY screen (it is navigation, not a desktop convenience). Phones get it inline and scrollable; desktop keeps it sticky. */
/* 23-Sep-2026 (owner, /products/clickup/ at 1366 px): the tab list's edge fade follows its scroll position, and only exists when the
   list really overflows — a scroll-driven animation (animation-timeline: scroll(self inline)) moves two registered lengths, and an
   element that cannot scroll has an INACTIVE scroll timeline, so the animation never applies and both fades stay 0 (no mask at all).
   At the start only the right edge fades ("more this way"), at the end only the left, in between both. Browsers without scroll-driven
   animations get no fade (a scrollable list with a plain edge) — never the old always-on fade that dimmed a fully visible last tab. */
@property --ptabs-fl{syntax:'<length>';inherits:false;initial-value:0px}
@property --ptabs-fr{syntax:'<length>';inherits:false;initial-value:0px}
@keyframes td-ptabs-fade{0%{--ptabs-fl:0px;--ptabs-fr:24px}6%{--ptabs-fl:24px}94%{--ptabs-fr:24px}100%{--ptabs-fl:24px;--ptabs-fr:0px}}
#main.td .td-ptabs{display:flex;align-items:center;gap:10px;margin:2px 0 20px;padding:6px 8px;min-height:48px;background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-radius,14px);transition:box-shadow .15s ease,border-color .15s ease,border-radius .15s ease}
#main.td .td-ptabs-id{display:none}                     /* the H1 is right above on a phone: the name would only repeat it */
#main.td .td-ptabs-l{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--ptabs-fl),#000 calc(100% - var(--ptabs-fr)),transparent 100%);
  mask-image:linear-gradient(to right,transparent 0,#000 var(--ptabs-fl),#000 calc(100% - var(--ptabs-fr)),transparent 100%)}
@supports (animation-timeline:scroll()){
  #main.td .td-ptabs-l{animation:td-ptabs-fade linear both;animation-timeline:scroll(self inline)}
}
#main.td .td-ptabs-l::-webkit-scrollbar{display:none}
#main.td .td-ptabs-l li{flex:0 0 auto}
#main.td .td-ptabs-l a,#main.td .td-ptabs-on{display:inline-flex;align-items:center;min-height:38px;padding:7px 13px;border-radius:999px;font:650 13.5px/1 var(--td-font);white-space:nowrap;text-decoration:none!important}
#main.td .td-ptabs-l a{color:var(--td-muted)!important}
#main.td .td-ptabs-l a:hover{color:var(--td-ink)!important;background:var(--td-surface2)}
#main.td .td-ptabs-on{color:var(--td-accent)!important;background:color-mix(in srgb,var(--td-accent) 10%,transparent);font-weight:700}
#main.td .td-ptabs-go{display:none}                      /* the hero's own Visit is still in view on a phone; the theme's sticky CTA follows */
@media (min-width:1024px){
  #main.td [data-td-sticky]{position:sticky;top:16px;z-index:25}
  #main.td .td-toolbar[data-td-sticky]{background:var(--td-ground);transition:box-shadow .15s ease,background-color .15s ease,border-color .15s ease}
  /* 25-Sep-2026: flush to the top, one 54 px row; the 10 px halo is a slim shadow now. The two side shadows only carry the surface 12 px
     past the column's edges (no vertical spread) and the bottom edge is a 1 px shadow line, so the stuck bar reads as a bar without growing
     a pixel taller, and the stuck state stays paint-only (tests/test_hubs.py pins that). */
  #main.td .td-toolbar[data-td-sticky]{top:0}
  #main.td .td-toolbar[data-td-sticky].is-stuck{background:var(--td-surface,Canvas);border-color:transparent;box-shadow:-12px 0 0 var(--td-surface),12px 0 0 var(--td-surface),0 1px 0 var(--td-line),0 10px 18px -14px rgba(15,23,42,.45)}
  /* the drawer hangs flush under the bar (a gap would let the list scroll through it while the bar is stuck) and scrolls inside itself, so
     opening it never changes the bar's height (CLS 0) */
  #main.td .td-toolbar .td-fpop{position:absolute;top:100%;left:0;right:0;z-index:26;max-height:70vh;border-radius:0 0 var(--td-radius,14px) var(--td-radius,14px)}
  #main.td .td-ptabs[data-td-sticky]{top:0}   /* owner 19-Sep: the bar pins flush to the very top of the viewport, not 16px below it */
  #main.td .td-ptabs{gap:12px;margin:4px 0 22px;padding:7px 8px 7px 10px;min-height:52px}
  /* floating: square top corners, a 10px surface halo so it reads as a full bar hugging the viewport edge, and a 3px accent underline
     painted inside the box (box-shadow, not border) so the bar's height never changes — CLS stays 0 */
  #main.td .td-ptabs.is-stuck{border-radius:0 0 var(--td-radius,14px) var(--td-radius,14px);border-color:transparent;box-shadow:inset 0 -3px 0 var(--td-accent,#0f766e),0 0 0 10px var(--td-surface,#fff),0 0 0 11px var(--td-line,#e5e7eb),0 18px 34px -20px rgba(15,23,42,.42)}
  /* on desktop the bar floats away from the H1, so it names the product again. The name keeps its natural width up to 40% of the bar
     (a normal name — "ClickUp", "Microsoft Dynamics 365 Sales" — is never cut) and only truncates when it genuinely cannot fit.
     23-Sep-2026 (owner: "ClickUp" showed as "Cli…" with room to spare): the 21-Sep 150 px cap left ~70 px for the name once the logo
     and score chip took theirs. The tab list takes basis 0, so it absorbs a shortfall by scrolling instead of squeezing the name. */
  #main.td .td-ptabs-id{flex:0 1 auto;display:inline-flex;align-items:center;gap:8px;min-width:0;max-width:min(40%,420px)}
  #main.td .td-ptabs-id .td-logo{width:26px;height:26px;border-radius:7px;flex:0 0 auto;font-size:12px}
  #main.td .td-ptabs-id b{font:700 14px/1.2 var(--td-font);color:var(--td-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
  #main.td .td-ptabs-id small{flex:0 0 auto;font:700 12px/1 var(--td-font);font-variant-numeric:tabular-nums;color:var(--td-accent);background:color-mix(in srgb,var(--td-accent) 10%,transparent);border-radius:6px;padding:4px 6px}
  #main.td .td-ptabs-l{flex:1 1 0%;padding:0 0 0 12px;border-left:1px solid var(--td-line)}
  #main.td .td-ptabs-l a,#main.td .td-ptabs-on{min-height:34px;padding:6px 9px;font:600 13px/1 var(--td-font)}
  #main.td .td-ptabs-on{font-weight:700}
  #main.td .td-ptabs-go{display:inline-flex;flex:0 0 auto;padding:9px 16px;font-size:13.5px;border-radius:999px;visibility:hidden}
  /* the bar's Visit appears only once the bar floats — by then the hero's own Visit has scrolled away, so two Visit buttons are never in
     view at once. visibility (not display) keeps the slot's width, and `inherit` keeps it hidden with the bar while an ad passes beneath */
  #main.td .td-ptabs.is-stuck .td-ptabs-go{visibility:inherit}
  #main.td h2[id]{scroll-margin-top:76px}       /* a section jump lands below the bar (52px, now at top:0), never under it */
}
/* EXPORT 2 item 8 (25-Sep-2026): the ranking's filter bar is sticky on EVERY width, one row, ≤ 56 px (36 px controls + 2 × 8 px + its two
   1 px borders = 54 px). The salvage pass left it static under 1024 px with the drawer opening inline, i.e. a bar that grew by the whole
   drawer. Now the drawer hangs flush under the bar at every width and scrolls inside itself (max-height leaves the bar + a margin on a
   short phone screen), so opening it never changes the bar's height. The pricing segment stays IN the drawer: [Filters (n)] · count ·
   Sort already fill a 390 px row, and four pricing buttons beside them would need a second row. The desktop rules above are unchanged;
   below 1024 px the stuck bar gets the same slim surface shadow, and tools.js runs the away/yield guard for this bar on phones too, so
   it never covers an ad there either. */
#main.td .td-toolbar[data-td-sticky]{position:sticky;top:0;z-index:25;background:var(--td-ground,Canvas)}  /* Canvas: never see-through, even without the theme's tokens */
#main.td .td-toolbar .td-fpop{position:absolute;top:100%;left:0;right:0;z-index:26;max-height:min(70vh,calc(100vh - 88px));background:var(--td-surface,Canvas);border-radius:0 0 var(--td-radius,14px) var(--td-radius,14px)}
@media (max-width:1023.98px){
  #main.td .td-toolbar[data-td-sticky].is-stuck{background:var(--td-surface,Canvas);border-color:transparent;box-shadow:-16px 0 0 var(--td-surface),16px 0 0 var(--td-surface),0 1px 0 var(--td-line),0 10px 18px -14px rgba(15,23,42,.45)}
}
#main.td [data-td-sticky].is-away,#main.td [data-td-sticky].is-yield{visibility:hidden}
#main.td [data-td-yield].is-yield{visibility:hidden;transition:none}  /* R7-7: the compare mini header never covers an ad, on any screen */
@media (prefers-reduced-motion:reduce){ #main.td [data-td-sticky]{transition:none} }  /* keep the space after the brace: brace+hash opens a Jinja comment */

/* ==== TOPIC LOGO CARDS (R7-4, 18-Sep-2026): the one "explore the rest of the directory" block — real product logos, never a glyph.
       Fixed rows, images sized in the markup, so a card can never move the page while the logos load. ==== */
.td-tc{margin:34px 0 0}
.td-tc-grid{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(270px,100%),1fr));gap:12px}
.td-tc-grid>li{min-width:0}  /* a grid track's automatic minimum is min-content: without this a long directory name widens the card past 320 px */
.td-tc-card{display:flex;align-items:center;gap:13px;height:100%;background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-radius,14px);padding:14px 15px;color:var(--td-ink)!important;text-decoration:none!important;min-width:0;transition:border-color .12s ease,transform .12s ease}
.td-tc-card:hover{border-color:color-mix(in srgb,var(--td-accent) 45%,var(--td-line));text-decoration:none!important;transform:translateY(-1px)}
.td-tc-logos{flex:0 0 auto;display:flex;align-items:center;height:44px;min-width:44px}
.td-tc-logos img{width:32px;height:32px;border-radius:8px;border:1px solid var(--td-line);background:var(--td-surface);object-fit:contain;margin-right:-12px;box-shadow:0 1px 2px rgba(15,23,42,.07)}
.td-tc-logos img:nth-child(n+4){display:none}
.td-tc-logos img:last-child{margin-right:0}
.td-tc-glyph{width:38px;height:38px;border-radius:10px;background:var(--td-accent-soft,var(--td-surface2));color:var(--td-accent);display:grid;place-items:center;font-style:normal;font-size:18px}
.td-tc-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.td-tc-n{font:700 15px/1.25 var(--td-font);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-tc-m{font:600 12px/1.3 var(--td-font);color:var(--td-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td-tc-ex{font:500 12.5px/1.4 var(--td-font);color:var(--td-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.td-tc-go{flex:0 0 auto;color:var(--td-muted);font-size:15px}
.td-tc-card:hover .td-tc-go{color:var(--td-accent)}
@media (min-width:1100px){.td-tc-logos img:nth-child(4){display:inline-block}}
@media (max-width:560px){
  .td-tc-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .td-tc-card{padding:12px 13px;gap:11px}
  .td-tc-logos{height:40px;min-width:40px}
  .td-tc-logos img{width:28px;height:28px;margin-right:-10px}
  .td-tc-logos img:nth-child(n+3){display:none}
  .td-tc-n{font-size:14.5px}
}

/* ==== PREMIUM 404 (R7-3, 18-Sep-2026): never a dead end — what was asked for, the search field, the closest matches the search core
       finds for that URL, topics and the popular directories. ==== */
.td-nf-hero{margin:0 0 26px}
.td-nf-hero .td-kicker{display:flex;align-items:center;gap:10px}
.td-nf-code{display:inline-flex;align-items:center;font:800 12px/1 var(--td-font);letter-spacing:.08em;color:var(--td-accent);background:color-mix(in srgb,var(--td-accent) 11%,transparent);border-radius:999px;padding:5px 10px}
.td-nf-hero h1{margin-bottom:10px}
.td-nf-hero .td-lede{margin-bottom:20px;max-width:70ch}
.td-nf-path{font-family:ui-monospace,Menlo,monospace;font-size:.88em;background:var(--td-surface2);border:1px solid var(--td-line);border-radius:6px;padding:2px 7px;word-break:break-all}
.td-nf-guess{margin:0 0 6px}
.td-nf-guess-h{display:block;margin:26px 0 12px}
.td-nf-guesses{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:8px}
/* a grid item defaults to min-width:auto, so a long directory name refuses to shrink and pushes the row past the screen —
   measured 21-Sep on /best/<dir>/alternatives/ at 320 px: the li ran to 348, 28 px beyond the viewport. The row inside already
   carries min-width:0; the li needs it too or the row never gets the chance to wrap. */
.td-nf-guesses>li{min-width:0}
.td-nf-guess-row{display:flex;align-items:center;gap:12px;background:var(--td-surface);border:1px solid var(--td-line);border-radius:var(--td-radius-s,10px);padding:11px 14px;color:var(--td-ink)!important;text-decoration:none!important;min-width:0}
.td-nf-guess-row:hover{border-color:color-mix(in srgb,var(--td-accent) 45%,var(--td-line));background:var(--td-surface2);text-decoration:none!important}
.td-nf-gl{flex:0 0 auto;display:inline-flex;align-items:center;min-width:28px;height:34px}
.td-nf-gl img{width:28px;height:28px;border-radius:7px;border:1px solid var(--td-line);background:var(--td-surface);object-fit:contain;margin-right:-8px}
.td-nf-gl img:last-child{margin-right:0}
.td-nf-gb{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.td-nf-gb b{font:650 15px/1.3 var(--td-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-nf-gb small{font:500 12.5px/1.35 var(--td-font);color:var(--td-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-nf-gk{flex:0 0 auto;font:700 10.5px/1 var(--td-font);letter-spacing:.05em;text-transform:uppercase;color:var(--td-muted);background:var(--td-surface2);border:1px solid var(--td-line);border-radius:999px;padding:4px 8px}
.td-nf-guess-row i{flex:0 0 auto;font-style:normal;color:var(--td-muted)}
.td-nf-help{margin-top:30px;flex-wrap:wrap;gap:10px}
.td-nf-page .td-find--hero{max-width:none}
@media (max-width:560px){
  .td-nf-gk{display:none}
  .td-nf-gb b{font-size:14.5px}
  .td-nf-help .td-ghost,.td-nf-help .td-visit{flex:1 1 auto;text-align:center}
}

/* ---- R2b COMPARE TOOL · TOP RATED · NEW (teal; amber stays reserved for the Featured tag) ---- */
#main.td .td-cx,#main.td .td-tr,#main.td .td-nw{max-width:1200px;margin:0 auto}
#main.td .td-cx .td-crumb,#main.td .td-tr .td-crumb,#main.td .td-nw .td-crumb{margin:0 0 10px}
#main.td .td-cq-head,#main.td .td-tr-head,#main.td .td-nw-head{margin:0 0 16px}
#main.td .td-main .td-cq-head h1,#main.td .td-cq-head h1,#main.td .td-main .td-tr-head h1,#main.td .td-tr-head h1,#main.td .td-main .td-nw-head h1,#main.td .td-nw-head h1{margin:0 0 6px;font:800 clamp(26px,1rem + 1.4vw,36px)/1.15 var(--ad-sans);letter-spacing:-.03em;color:var(--ad-ink)}
#main.td .td-cq-head p,#main.td .td-tr-head p,#main.td .td-nw-head p{margin:0;font:500 16px/1.5 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-cq-builder{display:grid;gap:12px;padding:16px;border:1.5px solid var(--ad-line2);border-radius:18px;background:var(--ad-paper);box-shadow:var(--ad-lift)}
#main.td .td-cq-builder.is-compact{padding:12px;box-shadow:none}
#main.td .td-cq-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#main.td .td-cq-slot{position:relative;min-width:0}
#main.td .td-cq-slot[hidden]{display:none}
#main.td .td-cq-picked{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:56px;padding:8px 8px 8px 10px;border:1.5px solid var(--ad-accent);border-radius:12px;background:color-mix(in srgb,var(--ad-wash) 60%,var(--ad-paper))}
#main.td .td-cq-picked[hidden]{display:none}
#main.td .td-cq-plogo{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 0 0 1px var(--ad-line)}
#main.td .td-cq-plogo img{width:100%;height:100%;object-fit:contain}
#main.td .td-cq-pname{display:grid;min-width:0}
#main.td .td-cq-pname b{overflow:hidden;font:700 14.5px/1.25 var(--ad-sans);color:var(--ad-ink);text-overflow:ellipsis;white-space:nowrap}
#main.td .td-cq-pname small{overflow:hidden;font:500 12px/1.3 var(--ad-sans);color:var(--ad-muted);text-overflow:ellipsis;white-space:nowrap}
#main.td .td-vp .td-cq-x{width:28px;height:28px;border:0;border-radius:8px;background:transparent;font:500 20px/1 var(--ad-sans);color:var(--ad-muted);cursor:pointer}
#main.td .td-vp .td-cq-x:hover{background:var(--ad-canvas);color:var(--ad-ink)}
#main.td .td-cq-q[hidden]{display:none}
#main.td .td-vp .td-cq-q input,#main.td .td-vp .td-cq-vs input{width:100%;min-height:56px;padding:10px 14px;font:500 15.5px/1.3 var(--ad-sans);color:var(--ad-ink);background:var(--ad-paper);border:1.5px dashed var(--ad-line2);border-radius:12px}
#main.td .td-vp .td-cq-vs input{min-height:46px;border-style:solid}
#main.td .td-vp .td-cq-q input:focus,#main.td .td-vp .td-cq-vs input:focus{outline:none;border-style:solid;border-color:var(--ad-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ad-accent) 22%,transparent)}
#main.td .td-cq-dd{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:30;list-style:none;margin:0;padding:6px;max-height:340px;overflow:auto;border:1px solid var(--ad-line2);border-radius:12px;background:var(--ad-paper);box-shadow:0 14px 34px rgba(0,0,0,.14)}
#main.td .td-cq-dd[hidden]{display:none}
#main.td .td-cq-dd li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;align-items:center;padding:7px 8px;border-radius:9px;cursor:pointer}
#main.td .td-cq-dd li.is-cur,#main.td .td-cq-dd li:hover{background:var(--ad-wash)}
#main.td .td-cq-dd img{width:30px;height:30px;border-radius:8px;background:#fff;object-fit:contain;box-shadow:0 0 0 1px var(--ad-line)}
#main.td .td-cq-dd b{display:block;font:650 14px/1.25 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-cq-dd small{display:block;font:500 12px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-cq-dd .is-note{display:block;cursor:default;font:500 13px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-cq-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}
#main.td .td-vp .td-cq-addslot{padding:8px 12px;border:1px dashed var(--ad-line2);border-radius:999px;background:transparent;font:600 13.5px/1 var(--ad-sans);color:var(--ad-accent-ink);cursor:pointer}
#main.td .td-cq-addslot[hidden]{display:none}
#main.td .td-cq-sugg{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;flex:1;min-width:0}
#main.td .td-cq-sugg[hidden]{display:none}
#main.td .td-cq-sugg>span{font:700 11px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-vp .td-cq-chip{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 10px 4px 5px;border:1px solid var(--ad-line2);border-radius:999px;background:var(--ad-paper);font:600 13px/1 var(--ad-sans);color:var(--ad-ink);cursor:pointer}
#main.td .td-vp .td-cq-chip:hover{border-color:var(--ad-accent)}
#main.td .td-cq-chip img{width:22px;height:22px;border-radius:6px;background:#fff;object-fit:contain}
#main.td .td-vp .td-cq-go{margin-left:auto;min-height:48px;padding:12px 26px;border:0;border-radius:999px;background:var(--ad-accent);color:var(--ad-on);font:700 16px/1 var(--ad-sans);cursor:pointer}
#main.td .td-cq-msg{margin:0;font:600 13px/1.4 var(--ad-sans);color:var(--ad-best-ink)}
#main.td .td-cq-missing{margin:10px 2px 0;font:500 14px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-cq-banner{margin:16px 0 0;padding:12px 16px;border-radius:12px;background:var(--ad-wash);font:600 15px/1.45 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-vp .td-cq-banner a{color:var(--ad-accent-ink)!important}
#main.td .td-cq-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:18px 2px 8px}
#main.td .td-cq-diff{display:inline-flex;align-items:center;gap:8px;font:600 14px/1 var(--ad-sans);color:var(--ad-ink);cursor:pointer}
#main.td .td-cq-diff input{width:18px;height:18px;accent-color:var(--ad-accent-ink)}
#main.td .td-cq-hint{font:500 12.5px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-cq-scroll{overflow-x:auto;border:1px solid var(--ad-line);border-radius:16px;background:var(--ad-paper);-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
#main.td .td-cq-table{width:100%;min-width:calc(170px + var(--cx-n) * 220px);border-collapse:separate;border-spacing:0;table-layout:fixed}
#main.td .td-cq-table th,#main.td .td-cq-table td{padding:11px 14px;border-bottom:1px solid var(--ad-line);vertical-align:top;text-align:left;font:500 14px/1.45 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-cq-table tbody th[scope=row],#main.td .td-cq-corner{position:sticky;left:0;z-index:2;width:170px;background:var(--ad-paper);font:600 13px/1.4 var(--ad-sans);color:var(--ad-muted);box-shadow:1px 0 0 var(--ad-line)}
#main.td .td-cq-table thead th{position:sticky;top:0;z-index:3;background:var(--ad-paper);scroll-snap-align:start}
#main.td .td-cq-corner{z-index:4!important}
#main.td .td-cq-th{display:table-cell}
#main.td .td-vp .td-cq-thname{display:flex;align-items:center;gap:10px;margin:0 0 6px;color:var(--ad-ink)!important;text-decoration:none!important}
#main.td .td-cq-thname .td-logo{width:40px;height:40px;border-radius:10px;flex-shrink:0}
#main.td .td-cq-thname b{font:750 16px/1.25 var(--ad-sans);letter-spacing:-.01em}
#main.td .td-cq-thscore{display:block;margin:0 0 8px;font:500 12px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-cq-thscore b{font:800 18px/1 var(--ad-mono);color:var(--ad-ink)}
#main.td .td-vp .td-cq-visit{display:inline-flex;align-items:center;min-height:34px;padding:7px 14px;border-radius:999px;font:700 13px/1 var(--ad-sans)}
#main.td .td-cq-gh th{padding:14px 14px 6px;background:var(--ad-canvas)!important;font:700 11.5px/1.2 var(--ad-sans)!important;letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)!important;position:static!important;box-shadow:none!important}
#main.td .td-cq-table td.td-cq-c-yes{color:var(--ad-good);font-weight:800}
#main.td .td-cq-table td.td-cq-c-no{color:var(--ad-faint)}
#main.td .td-cq-table td.td-cq-c-na{color:var(--ad-faint);font-style:italic}
#main.td .td-cq-table td.td-cq-c-score{font:800 18px/1.2 var(--ad-mono)}
#main.td .td-cq-table td ul{margin:0;padding-left:16px}
#main.td .td-cq-table td li{margin:0 0 4px}
#main.td .td-cq-table td p{margin:0 0 6px;color:var(--ad-muted)}
#main.td .td-vp .td-cq-table td a{color:var(--ad-accent-ink)!important;font-weight:600}
#main.td .td-cx.is-diff .td-cq-row.is-same,#main.td .td-cx.is-diff tbody.is-all-same{display:none}
#main.td .td-cq-pop{margin:28px 0 0}
#main.td .td-cq-pophead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin:0 0 12px}
#main.td .td-main .td-cq-pophead h2,#main.td .td-cq-pophead h2{margin:0;font:800 22px/1.2 var(--ad-sans);letter-spacing:-.02em;color:var(--ad-ink)}
#main.td .td-cq-vs{position:relative;width:min(440px,100%)}
#main.td .td-cq-topics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#main.td .td-cq-topic{min-width:0;padding:12px 14px 6px;border:1px solid var(--ad-line);border-radius:16px;background:var(--ad-paper)}
#main.td .td-main .td-cq-topic h3,#main.td .td-cq-topic h3{margin:0 0 4px;font:700 12px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase}
#main.td .td-vp .td-cq-topic h3 a{color:var(--ad-muted)!important;text-decoration:none!important}
#main.td .td-cq-topic ul{list-style:none;margin:0;padding:0}
#main.td .td-cq-topic li{border-top:1px solid var(--ad-line)}
#main.td .td-cq-topic li:first-child{border-top:0}
#main.td .td-vp .td-cq-topic a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;padding:9px 0;color:var(--ad-ink)!important;text-decoration:none!important}
#main.td .td-cq-two{display:flex}
#main.td .td-cq-two .td-logo{width:30px;height:30px;border-radius:8px;box-shadow:0 0 0 2px var(--ad-paper)}
#main.td .td-cq-two .td-logo+.td-logo{margin-left:-8px}
#main.td .td-cq-twob{display:grid;min-width:0}
#main.td .td-cq-twob b{overflow:hidden;font:650 14px/1.3 var(--ad-sans);text-overflow:ellipsis;white-space:nowrap}
#main.td .td-cq-twob em{font-style:normal;font-weight:500;color:var(--ad-muted)}
#main.td .td-cq-twob small{font:500 12px/1.3 var(--ad-sans);color:var(--ad-muted)}
/* the ranking row's "+ Compare" and the slim tray */
.td-cmp-add{padding:4px 10px;border:1px solid var(--td-line);border-radius:999px;background:transparent;font:600 12.5px/1.2 var(--td-font,inherit);color:var(--td-muted);cursor:pointer}
.td-cmp-add:hover{border-color:var(--td-accent);color:var(--td-accent)}
.td-cmp-add[aria-pressed=true]{border-color:var(--td-accent);background:var(--td-accent-soft,transparent);color:var(--td-accent)}
.td-cmp-tray{position:fixed;left:50%;bottom:16px;z-index:80;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:8px 8px 8px 14px;transform:translateX(-50%);border:1px solid var(--td-line);border-radius:999px;background:var(--td-surface,#fff);box-shadow:0 12px 32px rgba(0,0,0,.16)}
.td-cmp-tray[hidden]{display:none}
.td-cmp-tray .td-cmp-logos{display:flex;align-items:center}
.td-cmp-tray img,.td-cmp-tray .td-cmp-mono{width:30px;height:30px;margin-right:-6px;border-radius:8px;background:#fff;object-fit:contain;box-shadow:0 0 0 2px var(--td-surface,#fff),0 0 0 3px var(--td-line)}
.td-cmp-tray .td-cmp-mono{display:grid;place-items:center;font:700 13px/1 var(--td-font,inherit);color:var(--td-accent)}
.td-cmp-tray span.td-cmp-n{margin-left:8px;font:600 13px/1 var(--td-font,inherit);color:var(--td-muted);white-space:nowrap}
.td-cmp-tray a.td-cmp-go{display:inline-flex;align-items:center;min-height:38px;padding:8px 16px;border-radius:999px;background:var(--td-accent);color:#fff!important;font:700 14px/1 var(--td-font,inherit);text-decoration:none!important;white-space:nowrap}
.td-cmp-tray a.td-cmp-go[aria-disabled=true]{opacity:.5;pointer-events:none}
.td-cmp-tray button{border:0;background:transparent;font:600 12.5px/1 var(--td-font,inherit);color:var(--td-muted);cursor:pointer}
/* top rated */
#main.td .td-tr-note{margin:8px 0 0!important;font-size:13.5px!important}
#main.td .td-vp .td-tr-note a{color:var(--ad-accent-ink)!important;font-weight:600}
#main.td .td-tr-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
#main.td .td-vp .td-tr-chip{min-height:34px;padding:6px 12px;border:1px solid var(--ad-line2);border-radius:999px;background:var(--ad-paper);font:600 13.5px/1 var(--ad-sans);color:var(--ad-ink);cursor:pointer}
#main.td .td-vp .td-tr-chip.is-on{border-color:var(--ad-accent);background:var(--ad-wash);color:var(--ad-accent-ink)}
#main.td .td-tr-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--ad-line)}
#main.td .td-tr-row{display:grid;grid-template-columns:34px 52px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 6px;border-bottom:1px solid var(--ad-line)}
#main.td .td-tr-row[hidden]{display:none}
#main.td .td-tr-n{font:700 14px/1 var(--ad-mono);color:var(--ad-faint);text-align:center}
#main.td .td-tr-logo .td-logo{width:48px;height:48px;border-radius:12px}
#main.td .td-tr-b{display:grid;gap:3px;min-width:0}
#main.td .td-tr-t{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:700 16px/1.3 var(--ad-sans)}
#main.td .td-vp .td-tr-t a{color:var(--ad-ink)!important;text-decoration:none!important}
#main.td .td-tr-badge{padding:2px 8px;border-radius:6px;background:var(--ad-wash);font:700 11px/1.4 var(--ad-sans);color:var(--ad-accent-ink)}
#main.td .td-tr-m{margin:0;display:flex;flex-wrap:wrap;gap:4px 10px;font:500 13px/1.35 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp .td-tr-m a{color:var(--ad-muted)!important}
#main.td .td-tr-o{margin:0;font:400 13.5px/1.45 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-tr-score{margin:0;text-align:right;font:500 12px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-tr-score b{font:800 22px/1 var(--ad-mono);color:var(--ad-ink)}
/* new */
#main.td .td-nw-head p b{color:var(--ad-ink)}
#main.td .td-nw-week{margin:0 0 26px}
#main.td .td-main .td-nw-week h2,#main.td .td-nw-week h2{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid var(--ad-line);font:800 20px/1.25 var(--ad-sans);letter-spacing:-.02em;color:var(--ad-ink)}
#main.td .td-nw-week h2 small{font:600 13px/1 var(--ad-sans);color:var(--ad-muted);letter-spacing:0}
#main.td .td-nw-dirs,#main.td .td-nw-tools{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px;padding:0}
#main.td .td-vp .td-nw-dirs a,#main.td .td-vp .td-nw-tools a{display:grid;gap:3px;height:100%;padding:10px 12px;border:1px solid var(--ad-line);border-radius:12px;background:var(--ad-paper);color:var(--ad-ink)!important;text-decoration:none!important}
#main.td .td-vp .td-nw-tools a{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px}
#main.td .td-nw-tools .td-logo{width:36px;height:36px;border-radius:9px}
#main.td .td-nw-dirs b,#main.td .td-nw-tools b{overflow:hidden;font:650 14px/1.3 var(--ad-sans);text-overflow:ellipsis;white-space:nowrap;display:block}
#main.td .td-nw-dirs small,#main.td .td-nw-tools small{overflow:hidden;font:500 12px/1.3 var(--ad-sans);color:var(--ad-muted);text-overflow:ellipsis;white-space:nowrap;display:block}
#main.td .td-nw-logos{display:flex;min-height:24px}
#main.td .td-nw-logos img{width:24px;height:24px;margin-right:-5px;border-radius:6px;background:#fff;object-fit:contain;box-shadow:0 0 0 2px var(--ad-paper),0 0 0 3px var(--ad-line)}
#main.td .td-nw-sub{margin:4px 2px 6px;font:700 11px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-nw-more a{display:grid;place-items:center;height:100%;color:var(--ad-accent-ink)!important;font-weight:600}
@media (max-width:980px){
  #main.td .td-cq-slots{grid-template-columns:repeat(2,minmax(0,1fr))}
  #main.td .td-cq-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
  #main.td .td-nw-dirs,#main.td .td-nw-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #main.td .td-cq-slots{grid-template-columns:minmax(0,1fr)}
  #main.td .td-vp .td-cq-go{width:100%;margin-left:0}
  #main.td .td-cq-topics{grid-template-columns:minmax(0,1fr)}
  #main.td .td-cq-table{min-width:calc(120px + var(--cx-n) * 190px)}
  #main.td .td-cq-table tbody th[scope=row],#main.td .td-cq-corner{width:120px}
  #main.td .td-tr-row{grid-template-columns:26px 44px minmax(0,1fr);gap:10px}
  #main.td .td-tr-score{grid-column:3;text-align:left}
  #main.td .td-tr-logo .td-logo{width:40px;height:40px}
  #main.td .td-nw-dirs,#main.td .td-nw-tools{grid-template-columns:minmax(0,1fr)}
}
#main.td .td-vp .td-cq-edit{display:none}
@media (max-width:640px){
  #main.td .td-cq-builder.is-compact:not(.is-open) .td-cq-slots,#main.td .td-cq-builder.is-compact:not(.is-open) .td-cq-actions{display:none}
  #main.td .td-vp .td-cq-builder.is-compact .td-cq-edit{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:4px 2px;border:0;background:transparent;font:600 14.5px/1.3 var(--ad-sans);color:var(--ad-ink);text-align:left;cursor:pointer}
  #main.td .td-cq-edit b{color:var(--ad-accent-ink);white-space:nowrap}
  #main.td .td-cq-builder.is-compact{padding:8px 12px}
  #main.td .td-cq-builder.is-compact.is-open{padding:12px}
}
#main.td .td-cq-more{margin:10px 0 0;font:600 14px/1.4 var(--ad-sans,inherit)}
#main.td .td-cq-more a{color:var(--td-accent)}

/* ---- ADVERTISE LANDINGS (owner 17-Sep: "Advertise ek overall product hai" · "Listing ko aur better bana denge design wise, aur Position
        wise ko bhi") — /advertise/ · /submit/ · /advertise/top-spot/ · /advertise/audience/. The intro is the theme's page-header band
        (.itgp-ph, rendered by base.html's page_header block): nothing here restyles the component — only the engine's own pieces inside
        it (the finder's result rows, the assurance line, the two white cards). Teal only; amber only on the Featured tag. No layout shift:
        the results list is absolutely positioned and the demo ranking moves with transforms. The band's white cards use fixed colours,
        like the theme's .itgp-ph-card (white in both schemes). ---- */
#main.td .td-wrap.td-wrap--ph{padding-top:0}
#main.td .td-wrap--ph>.itgp-ph{z-index:5}  /* the finder's dropdown stays above the page below the band */
.td .itgp-ph-search input:focus-visible{outline:0}  /* the engine's .td :focus-visible ring would draw a box inside the band search (its form shows focus) */
.itgp-ph .td-lp-trust{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;margin:14px 0 0;padding:0;font:500 13.5px/1.35 var(--font-text);color:rgba(255,255,255,.8)}
.itgp-ph .td-lp-trust li{display:inline-flex;align-items:center;gap:6px;margin:0;padding:0}
.itgp-ph .td-lp-trust svg{flex:none;color:#5EEAD4}
.td-lp-find .td-lp-res{max-height:min(470px,62vh)}
.td-lp-find .td-lp-res li{margin:0;padding:0;list-style:none}
.td-lp-find .td-lp-res a{grid-template-columns:62px minmax(0,1fr) auto;align-items:center;gap:1px 12px}
.td-lp-find .td-lp-res-lg{grid-row:1/span 2;display:flex;align-items:center;min-width:0}
.td-lp-find .td-lp-res-lg img{width:22px;height:22px;margin-right:-5px;border-radius:6px;background:#fff;object-fit:contain;box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--line)}
.td-lp-find .td-lp-res .n,.td-lp-find .td-lp-res .s{grid-column:2}
.td-lp-find .td-lp-res .t{grid-column:3;grid-row:1/span 2;padding:5px 9px;border-radius:999px;background:var(--accent-wash);font:700 12px/1 var(--font-text);letter-spacing:0;text-transform:none;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--accent-ink)}
.td-lp-find .td-lp-res .t.is-full{background:var(--canvas);color:var(--muted)}
.td-lp-find .td-lp-res .td-lp-res-k{padding:8px 12px 4px;font:600 11px/1.2 var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.td-lp-find .td-lp-res .td-lp-res-none{padding:12px;font:500 14px/1.45 var(--font-text);color:var(--muted)}
.td-lp-find .td-lp-res .td-lp-res-none a{display:inline;padding:0;color:var(--accent-ink);font-weight:600}
.td-lp-tile{display:inline-grid;place-items:center;flex:none;width:var(--t,40px);height:var(--t,40px);border-radius:calc(var(--t,40px) * .26);background:linear-gradient(135deg,#0F766E,#14B8A6);font:800 calc(var(--t,40px) * .44)/1 var(--font-text,inherit);color:#fff}
.td-lp-feat{display:inline-block;padding:2px 7px;border:1px solid color-mix(in srgb,var(--td-spon,#B45309) 45%,transparent);border-radius:6px;background:color-mix(in srgb,var(--td-spon,#B45309) 9%,transparent);font:700 10.5px/1.3 var(--font-text,inherit);font-style:normal;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;color:var(--td-spon,#B45309)}
.itgp-ph-card .td-lp-feat{border-color:rgba(180,83,9,.45);background:rgba(180,83,9,.09);color:#B45309}
/* Get listed: the live preview card */
.itgp-ph-card.td-lp-prev{padding:14px 16px 12px}
.td-lp-prev-k{display:flex;align-items:baseline;gap:8px;min-width:0;margin:0 2px 10px;font:600 11px/1.2 var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:#6B6B6B}
.td-lp-prev-k b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 13.5px/1.2 var(--font-text);letter-spacing:0;text-transform:none;color:#242424}
.td-lp-prev-k small{flex:none;margin-left:auto;font:500 11.5px/1 var(--font-mono);letter-spacing:0;text-transform:none;color:#6B6B6B}
.td-lp-prev-rows{list-style:none;display:grid;gap:6px;margin:0;padding:0}
.td-lp-prev-row{display:grid;grid-template-columns:30px 36px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:8px 10px;border:1px solid #E6E6E6;border-radius:10px}
.td-lp-prev-row.is-ctx{grid-template-columns:30px 26px minmax(0,1fr);padding:6px 10px;opacity:.66}
.td-lp-prev-row.is-you{border-color:#0F766E;box-shadow:0 0 0 3px rgba(15,118,110,.12)}
.td-lp-prev-r{font:700 11.5px/1 var(--font-mono);text-align:center;color:#6B6B6B}
.td-lp-prev-row.is-you .td-lp-prev-r{font-family:var(--font-text);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:#0F766E}
.td-lp-prev-lg{display:block;width:26px;height:26px}
.td-lp-prev-lg img{display:block;width:26px;height:26px;border-radius:6px;object-fit:contain;background:#fff}
.td-lp-prev-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px/1.25 var(--font-text);color:#242424}
.td-lp-prev-b{display:grid;min-width:0}
.td-lp-prev-b b{display:flex;align-items:center;gap:6px;min-width:0;font:700 15px/1.25 var(--font-text);color:#242424}
.td-lp-prev-b b em{padding:2px 6px;border-radius:5px;background:#CCFBF1;font:700 9.5px/1.3 var(--font-text);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#0F766E}
.td-lp-prev-b small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 12.5px/1.4 var(--font-text);color:#6B6B6B}
.td-lp-prev-visit{padding:7px 10px;border-radius:8px;background:#0F766E;font:600 12.5px/1 var(--font-text);white-space:nowrap;color:#fff}
.td-lp-prev-url{display:flex;align-items:center;gap:6px;min-width:0;margin:10px 2px 0;font:500 11.5px/1.3 var(--font-mono);color:#6B6B6B}
.td-lp-prev-url svg{flex:none}
.td-lp-prev-url span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-lp-prev-url em{flex:none;margin-left:auto;padding:2px 6px;border-radius:5px;background:#E6F4F2;font:600 10.5px/1.3 var(--font-text);font-style:normal;color:#0F766E}
/* Get a top spot: the demo ranking — "Your product" takes #1 and every row moves down one place (final state = the static state) */
.itgp-ph-card.td-ts-demo{--rh:40px;padding:14px 12px 8px}
.td-ts-demo-k{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 6px 8px;font:700 13.5px/1.2 var(--font-text);color:#242424}
.td-ts-demo-k small{font:600 11px/1 var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:#6B6B6B}
.td-ts-demo-rows{list-style:none;height:calc(var(--rh) * 5);margin:0;padding:0;overflow:hidden}
.td-ts-demo-row{position:relative;display:grid;grid-template-columns:24px 28px minmax(0,1fr) auto;align-items:center;gap:10px;height:var(--rh);margin:0;padding:0 8px;box-sizing:border-box;border-radius:9px;background:#fff}
.td-ts-demo-row.is-you{z-index:1;background:#F0FDFA;box-shadow:inset 0 0 0 1px rgba(15,118,110,.35)}
.td-ts-demo-r{display:block;height:16px;overflow:hidden;font:700 12.5px/16px var(--font-mono);text-align:center;color:#6B6B6B}
.td-ts-demo-r span{display:grid;transform:translateY(-16px)}
.td-ts-demo-row.is-you .td-ts-demo-r{color:#0F766E}
.td-ts-demo-row.is-you .td-ts-demo-r span{transform:none}
.td-ts-demo-r i{display:block;height:16px;font-style:normal}
.td-ts-demo-lg{display:block;width:28px;height:28px}
.td-ts-demo-lg img{display:block;width:28px;height:28px;border-radius:7px;object-fit:contain;background:#fff;box-shadow:0 0 0 1px #EDEDED}
.td-ts-demo-nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 14px/1.2 var(--font-text);color:#242424}
.td-ts-demo-row.is-you .td-ts-demo-nm{font-weight:700}
.td-ts-demo-sc{padding:4px 7px;border-radius:6px;background:#F1F5F4;font:700 12px/1 var(--font-mono);color:#134E4A}
@media (prefers-reduced-motion:no-preference){
  .td-ts-demo-row{animation:td-ts-down .7s cubic-bezier(.2,.8,.2,1) 1s both}
  .td-ts-demo-row.is-you{animation:td-ts-in .55s cubic-bezier(.2,.8,.2,1) 1.45s both}
  .td-ts-demo-r span{animation:td-ts-roll .4s cubic-bezier(.2,.8,.2,1) 1.25s both}
  .td-ts-demo-row.is-you .td-ts-demo-r span{animation:none}
}
@keyframes td-ts-down{from{transform:translateY(calc(-1 * var(--rh)))}to{transform:none}}
@keyframes td-ts-in{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:none}}
@keyframes td-ts-roll{from{transform:none}to{transform:translateY(-16px)}}

/* page body */
#main.td .td-lp{--lp-gap:64px}
#main.td .td-lp-sec{margin:var(--lp-gap) 0 0;scroll-margin-top:24px}
#main.td .td-lp>.td-lp-sec:first-child{margin-top:8px}
#main.td .td-lp-head{display:grid;grid-template-columns:56px minmax(0,1fr);gap:0 18px;align-items:start;margin:0 0 26px;padding:18px 0 0;border-top:1px solid var(--ad-line)}
#main.td .td-lp-n{margin:5px 0 0;font:600 13px/1 var(--ad-mono);letter-spacing:.04em;color:var(--ad-accent-ink)}
#main.td .td-main .td-lp-head h2{margin:0 0 6px;font:700 clamp(24px,1rem + 1vw,30px)/1.15 var(--ad-sans);letter-spacing:-.025em;text-wrap:balance;color:var(--ad-ink)}
#main.td .td-lp-head p{margin:0;max-width:66ch;font:400 16.5px/1.55 var(--ad-sans);color:var(--ad-muted)}
/* 01 what you get — real rows from a real directory */
#main.td .td-lp-gets{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:20px}
#main.td .td-lp-get{display:flex;flex-direction:column;min-width:0;margin:0}
#main.td .td-lp-shot{display:grid;align-content:center;gap:10px;min-height:158px;margin:0 0 16px;padding:18px;box-sizing:border-box;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-canvas)}
#main.td .td-main .td-lp-get h3{margin:0 0 6px;font:700 17px/1.3 var(--ad-sans);letter-spacing:-.01em;color:var(--ad-ink)}
#main.td .td-lp-get p{margin:0;font:400 15px/1.55 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-lp-eg{display:block;margin-top:6px;font-size:13.5px}
#main.td .td-lp-eg a{color:var(--ad-accent-ink);font-weight:600}
#main.td .td-lp-prof{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px;border-radius:12px;background:var(--ad-paper);box-shadow:0 1px 2px rgba(0,0,0,.06)}
#main.td .td-lp-prof-lg img{display:block;width:48px;height:48px;border-radius:11px;object-fit:contain;background:#fff}
#main.td .td-lp-prof-b{display:grid;gap:2px;min-width:0}
#main.td .td-lp-prof-b b{font:700 16px/1.25 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-lp-prof-b small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font:400 13px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-lp-ring{position:relative;display:grid;place-items:center;align-content:center;width:52px;height:52px;border-radius:50%;background:conic-gradient(var(--ad-accent) calc(var(--s) * 10%),var(--ad-line) 0)}
#main.td .td-lp-ring::before{content:"";position:absolute;inset:5px;border-radius:50%;background:var(--ad-paper)}
#main.td .td-lp-ring b,#main.td .td-lp-ring small{position:relative;line-height:1}
#main.td .td-lp-ring b{font:800 15px/1 var(--ad-sans);font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-lp-ring small{font:600 9px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-lp-glance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
#main.td .td-lp-glance div{min-width:0;padding:9px 11px;border-radius:10px;background:var(--ad-paper)}
#main.td .td-lp-glance dt{margin:0 0 2px;font:600 10.5px/1.2 var(--ad-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-lp-glance dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px/1.35 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-lp-row{display:grid;grid-template-columns:30px 34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px;border-radius:12px;background:var(--ad-paper);box-shadow:0 1px 2px rgba(0,0,0,.06)}
#main.td .td-lp-row-r{font:700 13px/1 var(--ad-mono);text-align:center;color:var(--ad-muted)}
#main.td .td-lp-row-lg img{display:block;width:34px;height:34px;border-radius:8px;object-fit:contain;background:#fff}
#main.td .td-lp-row-b{display:grid;gap:5px;min-width:0}
#main.td .td-lp-row-b b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 14.5px/1.25 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-lp-row-b small{display:flex;gap:4px;min-width:0;overflow:hidden}
#main.td .td-lp-row-b i{padding:2px 7px;border-radius:999px;background:var(--ad-canvas);font:500 11px/1.35 var(--ad-sans);font-style:normal;white-space:nowrap;color:var(--ad-muted)}
#main.td .td-lp-row-sc{padding:5px 8px;border-radius:7px;background:var(--ad-wash);font:700 13px/1 var(--ad-mono);color:var(--ad-accent-ink)}
#main.td .td-lp-link{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0}
#main.td .td-lp-link-a{padding:10px 14px;border-radius:9px;background:var(--ad-accent);font:600 14px/1 var(--ad-sans);color:var(--ad-on)}
#main.td .td-lp-link em{padding:3px 8px;border-radius:6px;background:var(--ad-wash);font:700 11px/1.3 var(--ad-sans);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:var(--ad-accent-ink)}
#main.td .td-lp-link.is-vs span{padding:8px 12px;border:1px solid var(--ad-line);border-radius:9px;background:var(--ad-paper);font:600 13.5px/1.25 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-lp-link.is-vs i{margin:0 3px;font-style:normal;font-weight:500;color:var(--ad-muted)}
/* 02 how it works — a three-step line */
#main.td .td-lp-steps{position:relative;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0}
#main.td .td-lp-steps::before{content:"";position:absolute;left:22px;right:33%;top:22px;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--ad-accent) 60%,transparent),var(--ad-line))}
#main.td .td-lp-steps li{position:relative;margin:0;padding:0}
#main.td .td-lp-step-ic{position:relative;display:grid;place-items:center;width:44px;height:44px;margin:0 0 14px;border:1px solid color-mix(in srgb,var(--ad-accent) 40%,var(--ad-line));border-radius:12px;background:var(--ad-paper);color:var(--ad-accent-ink)}
#main.td .td-lp-steps b{display:block;margin:0 0 4px;font:700 16.5px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-lp-steps p{margin:0;max-width:36ch;font:400 15px/1.55 var(--ad-sans);color:var(--ad-muted)}
/* listed alongside — real logos */
#main.td .td-lp-along{margin:var(--lp-gap,56px) 0 0;padding:22px 0 0;border-top:1px solid var(--ad-line)}
#main.td .td-lp-along-k{margin:0 0 16px;font:600 12px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-lp-logos{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:18px 12px;margin:0;padding:0}
#main.td .td-lp-logos li{display:grid;justify-items:center;gap:8px;min-width:0;margin:0;padding:0;text-align:center}
#main.td .td-lp-logos img{display:block;width:40px;height:40px;border-radius:10px;object-fit:contain;background:#fff;box-shadow:0 0 0 1px var(--ad-line)}
#main.td .td-lp-logos span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12.5px/1.2 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-lp-along-s{margin:16px 0 0;font:500 14px/1.45 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-lp-along-s a{color:var(--ad-accent-ink);font-weight:600}
#main.td .td-lp-faq{max-width:860px}
/* the closing band */
#main.td .td-lp-final{position:relative;isolation:isolate;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;margin:var(--lp-gap,64px) 0 0;padding:32px 36px;overflow:hidden;border-radius:18px;background:linear-gradient(112deg,#0B1A18 0%,#0E2E2B 46%,#0F766E 100%);color:#fff}
#main.td .td-lp-final::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 88% 0%,rgba(45,212,191,.26),transparent 46%),radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:auto,22px 22px}
#main.td .td-main .td-lp-final h2{margin:0 0 6px;font:700 clamp(24px,1rem + 1vw,30px)/1.15 var(--ad-sans);letter-spacing:-.025em;color:#fff}
#main.td .td-lp-final p{margin:0;font:400 16px/1.5 var(--ad-sans);color:rgba(255,255,255,.8)}
#main.td .td-lp-final .td-lp-final-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
#main.td .td-vp .td-lp-final-go{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:10px;background:#fff;font:700 15.5px/1 var(--ad-sans);color:#0F766E}
#main.td .td-vp .td-lp-final-go:hover{background:#F0FDFA;text-decoration:none}
#main.td .td-vp .td-lp-final-alt{font:600 14.5px/1.35 var(--ad-sans);color:rgba(255,255,255,.88)}
#main.td .td-vp .td-lp-final-alt:hover{color:#fff;text-decoration:underline}
#main.td .td-lp .td-go-req{margin:18px 2px 0}
/* 01 the rate card */
#main.td .td-ts-rate{overflow:hidden;border:1px solid var(--ad-line);border-radius:16px;background:var(--ad-paper)}
#main.td .td-ts-terms{display:inline-flex;gap:4px;margin:16px 18px 14px;padding:4px;border-radius:12px;background:var(--ad-canvas)}
#main.td .td-vp .td-ts-terms button{display:inline-flex;align-items:center;gap:6px;min-height:38px;margin:0;padding:0 16px;border:0;border-radius:9px;background:transparent;font:600 14px/1 var(--ad-sans);color:var(--ad-muted);cursor:pointer}
#main.td .td-vp .td-ts-terms button[aria-checked=true]{background:var(--ad-paper);color:var(--ad-ink);box-shadow:0 1px 3px rgba(0,0,0,.14)}
#main.td .td-vp .td-ts-terms button:focus-visible{outline:2px solid var(--ad-accent);outline-offset:1px}
#main.td .td-ts-terms small{padding:2px 6px;border-radius:999px;background:var(--ad-wash);font:700 11px/1.2 var(--ad-sans);color:var(--ad-accent-ink)}
#main.td .td-ts-ranks{list-style:none;margin:0;padding:0}
#main.td .td-ts-rank{display:grid;grid-template-columns:52px minmax(0,1fr) 150px 140px 190px;gap:16px;align-items:center;margin:0;padding:14px 18px;border-top:1px solid var(--ad-line)}
#main.td .td-ts-rank.is-top{background:color-mix(in srgb,var(--ad-wash) 45%,var(--ad-paper))}
#main.td .td-ts-medal{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--ad-canvas);font:800 16px/1 var(--ad-sans);font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-ts-rank.is-top .td-ts-medal{background:var(--ad-accent);color:var(--ad-on)}
#main.td .td-ts-what{display:grid;gap:2px;min-width:0;margin:0}
#main.td .td-ts-what b{font:700 15.5px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ts-what small{font:400 14px/1.45 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ts-open{margin:0;font:500 13.5px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ts-open b{font:700 14px/1 var(--ad-mono);color:var(--ad-ink)}
#main.td .td-ts-price{display:flex;align-items:baseline;justify-content:flex-end;gap:3px;margin:0}
#main.td .td-ts-price b{font:800 22px/1 var(--ad-sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-ts-price small{min-width:3.4em;font:500 13px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp .td-ts-go{justify-self:end;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--ad-accent) 55%,var(--ad-line));border-radius:10px;font:600 14px/1 var(--ad-sans);white-space:nowrap;color:var(--ad-accent-ink)}
#main.td .td-vp .td-ts-go:hover,#main.td .td-vp .td-ts-rank.is-top .td-ts-go{border-color:var(--ad-accent);background:var(--ad-accent);color:var(--ad-on);text-decoration:none}
#main.td .td-ts-incl{margin:0;padding:12px 18px 14px;border-top:1px solid var(--ad-line);font:400 13.5px/1.6 var(--ad-sans);color:var(--ad-muted)}
/* 02 why · 03 guarantee */
#main.td .td-ts-why{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px 48px;align-items:center}
#main.td .td-lp-shot.td-ts-row{gap:8px;margin:0;padding:18px}
#main.td .td-ts-row-k{margin:0 0 4px;font:600 11.5px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-ts-row-in{display:grid;grid-template-columns:30px 44px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--ad-paper);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--ad-accent) 55%,transparent),0 14px 30px -20px rgba(0,0,0,.4)}
#main.td .td-ts-row-in.is-dim{grid-template-columns:30px 34px minmax(0,1fr) auto;box-shadow:0 1px 2px rgba(0,0,0,.05);opacity:.7}
#main.td .td-ts-row-b{display:grid;gap:3px;min-width:0}
#main.td .td-ts-row-b b{display:flex;align-items:center;gap:8px;min-width:0;font:700 15.5px/1.25 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ts-row-b small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 13px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ts-row-go{padding:9px 13px;border-radius:9px;background:var(--ad-accent);font:600 13.5px/1 var(--ad-sans);white-space:nowrap;color:var(--ad-on)}
#main.td .td-ts-reasons{list-style:none;counter-reset:ts;display:grid;gap:20px;margin:0;padding:0}
#main.td .td-ts-reasons li{position:relative;margin:0;padding:0 0 0 44px;counter-increment:ts}
#main.td .td-ts-reasons li::before{content:counter(ts);position:absolute;left:0;top:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ad-wash);font:700 13px/1 var(--ad-mono);color:var(--ad-accent-ink)}
#main.td .td-ts-reasons b{display:block;margin:0 0 3px;font:700 16.5px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ts-reasons p{margin:0;font:400 15px/1.55 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ts-guar{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;overflow:hidden;border:1px solid var(--ad-line);border-radius:16px;background:var(--ad-paper)}
#main.td .td-ts-guar li{margin:0;padding:22px 24px;border-left:1px solid var(--ad-line)}
#main.td .td-ts-guar li:first-child{border-left:0}
#main.td .td-ts-guar b{display:flex;align-items:center;gap:9px;margin:0 0 6px;font:700 16.5px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ts-guar b::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--ad-accent)}
#main.td .td-ts-guar p{margin:0;font:400 15px/1.55 var(--ad-sans);color:var(--ad-muted)}
/* /advertise/: three products side by side */
#main.td .td-um-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
#main.td .td-um-card{display:flex;flex-direction:column;min-width:0;padding:18px 18px 14px;box-sizing:border-box;border:1px solid var(--ad-line2);border-radius:16px;background:var(--ad-paper);box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 40px -30px rgba(0,0,0,.35);scroll-margin-top:24px}
#main.td .td-um-card.is-sponsor{border-color:color-mix(in srgb,var(--ad-accent) 55%,var(--ad-line2));box-shadow:0 0 0 1px color-mix(in srgb,var(--ad-accent) 30%,transparent),0 18px 40px -26px rgba(15,118,110,.45)}
#main.td .td-um-top{margin:0 0 12px}
#main.td .td-um-k{margin:0;font:700 11.5px/1.2 var(--ad-sans);letter-spacing:.09em;text-transform:uppercase;color:var(--ad-accent-ink)}
#main.td .td-um-price{display:flex;align-items:baseline;gap:5px;margin:6px 0 3px;font:500 14px/1.2 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-um-price b{font:800 30px/1 var(--ad-sans);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-um-s{margin:0;font:500 13.5px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp .td-um-card .td-go-q input{min-height:46px}
#main.td .td-um-card .td-go-list{flex:1 1 auto;align-content:start}
#main.td .td-um-more{margin:10px 0 0;padding:10px 2px 0;border-top:1px solid var(--ad-line);font:600 14px/1.3 var(--ad-sans)}
#main.td .td-um-more a{color:var(--ad-accent-ink)}
#main.td .td-um-form{display:grid;flex:1 1 auto;align-content:start;gap:8px}
#main.td .td-um-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#main.td .td-vp .td-um-form input,#main.td .td-vp .td-um-form select,#main.td .td-vp .td-um-form textarea{box-sizing:border-box;width:100%;min-height:44px;margin:0;padding:10px 12px;border:1px solid var(--ad-line2);border-radius:10px;background:var(--ad-paper);font:400 15px/1.3 var(--ad-sans);color:var(--ad-ink);-webkit-appearance:none;appearance:none}
#main.td .td-vp .td-um-form select{padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%236B6B6B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}
#main.td .td-vp .td-um-form textarea{min-height:66px;resize:vertical}
#main.td .td-vp .td-um-form input:focus,#main.td .td-vp .td-um-form select:focus,#main.td .td-vp .td-um-form textarea:focus{outline:none;border-color:var(--ad-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--ad-accent) 22%,transparent)}
#main.td .td-vp .td-um-send{min-height:46px;margin:2px 0 0;border:0;border-radius:10px;background:var(--ad-accent);font:700 15px/1 var(--ad-sans);color:var(--ad-on);cursor:pointer}
#main.td .td-vp .td-um-send:hover{filter:brightness(.94)}
#main.td .td-vp .td-um-send:disabled{opacity:.6;cursor:progress}
#main.td .td-um-form .td-msg{display:block;margin:0;padding:0;background:none;font:500 12.5px/1.45 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-um-form .td-msg.ok{color:var(--ad-accent-ink)}
#main.td .td-um-form .td-msg.err{color:var(--td-spon,#B45309)}
#main.td .td-um-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
#main.td .td-um-proof{margin:18px 0 0}
#main.td .td-um-proof .td-lp-trust{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;padding:0;font:500 14px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-um-proof .td-lp-trust li{display:inline-flex;align-items:center;gap:7px;margin:0}
#main.td .td-um-proof .td-lp-trust svg{color:var(--ad-accent)}
#main.td .td-um .td-lp-along{margin-top:28px}
#main.td .td-um-ladder th a{color:inherit}
#main.td .td-um-ladder th a:hover b{color:var(--ad-accent-ink)}
/* /advertise/audience/ (scaffold) */
.itgp-ph-trust{display:inline-flex;align-items:center;gap:8px;margin:10px 0 0;padding:6px 12px;border:1px solid color-mix(in srgb,var(--ad-accent,var(--td-accent)) 30%,transparent);border-radius:999px;background:color-mix(in srgb,var(--ad-accent,var(--td-accent)) 7%,transparent);font:600 13px/1.4 var(--ad-sans,var(--td-font));color:var(--ad-ink,var(--td-ink))}
.itgp-ph-trust a{color:var(--ad-accent,var(--td-accent))!important;text-decoration:underline!important}
#main.td .td-au-kpis{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 6px;padding:0}
#main.td .td-au-kpis li{margin:0;padding:16px 18px;border:1px solid var(--ad-line2);border-radius:14px;background:var(--ad-paper)}
#main.td .td-au-kpis b{display:block;font:800 26px/1.15 var(--ad-sans);letter-spacing:-.02em;color:var(--ad-ink);font-variant-numeric:tabular-nums}
#main.td .td-au-kpis span{display:block;margin-top:2px;font:500 13px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-au-bars{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:end;gap:8px;height:190px;margin:0;padding:0}
#main.td .td-au-bars li{display:grid;grid-template-rows:1fr auto auto;align-items:end;justify-items:center;gap:4px;height:100%;margin:0}
#main.td .td-au-bars i{width:100%;max-width:38px;border-radius:6px 6px 0 0;background:var(--ad-accent,var(--td-accent))}
#main.td .td-au-bars span{font:500 11.5px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-au-bars b{font:700 12px/1 var(--ad-sans);color:var(--ad-ink);font-variant-numeric:tabular-nums}
#main.td .td-au-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px}
#main.td .td-au-cols h3{margin:0 0 10px;font:700 14px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-au-list2{list-style:none;display:grid;gap:9px;margin:0;padding:0}
#main.td .td-au-list2 li{display:grid;grid-template-columns:minmax(72px,auto) minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;font:500 14px/1.4 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-au-list2 i{height:8px;border-radius:999px;background:color-mix(in srgb,var(--ad-accent,var(--td-accent)) 22%,transparent);position:relative}
#main.td .td-au-list2 i::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w,0%);border-radius:999px;background:var(--ad-accent,var(--td-accent))}
#main.td .td-au-list2 b{font-variant-numeric:tabular-nums;color:var(--ad-muted);font-weight:600}
#main.td .td-au-dirs li{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto}
#main.td .td-au-list{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0}
#main.td .td-au-list li{margin:0;padding:18px 20px;border:1px dashed var(--ad-line2);border-radius:14px}
#main.td .td-au-list b{display:block;margin:0 0 4px;font:700 16px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-au-list p{margin:0;font:400 14.5px/1.55 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-au-back{margin:24px 0 0;font:600 14.5px/1.3 var(--ad-sans)}
@media (max-width:1180px){
  #main.td .td-ts-rank{grid-template-columns:48px minmax(0,1fr) 130px 170px;grid-template-areas:"m w p g" "m o p g"}
  #main.td .td-ts-medal{grid-area:m}#main.td .td-ts-what{grid-area:w}#main.td .td-ts-open{grid-area:o}#main.td .td-ts-price{grid-area:p}#main.td .td-vp .td-ts-go{grid-area:g}
  #main.td .td-lp-logos{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:980px){
  #main.td .td-lp{--lp-gap:48px}
  #main.td .td-um-cards,#main.td .td-lp-gets,#main.td .td-ts-why{grid-template-columns:minmax(0,1fr)}
  #main.td .td-lp-steps{grid-template-columns:minmax(0,1fr);gap:18px}
  #main.td .td-lp-steps::before{left:22px;right:auto;top:22px;bottom:22px;width:1px;height:auto;background:linear-gradient(180deg,color-mix(in srgb,var(--ad-accent) 60%,transparent),var(--ad-line))}
  #main.td .td-lp-steps li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:2px 16px}
  #main.td .td-lp-step-ic{grid-row:1/span 2;margin:0}
  #main.td .td-ts-guar{grid-template-columns:minmax(0,1fr)}
  #main.td .td-ts-guar li{border-left:0;border-top:1px solid var(--ad-line)}
  #main.td .td-ts-guar li:first-child{border-top:0}
  #main.td .td-au-list{grid-template-columns:minmax(0,1fr)}
  #main.td .td-au-bars{height:150px;gap:5px}
  #main.td .td-au-bars b{font-size:10.5px}
  #main.td .td-au-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .itgp-ph-card.td-lp-prev,.itgp-ph-card.td-ts-demo{max-width:460px}
  .td-lp-find .td-lp-res a{grid-template-columns:minmax(0,1fr) auto}
  .td-lp-find .td-lp-res-lg{display:none}
  .td-lp-find .td-lp-res .n,.td-lp-find .td-lp-res .s{grid-column:1}
  .td-lp-find .td-lp-res .t{grid-column:2}
  #main.td .td-lp-head{grid-template-columns:minmax(0,1fr)}
  #main.td .td-lp-n{margin:0 0 8px}
  #main.td .td-ts-terms{display:flex;margin:12px}
  #main.td .td-vp .td-ts-terms button{flex:1 1 0;justify-content:center;padding:0 8px}
  #main.td .td-ts-terms small{display:none}
  #main.td .td-ts-rank{grid-template-columns:44px minmax(0,1fr) auto;grid-template-areas:"m w p" "m o g";gap:8px 12px;padding:14px}
  #main.td .td-ts-medal{width:40px;height:40px;align-self:start}
  #main.td .td-ts-price{align-self:start}
  #main.td .td-vp .td-ts-go{min-height:38px;padding:0 12px}
  #main.td .td-lp-final{padding:24px 20px;border-radius:14px}
  /* 21-Sep-2026: the bleed used --gut, which the theme sets to 24px while the page's own gutter narrows to 20px below
     360px — the strip then ran 4px past the viewport and every /submit/ render scrolled sideways. 50vw measures the
     real distance to the edge at any width, so the scroller lands exactly on it (mobile-only: no classic scrollbar
     to make vw overshoot). */
  #main.td .td-lp-logos{display:flex;gap:18px;margin-right:calc(50% - 50vw);padding:0 calc(50vw - 50%) 4px 0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
  #main.td .td-lp-logos::-webkit-scrollbar{display:none}
  #main.td .td-lp-logos li{flex:0 0 72px;scroll-snap-align:start}
  #main.td .td-um-two{grid-template-columns:minmax(0,1fr)}
  #main.td .td-ts-row-in{grid-template-columns:24px 40px minmax(0,1fr)}
  #main.td .td-ts-row-go{display:none}
  #main.td .td-ts-row-in.is-dim{grid-template-columns:24px 34px minmax(0,1fr) auto}
}
/* product pages: the vendor's own Featured listing (revealed by tools.js only for its signed-in vendor) */
#main.td .td-yours--owner{border-color:color-mix(in srgb,var(--td-accent) 40%,var(--td-line))}

/* pretty compare URLs (17-Sep): which directory the scores come from */
#main.td .td-cq-scored{margin:10px 0 0;font:500 14px/1.5 var(--ad-sans,inherit);color:var(--ad-muted,var(--td-muted))}
#main.td .td-cq-scored a{color:var(--td-accent);font-weight:600}
#main.td .td-cq-scored.is-cross{color:var(--ad-ink,var(--td-ink))}

/* ---- TOUCH TARGETS (owner 17-Sep: "iTechGuides 100% responsive ho across all devices" · responsive gate): on touch screens every link,
        button and control gets a ≥40 px hit area WITHOUT moving anything — text links grow by padding with an equal negative margin
        (no layout change, nothing visible), boxed controls by an invisible ::after. Honeypots use the visually-hidden clip pattern. ---- */
@media (pointer: coarse){
  #main.td .itgp-ph-crumb a, #main.td .td-crumb a, #main.td .td-tr-note a, #main.td .td-tr-m a, #main.td .td-tr-t a, #main.td a.td-tbl-tool,
  #main.td .td-sx-t a, #main.td .td-sx-m a, #main.td .td-sx-gh a, #main.td a.td-sx-cmp, #main.td a.td-cx-gname, #main.td a.td-cp-name, #main.td a.td-pick-n,
  #main.td .td-vp-ladder th a, #main.td .td-main td > a, #main.td a.td-vp-spot, #main.td .td-lede a, #main.td .td-um-more a, #main.td .td-lp-eg a,
  #main.td .td-lp-along-s a, #main.td .td-cx-links a, #main.td .td-disc a, #main.td a.td-sec-link, #main.td .td-prose a, #main.td .td-msg a,
  #main.td .td-main p > a:not([class]), #main.td .td-main li > a:not([class]), #main.td .td-main dd > a:not([class]), #main.td .td-main small > a:not([class]),
  #main.td details > summary, #main.td label.td-cq-diff{padding-block:12px;margin-block:-12px}
  #main.td button.td-seg-b, #main.td button.td-cmp-add, #main.td .td-ck-change, #main.td a.td-sx-tab, #main.td a.td-sx-logos, #main.td .td-cq-x,
  #main.td .td-ts-terms button, #main.td .td-cq-chip, #main.td .td-go-chip, #main.td .itgp-ph-chip{position:relative}
  #main.td button.td-seg-b::after, #main.td button.td-cmp-add::after, #main.td .td-ck-change::after, #main.td a.td-sx-tab::after, #main.td a.td-sx-logos::after,
  #main.td .td-cq-x::after, #main.td .td-ts-terms button::after, #main.td .td-cq-chip::after, #main.td .td-go-chip::after, #main.td .itgp-ph-chip::after{content:"";position:absolute;inset:-8px -4px}
  /* 23-Sep-2026 (E2E audit P0-6): the text-link padding above must NEVER reach a link that is already a sized box in a tight grid. The
     A-Z letters are 34 px circles in a wrapping flex row, and a compare index's opponents are 34 px grid rows. `li > a:not([class])`
     gave each one 12 px of extra padding plus a -12 px margin, so a circle took only 10 px of layout, the rows stacked on top of each
     other and the letters could not be read. The opponent rows' tap areas overlapped too (40 axe target-size hits on a phone). Both
     links carry a class now (td-az-l, td-cx-opp), so the rule no longer matches them. This override also covers any class-less
     markup still in circulation, such as edge-cached copies. It matches the rule's specificity (1,3,2) and comes after it. */
  #main.td .td-main .td-az li > a, #main.td .td-main .td-cx-opps li > a{margin-block:0}
  #main.td .td-main .td-az li > a{padding-block:0}
  #main.td .td-main .td-cx-opps li > a{padding-block:6px}
  /* Dense two-line rows on /top-rated/ and /search/ (P1-14, 23-Sep-2026): a product name link sits directly above its directory
     link, and the text-link padding on both made their tap areas overlap (axe target-size on a phone: 34 on /top-rated/, 11 on
     /search/). These class-less links match the rule's `.td-main p > a:not([class])` branch, specificity (1,3,2), so an override
     needs (1,3,2) too; `.td-tr-t a` at (1,2,1) loses. The directory line is a 24 px target on its own (the P1-14 rule near the end
     of this file), and the name keeps only its upward extension, so the two never overlap. The "Compare →" action under a search
     result reaches down only, clear of the directory link above it. */
  #main.td .td-main p.td-tr-m > a, #main.td .td-main p.td-sx-m > a{padding-block:0;margin-block:0}
  #main.td .td-main p.td-tr-t > a, #main.td .td-main p.td-sx-t > a{padding-block:12px 0;margin-block:-12px 0}
  #main.td .td-main a.td-sx-cmp{padding-block:0 12px;margin-block:0 -12px}
}
#main.td .hp, #main.td label.hp{position:absolute!important;left:auto!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* product hero on small phones: score card and Visit button stack so the button never runs off the screen */
@media (max-width:480px){
  #main.td .td-phero-side{grid-template-columns:minmax(0,1fr)!important;justify-items:stretch}
  #main.td .td-phero-cta{justify-items:stretch}
  #main.td .td-phero-cta a.td-visit{max-width:100%;white-space:normal;text-align:center}
}
/* comparison tables on phones: the first column stays put while the rest swipes, and columns snap */
@media (max-width:760px){
  #main.td .td-tblwrap{scroll-snap-type:x proximity;overscroll-behavior-x:contain}
  #main.td .td-tblwrap table.td-cmp th, #main.td .td-tblwrap table.td-cmp td{scroll-snap-align:start}
  #main.td .td-tblwrap table.td-cmp tr > :first-child{position:sticky;left:0;z-index:2;background:var(--td-surface,var(--paper))}
  #main.td .td-tblwrap table.td-cmp thead tr > :first-child{background:var(--canvas,var(--td-surface2))}
  #main.td .td-tblwrap table.td-cmp--ranked tr > :nth-child(2){position:sticky;left:44px;z-index:2;background:var(--td-surface,var(--paper));box-shadow:1px 0 0 var(--td-line,var(--line))}
  #main.td .td-tblwrap table.td-cmp--ranked thead tr > :nth-child(2){background:var(--canvas,var(--td-surface2))}
}
.itgp-ph .td-lp-missing{margin:14px 0 -6px;font:600 14px/1.4 var(--font-text);color:#FFFFFF}
/* phones: body and meta text never under 14 px (responsive gate), the row's "Take this spot" wraps instead of running off a 320 px screen */
@media (max-width:760px){
  #main.td .td-um-s, #main.td .td-um-form .td-msg, #main.td .td-ts-incl, #main.td .td-ftr-vend-s, #main.td .td-grow-fine, #main.td .td-disc, #main.td .td-bestfor,
  #main.td .td-pick-price, #main.td .td-cp-tally-note, #main.td .td-sx-o, #main.td .td-ck-steps li, #main.td .td-ck-guar, #main.td .td-ck-trust,
  #main.td .td-lp-glance dd, #main.td .td-crumb li, #main.td .td-go-none, #main.td .td-go-proof li, #main.td .td-lp-along-s, #main.td .td-au-list p{font-size:14px}
  #main.td .td-row .td-vp-spot{white-space:normal;max-width:100%;margin-left:0}
}
@media (pointer: coarse){
  #main.td .td-vp .td-cq-addslot{position:relative}
  #main.td .td-vp .td-cq-addslot::after{content:"";position:absolute;inset:-6px -2px}
}
@media (max-width:760px){
  #main.td .td-ck-more[open]:not([data-ck-unfolded])>:not(summary){display:none}
  #main.td .td-ck-more[open]:not([data-ck-unfolded])>summary::after{transform:rotate(45deg);margin-bottom:2px}
}

/* ---- COMPARE v2 (17-Sep-2026): one compare experience — pair pages and every /compare/ result share these components ---- */
#main.td .td-cx2-board{grid-template-columns:repeat(var(--n),minmax(0,1fr))}
#main.td .td-cx2-board .td-cp-side+.td-cp-side{border-left:1px solid var(--td-line)}
#main.td a.td-cp-rank{color:var(--td-muted)!important;text-decoration:none!important}
#main.td a.td-cp-rank:hover{color:var(--td-accent)!important;text-decoration:underline!important}
#main.td .td-cx2-extras{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 6px;margin-top:2px}
#main.td .td-cx2-extras span{font:600 12px/1 var(--td-font);padding:5px 8px;border-radius:999px;background:var(--td-free-wash,var(--td-surface2));color:var(--td-free,var(--td-ink))}
#main.td .td-cx2-extras span.fc{background:var(--td-surface2);color:var(--td-ink)}
#main.td .td-cx2-wins{padding:14px 16px}
#main.td .td-cx2-wins-h{margin:0 0 10px;font-size:14px}#main.td .td-cx2-wins-h span{color:var(--td-muted);font-size:13px}
#main.td .td-cx2-wins ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
#main.td .td-cx2-wins li{display:grid;grid-template-columns:22px minmax(90px,.8fr) minmax(0,2fr) 28px;gap:10px;align-items:center;font-size:14px}
#main.td .td-cx2-wins li .n{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main.td .td-cx2-wins li b{text-align:right;font-variant-numeric:tabular-nums}
#main.td .td-cx2-wbar{display:block;height:8px;border-radius:999px;background:var(--td-surface2);overflow:hidden}
#main.td .td-cx2-wbar i{display:block;height:100%;border-radius:inherit;background:var(--td-line-strong,var(--td-line))}
#main.td .td-cx2-wins li.is-top .td-cx2-wbar i{background:var(--td-accent-strong,var(--td-accent))}
#main.td .td-cx2-verdict{margin:22px 0 8px}
#main.td .td-cx2-hl{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
#main.td .td-cx2-hl li{display:grid;gap:3px;min-width:0;padding:10px 14px;border:1px solid var(--td-line);border-radius:12px;background:var(--td-surface)}
#main.td .td-cx2-hl .k{font:700 11.5px/1.2 var(--td-font);letter-spacing:.07em;text-transform:uppercase;color:var(--td-muted)}
#main.td .td-cx2-hl b{font:650 14.5px/1.35 var(--td-font);color:var(--td-ink);overflow-wrap:anywhere}
#main.td .td-cx2-bar{margin-top:6px}
#main.td .td-cx2-acts{display:inline-flex;gap:8px;align-items:center}
#main.td .td-vp .td-cx2-btn,#main.td .td-cx2-btn{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:6px 14px;border:1px solid var(--td-line);border-radius:999px;background:var(--td-surface);font:600 14px/1 var(--td-font);color:var(--td-ink)!important;cursor:pointer;text-decoration:none!important}
#main.td .td-cx2-btn:hover{border-color:var(--td-accent)}
#main.td .td-cx2-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#main.td .td-cq-table td.td-cx2-win{background:var(--td-free-wash,var(--ad-good-wash));font-weight:700}
#main.td .td-cq-table td.td-cx2-win::after{content:" ✓";color:var(--td-free,var(--ad-good));font-weight:800}
#main.td .td-cx2-gfc{margin-left:8px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ad-muted,var(--td-muted))}
#main.td .td-vp .td-cx2-builder{margin:14px 0 0}
#main.td .td-vp .td-cx2-builder .td-cq-edit{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:4px 2px;border:0;background:transparent;font:600 14.5px/1.3 var(--ad-sans);color:var(--ad-ink);text-align:left;cursor:pointer}
#main.td .td-vp .td-cx2-builder .td-cq-edit b{color:var(--ad-accent-ink);white-space:nowrap}
#main.td .td-cx2-builder:not(.is-open) .td-cq-slots,#main.td .td-cx2-builder:not(.is-open) .td-cq-actions{display:none}
#main.td .td-cx2-pc{grid-template-columns:repeat(min(var(--n),2),minmax(0,1fr))}
#main.td .td-cx2-cta{grid-template-columns:repeat(min(var(--n),4),minmax(0,1fr))}
#main.td .td-cx2-h{margin-top:28px}
#main.td .td-cx2-mini{position:fixed;left:0;right:0;top:0;z-index:60;background:color-mix(in srgb,var(--td-surface,#fff) 94%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--td-line);box-shadow:0 8px 24px -18px rgba(0,0,0,.35);transform:translateY(-110%);transition:transform .22s ease;pointer-events:none}
#main.td .td-cx2-mini.is-on{transform:none;pointer-events:auto}
#main.td .td-cx2-mini-in{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:10px;max-width:1140px;margin:0 auto;padding:8px 16px}
#main.td .td-cx2-mini-t{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:8px;align-items:center;min-width:0}
#main.td .td-cx2-mini-t b{font:700 14px/1.2 var(--td-font);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main.td .td-cx2-mini-t small{font:800 14px/1 var(--td-font);font-variant-numeric:tabular-nums;color:var(--td-muted)}
#main.td a.td-cx2-mini-v{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:999px;background:var(--td-accent);color:var(--td-accent-ink,#fff)!important;font:700 13px/1 var(--td-font);text-decoration:none!important}
@media (prefers-reduced-motion:reduce){ #main.td .td-cx2-mini{transition:none} }
@media (max-width:900px){
  #main.td .td-cx2-board{grid-template-columns:repeat(2,minmax(0,1fr))}
  #main.td .td-cx2-board .td-cp-side:nth-child(odd){border-left:0}
  #main.td .td-cx2-board .td-cp-side:nth-child(n+3){border-top:1px solid var(--td-line)}
  #main.td .td-cx2-cta{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  #main.td .td-cx2-pc,#main.td .td-cx2-cta{grid-template-columns:minmax(0,1fr)}
  #main.td .td-cx2-mini-in{gap:6px;padding:6px 10px}
  #main.td .td-cx2-mini-t{grid-template-columns:auto minmax(0,1fr) auto}
  #main.td .td-cx2-mini-t .td-logo{display:none}
  #main.td a.td-cx2-mini-v{display:none}
  #main.td .td-cx2-mini-t b{font-size:13px}
  #main.td .td-cx2-wins li{grid-template-columns:22px minmax(0,1fr) 28px}
  #main.td .td-cx2-wbar{grid-column:1/-1;order:5}
  #main.td .td-cx2-hl{grid-template-columns:minmax(0,1fr)}
}
@media (pointer:coarse){
  #main.td .td-vp .td-cx2-btn,#main.td .td-cx2-btn{min-height:44px}
  #main.td a.td-cp-rank{position:relative}
  #main.td a.td-cp-rank::after{content:"";position:absolute;inset:-12px -6px}
}

/* ---- COMPARE PICKER (owner 17-Sep): four equal slots, search slots with rich suggestions, compact filled cards, category prefill,
        popular matchups, a counted Compare button (sticky on phones). Fixed slot heights: no layout shift between states. ---- */
#main.td .td-pk{position:relative;display:grid;gap:14px;padding:18px;border:1.5px solid var(--ad-line2,var(--td-line));border-radius:18px;background:var(--ad-paper,var(--td-surface));box-shadow:var(--ad-lift,var(--td-shadow))}
#main.td .td-pk-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0}
#main.td .td-pk{grid-template-columns:minmax(0,1fr);min-width:0}
#main.td .td-pk-cat{min-width:0;max-width:100%}
#main.td .td-vp .td-pk-cat select,#main.td .td-pk-cat select{min-width:0;width:auto}
#main.td .td-pk-slots{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#main.td .td-pk-slot{position:relative;min-width:0;height:84px}
#main.td .td-pk-vs{position:absolute;left:-18px;top:50%;z-index:2;width:22px;height:22px;margin-left:-2px;transform:translateY(-50%);display:grid;place-items:center;border-radius:50%;background:var(--ad-paper,var(--td-surface));border:1px solid var(--ad-line2,var(--td-line));font:italic 600 11px/1 var(--td-serif,Georgia,serif);color:var(--ad-muted,var(--td-muted))}
#main.td .td-pk-q{display:flex;align-items:center;gap:10px;height:100%;padding:0 14px;border:1.5px dashed var(--ad-line2,var(--td-line));border-radius:14px;background:var(--ad-paper,var(--td-surface));cursor:text;transition:border-color .15s,box-shadow .15s,opacity .15s}
#main.td .td-pk-q svg{flex:none;width:20px;height:20px;fill:none;stroke:var(--ad-muted,var(--td-muted));stroke-width:2;stroke-linecap:round}
#main.td .td-vp .td-pk-q input,#main.td .td-pk-q input{flex:1;min-width:0;height:100%;padding:0;border:0!important;background:transparent!important;box-shadow:none!important;outline:none;font:600 16px/1.3 var(--ad-sans,var(--td-font));color:var(--ad-ink,var(--td-ink))}
#main.td .td-pk-q input::placeholder{color:var(--ad-muted,var(--td-muted));font-weight:500}
#main.td .td-pk-q:hover,#main.td .td-pk-q:focus-within{border-style:solid;border-color:var(--ad-accent,var(--td-accent))}
#main.td .td-pk-q:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--ad-accent,var(--td-accent)) 20%,transparent)}
#main.td .td-pk-slot.is-ghost .td-pk-q{border-style:dotted;opacity:.62;background:var(--ad-canvas,var(--td-surface2))}
#main.td .td-pk-slot.is-ghost .td-pk-q:hover{opacity:1}
#main.td .td-pk-card{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;align-items:center;height:100%;padding:0 6px 0 10px;border:1.5px solid var(--ad-accent,var(--td-accent));border-radius:14px;background:color-mix(in srgb,var(--ad-wash,var(--td-accent-soft)) 55%,var(--ad-paper,var(--td-surface)))}
#main.td .td-pk-card.is-in{animation:tdPkIn .22s ease-out}
@keyframes tdPkIn{from{opacity:.35;transform:scale(.985)}to{opacity:1;transform:none}}
#main.td .td-pk-logo{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;background:#fff;overflow:hidden;box-shadow:0 0 0 1px var(--ad-line,var(--td-line))}
#main.td .td-pk-logo img{width:100%;height:100%;object-fit:contain}
#main.td .td-pk-logo i,#main.td .td-pk-dd li>i,#main.td .td-pk-chip-logos i{font:800 17px/1 var(--ad-sans,var(--td-font));font-style:normal;color:var(--ad-accent-ink,var(--td-accent))}
#main.td .td-pk-meta{display:grid;min-width:0;gap:1px}
#main.td .td-pk-meta b{overflow:hidden;font:700 15px/1.25 var(--ad-sans,var(--td-font));color:var(--ad-ink,var(--td-ink));text-overflow:ellipsis;white-space:nowrap}
#main.td .td-pk-meta small{overflow:hidden;font:500 12px/1.3 var(--ad-sans,var(--td-font));color:var(--ad-muted,var(--td-muted));text-overflow:ellipsis;white-space:nowrap}
#main.td .td-pk-facts{display:flex;align-items:center;gap:6px;min-width:0;margin-top:2px}
#main.td .td-pk-score{flex:none;padding:2px 7px;border-radius:999px;background:var(--ad-accent,var(--td-accent));color:var(--ad-on,#fff);font:800 11.5px/1.3 var(--ad-mono,ui-monospace,monospace)}
#main.td .td-pk-price{overflow:hidden;font:500 12px/1.3 var(--ad-sans,var(--td-font));color:var(--ad-muted,var(--td-muted));text-overflow:ellipsis;white-space:nowrap}
#main.td .td-vp .td-pk-x,#main.td .td-pk-x{width:32px;height:32px;border:0;border-radius:9px;background:transparent;font:500 22px/1 var(--ad-sans,var(--td-font));color:var(--ad-muted,var(--td-muted));cursor:pointer}
#main.td .td-pk-x:hover{background:var(--ad-canvas,var(--td-surface2));color:var(--ad-ink,var(--td-ink))}
#main.td .td-pk-dd{position:absolute;left:0;top:calc(100% + 6px);z-index:40;width:max(100%,min(400px,calc(100vw - 32px)));max-height:400px;overflow:auto;border:1px solid var(--ad-line2,var(--td-line));border-radius:14px;background:var(--ad-paper,var(--td-surface));box-shadow:0 18px 40px -12px rgba(0,0,0,.22)}
#main.td .td-pk-slot:nth-child(n+3) .td-pk-dd{left:auto;right:0}
#main.td .td-pk-dd ul{list-style:none;margin:0;padding:6px}
#main.td .td-pk-dd li{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;gap:10px;align-items:center;min-height:48px;padding:6px 8px;border-radius:10px;cursor:pointer}
#main.td .td-pk-dd li.is-cur,#main.td .td-pk-dd li[data-i]:hover{background:var(--ad-wash,var(--td-accent-soft))}
#main.td .td-pk-dd li>img,#main.td .td-pk-dd li>i{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#fff;object-fit:contain;box-shadow:0 0 0 1px var(--ad-line,var(--td-line))}
#main.td .td-pk-dd .n{display:grid;min-width:0}
#main.td .td-pk-dd .n b{overflow:hidden;font:650 14px/1.25 var(--ad-sans,var(--td-font));color:var(--ad-ink,var(--td-ink));text-overflow:ellipsis;white-space:nowrap}
#main.td .td-pk-dd .n small{overflow:hidden;font:500 12px/1.3 var(--ad-sans,var(--td-font));color:var(--ad-muted,var(--td-muted));text-overflow:ellipsis;white-space:nowrap}
#main.td .td-pk-dd .s{padding:2px 7px;border-radius:999px;background:var(--ad-canvas,var(--td-surface2));font:800 11.5px/1.3 var(--ad-mono,ui-monospace,monospace);color:var(--ad-ink,var(--td-ink))}
#main.td .td-pk-dd .f{padding:2px 7px;border-radius:999px;background:var(--ad-good-wash,var(--td-free-wash));font:700 11px/1.3 var(--ad-sans,var(--td-font));color:var(--ad-good,var(--td-free));white-space:nowrap}
#main.td .td-pk-dd li.h{display:block;min-height:0;padding:10px 8px 4px;cursor:default;font:700 11px/1.2 var(--ad-sans,var(--td-font));letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted,var(--td-muted));background:none!important}
#main.td .td-pk-dd li.note{display:block;min-height:0;padding:12px 8px;cursor:default;font:500 13.5px/1.45 var(--ad-sans,var(--td-font));color:var(--ad-muted,var(--td-muted))}
#main.td .td-pk-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
#main.td .td-pk-cat{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:600 14px/1.3 var(--ad-sans,var(--td-font));color:var(--ad-muted,var(--td-muted))}
#main.td .td-vp .td-pk-cat select,#main.td .td-pk-cat select{min-height:44px;max-width:100%;padding:8px 36px 8px 12px;border:1px solid var(--ad-line2,var(--td-line));border-radius:12px;background-color:var(--ad-paper,var(--td-surface));font:600 14.5px/1.2 var(--ad-sans,var(--td-font));color:var(--ad-ink,var(--td-ink))}
#main.td .td-vp .td-pk-go,#main.td .td-pk-go{margin-left:auto;min-height:52px;padding:0 30px;border:0;border-radius:999px;background:var(--ad-accent,var(--td-accent));color:var(--ad-on,#fff);font:750 16px/1 var(--ad-sans,var(--td-font));cursor:pointer;transition:filter .15s,background .15s}
#main.td .td-pk-go:hover:not(:disabled){filter:brightness(1.06)}
#main.td .td-pk-go:disabled{background:var(--ad-canvas,var(--td-surface2));color:var(--ad-muted,var(--td-muted));box-shadow:inset 0 0 0 1px var(--ad-line2,var(--td-line));cursor:not-allowed}
#main.td .td-pk-pop{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding-top:12px;border-top:1px solid var(--ad-line,var(--td-line))}
#main.td .td-pk-pop-k{font:700 11.5px/1.2 var(--ad-sans,var(--td-font));letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted,var(--td-muted))}
#main.td .td-pk-pop ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;min-width:0;max-width:100%}
#main.td .td-pk-pop{min-width:0}
#main.td .td-pk-pop li{min-width:0;max-width:100%}
#main.td .td-vp a.td-pk-chip,#main.td a.td-pk-chip{display:inline-flex;align-items:center;gap:8px;min-height:40px;max-width:100%;padding:4px 14px 4px 5px;border:1px solid var(--ad-line2,var(--td-line));border-radius:999px;background:var(--ad-paper,var(--td-surface));font:600 13.5px/1.2 var(--ad-sans,var(--td-font));color:var(--ad-ink,var(--td-ink))!important;text-decoration:none!important}
#main.td a.td-pk-chip:hover{border-color:var(--ad-accent,var(--td-accent))}
#main.td .td-pk-chip-logos{display:flex;flex:none}
#main.td .td-pk-chip-logos img,#main.td .td-pk-chip-logos i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;object-fit:contain;box-shadow:0 0 0 2px var(--ad-paper,var(--td-surface))}
#main.td .td-pk-chip-logos>*+*{margin-left:-8px}
#main.td .td-pk-chip-t{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main.td .td-pk-toggle{display:none}
#main.td .td-pk.is-compact{padding:10px 14px;box-shadow:none}
#main.td .td-pk.is-compact:not(.is-open) .td-pk-body{display:none}
#main.td .td-vp .td-pk.is-compact .td-pk-toggle,#main.td .td-pk.is-compact .td-pk-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:44px;padding:0 2px;border:0;background:transparent;font:600 14.5px/1.3 var(--ad-sans,var(--td-font));color:var(--ad-ink,var(--td-ink));text-align:left;cursor:pointer}
#main.td .td-pk-toggle b{color:var(--ad-accent-ink,var(--td-accent));white-space:nowrap}
@media (prefers-reduced-motion:reduce){ #main.td .td-pk-card.is-in{animation:none} }
@media (max-width:900px){
  #main.td .td-pk-slots{grid-template-columns:repeat(2,minmax(0,1fr))}
  #main.td .td-pk-slot:nth-child(3) .td-pk-vs{display:none}
  #main.td .td-pk-slot:nth-child(2) .td-pk-dd,#main.td .td-pk-slot:nth-child(4) .td-pk-dd{left:auto;right:0}
  #main.td .td-pk-slot:nth-child(3) .td-pk-dd{left:0;right:auto}
}
@media (max-width:640px){
  #main.td .td-pk{padding:12px;gap:12px}
  #main.td .td-pk-slots{gap:10px 14px}
  #main.td .td-pk-slot{height:76px}
  #main.td .td-pk-vs{left:-14px;width:20px;height:20px;margin-left:-3px;font-size:10px}
  #main.td .td-pk-q{padding:0 10px;gap:6px}
  #main.td .td-pk-q svg{width:17px;height:17px}
  #main.td .td-vp .td-pk-q input,#main.td .td-pk-q input{font-size:14px}
  #main.td .td-pk-pop li:nth-child(n+7){display:none}
  #main.td .td-pk-card{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:0 30px 0 6px}
  #main.td .td-pk-logo{width:36px;height:36px;border-radius:9px}
  #main.td .td-pk-meta b{font-size:14px}
  #main.td .td-vp .td-pk-card .td-pk-x,#main.td .td-pk-card .td-pk-x{position:absolute;top:50%;right:-2px;width:30px;height:30px;transform:translateY(-50%);font-size:20px}
  #main.td .td-pk-card .td-pk-x::after{content:"";position:absolute;inset:-7px}  /* the touch target stays 44 px */
  #main.td .td-pk-price{display:none}
  #main.td .td-pk-dd{width:calc(100vw - 40px)}
  #main.td .td-pk-slot:nth-child(odd) .td-pk-dd{left:0;right:auto}
  #main.td .td-pk-slot:nth-child(even) .td-pk-dd{left:auto;right:0}
  #main.td .td-pk-foot{position:sticky;bottom:0;z-index:30;margin:0 -12px -12px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--ad-line,var(--td-line));border-radius:0 0 16px 16px;background:var(--ad-paper,var(--td-surface))}
  #main.td .td-pk-cat{width:100%}
  #main.td .td-vp .td-pk-cat select,#main.td .td-pk-cat select{flex:1 1 100%;width:100%}
  #main.td .td-vp .td-pk-go,#main.td .td-pk-go{width:100%;margin-left:0}
}
@media (pointer:coarse){
  #main.td .td-vp .td-pk-x,#main.td .td-pk-x{width:44px;height:44px}
  #main.td a.td-pk-chip{min-height:44px}
}

/* ==== MOBILE HEADER + HERO (owner 18-Sep-2026: "Mobile ke liye header optimized hai na dekh lena hero section bhi"). Measured on the
       live site at 360 / 390 / 414 / 768 before the change; the theme masthead is the only header bar now (the R7-2 section bar is gone). ==== */
/* /best/new/ on touch screens: every directory card shows its name and tool count again. The TOUCH TARGETS rule for plain text links
   (li > a: padding-block 12px + margin-block -12px) also caught these block cards; the -24 px made the card taller than its row, and
   height:100% squeezed the overflow:hidden name/count lines to 5 px. A card is already a 60 px target: it keeps its own box. */
@media (pointer: coarse){
  #main.td .td-main .td-vp .td-nw-dirs>li>a,#main.td .td-main .td-vp .td-nw-tools>li>a{padding:10px 12px;margin-block:0}
}
/* the audience strip on the vendor bands (Advertise, Get listed, Top spot): light text on the dark band, never dark on dark */
.itgp-ph .itgp-ph-trust{flex-wrap:wrap;gap:2px 8px;border-radius:14px;border-color:rgba(94,234,212,.35);background:rgba(94,234,212,.08);color:rgba(255,255,255,.9);font-size:14px}  /* a sentence now: ≥ 14 px on phones (responsive gate) */
.itgp-ph .itgp-ph-trust a{color:#99F6E4!important}
@media (max-width:700px){
  /* hero info chips are labels, not controls: 32 px (the theme's 40 px phone minimum stays on the tappable ones) */
  #main.td .td-meta span.td-chip{min-height:32px;padding-block:5px}
  /* top rated: the 20 topic filters are one swipeable row (they wrapped into ~10 rows and pushed the ranking below the fold) */
  #main.td .td-tr-chips{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;
    -webkit-mask-image:linear-gradient(90deg,#000 86%,transparent);mask-image:linear-gradient(90deg,#000 86%,transparent)}
  #main.td .td-tr-chips::-webkit-scrollbar{display:none}
  #main.td .td-vp .td-tr-chip{flex:none;min-height:40px;white-space:nowrap}
}
@media (max-width:560px){
  /* the hub's four stats as a 2 × 2 grid: the theme's minmax(160px) track stacked them into one 357 px column under 380 px, and the
     search field fell below the fold */
  #main.td .td-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}
  #main.td .td-stats li{padding:10px 12px}
  #main.td .td-stats b{font-size:22px}
  /* the week heading on one line, its count below it (it broke into "Week of 14 / Sep 2026" with the count between) */
  #main.td .td-nw-week h2,#main.td .td-main .td-nw-week h2{flex-direction:column;align-items:flex-start;gap:4px}
}
@media (max-width:420px){
  /* the compare picker's four fields: the icon makes way so "Add another tool" is read whole */
  #main.td .td-pk-q svg{display:none}
}
@media (max-width:380px){
  #main.td .itgp-ph-search input::placeholder{font-size:15px}
}
/* touch screens (tablets included): the first screen's own controls get a ≥ 40 px hit area without moving anything */
@media (pointer: coarse){
  #main.td .td-pick-cta a.td-more, #main.td .itgp-ph-stat dd > a, #main.td .itgp-ph-trust a{padding-block:12px;margin-block:-12px}
  #main.td .td-vp .td-cq-topic h3 a{padding-block:13px;margin-block:-4px}  /* its own 9 px padding is part of the layout: same outer size */
  #main.td .td-meta a.td-chip, #main.td a.td-visit--sm, #main.td .td-vp .td-tr-chip, #main.td .td-stickycta a.td-visit, #main.td .td-yours-acts a,
  #main.td .td-cp-side a.td-visit{position:relative}
  #main.td .td-meta a.td-chip::after, #main.td a.td-visit--sm::after, #main.td .td-vp .td-tr-chip::after, #main.td .td-stickycta a.td-visit::after,
  #main.td .td-yours-acts a::after, #main.td .td-cp-side a.td-visit::after{content:"";position:absolute;inset:-4px 0}
}

/* ==== USER REVIEWS (19-Sep-2026, schema/042 — owner: "proper acha review · user review feature"). Two numbers side by side, never
       blended: the editor score (0–10, ours) and readers' rating (1–5). Summary → 5→1 distribution → reviews → the form (a <details>,
       so it opens without JavaScript). Class names td-rv-* only. Nothing here touches the STICKY RAILS block above. ==== */
.td-rv{margin:6px 0 30px}
.td-rv--first{margin-top:26px}
.td-rv-notice{margin:0 0 14px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--td-accent) 35%,var(--td-line));border-radius:12px;background:color-mix(in srgb,var(--td-accent) 8%,var(--td-surface));font-size:14.5px;line-height:1.5}
.td-rv-notice.is-warn{border-color:color-mix(in srgb,#b45309 40%,var(--td-line));background:color-mix(in srgb,#f59e0b 10%,var(--td-surface))}
.td-rv-sum{display:grid;grid-template-columns:minmax(150px,auto) minmax(0,1fr);gap:16px 28px;align-items:center;padding:18px 20px;border:1px solid var(--td-line);border-radius:12px;background:var(--td-surface)}
.td-rv-avg{display:grid;justify-items:start;gap:4px}
.td-rv-avg-n{display:inline-flex;align-items:baseline;gap:3px}
.td-rv-avg-n b{font:800 44px/1 var(--td-font);letter-spacing:-.03em;color:var(--td-ink);font-variant-numeric:tabular-nums}
.td-rv-avg-n small{font:700 15px/1 var(--td-font);color:var(--td-muted)}
.td-rv-avgstars{position:relative;display:inline-block;font-size:20px;line-height:1;letter-spacing:2px;color:var(--td-line);white-space:nowrap}
.td-rv-avgstars>span{position:absolute;left:0;top:0;overflow:hidden;white-space:nowrap;color:var(--td-star)}
.td-rv-avg-k{font-size:13px;color:var(--td-muted);font-weight:600}
ol.td-rv-dist,.td-rv-dist{list-style:none;margin:0;padding:0;display:grid;gap:5px;min-width:0}
.td-rv-dist li{display:grid;grid-template-columns:34px minmax(0,1fr) 28px;align-items:center;gap:10px;margin:0;font-size:13px;font-variant-numeric:tabular-nums}
.td-rv-dist-k{font-weight:700;color:var(--td-muted);white-space:nowrap}
.td-rv-dist-k i{font-style:normal;color:var(--td-star);margin-left:1px}
.td-rv-bar{display:block;height:8px;border-radius:999px;background:var(--td-surface2);overflow:hidden}
.td-rv-bar i{display:block;height:100%;border-radius:999px;background:var(--td-star)}
.td-rv-dist-n{text-align:right;color:var(--td-muted)}
.td-rv-two{grid-column:1/-1;margin:0;padding-top:12px;border-top:1px solid var(--td-line);font-size:13.5px;line-height:1.5;color:var(--td-muted);display:flex;flex-wrap:wrap;gap:4px 18px}
.td-rv-two b{color:var(--td-ink)}
ol.td-rv-list,.td-rv-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:12px}
.td-rv-item{padding:18px 20px;border:1px solid var(--td-line);border-radius:12px;background:var(--td-surface);margin:0}
.td-rv-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.td-rv-stars{color:var(--td-star);letter-spacing:1.5px;font-size:15px;line-height:1;white-space:nowrap}
.td-rv-title{margin:0;font:700 17px/1.3 var(--td-font);letter-spacing:-.01em}
.td-rv-body{margin:0 0 10px;font-size:15px;line-height:1.6;white-space:pre-line;max-width:70ch}
.td-rv-pc{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}
.td-rv-pc-k{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;margin-bottom:4px}
.td-rv-pros .td-rv-pc-k{color:var(--td-free)}
.td-rv-cons .td-rv-pc-k{color:#b45309}
.td-rv-pc ul{margin:0;padding-left:18px;font-size:14px;color:var(--td-muted)}
.td-rv-pc li{margin:2px 0}
.td-rv-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:13px;color:var(--td-muted);margin-top:8px}
.td-rv-who b{color:var(--td-ink)}
.td-rv-vf{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--td-free-wash);color:var(--td-free);font-weight:700;font-size:12px}
.td-rv-vf.td-rv-unv{background:transparent;color:var(--td-muted,currentColor);border:1px dashed currentColor;font-weight:600}
.td-rv-help{margin-left:auto;display:inline-flex;align-items:center;gap:6px}
#main.td .td-rv-helpbtn{border:1px solid var(--td-line);background:var(--td-surface);color:var(--td-ink);border-radius:999px;padding:5px 12px;font:600 12.5px/1 var(--td-font);cursor:pointer;min-height:30px}
#main.td .td-rv-helpbtn:hover{border-color:var(--td-accent);color:var(--td-accent)}
#main.td .td-rv-helpbtn.is-on,#main.td .td-rv-helpbtn:disabled{border-color:var(--td-accent);background:color-mix(in srgb,var(--td-accent) 10%,transparent);color:var(--td-accent);cursor:default}
.td-rv-helpn{font-variant-numeric:tabular-nums;font-weight:700;color:var(--td-ink)}
/* "be the first" (no published review yet): the pitch and the same form */
.td-rv-first{padding:20px 22px;border:1px solid var(--td-line);border-radius:12px;background:var(--td-surface)}
.td-rv-first-h{margin:0 0 6px;font:800 20px/1.25 var(--td-font);letter-spacing:-.02em}
.td-rv-first p{margin:0;font-size:14.5px;line-height:1.55;color:var(--td-muted);max-width:70ch}
/* the form */
.td-rv-write{margin:14px 0 0}
.td-rv-write-s{list-style:none;display:flex;align-items:center;gap:12px;flex-wrap:wrap;cursor:pointer}
.td-rv-write-s::-webkit-details-marker{display:none}
.td-rv-write-btn{margin-left:0}
.td-rv-write-hint{font-size:13px;color:var(--td-muted)}
.td-rv-write[open] .td-rv-write-hint{display:none}
.td-rv-form{margin-top:14px;padding:20px 22px;border:1px solid var(--td-line);border-radius:12px;background:var(--td-surface);display:grid;gap:14px;position:relative}
.td-rv-f{display:grid;gap:5px;margin:0;padding:0;border:0;min-width:0}
.td-rv-f--2{grid-template-columns:1fr 1fr;gap:14px}
.td-rv-f--3{grid-template-columns:1fr 1fr 1fr;gap:14px}
.td-rv-f--2>div,.td-rv-f--3>div{display:grid;gap:5px;min-width:0;align-content:start}
.td-rv-f label,.td-rv-f legend{font:700 13.5px/1.3 var(--td-font);color:var(--td-ink);padding:0}
.td-rv-f label small{font-weight:500;color:var(--td-muted)}
#main.td .td-rv-form input[type=text],#main.td .td-rv-form input[type=email],#main.td .td-rv-form textarea,#main.td .td-rv-form select{width:100%;min-width:0;border:1px solid var(--td-line);border-radius:9px;background:var(--td-ground);color:var(--td-ink);padding:10px 12px;font:500 15px/1.4 var(--td-font);box-sizing:border-box;margin:0}
#main.td .td-rv-form textarea{resize:vertical;min-height:88px}
#main.td .td-rv-form input:focus,#main.td .td-rv-form textarea:focus,#main.td .td-rv-form select:focus{outline:2px solid var(--td-accent);outline-offset:1px;border-color:var(--td-accent)}
#main.td .td-rv-form .is-bad{border-color:#b91c1c}
.td-rv-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;margin:0}
.td-rv-pick{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:2px;position:relative}
.td-rv-pick input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.td-rv-pick label{font-size:30px;line-height:1;color:var(--td-line);cursor:pointer;padding:2px 3px;user-select:none}
.td-rv-pick input:checked~label,.td-rv-pick label:hover,.td-rv-pick label:hover~label{color:var(--td-star)}
.td-rv-pick input:focus-visible+label{outline:2px solid var(--td-accent);outline-offset:1px;border-radius:6px}
.td-rv-pick-l{order:-1;font-size:13.5px;font-weight:600;color:var(--td-muted);margin-left:10px;min-width:96px}
.td-rv-count{margin:0;font-size:12.5px;color:var(--td-muted);font-variant-numeric:tabular-nums}
.td-rv-err{margin:0;font-size:13px;color:#b91c1c;font-weight:600}
.td-rv-honest{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--td-ink)}
.td-rv-honest input{margin:4px 0 0;flex:0 0 auto;width:16px;height:16px}
/* the reader-account line at the top of the form (engine/accounts.py): signed out = where to sign in; signed in = who is posting */
.td-rv-acct{margin:0 0 14px;padding:10px 14px;border:1px solid color-mix(in srgb,var(--td-accent) 35%,var(--td-line));border-radius:10px;background:color-mix(in srgb,var(--td-accent) 6%,var(--td-surface));font-size:14.5px;line-height:1.5;color:var(--td-ink)}
.td-rv-acct a{color:var(--td-accent);font-weight:600;text-decoration:underline}
.td-rv-acct.is-in{border-color:color-mix(in srgb,var(--td-free) 40%,var(--td-line));background:var(--td-free-wash)}
.td-rv-msg{font-size:14px;line-height:1.5}
.td-rv-msg:empty{display:none}
.td-rv-msg.is-bad{color:#b91c1c;font-weight:600}
.td-rv-acts{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0}
.td-rv-fine{font-size:12.5px;color:var(--td-muted);line-height:1.45;max-width:46ch}
.td-rv-thanks{margin-top:14px;padding:20px 22px;border:1px solid color-mix(in srgb,var(--td-free) 40%,var(--td-line));border-radius:12px;background:var(--td-free-wash)}
.td-rv-thanks h3{margin:0 0 6px;font:800 18px/1.3 var(--td-font)}
.td-rv-thanks p{margin:0;font-size:14.5px;line-height:1.55}
.td-rv-hero{display:flex;gap:18px;align-items:center;margin:8px 0 18px}
.td-rv-hero h1{margin:0 0 6px}
.td-rv-hero .td-lede{margin:0}
.td-rv-pagek{font-size:13px;color:var(--td-muted);margin:14px 0 0}
@media (max-width:700px){
  .td-rv-sum{grid-template-columns:1fr;gap:14px;padding:16px 14px}
  .td-rv-f--2,.td-rv-f--3,.td-rv-pc{grid-template-columns:1fr}
  .td-rv-form,.td-rv-item,.td-rv-first{padding:16px 14px}
  .td-rv-help{margin-left:0;width:100%}
  .td-rv-hero{flex-direction:column;align-items:flex-start;gap:12px}
  .td-rv-fine{max-width:none}
}
@media (pointer:coarse){
  .td-rv-pick label{font-size:34px;padding:4px 5px}
  #main.td .td-rv-helpbtn{min-height:40px;padding:9px 14px}
  .td-rv-write-s .td-ghost{min-height:44px;display:inline-flex;align-items:center}
}

/* ---- This page's audience (22-Sep-2026): one collapsed line on every directory page; open for the page's own numbers. Reader-skin tokens,
   --td-* fallbacks. Lives outside #main.td's card grid, so it is scoped by its own class and never leans on the page's layout. ---- */
.td-pa{margin:10px auto 18px;max-width:var(--td-maxw,1120px);padding:0 var(--td-gutter,16px);font-family:var(--ad-sans,var(--td-font,system-ui,sans-serif));color:var(--ad-ink,var(--td-ink,#111))}
.td-pa>summary{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;border:1px solid var(--ad-line,var(--td-line,#e4e4e4));border-radius:12px;background:var(--ad-paper,var(--td-surface,#fff));cursor:pointer;list-style:none;font-size:14px;line-height:20px}
.td-pa>summary::-webkit-details-marker{display:none}
.td-pa>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--ad-muted,#777);border-bottom:2px solid var(--ad-muted,#777);transform:rotate(45deg);transition:transform .15s ease;flex:none}
.td-pa[open]>summary{border-radius:12px 12px 0 0}
.td-pa[open]>summary::after{transform:rotate(-135deg)}
.td-pa-dot{width:8px;height:8px;border-radius:50%;background:var(--ad-accent,var(--td-accent,#0b7a75));box-shadow:0 0 0 3px color-mix(in srgb,var(--ad-accent,var(--td-accent,#0b7a75)) 18%,transparent);flex:none}
.td-pa-dot.is-live{animation:td-pa-pulse 1.8s ease-in-out infinite}
@keyframes td-pa-pulse{0%,100%{box-shadow:0 0 0 3px color-mix(in srgb,var(--ad-accent,#0b7a75) 18%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--ad-accent,#0b7a75) 8%,transparent)}}
.td-pa-t{font-weight:700;letter-spacing:-.01em}
.td-pa-line{color:var(--ad-muted,var(--td-muted,#666));min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.td-pa-b{border:1px solid var(--ad-line,var(--td-line,#e4e4e4));border-top:0;border-radius:0 0 12px 12px;background:var(--ad-paper,var(--td-surface,#fff));padding:16px 18px 14px}
.td-pa-range{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--ad-line,var(--td-line,#e4e4e4));border-radius:999px;margin:0 0 14px}
.td-pa-r{appearance:none;border:0;background:transparent;font:inherit;font-size:13px;line-height:18px;padding:5px 12px;border-radius:999px;color:var(--ad-muted,#666);cursor:pointer;min-height:32px}
.td-pa-r.is-on{background:var(--ad-ink,var(--td-ink,#111));color:var(--ad-paper,var(--td-surface,#fff))}
.td-pa-k{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 16px}
.td-pa-kpi{padding:12px 14px;border:1px solid var(--ad-line2,var(--ad-line,#eee));border-radius:10px;background:color-mix(in srgb,var(--ad-paper,#fff) 92%,var(--ad-ink,#111) 8%)}
.td-pa-kpi b{display:block;font-size:22px;line-height:26px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.td-pa-kpi span{display:block;margin-top:3px;font-size:12px;line-height:16px;color:var(--ad-muted,#666)}
.td-pa-kpi em{font-style:normal;font-size:12px;font-weight:600;margin-left:6px;color:var(--ad-accent,#0b7a75)}
.td-pa-kpi em.is-down{color:#b3432b}
.td-pa-live b{color:var(--ad-accent,var(--td-accent,#0b7a75))}
.td-pa-x{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 12px}
.td-pa-h{font-size:11px;line-height:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted,#666);margin:0 0 6px}
.td-pa-l{list-style:none;margin:0;padding:0;font-size:13.5px;line-height:20px}
.td-pa-l li{display:flex;justify-content:space-between;gap:10px;padding:4px 0;border-bottom:1px solid var(--ad-line2,var(--ad-line,#eee))}
.td-pa-l li:last-child{border-bottom:0}
.td-pa-l li b{font-weight:600;font-variant-numeric:tabular-nums}
.td-pa-empty{color:var(--ad-muted,#666)}
.td-pa-tools{margin:0 0 14px}
.td-pa-l2{columns:2;column-gap:28px}
.td-pa-l2 li{break-inside:avoid}
.td-pa-l li.is-rest{color:var(--ad-muted,#666)}
.td-pa-f{margin:0;font-size:12px;line-height:18px;color:var(--ad-muted,#666)}
.td-pa-f a{color:inherit;text-decoration:underline}
@media (max-width:899px){
  .td-pa-k{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:599px){
  .td-pa{margin-top:20px}
  .td-pa>summary{font-size:13.5px;padding:11px 12px}
  .td-pa-line{flex-basis:100%;white-space:normal;order:9}
  .td-pa-b{padding:14px 12px 12px}
  .td-pa-range{display:flex}
  .td-pa-r{flex:1;text-align:center;min-height:38px}
  .td-pa-k{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .td-pa-kpi{padding:10px 12px}
  .td-pa-kpi b{font-size:20px}
  .td-pa-x{grid-template-columns:1fr;gap:12px}
  .td-pa-l2{columns:1}
}
@media (prefers-reduced-motion:reduce){.td-pa-dot.is-live{animation:none}}
@media (max-width:360px){.td-foot{max-width:100%}.td-m-visit{display:block!important;max-width:100%;box-sizing:border-box;white-space:normal;text-align:center}}

/* ==== P1-14 ACCESSIBILITY (23-Sep-2026 gap audit — axe, WCAG 2.2 AA, desktop + mobile). Real DOM measured on live production
   (Playwright + axe-core) page by page; every rule below is scoped to what it actually fixed, never a blanket restyle. tools.css
   loads AFTER the WordPress theme's main.css on every page (src/document/compose.ts / engine/templates/base.html), so an equal-
   or-higher-specificity rule here wins on source order alone; !important is used only where the theme rule already has one, or
   where the failing element is theme/Raptive chrome this file has no template for (the footer price widget, the AdThrive CCPA
   link) — the same pattern `.td-ptabs-l a{color:...!important}` above already uses against the same theme. Scope: pages that load
   tools.css (every directory/product/native page) — the WordPress theme's OWN pages with the same widgets are P1-27, tracked
   separately ("Blog-side widget debt … not directory code"). ==== */
/* color-contrast: the footer's quiet-link price and the Raptive CCPA/comscore line both render at ~2.4-2.8:1 on white
   (measured fg #9a9a9a/#a9a9a9 vs bg #fff) — one shade darker clears AA (4.5:1) for normal text without changing the "quiet"
   intent. Both are theme/Raptive chrome (no template of ours to edit; not matched in this file at all before this rule), so the
   theme's own 4-class chain (`.foot--ledger .foot-li-quiet a .foot-price`) needs !important here to win regardless of order. */
.foot-price{color:#595959!important}
#adthrive-ccpa-link,#adthrive-ccpa-link a,.adthrive-comscore span{color:#595959!important}
/* the disabled/inert "Previous" stand-in on page 1 is aria-hidden and not a real control — keep its layout space, stop painting a
   faded fake button (its 2.4:1 text was the axe hit; a hidden control has no text to fail) */
#main.td .td-pager-step.is-off{visibility:hidden}
/* /search/'s highlighted match (<mark>, engine/templates/search.html `|hl(q)`) inherits the row's own muted text colour by
   design; on the one-liner's paler tone that inherited colour drops under 4.5:1 (measured 4.25 on the failing row) — the
   engine's own ink at this specific spot only, everywhere else <mark> keeps inheriting as before */
#main.td .td-sx-o mark,#main.td .td-sx-t mark{color:var(--td-ink)}
/* the "Add a 3rd/4th tool" compare-picker input's placeholder is themed too light (measured 4.36:1 desktop, but 2.x on some
   surfaces) — the engine's own ink at reduced opacity reads correctly on every surface this input appears on */
#main.td .td-pk-q input::placeholder{color:var(--td-ink);opacity:.55}
/* link-in-text-block: a link inside running prose must be visually distinct by more than colour (WCAG 1.4.1) — underline it.
   General rule (a plain link directly inside a paragraph, table cell, <dd> or <small>, with no class of its own — a component
   with its own class, chip, button or card is unaffected) rather than a per-page-type list: measured on the hub's trust cards,
   the editorial disclosure line, a product's price-source and fact-sheet source links, and comparison-table cells alike. */
#main.td p>a:not([class]),#main.td td>a:not([class]),#main.td dd>a:not([class]),#main.td small>a:not([class])
{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
/* target-size (WCAG 2.2 §2.5.8, >=24px): the small inline links this audit flagged — a ranking row's category link, a search-result
   row's product link, a compare-index "more head-to-heads" mini-card link. NOT the A-Z letters: they are 34x34 grid circles already
   (.td-az a above), and changing their display would un-centre them. */
#main.td .td-tr-m a,#main.td .td-sr-m a,#main.td .td-sx-m a{display:inline-block;min-height:24px;line-height:24px}
#main.td .td-cx-mini{min-height:24px}
/* scrollable-region-focusable: a region a mouse user can scroll must be reachable/labelled for keyboard users too, OR simply not
   need to scroll — the badge embed code and the vendor logo strip both fit without scrolling once they can wrap */
#main.td pre.td-embed{white-space:pre-wrap;word-break:break-all;overflow:visible}
@media (max-width:640px){ #main.td ul.td-lp-logos{flex-wrap:wrap;overflow:visible;margin-right:0;padding-right:0} }

/* ==== P1-12 MOBILE FIRST SCREEN (23-Sep-2026 gap audit): at 390px a product card started ~1420px down (audience strip + crumb +
   H1 + 4 chips + lede + picks all at full desktop-style spacing before the first row). The audience strip stays public (D3) but
   collapses to one line; everything above the first product card is tightened — nothing removed, nothing desktop loses. ==== */
@media (max-width:640px){
  #main.td .td-pa{margin:6px auto 6px}
  #main.td .td-pa>summary{flex-wrap:nowrap;gap:8px;padding:8px 12px;font-size:13.5px}
  #main.td .td-pa-t{white-space:nowrap;flex:none}
  #main.td .td-pa-line{order:0;flex:1 1 0;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #main.td .td-pa>summary::after{order:9}
  #main.td .td-wrap{padding-top:4px}
  #main.td .td-crumb{margin-bottom:6px}
  #main.td h1{margin-top:4px;margin-bottom:8px}
  #main.td ul.td-meta{flex-wrap:nowrap;overflow-x:auto;gap:8px;margin-bottom:8px;padding-bottom:2px;scrollbar-width:none}
  #main.td ul.td-meta::-webkit-scrollbar{display:none}
  #main.td ul.td-meta .td-chip,#main.td ul.td-meta a.td-chip{white-space:nowrap;flex:none}
  #main.td ul.td-meta a.td-chip{order:-1}
  #main.td .td-lede{font-size:16px;line-height:1.5;margin-bottom:4px}
  #main.td .td-picks{margin-top:12px}
}
/* ---- THE SPONSORSHIP STORE (/advertise/, 23-Sep-2026, owner: "Jisko jo chahieye · Payment karke le sake · self serving" · "Positioning of
   the offering should be Great"): three outcome cards (one directory · Own your category [default] · company-wide), the live niche quote,
   add-ons, proof, where you appear, how it works, every price. Reader-skin tokens only; nothing moves after load (the quote list has a
   fixed empty state and grows inside its own card). ---- */
#main.td .td-st .td-st-first{margin-top:6px}
#main.td .td-st .td-st-cards{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr) minmax(0,1fr)}
#main.td .td-st .td-um-card.is-bundle{position:relative;padding-top:24px}
#main.td .td-st-flag{position:absolute;top:-11px;left:18px;margin:0;padding:4px 10px;border-radius:999px;background:var(--ad-accent);color:var(--ad-on);font:700 11px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase}
#main.td .td-st-ladder{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}
#main.td .td-st-ladder li{display:grid;grid-template-columns:34px repeat(3,minmax(0,1fr));align-items:baseline;gap:6px;padding:7px 10px;border:1px solid var(--ad-line);border-radius:10px;background:var(--ad-canvas);font:500 13px/1.25 var(--ad-sans)}
#main.td .td-st-ladder li b{font:800 15px/1 var(--ad-sans);color:var(--ad-accent-ink)}
#main.td .td-st-ladder li span{font-weight:700;font-variant-numeric:tabular-nums;color:var(--ad-ink);white-space:nowrap}
#main.td .td-st-ladder li small{font-weight:500;color:var(--ad-muted)}
#main.td .td-st-quote{display:flex;flex-direction:column;gap:10px;flex:1}
#main.td .td-st-l{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;gap:5px;font:600 14px/1.2 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-st-l input{min-height:46px;padding:0 12px;border:1px solid var(--ad-line2);border-radius:10px;background:var(--ad-paper);color:var(--ad-ink);font:600 15px/1.2 var(--ad-sans)}
#main.td .td-st-l2{font-weight:500}
#main.td .td-st-l2 select{min-height:40px!important;font-size:14px!important;font-weight:500!important}
#main.td .td-st-l select{width:100%;max-width:100%;min-width:0;min-height:46px;padding:0 12px;border:1px solid var(--ad-line2);border-radius:10px;background:var(--ad-paper);color:var(--ad-ink);font:600 15px/1.2 var(--ad-sans)}
#main.td .td-st-terms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
#main.td .td-st-term{position:relative;display:grid;place-items:center;min-height:40px;border:1px solid var(--ad-line2);border-radius:10px;background:var(--ad-paper);font:600 13.5px/1 var(--ad-sans);color:var(--ad-ink);cursor:pointer}
#main.td .td-st-term input{position:absolute;opacity:0;pointer-events:none}
#main.td .td-st-term.is-on{border-color:var(--ad-accent);background:var(--ad-wash);color:var(--ad-accent-ink);box-shadow:inset 0 0 0 1px var(--ad-accent)}
#main.td .td-st-term:focus-within{outline:2px solid var(--ad-accent);outline-offset:2px}
#main.td .td-st-lines{list-style:none;margin:0;padding:0;max-height:264px;min-height:88px;overflow:auto;border:1px solid var(--ad-line);border-radius:10px;background:var(--ad-canvas)}
#main.td .td-st-lines li{display:grid;grid-template-columns:20px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:8px 10px;border-top:1px solid var(--ad-line);font:500 13.5px/1.3 var(--ad-sans)}
#main.td .td-st-lines li:first-child{border-top:0}
#main.td .td-st-lines li.td-st-empty{display:block;padding:14px 12px;color:var(--ad-muted)}
#main.td .td-st-lines li.is-off{color:var(--ad-muted)}
#main.td .td-st-lines input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--ad-accent)}
#main.td .td-st-lines .td-st-n{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--ad-ink)}
#main.td .td-st-lines select{min-height:30px;padding:0 6px;border:1px solid var(--ad-line2);border-radius:8px;background:var(--ad-paper);font:600 12.5px/1 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-st-lines .td-st-p{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
#main.td .td-st-lines .td-st-full{font:600 12px/1.2 var(--ad-sans);color:var(--ad-muted);white-space:nowrap}
#main.td .td-st-total{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0;font:600 14px/1.3 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-st-total b{font:800 24px/1 var(--ad-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-st-note{margin:0;font:500 12.5px/1.45 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-st-note .is-save{font-weight:700;color:var(--ad-good)}
#main.td .td-st-go[disabled]{opacity:.55;cursor:not-allowed}
#main.td .td-st-checks{margin:0 0 12px}
#main.td .td-st-addons{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0}
#main.td .td-st-addons li{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border:1px solid var(--ad-line);border-radius:12px;background:var(--ad-paper);font:500 14px/1.35 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-st-addons li a{display:flex;flex-direction:column;gap:2px;color:inherit;text-decoration:none}
#main.td .td-st-addons li b{font:700 14px/1.2 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-st-addons li.td-st-addons-k{justify-content:center;border-style:dashed;background:transparent}
#main.td .td-st-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0}
#main.td .td-st-proof div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px;padding:16px;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-paper)}
#main.td .td-st-proof dd{margin:0;font:800 30px/1 var(--ad-sans);letter-spacing:-.035em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-st-proof dt{font:500 13px/1.4 var(--ad-sans);color:var(--ad-muted)}
@media (max-width:1100px){ #main.td .td-st .td-st-cards{grid-template-columns:minmax(0,1fr)}#main.td .td-st .td-um-card.is-bundle{order:-1}}
@media (max-width:900px){ #main.td .td-st-proof{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){ #main.td .td-st-ladder li{grid-template-columns:30px repeat(3,minmax(0,1fr));font-size:12px}#main.td .td-st-lines li{grid-template-columns:18px minmax(0,1fr) auto;row-gap:4px}#main.td .td-st-lines li select{grid-column:2}#main.td .td-st-proof dd{font-size:24px}}
/* order bumps on the checkout (23-Sep-2026) and the directory's "Own this category" line */
#main.td .td-ck-bumps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:0 0 10px}
#main.td .td-ck-bump{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:48px;padding:9px 12px;border:1px dashed var(--ad-line2,var(--td-line));border-radius:10px;background:transparent;text-align:left;cursor:pointer;font:500 12.5px/1.3 var(--ad-sans,var(--td-font));color:var(--ad-muted,var(--td-muted))}
#main.td .td-ck-bump b{font:700 13.5px/1.2 var(--ad-sans,var(--td-font));color:var(--ad-ink,var(--td-ink))}
#main.td .td-ck-bump.is-on{border-style:solid;border-color:var(--ad-accent,var(--td-accent));background:var(--ad-wash,var(--td-accent-soft))}
#main.td .td-ck-bump.is-on b::after{content:" ✓";color:var(--ad-accent-ink,var(--td-accent))}
.td-offer-own{grid-column:1/-1;margin:2px 0 0;font:500 12.5px/1.4 var(--td-font);color:var(--td-muted)}
.td-offer-own a{font-weight:700;color:var(--td-accent);text-decoration:none}
.td-offer-own a:hover{text-decoration:underline}
/* order bumps on the checkout (23-Sep-2026) and the directory's "Own this category" line */
#main.td .td-ck-bumps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin:0 0 10px}
#main.td .td-ck-bump{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:48px;padding:9px 12px;border:1px dashed var(--ad-line2,var(--td-line));border-radius:10px;background:transparent;text-align:left;cursor:pointer;font:500 12.5px/1.3 var(--ad-sans,var(--td-font));color:var(--ad-muted,var(--td-muted))}
#main.td .td-ck-bump b{font:700 13.5px/1.2 var(--ad-sans,var(--td-font));color:var(--ad-ink,var(--td-ink))}
#main.td .td-ck-bump.is-on{border-style:solid;border-color:var(--ad-accent,var(--td-accent));background:var(--ad-wash,var(--td-accent-soft))}
#main.td .td-ck-bump.is-on b::after{content:" ✓";color:var(--ad-accent-ink,var(--td-accent))}
.td-offer-own{grid-column:1/-1;margin:2px 0 0;font:500 12.5px/1.4 var(--td-font);color:var(--td-muted)}
.td-offer-own a{font-weight:700;color:var(--td-accent);text-decoration:none}
.td-offer-own a:hover{text-decoration:underline}
/* the one-payment bundle (23-Sep-2026 review): one summary line, the list folded away, the pay form inside the card */
#main.td .td-st-quote .td-st-terms{grid-template-columns:repeat(var(--st-n,1),minmax(0,1fr))}
#main.td .td-st-sum{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px;min-height:48px;margin:0;padding:12px 14px;box-sizing:border-box;border:1px solid var(--ad-line);border-radius:12px;background:var(--ad-canvas);font:500 14px/1.35 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-st-sum b{font-weight:700;color:var(--ad-ink)}
#main.td .td-st-big{font:800 26px/1 var(--ad-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-st-big small{font:600 14px/1 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-st-det>summary{cursor:pointer;padding:2px 0;font:600 13px/1.3 var(--ad-sans);color:var(--ad-accent-ink)}
#main.td .td-st-det[open]>summary{margin-bottom:6px}
#main.td .td-st-lines .td-st-n small{font-weight:500;color:var(--ad-muted)}
#main.td .td-st-pay{display:grid;gap:8px}
#main.td .td-st-pay input{min-height:44px;padding:0 12px;border:1px solid var(--ad-line2);border-radius:10px;background:var(--ad-paper);font:500 14.5px/1.2 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-st-pay .td-msg{margin:0;font-size:12.5px}
#main.td .td-st-draft{font-style:normal;font-weight:700;color:var(--ad-best-ink)}
/* "For vendors · Sponsor this spot" (23-Sep-2026 review): vendor-styled, muted, never a call to readers; static markup, no layout shift */
.td-row .td-vp-spot-k{flex:0 0 auto;padding:1px 6px;border:1px solid var(--td-line);border-radius:999px;font:600 10.5px/1.3 var(--td-font);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--td-muted)}
@media (max-width:560px){.td-row .td-vp-spot{flex-wrap:wrap;white-space:normal;margin-left:0}}
#main.td .td-ck-onepay{margin:0 0 10px;font:500 14px/1.45 var(--ad-sans,var(--td-font));color:var(--ad-muted,var(--td-muted))}

/* the rate card's own Buy links (24-Sep-2026: every priceable option is bought through the gateway, not through a form) */
#main.td a.td-rate-buy{display:inline-flex;flex-direction:column;gap:1px;color:inherit;text-decoration:none}
#main.td a.td-rate-buy small{color:var(--ad-accent-ink,var(--td-accent));font-weight:700}
#main.td a.td-rate-buy:hover small{text-decoration:underline}

/* ---- sponsored placements that are not a rank (schema/072 · _promo.html): its own block, never inside the editorial order ---- */
#main.td .td-spon{margin:18px 0;padding:14px 16px;border:1px solid var(--td-spon-line);border-radius:var(--td-radius, 12px);background:var(--td-spon-wash)}
#main.td .td-spon-h{display:flex;align-items:center;gap:8px;margin:0 0 10px;font:700 14px/1.3 var(--td-font);color:var(--td-ink)}
#main.td .td-spon-k{padding:2px 8px;border-radius:999px;background:var(--td-spon-chip);color:var(--td-spon);font:700 11px/1.4 var(--td-font);letter-spacing:.04em;text-transform:uppercase}
#main.td .td-spon-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
#main.td .td-spon-card{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--td-line);border-radius:10px;background:var(--td-surface)}
#main.td .td-spon-main{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
#main.td .td-spon-b{display:flex;flex-direction:column;gap:2px;min-width:0}
#main.td .td-spon-b b{font:700 15px/1.25 var(--td-font)}
#main.td .td-spon-b span{font:400 13px/1.4 var(--td-font);color:var(--td-muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#main.td .td-spon-by{font:600 11.5px/1.3 var(--td-font);color:var(--td-spon)}
#main.td .td-spon-visit{align-self:flex-start;font:700 13px/1.3 var(--td-font);color:var(--td-accent);text-decoration:none}
#main.td .td-spon-visit:hover{text-decoration:underline}
/* the conquest target picker's chips (checkout) */
#main.td .td-ck-tchips{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
#main.td .td-ck-tchips li{display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 10px;border:1px solid var(--ad-line2,var(--td-line));border-radius:999px;background:var(--ad-paper,var(--td-surface));font:500 13px/1.2 var(--ad-sans,var(--td-font))}
/* App-like navigation (Lane N4, 24-Sep-2026): the browser's own cross-document fade between pages that load this stylesheet; off under reduced motion */
@view-transition{navigation:auto}
@media (prefers-reduced-motion:reduce){ @view-transition{navigation:none} }

/* ---- THE CHECKOUT, R1b (owner 24-Sep-2026: "Check out page Redesign … Paisa jaha se aata hai iTG me usko overhaul karne ko"). Stripe-class:
   LEFT a quiet order summary — each line is a name, a few words, a price and a small ×; the top spot's position and billing are inline
   segmented choices; ONE "Add to your order" row offers only what is not in the order yet; "Today $1,347 · then $149/month". RIGHT the
   website → the product it found and a preview of its row → e-mail → ONE Pay → how you can pay → one trust line. Reader-skin tokens. */
#main.td .td-ck{max-width:1080px}
#main.td .td-vp .td-ck-form{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);border:1px solid var(--ad-line2);border-radius:18px;box-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 28px rgba(15,23,42,.06)}
#main.td .td-ck-sum{padding:26px 28px 24px;background:var(--ad-canvas);border-right:1px solid var(--ad-line)}
#main.td .td-ck-pay{padding:26px 28px 24px;display:flex;flex-direction:column;gap:12px}
#main.td .td-ck-pay>.td-buy-l{margin:0}
#main.td .td-ck-k{margin:0 0 12px;font:700 11px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-ck-k2{margin:0 0 8px}
#main.td .td-vp .td-ck-link{appearance:none;-webkit-appearance:none;padding:0;border:0;background:none;font:600 13px/1.3 var(--ad-sans);color:var(--ad-accent-ink,var(--ad-accent));text-decoration:none;cursor:pointer}
#main.td .td-vp .td-ck-link:hover{text-decoration:underline}
#main.td .td-ck-dir{grid-template-columns:40px minmax(0,1fr) auto;gap:12px;margin:0 0 4px;padding:0 0 14px;border-bottom:1px solid var(--ad-line)}
#main.td .td-ck-tile{width:40px;height:40px;border-radius:10px;font-size:18px}
#main.td .td-ck-dir-b b{font:700 16px/1.25 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ck-dir-b small{font:500 12.5px/1.35 var(--ad-sans);color:var(--ad-muted)}
/* lines: name + a few words · price · × */
#main.td .td-ck-line{display:grid;grid-template-columns:minmax(0,1fr) 96px 24px;gap:4px 12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ad-line)}
#main.td .td-ck-line.is-main{border-bottom:0;padding-bottom:8px}
#main.td .td-ck-line-t{display:grid;gap:2px;min-width:0}
#main.td .td-ck-line-t b{font:600 15px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ck-line-t small{font:400 13px/1.35 var(--ad-sans);color:var(--ad-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#main.td .td-ck-line-p{font:600 15px/1.3 var(--ad-sans);font-variant-numeric:tabular-nums;color:var(--ad-ink);white-space:nowrap;text-align:right}
#main.td .td-vp .td-ck-x{appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:24px;height:24px;padding:0;border:0;border-radius:999px;background:none;font:400 18px/1 var(--ad-sans);color:var(--ad-muted);cursor:pointer}
#main.td .td-vp .td-ck-x:hover{background:var(--ad-line);color:var(--ad-ink)}
#main.td .td-ck-cart-lines{list-style:none;margin:0;padding:0}
#main.td .td-ck-main{padding:4px 0 14px;border-bottom:1px solid var(--ad-line)}
/* inline choices — position and billing, always open */
#main.td .td-ck-choose{display:grid;grid-template-columns:62px minmax(0,1fr);gap:8px 10px;align-items:center}
#main.td .td-ck-choose-k{font:600 12.5px/1.2 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ck-seg[hidden]{display:grid}
#main.td .td-ck-seg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#main.td .td-ck-seg.td-ck-opts--terms{grid-template-columns:repeat(3,minmax(0,1fr))}
#main.td .td-vp .td-ck-seg .td-ck-opt{justify-items:center;min-height:46px;padding:6px 4px;gap:0;border:1px solid var(--ad-line2);border-radius:10px;background:var(--ad-paper);text-align:center;box-shadow:none}
#main.td .td-vp .td-ck-seg .td-ck-opt b{font:700 13px/1.2 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-vp .td-ck-seg .td-ck-opt span{font:500 12px/1.25 var(--ad-sans);font-variant-numeric:tabular-nums;color:var(--ad-muted)}
#main.td .td-vp .td-ck-seg .td-ck-opt i{font:600 10.5px/1.2 var(--ad-sans);font-style:normal;color:var(--ad-good,var(--td-free))}
#main.td .td-vp .td-ck-seg .td-ck-opt[aria-checked="true"]{border-color:var(--ad-accent);background:var(--ad-wash);box-shadow:inset 0 0 0 1px var(--ad-accent)}
#main.td .td-vp .td-ck-seg .td-ck-opt[aria-checked="true"] b,#main.td .td-vp .td-ck-seg .td-ck-opt[aria-checked="true"] span{color:var(--ad-accent-ink,var(--ad-accent))}
#main.td .td-vp .td-ck-seg .td-ck-opt.is-taken{opacity:.55}
#main.td .td-vp .td-ck-seg .td-ck-opt.is-taken i{color:var(--ad-muted)}
#main.td .td-vp .td-ck-seg .td-ck-opt:disabled{opacity:.4;cursor:not-allowed}
/* ONE "Add to your order" row: chips, only for what is not in the order */
#main.td .td-ck-add{margin:16px 0 0;padding:0;border:0;background:none}
#main.td .td-ck-chips{display:flex;flex-wrap:wrap;gap:8px}
#main.td .td-ck-chips[hidden]{display:flex}
#main.td .td-ck-sugg{display:contents}
#main.td .td-ck-sugg[hidden]{display:none}
#main.td .td-vp .td-ck-chip{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:baseline;gap:6px;min-height:36px;padding:7px 12px;border:1px dashed var(--ad-line2);border-radius:999px;background:var(--ad-paper);font:600 13px/1.3 var(--ad-sans);color:var(--ad-ink);cursor:pointer}
#main.td .td-vp .td-ck-chip span{font-weight:500;font-variant-numeric:tabular-nums;color:var(--ad-muted)}
#main.td .td-vp .td-ck-chip:hover{border-style:solid;border-color:var(--ad-accent);color:var(--ad-accent-ink,var(--ad-accent))}
#main.td .td-vp .td-ck-chip.is-sugg{border-style:solid;border-color:color-mix(in srgb,var(--ad-accent) 45%,var(--ad-line2));background:var(--ad-wash)}
#main.td .td-vp .td-ck-chip[hidden]{display:none}
#main.td .td-ck-line-ed{margin:12px 0 0;padding:12px;border:1px solid var(--ad-line2);border-radius:12px;background:var(--ad-paper)}
/* the total: today, then what renews */
#main.td .td-ck-total{margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--ad-line2)}
#main.td .td-ck-total-r{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
#main.td .td-ck-total-r span{font:600 15px/1.2 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ck-total-r b{font:800 28px/1.1 var(--ad-sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-ck-then{margin:4px 0 0;font:500 13px/1.45 var(--ad-sans);color:var(--ad-muted);text-align:right}
/* RIGHT: the product it found + a preview of its row, then e-mail, Pay, methods, one trust line */
#main.td .td-ck-prod{grid-template-columns:auto minmax(0,1fr) auto;gap:8px 12px;margin:0;padding:12px 14px;border:1px solid var(--ad-line2);border-radius:12px;background:var(--ad-canvas)}
#main.td .td-ck-prod [data-ck-fav]{width:32px;height:32px;border-radius:8px}
#main.td .td-ck-prod-b{display:grid;gap:1px;min-width:0}
#main.td .td-ck-prod-b b{font:700 15px/1.25 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-ck-prod-b span{overflow:hidden;font:400 12.5px/1.35 var(--ad-sans);color:var(--ad-muted);text-overflow:ellipsis;white-space:nowrap}
#main.td .td-ck-rowprev{grid-column:1/-1;display:flex;align-items:center;gap:10px;min-width:0;padding:9px 12px;border:1px solid color-mix(in srgb,var(--ad-accent) 40%,var(--ad-line2));border-radius:10px;background:var(--ad-paper)}
#main.td .td-ck-rp-rank{font:800 14px/1 var(--ad-sans);color:var(--ad-accent-ink,var(--ad-accent))}
#main.td .td-ck-rp-rank:empty{display:none}
#main.td .td-ck-rp-logo{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--ad-canvas);overflow:hidden}
#main.td .td-ck-rp-logo img{width:20px;height:20px}
#main.td .td-ck-rp-name{overflow:hidden;font:600 14px/1.2 var(--ad-sans);color:var(--ad-ink);text-overflow:ellipsis;white-space:nowrap}
#main.td .td-ck-rp-tag{flex-shrink:0;padding:2px 7px;border-radius:999px;background:var(--ad-wash);font:700 10.5px/1.4 var(--ad-sans);letter-spacing:.03em;color:var(--ad-accent-ink,var(--ad-accent))}
#main.td .td-ck-rp-where{margin-left:auto;overflow:hidden;font:500 12px/1.2 var(--ad-sans);color:var(--ad-muted);text-overflow:ellipsis;white-space:nowrap}
#main.td .td-vp .td-buy .td-ck-btn{width:100%;min-height:54px;margin:4px 0 0;border-radius:12px;font:700 17px/1.2 var(--ad-sans);font-variant-numeric:tabular-nums}
#main.td .td-ck-methods{display:flex;flex-wrap:wrap;gap:6px;margin:0}
#main.td .td-ck-methods span{padding:3px 8px;border:1px solid var(--ad-line2);border-radius:6px;font:700 11px/1.3 var(--ad-sans);color:var(--ad-ink);background:var(--ad-paper)}
#main.td .td-ck-methods span.is-in{border-color:color-mix(in srgb,var(--ad-accent) 45%,var(--ad-line2));color:var(--ad-accent-ink,var(--ad-accent))}
#main.td .td-ck-inr{margin:-4px 0 0;font:500 12.5px/1.4 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-ck-pay .td-ck-trust{margin:0;font:500 12.5px/1.5 var(--ad-sans);color:var(--ad-muted);text-align:left}
/* phones: body text is at least 14 px (bin/verify-responsive.py, the site-wide 760 px rule above). The two pay-column lines above are
   12.5 px on desktop; this later rule of equal specificity lifts them on phones (batch 13 rollback 20:46, 24-Sep-2026). */
@media (max-width:760px){
  #main.td .td-ck-inr, #main.td .td-ck-pay .td-ck-trust{font-size:14px}
}
@media (max-width:900px){
  #main.td .td-vp .td-ck-form{grid-template-columns:minmax(0,1fr)}  /* one column: the rule above must not win on phones */
  #main.td .td-ck-sum{border-right:0;border-bottom:1px solid var(--ad-line)}
}
@media (max-width:640px){
  #main.td .td-ck-sum,#main.td .td-ck-pay{padding:18px 16px}
  #main.td .td-ck-line{grid-template-columns:minmax(0,1fr) 78px 24px;gap:2px 8px}
  #main.td .td-ck-choose{grid-template-columns:minmax(0,1fr)}
  #main.td .td-ck-seg{grid-template-columns:repeat(5,minmax(0,1fr))}
  #main.td .td-vp .td-ck-seg .td-ck-opt{min-height:50px;padding:6px 2px}
  #main.td .td-vp .td-ck-seg .td-ck-opt span{font-size:11.5px}
  #main.td .td-ck-then{text-align:left}
}
/* A2b: the "Already listed?" line under the side-by-side table on /advertise/ (was part of R1a's catalogue CSS, reverted in batch 12) */
#main.td .td-cat-fine{margin:14px 0 0;font:500 12.5px/1.6 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-cat-fine a{color:var(--ad-accent-ink,var(--td-accent));font-weight:700;text-decoration:none}
#main.td .td-cat-fine a:hover{text-decoration:underline}

/* the added lines use the same grid as the product line (the old ".td-ck-cart-lines li" rule is more specific, so this names it) */
#main.td .td-ck-sum .td-ck-line,#main.td .td-ck-cart-lines li.td-ck-line{display:grid;grid-template-columns:minmax(0,1fr) 96px 24px;gap:4px 12px;align-items:center;margin:0;padding:12px 0;border:0;border-bottom:1px solid var(--ad-line);border-radius:0;background:none}
#main.td .td-ck-sum .td-ck-line.is-main{border-bottom:0;padding-bottom:8px}
@media (max-width:640px){
  #main.td .td-ck-sum .td-ck-line,#main.td .td-ck-cart-lines li.td-ck-line{grid-template-columns:minmax(0,1fr) 78px 24px;gap:2px 8px}
  #main.td .td-ck-rp-where{display:none}
}
/* Soft navigation (tools.js): a thin line at the top while the next page loads — only if it takes > 150 ms — and <main>, which takes the
   focus after the swap (screen readers land on the new page), shows no ring for it */
.td-navbar{position:fixed;top:0;left:0;right:0;height:2px;z-index:2147483646;pointer-events:none;background:var(--td-accent);transform:scaleX(0);transform-origin:0 50%;opacity:0;transition:transform 1.2s cubic-bezier(.1,.7,.3,1),opacity .2s}
.td-navbar.is-on{opacity:1;transform:scaleX(.85)}
#main.td:focus{outline:none}
@media (prefers-reduced-motion:reduce){ .td-navbar{transition:opacity .2s} }

/* ==== A2b SALES PAGES (24-Sep-2026 — owner: "Each page is Understandable · and cross sell each other"): one page per product
        (/advertise/<page>/ + /submit/ + /advertise/top-spot/), the goal chooser and the side-by-side table on /advertise/. The band
        keeps the theme's page-header component; the preview window and the buy bar are white in both schemes like .itgp-ph-card. ==== */
.td-of-buy{display:flex;align-items:center;gap:14px;max-width:560px;margin:18px 0 0;padding:8px 8px 8px 18px;box-sizing:border-box;border-radius:14px;background:#fff;box-shadow:0 18px 40px -22px rgba(0,0,0,.55)}
.td-of-price{display:flex;flex-direction:column;gap:2px;min-width:0;margin:0 auto 0 0}
.td-of-price b{font:800 26px/1.05 var(--font-text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#16181D}
.td-of-price span{font:500 12.5px/1.25 var(--font-text);color:#5B616B}
#main.td .td-of-go{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 20px;box-sizing:border-box;border-radius:10px;background:#0F766E;font:700 15.5px/1.2 var(--font-text);white-space:nowrap;text-decoration:none!important;color:#fff!important}
#main.td .td-of-go:hover{background:#115E59}
.td-of-eta{display:flex;align-items:center;gap:7px;margin:12px 0 0;font:500 13.5px/1.4 var(--font-text);color:rgba(255,255,255,.82)}
.td-of-eta span{color:#5EEAD4}
/* the preview window: the real page's address, the real page's rows, the brand's own product highlighted */
.itgp-ph-card.td-pv{padding:0;overflow:hidden;color:#242424}
.td-pv-bar{display:flex;align-items:center;gap:6px;margin:0;padding:9px 12px;border-bottom:1px solid #ECECEC;background:#F7F7F6}
.td-pv-bar i{flex:none;width:8px;height:8px;border-radius:50%;background:#D9D9D6}
.td-pv-bar span{min-width:0;margin-left:8px;padding:4px 10px;overflow:hidden;border-radius:999px;background:#fff;box-shadow:0 0 0 1px #E6E6E3;font:500 11.5px/1.2 var(--font-mono);text-overflow:ellipsis;white-space:nowrap;color:#5B616B}
.td-pv-in{display:grid;gap:9px;padding:14px 16px 16px}
.td-pv-h{display:flex;align-items:center;gap:8px;min-width:0;margin:0;font:700 15px/1.25 var(--font-text);color:#16181D}
.td-pv-h small{margin-left:auto;font:600 10.5px/1 var(--font-text);letter-spacing:.08em;text-transform:uppercase;color:#6B6B6B}
.td-pv-h--big{font-size:17px;letter-spacing:-.01em}
.td-pv-lg{display:inline-block;flex:none;width:22px;height:22px}
.td-pv-lg img{display:block;width:100%;height:100%;border-radius:6px;object-fit:contain;background:#fff}
.td-pv-rows{list-style:none;display:grid;gap:6px;margin:0;padding:0}
.td-pv-rows.is-dim{opacity:.62}
.td-pv-row{display:grid;grid-template-columns:26px 28px minmax(0,1fr) auto;align-items:center;gap:10px;margin:0;padding:7px 10px;border:1px solid #ECECEC;border-radius:10px;background:#fff}
.td-pv-row .td-lp-tile{width:28px;height:28px}
.td-pv-row.is-you{border-color:#0F766E;background:#F0FDFA;box-shadow:0 0 0 3px rgba(15,118,110,.12)}
.td-pv-r{font:700 12px/1 var(--font-mono);text-align:center;color:#6B6B6B}
.td-pv-row.is-you .td-pv-r{color:#0F766E}
.td-pv-nm{display:grid;gap:1px;min-width:0}
.td-pv-nm b{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;font:600 13.5px/1.25 var(--font-text);text-overflow:ellipsis;white-space:nowrap;color:#16181D}
.td-pv-nm small{overflow:hidden;font:400 11.5px/1.35 var(--font-text);text-overflow:ellipsis;white-space:nowrap;color:#6B6B6B}
.td-pv-sc{padding:4px 7px;border-radius:6px;background:#F1F5F4;font:700 11.5px/1 var(--font-mono);color:#134E4A}
.td-pv-go{padding:6px 9px;border-radius:7px;background:#0F766E;font:600 11.5px/1 var(--font-text);white-space:nowrap;color:#fff}
.td-pv-spon{margin:0;padding:10px 12px 12px;border:1px solid rgba(180,83,9,.35);border-radius:12px;background:#FFFBEB}
.td-pv-spon-h{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0 0 8px;font:700 12.5px/1.3 var(--font-text);color:#16181D}
.td-pv-spon-h span{padding:2px 8px;border-radius:999px;background:#FEF3C7;font:700 9.5px/1.4 var(--font-text);letter-spacing:.05em;text-transform:uppercase;color:#B45309}
.td-pv-spon-list{list-style:none;display:grid;gap:6px;margin:0;padding:0}
.td-pv-spon-list li{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;margin:0;padding:7px 9px;border:1px solid #ECECEC;border-radius:9px;background:#fff}
.td-pv-spon-list li.is-you{border-color:#0F766E;box-shadow:0 0 0 3px rgba(15,118,110,.12)}
.td-pv-spon-list li.is-other{opacity:.55}
.td-pv-spon-list .td-lp-tile{width:26px;height:26px}
.td-pv-spon-list span{display:grid;gap:1px;min-width:0}
.td-pv-spon-list b{overflow:hidden;font:700 13px/1.25 var(--font-text);text-overflow:ellipsis;white-space:nowrap;color:#16181D}
.td-pv-spon-list small{font:600 10.5px/1.3 var(--font-text);color:#B45309}
.td-pv-spon-list i{font:700 11.5px/1 var(--font-text);font-style:normal;white-space:nowrap;color:#0F766E}
.td-pv-ghost{display:block;width:26px;height:26px;border-radius:7px;background:#E7E5E4}
.td-pv-dirs{list-style:none;display:grid;gap:5px;margin:0;padding:0}
.td-pv-dirs li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin:0;padding:6px 9px;border-radius:8px;background:#F7F7F6}
.td-pv-dirs b{overflow:hidden;font:600 12.5px/1.25 var(--font-text);text-overflow:ellipsis;white-space:nowrap;color:#16181D}
.td-pv-dirs small{font:500 11px/1 var(--font-mono);color:#6B6B6B}
.td-pv-dirs small.is-ok{font-family:var(--font-text);font-weight:700;color:#0F766E}
.td-pv-dirs li.is-more{grid-template-columns:minmax(0,1fr);background:none;border:1px dashed #D6D3D1}
.td-pv-logos{display:flex;min-width:36px}
.td-pv-logos img{width:18px;height:18px;margin-right:-4px;border-radius:5px;object-fit:contain;background:#fff;box-shadow:0 0 0 2px #F7F7F6}
.td-pv-crumb{margin:0;font:500 11px/1.2 var(--font-text);color:#6B6B6B}
.td-pv-chips{display:flex;flex-wrap:wrap;gap:5px;margin:0}
.td-pv-chips i{padding:3px 8px;border:1px solid #E6E6E3;border-radius:999px;font:500 11px/1.3 var(--font-text);font-style:normal;color:#3F4450}
.td-pv-chips i.is-link{border-color:#FDE68A;background:#FFFBEB;color:#92400E}
.td-pv-chips em{margin-left:3px;font:700 9.5px/1 var(--font-text);font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:#0F766E}
.td-pv-story{display:grid;gap:6px;margin:0;padding:10px 12px;border-radius:10px;background:#F7F7F6}
.td-pv-story.is-new{background:#F0FDFA;box-shadow:inset 0 0 0 1.5px rgba(15,118,110,.45)}
.td-pv-k{display:flex;align-items:center;gap:6px;margin:0;font:700 12px/1.3 var(--font-text);color:#16181D}
.td-pv-k span{padding:1px 6px;border-radius:5px;background:#CCFBF1;font:700 9.5px/1.4 var(--font-text);letter-spacing:.05em;text-transform:uppercase;color:#0F766E}
.td-pv-k.is-pro{color:#166534}.td-pv-k.is-con{color:#9A3412}
.td-pv-line{display:block;height:7px;border-radius:4px;background:#E7E5E4}
.td-pv-line.is-short{width:62%}
.td-pv-team{display:flex;align-items:center;gap:5px;margin:2px 0 0}
.td-pv-team .td-lp-tile{width:20px;height:20px;font-size:10px}
.td-pv-team small{margin-left:4px;font:500 11px/1 var(--font-text);color:#6B6B6B}
.td-pv-tabs{display:flex;gap:4px;margin:0;padding:0 0 6px;border-bottom:1px solid #ECECEC}
.td-pv-tabs i{padding:4px 8px;border-radius:7px;font:600 11.5px/1.2 var(--font-text);font-style:normal;color:#6B6B6B}
.td-pv-tabs i.is-on{background:#E6F4F2;color:#0F766E}
.td-pv-paid{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:0}
.td-pv-paid small{font:500 11px/1.3 var(--font-text);color:#6B6B6B}
.td-pv-pc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.td-pv-pc div{display:grid;gap:5px}
.td-pv-ex{list-style:none;display:grid;gap:8px;margin:10px 0 0;padding:0}
.td-pv-ex li{display:grid;gap:1px;margin:0;padding:9px 11px;border:1px solid #ECECEC;border-radius:10px}
.td-pv-ex b{font:700 13.5px/1.3 var(--font-text);color:#16181D}
.td-pv-ex small{font:400 12px/1.4 var(--font-text);color:#6B6B6B}
.itgp-ph-card.td-pv--custom{padding:16px}
.td-pv-row.td-pv-deal{grid-template-columns:28px minmax(0,1fr)}
.td-pv-row.td-pv-deal.is-other{opacity:.55}
.td-pv-row.td-pv-deal .td-pv-ghost{width:28px;height:28px}
.td-pv-dealtag{padding:1px 6px;border-radius:5px;background:#DCFCE7;font:700 9.5px/1.4 var(--font-text);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:#166534}
/* the page body */
#main.td .td-of-where{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0;padding:0}
#main.td .td-of-where li{margin:0;padding:18px 20px;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-paper)}
#main.td .td-of-where b{display:block;margin:0 0 5px;font:700 16px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-of-where p{margin:0;font:400 15px/1.55 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-of-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:16px 0 0;padding:12px 16px;border-left:3px solid var(--td-spon,#B45309);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--td-spon,#B45309) 7%,transparent);font:500 15px/1.5 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-of-label-k{font:700 11.5px/1.4 var(--ad-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--td-spon,#B45309)}
#main.td .td-of-gets{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px;margin:0;padding:0;max-width:880px}
#main.td .td-of-gets li{display:flex;align-items:flex-start;gap:10px;margin:0;font:500 16px/1.45 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-of-gets svg{flex:none;margin-top:3px;color:var(--ad-accent)}
#main.td .td-of-steps{list-style:none;counter-reset:ofs;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0}
#main.td .td-of-steps li{position:relative;counter-increment:ofs;margin:0;padding:52px 0 0}
#main.td .td-of-steps li::before{content:counter(ofs);position:absolute;top:0;left:0;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--ad-accent);background:var(--ad-paper);font:700 14px/1 var(--ad-mono);color:var(--ad-accent-ink)}
#main.td .td-of-steps li::after{content:"";position:absolute;top:19px;left:48px;right:-14px;height:1.5px;background:var(--ad-line2)}
#main.td .td-of-steps li:last-child::after{display:none}
#main.td .td-of-steps b{display:block;margin:0 0 5px;font:700 17px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-of-steps p{margin:0;font:400 15px/1.55 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-of-next{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:0;padding:0}
#main.td .td-of-next li{margin:0}
#main.td .td-vp .td-of-next a{position:relative;display:grid;gap:4px;height:100%;padding:18px 44px 18px 20px;box-sizing:border-box;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-paper);text-decoration:none;color:var(--ad-ink)}
#main.td .td-vp .td-of-next a:hover{border-color:var(--ad-accent);box-shadow:0 12px 28px -20px rgba(15,118,110,.6)}
#main.td .td-of-next-h{font:700 11.5px/1.3 var(--ad-sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ad-accent-ink)}
#main.td .td-of-next b{font:700 17px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-of-next b em{margin-left:4px;font-style:normal;font-weight:600;color:var(--ad-muted)}
#main.td .td-of-next small{font:400 14.5px/1.5 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-of-next i{position:absolute;right:18px;top:50%;margin-top:-10px;font:700 18px/20px var(--ad-sans);font-style:normal;color:var(--ad-accent)}
#main.td .td-of-all{margin:var(--lp-gap,56px) 0 0;padding:20px 0 0;border-top:1px solid var(--ad-line)}
#main.td .td-of-all-k{margin:0 0 12px;font:600 12px/1.2 var(--ad-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ad-muted)}
#main.td .td-of-all ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
#main.td .td-of-all li{margin:0}
#main.td .td-vp .td-of-all a{display:inline-flex;align-items:baseline;gap:8px;padding:9px 14px;border:1px solid var(--ad-line);border-radius:999px;background:var(--ad-paper);text-decoration:none;color:var(--ad-ink)}
#main.td .td-vp .td-of-all a:hover{border-color:var(--ad-accent)}
#main.td .td-vp .td-of-all a[aria-current]{border-color:var(--ad-accent);background:var(--ad-wash)}
#main.td .td-of-all b{font:600 14px/1.2 var(--ad-sans)}
#main.td .td-of-all small{font:500 13px/1.2 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-of-packs{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin:0;padding:0}
#main.td .td-of-packs li{display:flex;flex-direction:column;gap:8px;margin:0;padding:20px;border:1.5px solid color-mix(in srgb,var(--ad-accent) 40%,var(--ad-line));border-radius:16px;background:var(--ad-paper)}
#main.td .td-of-packs li.is-single{border-style:dashed;border-color:var(--ad-line2)}
#main.td .td-main .td-of-packs h3{margin:0;font:700 18px/1.3 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-of-pk-p{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin:0}
#main.td .td-of-pk-p b{font:800 28px/1 var(--ad-sans);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--ad-ink)}
#main.td .td-of-pk-p span{font:500 13.5px/1.35 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-of-packs p{margin:0;font:400 15px/1.55 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp .td-of-pk-go{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:auto;padding:0 18px;border-radius:10px;background:var(--ad-accent);font:700 15px/1 var(--ad-sans);text-decoration:none;color:var(--ad-on)}
#main.td .td-vp .td-of-packs li.is-single .td-of-pk-go{background:none;border:1px solid var(--ad-accent);color:var(--ad-accent-ink)}
@media (max-width:980px){
  #main.td .td-of-steps{grid-template-columns:minmax(0,1fr);gap:0}
  #main.td .td-of-steps li{padding:0 0 24px 54px}
  #main.td .td-of-steps li::after{display:block;top:42px;bottom:4px;left:18px;right:auto;width:1.5px;height:auto}
  #main.td .td-of-steps li:last-child::after{display:none}
}
@media (max-width:760px){
  .td-of-buy{flex-wrap:wrap;padding:14px}
  .td-of-price{flex-direction:row;align-items:baseline;gap:8px}
  #main.td .td-of-go{width:100%}
  .itgp-ph-card.td-pv{max-width:460px}
  #main.td .td-of-gets{grid-template-columns:minmax(0,1fr)}
}
/* /advertise/ — the goal chooser + the side-by-side table (A2b) */
#main.td .td-goal{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0}
#main.td .td-goal-i{display:flex;flex-direction:column;gap:6px;min-width:0;margin:0;padding:16px 16px 14px;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-paper);scroll-margin-top:24px}
#main.td .td-goal-i:hover{border-color:color-mix(in srgb,var(--ad-accent) 55%,var(--ad-line))}
#main.td .td-goal-k{margin:0;font:700 11.5px/1.3 var(--ad-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ad-accent-ink)}
#main.td .td-goal-t{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 10px;margin:0}
#main.td .td-vp .td-goal-t a{font:700 18px/1.25 var(--ad-sans);letter-spacing:-.01em;text-decoration:none;color:var(--ad-ink)}
#main.td .td-vp .td-goal-t a:hover{color:var(--ad-accent-ink)}
#main.td .td-goal-t b{font:800 16px/1.2 var(--ad-sans);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ad-ink)}
#main.td .td-goal-s{flex:1 0 auto;margin:0;font:400 14px/1.5 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-goal-a{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:6px 0 0}
#main.td .td-vp .td-goal-more{font:600 13.5px/1.2 var(--ad-sans);text-decoration:none;color:var(--ad-accent-ink)}
#main.td .td-vp .td-goal-buy{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:9px;background:var(--ad-accent);font:700 13.5px/1 var(--ad-sans);white-space:nowrap;text-decoration:none;color:var(--ad-on)}
#main.td .td-goal-else{margin:14px 0 0;font:500 15px/1.5 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-goal-else a{font-weight:700;color:var(--ad-accent-ink)}
#main.td .td-cmp-wrap{overflow-x:auto;border:1px solid var(--ad-line);border-radius:14px;background:var(--ad-paper)}
#main.td .td-cmp{width:100%;border-collapse:collapse;font:400 14.5px/1.45 var(--ad-sans);color:var(--ad-ink)}
#main.td .td-cmp thead th{padding:12px 16px;border-bottom:1px solid var(--ad-line);background:var(--ad-canvas);font:700 11.5px/1.3 var(--ad-sans);letter-spacing:.06em;text-transform:uppercase;text-align:left;color:var(--ad-muted)}
#main.td .td-cmp td,#main.td .td-cmp tbody th{padding:14px 16px;border-bottom:1px solid var(--ad-line);vertical-align:top;text-align:left}
#main.td .td-cmp tbody tr:last-child td,#main.td .td-cmp tbody tr:last-child th{border-bottom:0}
#main.td .td-cmp tbody th{background:none;font-weight:400;letter-spacing:0;text-transform:none}
#main.td .td-cmp tbody th a{display:block;font:700 15.5px/1.3 var(--ad-sans);text-decoration:none;color:var(--ad-ink)}
#main.td .td-cmp tbody th small{display:block;margin-top:2px;font:400 13px/1.45 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-cmp td b{display:block;font:800 15.5px/1.25 var(--ad-sans);font-variant-numeric:tabular-nums;white-space:nowrap}
#main.td .td-cmp td small{display:block;font:500 12.5px/1.35 var(--ad-sans);color:var(--ad-muted)}
#main.td .td-vp .td-cmp-go{font:700 13.5px/1.2 var(--ad-sans);white-space:nowrap;text-decoration:none;color:var(--ad-accent-ink)}
@media (max-width:1180px){ #main.td .td-goal{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:760px){
  #main.td .td-goal{grid-template-columns:minmax(0,1fr)}
  #main.td .td-cmp-wrap{overflow:visible;border:0;background:none}
  #main.td .td-cmp thead{display:none}
  /* 25-Sep-2026 (the responsive gate, R1a attempt 4 and R2 staged): the site-wide `table.td-cmp{min-width:720px}` survived this
     block-row conversion, so the price list stayed 720 px wide on a 320 px screen. Reset it here, where the specificity wins. */
  #main.td .td-cmp,#main.td .td-cmp tbody,#main.td .td-cmp tr,#main.td .td-cmp td,#main.td .td-cmp tbody th{display:block;width:auto;min-width:0}
  #main.td .td-cmp tr{margin:0 0 10px;padding:4px 0;border:1px solid var(--ad-line);border-radius:12px;background:var(--ad-paper)}
  #main.td .td-cmp td,#main.td .td-cmp tbody th{padding:6px 14px;border:0}
  #main.td .td-cmp td[data-k]::before{content:attr(data-k);display:block;font:700 10.5px/1.3 var(--ad-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ad-muted)}
  #main.td .td-cmp td b{display:inline;margin-right:6px}
  #main.td .td-cmp td small{display:inline}
}
/* paid deals: the checkout's own 4-field block (A2b 24-Sep-2026) */
#main.td .td-ck-deal{display:grid;gap:2px;margin:10px 0;padding:14px;border:1px solid var(--ad-line);border-radius:12px;background:var(--ad-paper)}
#main.td .td-ck-deal .td-buy-l{margin:0 0 10px}
#main.td .td-ck-deal-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
#main.td .td-buy-opt{margin-left:6px;font:500 11px/1 var(--ad-sans);text-transform:none;letter-spacing:0;color:var(--ad-muted)}
@media (max-width:520px){ #main.td .td-ck-deal-two{grid-template-columns:minmax(0,1fr)} }
/* A2b checkout clarity: the "After you pay" line under the total, and the label over the suggested directories */
#main.td .td-ck-after{margin:8px 0 0;padding:9px 12px;border-radius:10px;background:var(--ad-wash);font:500 13px/1.5 var(--ad-sans);color:var(--ad-ink);text-align:left}
#main.td .td-ck-after b{font-weight:700;color:var(--ad-accent-ink)}
#main.td .td-ck-sugg-k{flex-basis:100%;margin:2px 0 0;font:600 12px/1.3 var(--ad-sans);color:var(--ad-muted)}
/* A2b: a line's "what you get" is the whole point of the line — never cut it with an ellipsis (it is ≤ 8 words, it wraps fine) */
#main.td .td-ck-line-t small{white-space:normal;overflow:visible;text-overflow:clip}

/* ================================================================================================================================
   iTG REDESIGN 24/25-Sep-2026 (owner-approved Fable mocks, ~/Documents/DESIGN-FABLE-2026-09-24/itechguides/). Each lane writes ONLY
   between its own markers so the lanes' branches merge without conflicts. Tokens first, then one block per page group.
   ================================================================================================================================ */
/* == REDESIGN-TOKENS:START == */
/* The Fable design system (~/Documents/DESIGN-FABLE-2026-09-24/itechguides/itg_ds.py), as aliases of the theme's own tokens so the
   engine keeps ONE light and ONE dark palette (the WordPress theme's data-theme + light-dark() literals decide both). --itg-* names are
   shared by the redesigned vendor pages (checkout, advertise, get listed); a page never hard-codes a colour. */
#main.td .td-vp{--itg-bg:var(--ad-canvas);--itg-sf:var(--ad-paper);--itg-sf2:var(--ad-canvas);--itg-sf3:color-mix(in srgb,var(--ad-ink) 7%,var(--ad-paper));
  --itg-ln:var(--ad-line);--itg-ln2:var(--ad-line2);--itg-ink:var(--ad-ink);--itg-ink2:color-mix(in srgb,var(--ad-ink) 78%,var(--ad-muted));--itg-mu:var(--ad-muted);
  --itg-mu2:color-mix(in srgb,var(--ad-muted) 70%,var(--ad-paper));--itg-g:var(--ad-accent);--itg-gink:var(--ad-accent-ink);--itg-on:var(--ad-on);--itg-g1:var(--ad-wash);
  --itg-g2:color-mix(in srgb,var(--ad-accent) 26%,transparent);--itg-good:var(--ad-good);--itg-info:light-dark(#2457D6,#8FA9FF);--itg-infobg:light-dark(#EAF0FF,#172046);
  --itg-r:14px;--itg-r2:12px;--itg-r3:10px;--itg-sans:var(--ad-sans);
  --itg-sh1:0 1px 2px rgba(11,18,32,.04),0 1px 3px rgba(11,18,32,.06);--itg-sh2:0 6px 18px -8px rgba(11,18,32,.14),0 2px 6px -2px rgba(11,18,32,.06)}
/* == REDESIGN-TOKENS:END == */
/* == REDESIGN-CHECKOUT:START == */
/* THE CHECKOUT, Stripe-Checkout level (owner-approved Fable mock, built 25-Sep-2026). Every rule sits under .td-ckx so the R1b rules
   above lose on specificity and source order without being touched. LEFT the tinted order pane · RIGHT the paper payment pane. */
#main.td .td-ckx{max-width:1160px;margin:0 auto}
#main.td .td-ckx .td-crumb{margin:0 0 8px}
#main.td .td-ck-secure{display:flex;align-items:center;gap:6px;margin:0 0 14px;font:500 13px/1.3 var(--itg-sans);color:var(--itg-mu)}
#main.td .td-ck-secure svg{width:14px;height:14px;color:var(--itg-g)}
#main.td .td-ckx .td-ck-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;max-width:none;margin:0;padding:0;overflow:hidden;background:var(--itg-sf);border:1px solid var(--itg-ln);border-radius:18px;box-shadow:var(--itg-sh2)}
#main.td .td-ckx .td-ck-form[hidden]{display:none}
#main.td .td-ckx .td-ck-sum{padding:36px 40px 40px;background:var(--itg-sf2);border-right:1px solid var(--itg-ln);border-bottom:0}
#main.td .td-ckx .td-ck-pay{display:flex;flex-direction:column;gap:0;padding:36px 40px 40px;background:var(--itg-sf)}
/* the head of the order: what you buy, the amount as the biggest thing on the page, then the one line that says what happens next */
#main.td .td-ckx .td-ck-hero{margin:0 0 22px}
#main.td .td-ckx .td-ck-eyebrow{margin:0 0 8px;font:700 12px/1.3 var(--itg-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--itg-gink)}
#main.td .td-ckx .td-ck-amt{display:flex;align-items:baseline;gap:8px;margin:0;line-height:1}
#main.td .td-ckx .td-ck-amt b{font:800 44px/1 var(--itg-sans);letter-spacing:-.04em;font-variant-numeric:tabular-nums;color:var(--itg-ink)}
#main.td .td-ckx .td-ck-amt span{font:500 16px/1.2 var(--itg-sans);color:var(--itg-mu)}
#main.td .td-ckx .td-ck-sub{margin:8px 0 0;font:400 14px/1.5 var(--itg-sans);color:var(--itg-mu)}
#main.td .td-ckx .td-ck-msum>summary{display:none}
#main.td .td-ckx .td-ck-msum>summary::-webkit-details-marker{display:none}
#main.td .td-ckx .td-ck-blk{margin:22px 0 0}
#main.td .td-ckx .td-ck-h3{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 10px;font:700 15px/1.3 var(--itg-sans);letter-spacing:-.01em;color:var(--itg-ink)}
#main.td .td-ckx .td-ck-h3 a{font:600 13px/1.3 var(--itg-sans);color:var(--itg-gink);text-decoration:none}
#main.td .td-ckx .td-ck-h3 a:hover{text-decoration:underline}
#main.td .td-ckx .td-ck-opt-k{font:500 13px/1.3 var(--itg-sans);color:var(--itg-mu)}
/* the directory card */
#main.td .td-ckx .td-buy .td-ck-pick{margin:0}
#main.td .td-ckx .td-ck-dir{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0;padding:12px 14px;border:1px solid var(--itg-ln);border-bottom:1px solid var(--itg-ln);border-radius:var(--itg-r2);background:var(--itg-sf)}
#main.td .td-ckx .td-ck-dir[hidden]{display:none}
#main.td .td-ckx .td-ck-tile{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:var(--itg-g1);color:var(--itg-gink);font:700 18px/1 var(--itg-sans)}
#main.td .td-ckx .td-ck-dir-b b{font:700 14px/1.3 var(--itg-sans);letter-spacing:0;color:var(--itg-ink);white-space:normal}
#main.td .td-ckx .td-ck-dir-b small{font:400 13px/1.4 var(--itg-sans);color:var(--itg-mu)}
#main.td .td-ckx .td-vp .td-ck-link,#main.td .td-ckx .td-ck-link{font:600 13px/1.3 var(--itg-sans);color:var(--itg-gink);text-decoration:none;white-space:nowrap}
#main.td .td-ckx .td-buy-avail{margin:6px 0 0}
#main.td .td-ckx .td-buy-avail:empty{display:none}
/* five position cards: rank, price, OPEN / TAKEN, a check on the one picked */
#main.td .td-ckx .td-ck-posg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
#main.td .td-ckx .td-ck-pos{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:84px;margin:0;padding:12px 6px 10px;border:1.5px solid var(--itg-ln);border-radius:var(--itg-r2);background:var(--itg-sf);box-shadow:none;cursor:pointer;text-align:center;font-family:var(--itg-sans);color:var(--itg-ink);appearance:none;-webkit-appearance:none}
#main.td .td-ckx .td-ck-pos:hover{border-color:var(--itg-ln2)}
#main.td .td-ckx .td-ck-pos b{font:800 18px/1.1 var(--itg-sans);letter-spacing:-.03em;color:var(--itg-ink)}
#main.td .td-ckx .td-ck-pos span{font:500 13px/1.2 var(--itg-sans);font-variant-numeric:tabular-nums;color:var(--itg-ink2)}
#main.td .td-ckx .td-ck-pos i{font:700 12px/1.2 var(--itg-sans);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--itg-gink)}
#main.td .td-ckx .td-ck-pos i:empty{display:none}
#main.td .td-ckx .td-ck-pos[aria-checked="true"]{border-color:var(--itg-g);background:var(--itg-g1);box-shadow:0 0 0 3px var(--itg-g2)}
#main.td .td-ckx .td-ck-pos-ck{position:absolute;top:6px;right:6px;display:none;width:16px;height:16px;border-radius:50%;background:var(--itg-g);color:var(--itg-on);place-items:center}
#main.td .td-ckx .td-ck-pos-ck svg{width:10px;height:10px;stroke-width:3.5}
#main.td .td-ckx .td-ck-pos[aria-checked="true"] .td-ck-pos-ck{display:grid}
#main.td .td-ckx .td-ck-pos.is-taken{opacity:.55}
#main.td .td-ckx .td-ck-pos.is-taken i{color:var(--itg-mu)}
#main.td .td-ckx .td-ck-pos:disabled{opacity:.4;cursor:not-allowed}
#main.td .td-ckx .td-ck-fact{display:flex;gap:8px;align-items:flex-start;margin:10px 0 0;font:400 13px/1.5 var(--itg-sans);color:var(--itg-mu)}
#main.td .td-ckx .td-ck-fact svg{width:14px;height:14px;flex:none;margin-top:3px;color:var(--itg-g)}
#main.td .td-ckx .td-ck-fact b{color:var(--itg-ink)}
/* three billing cards */
#main.td .td-ckx .td-ck-billg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
#main.td .td-ckx .td-ck-bill{position:relative;display:grid;gap:2px;margin:0;padding:12px 14px;border:1.5px solid var(--itg-ln);border-radius:var(--itg-r2);background:var(--itg-sf);box-shadow:none;cursor:pointer;text-align:left;font-family:var(--itg-sans);color:var(--itg-ink);appearance:none;-webkit-appearance:none}
#main.td .td-ckx .td-ck-bill:hover{border-color:var(--itg-ln2)}
#main.td .td-ckx .td-ck-bill b{font:700 14px/1.3 var(--itg-sans);color:var(--itg-ink)}
#main.td .td-ckx .td-ck-bill span{font:500 14px/1.3 var(--itg-sans);font-variant-numeric:tabular-nums;color:var(--itg-ink2)}
#main.td .td-ckx .td-ck-bill small{font:400 12px/1.3 var(--itg-sans);color:var(--itg-mu)}
#main.td .td-ckx .td-ck-bill small:empty{display:none}
#main.td .td-ckx .td-ck-bill[aria-checked="true"]{border-color:var(--itg-g);background:var(--itg-g1);box-shadow:0 0 0 3px var(--itg-g2)}
#main.td .td-ckx .td-ck-bill:disabled{opacity:.4;cursor:not-allowed}
#main.td .td-ckx .td-ck-save{position:absolute;top:-10px;right:10px;padding:2px 8px;border-radius:999px;background:var(--itg-g);color:var(--itg-on);font:700 12px/1.4 var(--itg-sans);font-style:normal;white-space:nowrap}
#main.td .td-ckx .td-ck-save[hidden]{display:none}
/* add-ons as checkbox rows (only what is NOT in the order yet); the fitting directories as pills above them */
#main.td .td-ckx .td-ck-add{margin:22px 0 0;padding:0;border:0;background:none}
#main.td .td-ckx .td-ck-chips{display:grid;gap:8px}
#main.td .td-ckx .td-ck-chips[hidden]{display:grid}
#main.td .td-ckx .td-ck-sugg{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px}
#main.td .td-ckx .td-ck-sugg[hidden]{display:none}
#main.td .td-ckx .td-ck-sugg-k{flex-basis:100%;margin:0;font:600 13px/1.3 var(--itg-sans);color:var(--itg-mu)}
#main.td .td-ckx .td-ck-chip{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:12px;align-items:flex-start;width:100%;min-height:0;margin:0;padding:12px 14px;border:1.5px solid var(--itg-ln);border-radius:var(--itg-r2);background:var(--itg-sf);text-align:left;cursor:pointer;font-family:var(--itg-sans);color:var(--itg-ink);appearance:none;-webkit-appearance:none}
#main.td .td-ckx .td-ck-chip:hover{border-style:solid;border-color:var(--itg-ln2);color:var(--itg-ink)}
#main.td .td-ckx .td-ck-chip[hidden]{display:none}
#main.td .td-ckx .td-ck-chip-bx{display:grid;place-items:center;width:18px;height:18px;margin-top:2px;border:2px solid var(--itg-ln2);border-radius:5px;background:var(--itg-sf);color:var(--itg-on)}
#main.td .td-ckx .td-ck-chip-bx svg{display:none;width:12px;height:12px;stroke-width:3}
#main.td .td-ckx .td-ck-chip:hover .td-ck-chip-bx{border-color:var(--itg-g)}
#main.td .td-ckx .td-ck-chip-t{display:grid;gap:2px;min-width:0}
#main.td .td-ckx .td-ck-chip-t b{font:600 14px/1.3 var(--itg-sans);color:var(--itg-ink)}
#main.td .td-ckx .td-ck-chip-t small{font:400 13px/1.45 var(--itg-sans);color:var(--itg-mu);white-space:normal}
#main.td .td-ckx .td-ck-chip-p{display:grid;justify-items:end;gap:1px;text-align:right}
#main.td .td-ckx .td-ck-chip-p span{font:700 14px/1.3 var(--itg-sans);font-variant-numeric:tabular-nums;color:var(--itg-ink);white-space:nowrap}
#main.td .td-ckx .td-ck-chip-p em{font:400 12px/1.3 var(--itg-sans);font-style:normal;color:var(--itg-mu)}
#main.td .td-ckx .td-ck-chip.is-sugg{display:inline-flex;grid-template-columns:none;align-items:center;width:auto;min-height:34px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--itg-g) 45%,var(--itg-ln2));border-radius:999px;background:var(--itg-g1);font:600 13px/1.3 var(--itg-sans);color:var(--itg-gink)}
#main.td .td-ckx .td-ck-chip.is-sugg:hover{border-color:var(--itg-g)}
#main.td .td-ckx .td-ck-line-ed{margin:10px 0 0}
#main.td .td-ckx .td-ck-onepay{margin:10px 0 0;font:400 13px/1.5 var(--itg-sans);color:var(--itg-mu)}
#main.td .td-ckx .td-ck-onepay[hidden]{display:none}
/* the summary card: the product line, every added line, tax, due today, after you pay */
#main.td .td-ckx .td-ck-sumcard{margin:22px 0 0;padding:14px 18px 16px;border:1px solid var(--itg-ln);border-radius:var(--itg-r);background:var(--itg-sf);box-shadow:var(--itg-sh1)}
#main.td .td-ckx .td-ck-sum .td-ck-line,#main.td .td-ckx .td-ck-cart-lines li.td-ck-line{display:grid;grid-template-columns:minmax(0,1fr) auto 24px;gap:2px 10px;align-items:center;margin:0;padding:9px 0;border:0;border-bottom:1px solid var(--itg-ln);border-radius:0;background:none}
#main.td .td-ckx .td-ck-sum .td-ck-line.is-main{border-bottom:1px solid var(--itg-ln);padding-bottom:9px}
#main.td .td-ckx .td-ck-sum .td-ck-line--tax{border-bottom:0}
#main.td .td-ckx .td-ck-cart-lines{list-style:none;margin:0;padding:0}
#main.td .td-ckx .td-ck-line-t{display:grid;gap:2px;min-width:0}
#main.td .td-ckx .td-ck-line-t b{font:600 14px/1.35 var(--itg-sans);color:var(--itg-ink)}
#main.td .td-ckx .td-ck-line-t small{font:400 13px/1.4 var(--itg-sans);color:var(--itg-mu);white-space:normal;overflow:visible;text-overflow:clip}
#main.td .td-ckx .td-ck-line-p{font:600 14px/1.35 var(--itg-sans);font-variant-numeric:tabular-nums;color:var(--itg-ink);white-space:nowrap;text-align:right}
#main.td .td-ckx .td-ck-line-p.is-dim{font-weight:500;color:var(--itg-mu)}
#main.td .td-ckx .td-ck-total{margin:0;padding:12px 0 0;border-top:0}
#main.td .td-ckx .td-ck-total-r{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
#main.td .td-ckx .td-ck-total-r span{font:700 15px/1.2 var(--itg-sans);color:var(--itg-ink)}
#main.td .td-ckx .td-ck-total-r b{font:800 24px/1.1 var(--itg-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--itg-ink)}
#main.td .td-ckx .td-ck-then{margin:4px 0 0;font:400 13px/1.5 var(--itg-sans);color:var(--itg-mu);text-align:left}
#main.td .td-ckx .td-ck-after{margin:10px 0 0;padding:9px 12px;border-radius:var(--itg-r3);background:var(--itg-g1);font:500 13px/1.5 var(--itg-sans);color:var(--itg-ink);text-align:left}
#main.td .td-ckx .td-ck-after b{font-weight:700;color:var(--itg-gink)}
#main.td .td-ckx .td-ck-steps-note{margin:8px 0 0;font:400 13px/1.5 var(--itg-sans);color:var(--itg-mu)}
#main.td .td-ckx .td-ck-steps-note[hidden]{display:none}
/* what a company product includes */
#main.td .td-ckx .td-ck-gets{list-style:none;display:grid;gap:10px;margin:0;padding:0}
#main.td .td-ckx .td-ck-gets li{display:flex;gap:10px;align-items:flex-start;margin:0;font:400 14px/1.5 var(--itg-sans);color:var(--itg-ink)}
#main.td .td-ckx .td-ck-gets li svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--itg-g)}
#main.td .td-ckx .td-ck-gets li b{display:block;font:600 14px/1.4 var(--itg-sans);color:var(--itg-ink)}
#main.td .td-ckx .td-ck-gets li small{font:400 13px/1.45 var(--itg-sans);color:var(--itg-mu)}
#main.td .td-ckx .td-ck-deal{margin-top:22px;padding:0;border:0;background:none;display:block}
#main.td .td-ckx .td-ck-deal .td-buy-l{margin:0 0 12px}
/* RIGHT: the payment pane */
#main.td .td-ckx .td-ck-pay-h{margin:0 0 18px;font:700 22px/1.2 var(--itg-sans);letter-spacing:-.02em;color:var(--itg-ink)}
#main.td .td-ckx .td-ck-pay>.td-buy-l{display:grid;gap:6px;margin:0 0 6px;font:600 13px/1.3 var(--itg-sans);color:var(--itg-ink2)}
#main.td .td-ckx .td-ck-pay>.td-buy-l+.td-ck-prod{margin-top:8px}
#main.td .td-ckx .td-buy input:not([type=radio]),#main.td .td-ckx .td-buy select,#main.td .td-ckx .td-buy textarea{min-height:46px;padding:9px 14px;border:1px solid var(--itg-ln2);border-radius:var(--itg-r3);background:var(--itg-sf);font:400 15px/1.3 var(--itg-sans);color:var(--itg-ink);box-shadow:var(--itg-sh1)}
#main.td .td-ckx .td-buy input:focus,#main.td .td-ckx .td-buy select:focus,#main.td .td-ckx .td-buy textarea:focus{outline:none;border-color:var(--itg-g);box-shadow:0 0 0 4px var(--itg-g2)}
#main.td .td-ckx .td-ck-help{margin:0 0 14px;font:400 13px/1.5 var(--itg-sans);color:var(--itg-mu)}
#main.td .td-ckx .td-ck-prod{margin:0 0 14px;border-radius:var(--itg-r2)}
#main.td .td-ckx .td-ck-prod-b span{font:400 13px/1.4 var(--itg-sans);color:var(--itg-mu)}
#main.td .td-ckx .td-ck-rp-tag{font:700 12px/1.4 var(--itg-sans)}
#main.td .td-ckx .td-ck-rp-where{font:500 13px/1.3 var(--itg-sans)}
#main.td .td-ckx .td-ck-pm{margin:4px 0 0}
#main.td .td-ckx .td-ck-k3{margin:0 0 6px;font:600 13px/1.3 var(--itg-sans);color:var(--itg-ink2)}
#main.td .td-ckx .td-ck-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:8px;margin:0}
#main.td .td-ckx .td-ck-methods span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;padding:6px 6px;border:1.5px solid var(--itg-ln);border-radius:var(--itg-r2);background:var(--itg-sf);font:600 13px/1.2 var(--itg-sans);text-align:center;color:var(--itg-ink2)}
#main.td .td-ckx .td-ck-methods span small{display:none;font:600 12px/1.2 var(--itg-sans);color:var(--itg-mu)}
#main.td .td-ckx .td-ck-methods span.is-in{border-color:color-mix(in srgb,var(--itg-g) 45%,var(--itg-ln2));color:var(--itg-gink)}
#main.td .td-ckx form[data-ck-onetime="0"] .td-ck-methods [data-ck-upi]{opacity:.6;border-color:var(--itg-ln);background:var(--itg-sf2);color:var(--itg-mu)}
#main.td .td-ckx form[data-ck-onetime="0"] .td-ck-methods [data-ck-upi] small{display:block}
#main.td .td-ckx .td-ck-inr{display:flex;gap:10px;margin:12px 0 0;padding:12px 14px;border-radius:var(--itg-r2);background:var(--itg-infobg);color:var(--itg-info);font:400 13px/1.5 var(--itg-sans)}
#main.td .td-ckx .td-ck-inr svg{width:16px;height:16px;flex:none;margin-top:2px}
#main.td .td-ckx .td-ck-inr b{color:inherit}
#main.td .td-ckx form[data-ck-onetime="1"] [data-ck-inr="sub"],#main.td .td-ckx form[data-ck-onetime="0"] [data-ck-inr="once"]{display:none}
#main.td .td-ckx .td-buy .td-ck-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;margin:18px 0 0;padding:12px 20px;border-radius:var(--itg-r2);font:700 16px/1.2 var(--itg-sans);font-variant-numeric:tabular-nums}
#main.td .td-ckx .td-ck-pay .td-ck-trust{display:flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 0;font:400 13px/1.5 var(--itg-sans);color:var(--itg-mu);text-align:center}
#main.td .td-ckx .td-ck-pay .td-ck-trust svg{width:14px;height:14px;flex:none;color:var(--itg-g)}
#main.td .td-ckx .td-ck-pay .td-ck-trust b{color:var(--itg-ink2)}
#main.td .td-ckx .td-ck-promises{list-style:none;display:grid;gap:10px;margin:22px 0 0;padding:16px 0 0;border-top:1px solid var(--itg-ln)}
#main.td .td-ckx .td-ck-promises li{display:flex;gap:10px;align-items:flex-start;margin:0;font:400 14px/1.5 var(--itg-sans);color:var(--itg-ink2)}
#main.td .td-ckx .td-ck-promises svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--itg-g)}
#main.td .td-ckx .td-ck-promises b{color:var(--itg-ink)}
#main.td .td-ckx .td-ck-promises a{color:var(--itg-gink);font-weight:600}
#main.td .td-ckx .td-vp .td-buy .td-msg,#main.td .td-ckx .td-ck-pay .td-msg{margin:12px 0 0}
/* the FAQ of this product, under the card */
#main.td .td-ckx .td-ck-faq{max-width:720px;margin:28px 0 0;padding:0}
#main.td .td-ckx .td-main .td-ck-faq h2,#main.td .td-ckx .td-ck-faq h2{margin:0 0 4px;font:700 17px/1.3 var(--itg-sans);letter-spacing:-.01em;color:var(--itg-ink)}
#main.td .td-ckx .td-ck-faq [data-ck-faq][hidden]{display:none}
#main.td .td-ckx .td-ck-faq details{border-top:0;border-bottom:1px solid var(--itg-ln)}
#main.td .td-ckx .td-ck-faq details:last-child{border-bottom:1px solid var(--itg-ln)}
#main.td .td-ckx .td-ck-faq summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;font:600 14px/1.4 var(--itg-sans);color:var(--itg-ink);cursor:pointer;list-style:none}
#main.td .td-ckx .td-ck-faq summary::after{content:"+";float:none;margin-left:auto;font-weight:700;color:var(--itg-mu)}
#main.td .td-ckx .td-ck-faq details[open] summary::after{content:"\2013"}
#main.td .td-ckx .td-ck-faq p{margin:0 0 14px;font:400 14px/1.6 var(--itg-sans);color:var(--itg-ink2)}
#main.td .td-ckx .td-ck-faq a{color:var(--itg-gink);font-weight:600}
/* one column under 980 px: the order above the payment */
@media (max-width:980px){
  #main.td .td-ckx .td-ck-form{grid-template-columns:minmax(0,1fr)}
  #main.td .td-ckx .td-ck-sum{border-right:0;border-bottom:1px solid var(--itg-ln);padding:28px 24px 30px}
  #main.td .td-ckx .td-ck-pay{padding:28px 24px 32px}
}
/* THE SUCCESS PAGE (the same Fable mock, checkout-success.html): receipt block, four-step timeline with done/now states, next-step
   cards. Every rule sits under .td-cdx so the R1b .td-co-* rules keep working where nothing here overrides them. */
#main.td .td-cdx .td-cd-rcpt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin:18px 0 0;padding:16px 18px;background:var(--itg-sf2);border:1px solid var(--itg-ln);border-radius:var(--itg-r2);text-align:left}
#main.td .td-cdx .td-cd-rcpt[hidden]{display:none}
#main.td .td-cdx .td-cd-rcpt div{min-width:0}
#main.td .td-cdx .td-cd-rcpt dt{margin:0 0 3px;font:700 12px/1.3 var(--itg-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--itg-mu)}
#main.td .td-cdx .td-cd-rcpt dd{margin:0;font:600 15px/1.4 var(--itg-sans);color:var(--itg-ink);overflow-wrap:anywhere}
#main.td .td-cdx .td-cd-tl{list-style:none;margin:22px 0 0;padding:0;text-align:left;counter-reset:none}
#main.td .td-cdx .td-cd-tl li{position:relative;display:block;padding:0 0 18px 38px}
#main.td .td-cdx .td-cd-tl li::before{content:"";position:absolute;left:10px;top:24px;bottom:-2px;width:2px;background:var(--itg-ln)}
#main.td .td-cdx .td-cd-tl li:last-child::before{display:none}
#main.td .td-cdx .td-cd-tl li::after{content:"";position:absolute;left:2px;top:2px;width:18px;height:18px;border-radius:50%;border:2px solid var(--itg-ln);background:var(--itg-sf)}
#main.td .td-cdx .td-cd-tl li.is-done::after{background:var(--itg-g);border-color:var(--itg-g)}
#main.td .td-cdx .td-cd-tl li.is-now::after{border-color:var(--itg-g);box-shadow:0 0 0 4px var(--itg-g2)}
#main.td .td-cdx .td-cd-tl b{display:block;font:700 15px/1.35 var(--itg-sans);color:var(--itg-ink)}
#main.td .td-cdx .td-cd-tl span{display:block;margin-top:3px;font:400 14px/1.5 var(--itg-sans);color:var(--itg-ink2)}
#main.td .td-cdx .td-cd-tl a{color:var(--itg-gink);text-decoration:underline;text-underline-offset:2px}
#main.td .td-cdx .td-cd-next{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
#main.td .td-cdx .td-cd-next[hidden]{display:none}
#main.td .td-cdx .td-cd-next .td-co-more-k{grid-column:1/-1;margin:0}
#main.td .td-cdx .td-cd-next .td-co-more-a{display:block;padding:14px 16px;border:1px solid var(--itg-ln);border-radius:var(--itg-r2);background:var(--itg-sf);box-shadow:var(--itg-sh1);text-decoration:none}
#main.td .td-cdx .td-cd-next .td-co-more-a:hover{border-color:var(--itg-g)}
#main.td .td-cdx .td-cd-next .td-co-more-a b{display:block;font:700 15px/1.35 var(--itg-sans);color:var(--itg-ink)}
#main.td .td-cdx .td-cd-next .td-co-more-a span{display:block;margin-top:3px;font:400 14px/1.5 var(--itg-sans);color:var(--itg-ink2)}
@media (max-width:640px){
  #main.td .td-cdx .td-cd-rcpt{grid-template-columns:minmax(0,1fr)}
  #main.td .td-cdx .td-cd-next{grid-template-columns:minmax(0,1fr)}
}
/* SHORT DESKTOP VIEWPORTS (25-Sep-2026, the release's fold gate: "Pay …" must end above 640 px at 1280×720). The pay column stacks
   heading, the two fields, the payment methods, the 100 px "Paying from India" note and only then the Pay button — at 720 px tall the
   button ended at 700/748 px. On a desktop viewport up to 800 px tall the note moves right below the button (the column is a flex
   column, so `order` does it) and the column's top padding loses 12 px; 1440×900 and phones are exactly as approved. */
@media (min-width:761px) and (max-height:800px){
  #main.td .td-ckx .td-ck-pay{padding-top:24px}
  #main.td .td-ckx .td-ck-pay-h{margin-bottom:12px}
  #main.td .td-ckx .td-ck-pay>.td-ck-inr{order:1;margin:14px 0 0}
  #main.td .td-ckx .td-ck-pay>.td-ck-trust,#main.td .td-ckx .td-ck-pay>.td-ck-promises,#main.td .td-ckx .td-ck-pay>.td-ck-faq,#main.td .td-ckx .td-ck-pay>.td-ck-more{order:2}
}
/* == REDESIGN-CHECKOUT-PHONE:START == */
/* phones (≤ 760 px, the responsive gate's phone widths 320–430): every line of text at least 14 px, the position cards 3 + 2, the billing
   cards as rows, "Order details" collapsible, the fixed pay bar (tools.js shows it while the real Pay button is off screen). */
@media (max-width:760px){
  #main.td .td-ck-secure{font-size:14px}
  #main.td .td-ckx .td-ck-sum{padding:22px 16px 24px}
  #main.td .td-ckx .td-ck-pay{padding:22px 16px 28px}
  #main.td .td-ckx .td-ck-eyebrow{font-size:14px;letter-spacing:.06em}
  #main.td .td-ckx .td-ck-amt b{font-size:36px}
  #main.td .td-ckx .td-ck-amt span{font-size:15px}
  #main.td .td-ckx .td-ck-sub{font-size:14px}
  #main.td .td-ckx .td-ck-msum>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:16px 0 0;padding:12px 14px;border:1px solid var(--itg-ln);border-radius:var(--itg-r2);background:var(--itg-sf);font:600 14px/1.3 var(--itg-sans);color:var(--itg-ink);cursor:pointer;list-style:none}
  #main.td .td-ckx .td-ck-msum-amt{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}
  #main.td .td-ckx .td-ck-msum-amt svg{width:16px;height:16px;color:var(--itg-mu);transition:transform .15s}
  #main.td .td-ckx .td-ck-msum[open]>summary .td-ck-msum-amt svg{transform:rotate(180deg)}
  #main.td .td-ckx .td-ck-h3{font-size:15px}
  #main.td .td-ckx .td-ck-h3 a,#main.td .td-ckx .td-ck-opt-k,#main.td .td-ckx .td-ck-dir-b small,#main.td .td-ckx .td-ck-link,#main.td .td-ckx .td-vp .td-ck-link{font-size:14px}
  #main.td .td-ckx .td-ck-posg{grid-template-columns:repeat(3,minmax(0,1fr))}
  #main.td .td-ckx .td-ck-pos{min-height:78px}
  #main.td .td-ckx .td-ck-pos span,#main.td .td-ckx .td-ck-pos i{font-size:14px}
  #main.td .td-ckx .td-ck-fact{font-size:14px}
  #main.td .td-ckx .td-ck-billg{grid-template-columns:minmax(0,1fr)}
  #main.td .td-ckx .td-ck-bill{display:flex;align-items:center;gap:10px}
  #main.td .td-ckx .td-ck-bill span{margin-left:auto;font-size:14px}
  #main.td .td-ckx .td-ck-bill small{display:none}
  #main.td .td-ckx .td-ck-save{position:static;order:-1;font-size:14px}
  #main.td .td-ckx .td-ck-sugg-k,#main.td .td-ckx .td-ck-chip.is-sugg,#main.td .td-ckx .td-ck-chip-t small,#main.td .td-ckx .td-ck-chip-p em,#main.td .td-ckx .td-ck-onepay{font-size:14px}
  #main.td .td-ckx .td-ck-line-t small,#main.td .td-ckx .td-ck-then,#main.td .td-ckx .td-ck-after,#main.td .td-ckx .td-ck-steps-note{font-size:14px}
  #main.td .td-ckx .td-ck-gets li small{font-size:14px}
  #main.td .td-ckx .td-ck-pay>.td-buy-l,#main.td .td-ckx .td-ck-help,#main.td .td-ckx .td-ck-k3,#main.td .td-ckx .td-ck-prod-b span,#main.td .td-ckx .td-ck-rp-tag,#main.td .td-ckx .td-ck-rp-where{font-size:14px}
  #main.td .td-ckx .td-ck-prod-edit,#main.td .td-ckx .td-ck-prod-warn,#main.td .td-ckx .td-ck-ed-picked,#main.td .td-ckx .td-buy-opt,#main.td .td-ckx .td-buy-avail,#main.td .td-ckx .td-ck-change,#main.td .td-ckx .td-vp .td-ck-change{font-size:14px}
  #main.td .td-ckx .td-vp .td-buy .td-pick-topic,#main.td .td-ckx .td-pick-list li small,#main.td .td-ckx .td-pick-list li .td-vp-chip,#main.td .td-ckx .td-pick-list li.is-note,#main.td .td-ckx .td-vp .td-buy .td-ck-ed-opts select{font-size:14px}
  #main.td .td-ckx .td-ck-methods{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px}
  #main.td .td-ckx .td-ck-methods span{min-height:48px;font-size:14px}
  #main.td .td-ckx form[data-ck-onetime="0"] .td-ck-methods [data-ck-upi] small{display:none}
  #main.td .td-ckx .td-ck-inr,#main.td .td-ckx .td-ck-pay .td-ck-trust,#main.td .td-ckx .td-ck-promises li,#main.td .td-ckx .td-ck-faq summary,#main.td .td-ckx .td-ck-faq p{font-size:14px}
  /* 25-Sep-2026, after R1a's responsive rollback: the directory picker's label ("Directory", the legacy .td-vp rule at 13 px) and the
     billing card's small print (12 px; hidden on phones above, floored too so no resolver ever reads it under 14) */
  #main.td .td-vp .td-buy-l,#main.td .td-ckx .td-ck-bill small{font-size:14px}
  #main.td .td-ckx .td-ck-pay .td-ck-trust{text-align:left;justify-content:flex-start}
  #main.td .td-ckx .td-ck-faq{margin:22px 0 0}
  #main.td .td-ckx .td-ck-bar:not([hidden]){position:fixed;left:0;right:0;bottom:0;z-index:70;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--itg-sf);border-top:1px solid var(--itg-ln);box-shadow:0 -12px 30px -18px rgba(0,0,0,.3)}
  #main.td .td-ckx .td-ck-bar-t{display:grid;min-width:0}
  #main.td .td-ckx .td-ck-bar-t b{font:800 20px/1.1 var(--itg-sans);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--itg-ink)}
  #main.td .td-ckx .td-ck-bar-t small{overflow:hidden;font:500 14px/1.3 var(--itg-sans);color:var(--itg-mu);text-overflow:ellipsis;white-space:nowrap}
  #main.td .td-ckx .td-vp .td-ck-bar .td-ck-bar-go,#main.td .td-ckx .td-ck-bar .td-ck-bar-go{flex:0 0 auto;min-height:48px;padding:10px 22px;border-radius:var(--itg-r2);font:700 16px/1.2 var(--itg-sans)}
  body.td-has-ckbar #main.td .td-ckx .td-ck-pay{padding-bottom:110px}
}
@media (max-width:430px){
  #main.td .td-ckx .td-ck-sumcard{padding:12px 14px 14px}
  #main.td .td-ckx .td-ck-chip{gap:10px;padding:11px 12px}
  #main.td .td-ckx .td-ck-methods span{padding:6px 4px}
}
/* == REDESIGN-CHECKOUT-PHONE:END == */
/* == REDESIGN-CHECKOUT:END == */
/* == REDESIGN-ADVERTISE:START == */
/* iTG ADVERTISE lane, 25-Sep-2026 — /advertise/ and /submit/ (Get listed) to the owner-approved Fable mocks
   (~/Documents/DESIGN-FABLE-2026-09-24/itechguides/advertise/). Tokens --itg-adv-* (mapped onto the vendor pages' --ad-* set so
   dark mode is the ONE data-theme palette); components td-adv-*. Phone: every text node ≥ 14 px (tests/test_advertise_phone_text.py),
   zero horizontal overflow, taps ≥ 32 px. The band (.itgp-ph) is the theme's dark page-header: the hero adds its CTAs, sub-chips and
   the live row preview card to it. Nothing here touches checkout.html or the other lanes' regions. */
#main.td .td-adv{--itg-adv-g:var(--ad-accent);--itg-adv-gink:var(--ad-accent-ink);--itg-adv-on:var(--ad-on);--itg-adv-g1:var(--ad-wash);--itg-adv-sf:var(--ad-paper);--itg-adv-sf2:var(--ad-canvas);--itg-adv-ln:var(--ad-line);--itg-adv-ln2:var(--ad-line2);--itg-adv-ctl:color-mix(in srgb,var(--ad-ink) 55%,var(--ad-paper));--itg-adv-ink:var(--ad-ink);--itg-adv-mu:var(--ad-muted);--itg-adv-dg:#D23B3B;--itg-adv-dg1:color-mix(in srgb,#D23B3B 12%,transparent);--itg-adv-r:14px;--itg-adv-sh:0 1px 2px rgba(11,18,32,.04),0 1px 3px rgba(11,18,32,.06);--lp-gap:48px}
/* ---- the band: CTAs, sub-chips, caption, and the 14 px floor on the theme's small band text */
.itgp-ph.td-adv-band .itgp-ph-title{max-width:16ch}
.itgp-ph.td-adv-band .itgp-ph-eyebrow{font-size:14px}
.itgp-ph.td-adv-band .itgp-ph-crumb ol{font-size:14px}
.itgp-ph.td-adv-band .itgp-ph-lede b{color:#fff;font-weight:600}
.itgp-ph.td-adv-band .td-lp-trust{font-size:14px}
.td-adv-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0 0}
.td-adv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;border:1px solid transparent;font:600 15px/1.2 var(--font-text,inherit);text-decoration:none;white-space:nowrap;cursor:pointer;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease}
.td-adv-btn:hover{text-decoration:none}
/* WCAG audit 25-Sep-2026: both band CTAs rendered white-on-white where the theme's dark .itgp-ph paint wasn't in effect. Each CTA now
   carries its own fill, border and text, so it reads on the dark band AND on a bare white one: --p #08251F on #fff 16.0:1, --o #fff on
   #0F766E 5.47:1 (hover #0B5E57 7.6:1); the --p edge #0F766E vs its #fff fill 5.47:1, the --o edge #fff vs its teal fill 5.47:1. */
.td-adv-cta .td-adv-btn--p,.td-adv-cta .td-adv-btn--p:visited{background:#fff;border-color:#0F766E;color:#08251F!important}
.td-adv-cta .td-adv-btn--p:hover{background:#DFF5EC;border-color:#0F766E;color:#08251F!important}
.td-adv-cta .td-adv-btn--o,.td-adv-cta .td-adv-btn--o:visited{background:#0F766E;border-color:#fff;color:#fff!important}
.td-adv-cta .td-adv-btn--o:hover{background:#0B5E57;border-color:#fff;color:#fff!important}
.td-adv-cta .td-adv-btn:focus-visible{outline:3px solid #5EEAD4;outline-offset:2px;box-shadow:0 0 0 5px #08251F}
.itgp-ph .td-adv-cap{margin:12px 0 0;font:400 14px/1.5 var(--font-text,inherit);color:rgba(255,255,255,.72)}
.itgp-ph .td-adv-cap b{color:#fff;font-weight:600}
/* ---- the live row preview (a real directory's top rows + "Your product") */
.itgp-ph-card.td-adv-prev{padding:0;overflow:hidden;color:#242424}
.td-adv-prev-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:12px 16px;border-bottom:1px solid #E6E6E6;background:#F5F7F6;font:700 14px/1.3 var(--font-text,inherit);color:#242424}
.td-adv-prev-h span{font:500 14px/1.3 var(--font-text,inherit);color:#6B6B6B;white-space:nowrap}
.td-adv-prow{display:grid;grid-template-columns:30px 36px minmax(0,1fr) auto;gap:12px;align-items:center;margin:0;padding:11px 16px;border-bottom:1px solid #EEF0EF}
.td-adv-prow:last-child{border-bottom:0}
.td-adv-prow .rk{width:26px;height:26px;border-radius:8px;background:#EEF1F0;color:#3B4453;display:inline-flex;align-items:center;justify-content:center;font:800 14px/1 var(--font-text,inherit);font-variant-numeric:tabular-nums}
.td-adv-prow .rk.q{color:#6B6B6B}
.td-adv-prow .lg{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;background:#fff;border:1px solid #E6E6E6;overflow:hidden;font:800 14px/1 var(--font-text,inherit);color:#1B2340;letter-spacing:-.03em}
.td-adv-prow .lg img{display:block;width:34px;height:34px;object-fit:contain}
.td-adv-prow .nm{min-width:0}
.td-adv-prow .nm b{display:block;font:700 14px/1.3 var(--font-text,inherit);color:#242424;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td-adv-prow .nm span{display:block;font:400 14px/1.3 var(--font-text,inherit);color:#6B6B6B;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.td-adv-prow .sc{font:800 15px/1 var(--font-text,inherit);color:#242424;font-variant-numeric:tabular-nums}
.td-adv-prow .sc.np{font:600 14px/1.25 var(--font-text,inherit);color:#6B6B6B;text-align:right;max-width:9ch}
.td-adv-prow.is-you{background:#E7F6F0;box-shadow:inset 3px 0 0 #0F766E}
.td-adv-prow.is-you .rk{background:#0F766E;color:#fff}
.td-adv-prow.is-you .rk.q{background:#DCEFE9;color:#0F766E}
.td-adv-prow.is-gap{grid-template-columns:minmax(0,1fr);justify-items:center;padding:6px 16px;background:#F5F7F6;font:400 14px/1.3 var(--font-text,inherit);color:#6B6B6B}
.td-adv-tag{display:inline-flex;align-items:center;height:22px;margin-left:6px;padding:0 7px;border-radius:6px;background:#E7F6F0;color:#0F766E;font:700 14px/1 var(--font-text,inherit);letter-spacing:.03em;text-transform:uppercase;vertical-align:1px}
.td-adv-tag.nt{background:#EEF1F0;color:#3B4453}
/* ---- sections, cards, lists */
#main.td .td-adv .td-lp-n{font-size:14px}
#main.td .td-adv-card{padding:20px;background:var(--itg-adv-sf);border:1px solid var(--itg-adv-ln);border-radius:var(--itg-adv-r);box-shadow:var(--itg-adv-sh);box-sizing:border-box;min-width:0}
#main.td .td-adv-card h3{margin:0 0 6px;font:700 17px/1.3 var(--ad-sans);letter-spacing:-.01em;color:var(--itg-adv-ink)}
#main.td .td-adv-card>p{margin:0;font:400 14px/1.6 var(--ad-sans);color:var(--itg-adv-mu)}
#main.td .td-adv-card .ic{width:38px;height:38px;border-radius:10px;background:var(--itg-adv-g1);color:var(--itg-adv-gink);display:inline-flex;align-items:center;justify-content:center;margin:0 0 12px;font:700 18px/1 var(--ad-sans)}
#main.td .td-adv-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
#main.td .td-adv-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#main.td .td-adv-list{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
#main.td .td-adv-list li{position:relative;margin:0;padding:0 0 0 27px;font:400 14px/1.5 var(--ad-sans);color:var(--itg-adv-ink)}
#main.td .td-adv-list li::before{content:"✓";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--itg-adv-g1);color:var(--itg-adv-gink);font:800 12px/1 var(--ad-sans)}
#main.td .td-adv-list--no li::before{content:"×";background:var(--itg-adv-dg1);color:var(--itg-adv-dg)}
#main.td .td-adv-list li b{font-weight:700;color:var(--itg-adv-ink)}
#main.td .td-adv-list+.td-adv-list{margin-top:14px;padding-top:14px;border-top:1px solid var(--itg-adv-ln)}
#main.td .td-adv-fine{margin:14px 0 0;font:400 14px/1.6 var(--ad-sans);color:var(--itg-adv-mu)}
#main.td .td-adv-fine a,#main.td .td-adv-card a{color:var(--itg-adv-gink);font-weight:600}
/* ---- ONE price list (the table) + the position/term configurator */
#main.td .td-adv-ptab-wrap{overflow:hidden;background:var(--itg-adv-sf);border:1px solid var(--itg-adv-ln);border-radius:var(--itg-adv-r);box-shadow:var(--itg-adv-sh)}
#main.td table.td-adv-ptab{width:100%;margin:0;border-collapse:collapse;table-layout:auto;min-width:0;font-size:14px}
#main.td table.td-adv-ptab th,#main.td table.td-adv-ptab td{padding:14px 20px;border-bottom:1px solid var(--itg-adv-ln);text-align:left;vertical-align:middle;overflow-wrap:normal;word-break:normal}
#main.td table.td-adv-ptab thead th{padding:12px 20px;background:var(--itg-adv-sf2);font:700 14px/1.2 var(--ad-sans);letter-spacing:.05em;text-transform:uppercase;color:var(--itg-adv-mu)}
#main.td table.td-adv-ptab tbody tr:last-child th,#main.td table.td-adv-ptab tbody tr:last-child td{border-bottom:0}
#main.td table.td-adv-ptab tbody tr:hover{background:var(--itg-adv-sf2)}
#main.td table.td-adv-ptab tbody tr.is-top{background:linear-gradient(90deg,var(--itg-adv-g1),transparent 60%)}
#main.td table.td-adv-ptab th[scope=row]{font-weight:400}
#main.td table.td-adv-ptab th[scope=row] a{font:700 16px/1.3 var(--ad-sans);letter-spacing:-.01em;color:var(--itg-adv-ink);text-decoration:none}
#main.td table.td-adv-ptab th[scope=row] a:hover{color:var(--itg-adv-gink)}
#main.td table.td-adv-ptab th[scope=row] small{display:block;margin-top:2px;font:400 14px/1.45 var(--ad-sans);color:var(--itg-adv-mu);max-width:44ch}
#main.td table.td-adv-ptab td.lv{font:400 14px/1.45 var(--ad-sans);color:var(--itg-adv-ink)}
#main.td table.td-adv-ptab td.pr{white-space:nowrap}
#main.td table.td-adv-ptab td.pr b{display:block;font:800 19px/1.1 var(--ad-sans);letter-spacing:-.02em;color:var(--itg-adv-ink);font-variant-numeric:tabular-nums}
#main.td table.td-adv-ptab td.pr small{display:block;margin-top:2px;font:500 14px/1.3 var(--ad-sans);color:var(--itg-adv-mu);white-space:normal}
#main.td table.td-adv-ptab td.bt{text-align:right;white-space:nowrap}
#main.td .td-adv-buy{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border-radius:9px;border:1px solid var(--itg-adv-ctl);background:var(--itg-adv-sf);color:var(--itg-adv-ink);font:600 14px/1 var(--ad-sans);text-decoration:none;white-space:nowrap;box-sizing:border-box}
#main.td .td-adv-buy:hover{background:var(--itg-adv-sf2);text-decoration:none}
#main.td .td-adv-buy--p{background:var(--itg-adv-g);border-color:transparent;color:var(--itg-adv-on)}
#main.td .td-adv-buy--p:hover{background:var(--itg-adv-gink);color:var(--itg-adv-on)}
#main.td .td-adv-cfg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:18px 0 0;padding:20px;background:var(--itg-adv-sf);border:1px solid var(--itg-adv-ln);border-radius:var(--itg-adv-r);box-shadow:var(--itg-adv-sh);box-sizing:border-box}
#main.td .td-adv-cfg h3{margin:0 0 4px;font:700 17px/1.3 var(--ad-sans);letter-spacing:-.01em;color:var(--itg-adv-ink)}
#main.td .td-adv-cfg>div>p{margin:0 0 10px;font:400 14px/1.55 var(--ad-sans);color:var(--itg-adv-mu)}
#main.td .td-adv-spots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
#main.td .td-adv-spot,#main.td .td-adv-bill label{position:relative;display:block;min-width:0;border:1.5px solid var(--itg-adv-ln);border-radius:12px;background:var(--itg-adv-sf);cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,background-color .15s ease}
#main.td .td-adv-spot{padding:12px 6px;text-align:center}
#main.td .td-adv-spot input,#main.td .td-adv-bill input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
#main.td .td-adv-spot:hover,#main.td .td-adv-bill label:hover{border-color:var(--itg-adv-ln2)}
#main.td .td-adv-spot.is-on,#main.td .td-adv-spot:has(input:checked),#main.td .td-adv-bill label.is-on,#main.td .td-adv-bill label:has(input:checked){border-color:var(--itg-adv-g);background:var(--itg-adv-g1);box-shadow:0 0 0 3px color-mix(in srgb,var(--itg-adv-g) 22%,transparent)}
#main.td .td-adv-spot:focus-within,#main.td .td-adv-bill label:focus-within{outline:2px solid var(--itg-adv-g);outline-offset:2px}
#main.td .td-adv-spot b{display:block;font:800 17px/1.1 var(--ad-sans);letter-spacing:-.02em;color:var(--itg-adv-ink)}
#main.td .td-adv-spot .p{display:block;margin-top:4px;font:700 14px/1.2 var(--ad-sans);color:var(--itg-adv-ink);font-variant-numeric:tabular-nums}
#main.td .td-adv-spot .p small{font:500 14px/1 var(--ad-sans);color:var(--itg-adv-mu)}
#main.td .td-adv-spot .s{display:block;margin-top:5px;font:700 14px/1 var(--ad-sans);letter-spacing:.04em;color:var(--itg-adv-gink);font-variant-numeric:tabular-nums}
#main.td .td-adv-spot .s.is-taken{color:var(--itg-adv-mu)}
#main.td .td-adv-bill{display:flex;flex-wrap:wrap;gap:10px}
#main.td .td-adv-bill label{flex:1 1 140px;padding:12px 14px}
#main.td .td-adv-bill b{display:block;font:600 14px/1.3 var(--ad-sans);color:var(--itg-adv-ink)}
#main.td .td-adv-bill span{display:block;font:400 14px/1.3 var(--ad-sans);color:var(--itg-adv-mu)}
#main.td .td-adv-bill .p{display:block;margin-top:4px;font:800 17px/1.2 var(--ad-sans);color:var(--itg-adv-ink);font-variant-numeric:tabular-nums}
#main.td .td-adv-bill .p small{font:500 14px/1 var(--ad-sans);color:var(--itg-adv-mu)}
#main.td .td-adv-bill .sv{display:block;margin-top:2px;font:700 14px/1.3 var(--ad-sans);color:var(--itg-adv-gink)}
#main.td .td-adv-cfg-go{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;padding-top:6px;border-top:1px solid var(--itg-adv-ln)}
#main.td .td-adv-cfg-go .td-lp-find{flex:1 1 320px;height:52px;max-width:none;margin:8px 0 0;border:1px solid var(--itg-adv-ln2);box-shadow:none;background:var(--itg-adv-sf)}
#main.td .td-adv-cfg-go .td-lp-find input{color:var(--itg-adv-ink)}
#main.td .td-adv-cfg-go .td-lp-find .td-lp-res{color:var(--itg-adv-ink)}
#main.td .td-adv-cfg-sum{flex:1 1 220px;margin:8px 0 0;font:600 15px/1.4 var(--ad-sans);color:var(--itg-adv-ink)}
#main.td .td-adv-cfg-sum small{display:block;font:400 14px/1.4 var(--ad-sans);color:var(--itg-adv-mu)}
/* ---- click-through by rank */
#main.td .td-adv-ctr{display:flex;align-items:flex-end;gap:14px;height:150px;padding:8px 4px 0;margin:0}
#main.td .td-adv-ctr .b{flex:1 1 0;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:100%}
#main.td .td-adv-ctr .b i{display:block;width:100%;border-radius:7px 7px 0 0;background:var(--itg-adv-sf2);border:1px solid var(--itg-adv-ln);border-bottom:0;box-sizing:border-box}
#main.td .td-adv-ctr .b.is-hi i{background:linear-gradient(180deg,var(--itg-adv-g),var(--itg-adv-gink));border-color:transparent}
#main.td .td-adv-ctr .b.is-np i{background:repeating-linear-gradient(135deg,var(--itg-adv-g1) 0 6px,var(--itg-adv-sf2) 6px 12px)}
#main.td .td-adv-ctr .b em{font:800 14px/1 var(--ad-sans);font-style:normal;color:var(--itg-adv-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
#main.td .td-adv-ctr .b.is-np em{font-weight:600;color:var(--itg-adv-mu)}
#main.td .td-adv-ctr .b span{font:600 14px/1 var(--ad-sans);color:var(--itg-adv-mu);white-space:nowrap}
#main.td .td-adv .td-adv-sub{margin:28px 0 0;font:700 18px/1.3 var(--ad-sans);letter-spacing:-.01em;color:var(--itg-adv-ink)}
#main.td .td-adv-kpis{display:flex;flex-wrap:wrap;gap:16px 32px;margin:14px 0 0;padding:0;list-style:none}
#main.td .td-adv-kpis li{margin:0;padding:0}
#main.td .td-adv-kpis b{display:block;font:800 30px/1.05 var(--ad-sans);letter-spacing:-.02em;color:var(--itg-adv-ink);font-variant-numeric:tabular-nums}
#main.td .td-adv-kpis span{display:block;margin-top:4px;font:400 14px/1.4 var(--ad-sans);color:var(--itg-adv-mu)}
/* ---- the closing card + content buttons */
#main.td .td-adv-close{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:26px 0 0}
#main.td .td-adv-close>div{flex:1 1 260px}
/* a.td-adv-btn-- (1,2,1) and later in the file: "#main.td .td-adv-card a{color:var(--itg-adv-gink)}" (1,2,1) used to win inside the
   closing card and painted "Book a top spot" in its own fill colour (#0F766E on #0F766E — WCAG audit 25-Sep-2026). */
#main.td a.td-adv-btn--g,#main.td a.td-adv-btn--g:visited{background:var(--itg-adv-g);color:var(--itg-adv-on)}
#main.td a.td-adv-btn--g:hover,#main.td a.td-adv-btn--g:focus-visible{background:var(--itg-adv-gink);color:var(--itg-adv-on)}
#main.td a.td-adv-btn--l,#main.td a.td-adv-btn--l:visited{border-color:var(--itg-adv-ctl);background:var(--itg-adv-sf);color:var(--itg-adv-ink)}
#main.td a.td-adv-btn--l:hover{background:var(--itg-adv-sf2);color:var(--itg-adv-ink)}
/* ---- Get listed: the form, the directory picker, the order summary, the steps */
#main.td .td-adv-gl{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
#main.td .td-adv-gl h2{margin:0 0 6px;font:700 clamp(22px,1rem + 1vw,28px)/1.15 var(--ad-sans);letter-spacing:-.02em;color:var(--itg-adv-ink)}
#main.td .td-adv-gl .td-adv-lede{margin:0 0 22px;font:400 14px/1.55 var(--ad-sans);color:var(--itg-adv-mu)}
#main.td .td-adv-fld{display:block;margin:0 0 16px}
#main.td .td-adv-fld>span{display:block;margin:0 0 6px;font:600 14px/1.3 var(--ad-sans);color:var(--itg-adv-ink)}
#main.td .td-adv-inp{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:1px solid var(--itg-adv-ln2);border-radius:10px;background:var(--itg-adv-sf);color:var(--itg-adv-ink);box-shadow:var(--itg-adv-sh);box-sizing:border-box}
#main.td .td-adv-inp:focus-within{border-color:var(--itg-adv-g);box-shadow:0 0 0 4px color-mix(in srgb,var(--itg-adv-g) 22%,transparent)}
#main.td .td-adv-inp svg{flex:none;width:18px;height:18px;color:var(--itg-adv-mu)}
#main.td .td-adv .td-adv-inp input{flex:1 1 0;width:0;min-width:0;height:44px;margin:0;padding:0;border:0;outline:0;background:none;box-shadow:none;font:400 15px/1.3 var(--ad-sans);color:inherit}
#main.td .td-adv .td-adv-inp input::placeholder{color:var(--itg-adv-mu)}
#main.td .td-adv-help{margin:6px 0 0;font:400 14px/1.5 var(--ad-sans);color:var(--itg-adv-mu)}
#main.td .td-adv-pick{border:1px solid var(--itg-adv-ln2);border-radius:12px;background:var(--itg-adv-sf);overflow:hidden;box-shadow:var(--itg-adv-sh)}
#main.td .td-adv-pick-top{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 14px;border-bottom:1px solid var(--itg-adv-ln)}
#main.td .td-adv-pick-top svg{flex:none;width:18px;height:18px;color:var(--itg-adv-mu)}
#main.td .td-adv .td-adv-pick-top input{flex:1 1 0;width:0;min-width:0;height:46px;margin:0;padding:0;border:0;outline:0;background:none;box-shadow:none;font:400 15px/1.3 var(--ad-sans);color:var(--itg-adv-ink)}
#main.td .td-adv-pick-top small{flex:none;font:400 14px/1.2 var(--ad-sans);color:var(--itg-adv-mu);white-space:nowrap;font-variant-numeric:tabular-nums}
#main.td .td-adv-pick-list{margin:0;padding:0;list-style:none}
#main.td .td-adv-opt{position:relative;display:flex;align-items:center;gap:12px;margin:0;padding:11px 14px;border-bottom:1px solid var(--itg-adv-ln);cursor:pointer;min-height:32px}
#main.td .td-adv-opt:last-child{border-bottom:0}
#main.td .td-adv-opt input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
#main.td .td-adv-opt:hover{background:var(--itg-adv-sf2)}
#main.td .td-adv-opt.is-on,#main.td .td-adv-opt:has(input:checked){background:var(--itg-adv-g1)}
#main.td .td-adv-opt:focus-within{outline:2px solid var(--itg-adv-g);outline-offset:-2px}
#main.td .td-adv-opt>div{min-width:0}
#main.td .td-adv-opt b{display:block;font:600 14px/1.3 var(--ad-sans);color:var(--itg-adv-ink)}
#main.td .td-adv-opt span{display:block;font:400 14px/1.3 var(--ad-sans);color:var(--itg-adv-mu)}
#main.td .td-adv-opt .n{flex:none;margin-left:auto;font:500 14px/1.2 var(--ad-sans);color:var(--itg-adv-mu);white-space:nowrap;font-variant-numeric:tabular-nums}
#main.td .td-adv-opt mark{background:none;color:var(--itg-adv-gink);font-weight:700}
#main.td .td-adv-opt.is-none{cursor:default;color:var(--itg-adv-mu);font:400 14px/1.4 var(--ad-sans)}
#main.td .td-adv-note{margin:4px 0 0;padding:14px 16px;background:var(--itg-adv-sf2);border-radius:12px;font:400 14px/1.5 var(--ad-sans);color:var(--itg-adv-ink)}
#main.td .td-adv-note b{font-weight:700}
#main.td .td-adv-sum{position:sticky;top:80px;background:var(--itg-adv-sf);border:1px solid var(--itg-adv-ln);border-radius:var(--itg-adv-r);box-shadow:var(--itg-adv-sh)}
#main.td .td-adv-sum-h{padding:16px 18px;border-bottom:1px solid var(--itg-adv-ln)}
#main.td .td-adv-sum-h b{display:block;font:700 16px/1.3 var(--ad-sans);color:var(--itg-adv-ink)}
#main.td .td-adv-sum-h span{display:block;margin-top:2px;font:400 14px/1.3 var(--ad-sans);color:var(--itg-adv-mu)}
#main.td .td-adv-sum-ln{display:flex;justify-content:space-between;gap:12px;margin:0;padding:10px 18px;font:400 14px/1.4 var(--ad-sans);color:var(--itg-adv-ink)}
#main.td .td-adv-sum-ln:first-of-type{padding-top:14px}
#main.td .td-adv-sum-ln b{font-weight:700;color:var(--itg-adv-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
#main.td .td-adv-sum-ln b.mu{font-weight:500;color:var(--itg-adv-mu)}
#main.td .td-adv-sum-tot{display:flex;justify-content:space-between;align-items:baseline;margin:4px 0 0;padding:14px 18px;border-top:1px solid var(--itg-adv-ln)}
#main.td .td-adv-sum-tot span{font:400 14px/1.3 var(--ad-sans);color:var(--itg-adv-mu)}
#main.td .td-adv-sum-tot b{font:800 26px/1 var(--ad-sans);letter-spacing:-.03em;color:var(--itg-adv-ink);font-variant-numeric:tabular-nums}
#main.td .td-adv-sum-ft{padding:0 18px 18px}
#main.td .td-adv-sum-ft .td-adv-btn{width:100%}
#main.td .td-adv-sum-ft p{margin:10px 0 0;font:400 14px/1.5 var(--ad-sans);color:var(--itg-adv-mu)}
#main.td .td-adv-sum-ft p b{color:var(--itg-adv-ink);font-weight:600}
#main.td .td-adv-steps{display:grid;gap:14px;margin:14px 0 0;padding:0;list-style:none;counter-reset:advs}
#main.td .td-adv-steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;margin:0;padding:0;counter-increment:advs}
#main.td .td-adv-steps li::before{content:counter(advs);width:30px;height:30px;border-radius:10px;background:var(--itg-adv-ink);color:var(--itg-adv-sf);display:inline-flex;align-items:center;justify-content:center;font:800 14px/1 var(--ad-sans)}
#main.td .td-adv-steps li b{display:block;font:600 16px/1.3 var(--ad-sans);color:var(--itg-adv-ink)}
#main.td .td-adv-steps li p{margin:3px 0 0;font:400 14px/1.6 var(--ad-sans);color:var(--itg-adv-mu)}
#main.td .td-adv-steps li p b{display:inline;font:inherit;font-weight:700;color:var(--itg-adv-ink)}
#main.td .td-adv-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;align-items:start}
#main.td .td-adv-two .td-lp-head{margin-bottom:6px}
/* ---- 14 px floors for the legacy pieces these two pages still print (the numbered heads, FAQ, the suggest box, the custom form, the niche bundle) */
#main.td .td-adv .td-cat-fine,#main.td .td-adv .td-msg,#main.td .td-adv .td-go-req-form .td-msg,#main.td .td-adv .td-st-note,#main.td .td-adv .td-st-det summary,#main.td .td-adv .td-st-term span,#main.td .td-adv .td-um-s,#main.td .td-adv .td-of-all small,#main.td .td-adv .td-of-all a,#main.td .td-adv .td-of-all-k,#main.td .td-adv .td-st-lines li,#main.td .td-adv .td-st-lines small,#main.td .td-adv .td-st-lines b,#main.td .td-adv .td-lp-feat{font-size:14px}
#main.td .td-adv .td-vp-faq p{font-size:16px}
/* ---- tablets and phones */
@media (max-width:1000px){
  #main.td .td-adv-gl,#main.td .td-adv-grid3,#main.td .td-adv-grid2,#main.td .td-adv-cfg,#main.td .td-adv-two{grid-template-columns:minmax(0,1fr)}
  #main.td .td-adv-sum{position:static}
  #main.td table.td-adv-ptab,#main.td table.td-adv-ptab tbody,#main.td table.td-adv-ptab tr{display:block}
  #main.td table.td-adv-ptab thead{display:none}
  #main.td table.td-adv-ptab tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 14px;padding:16px;border-bottom:1px solid var(--itg-adv-ln)}
  #main.td table.td-adv-ptab tbody tr:last-child{border-bottom:0}
  #main.td table.td-adv-ptab th,#main.td table.td-adv-ptab td{display:block;padding:0;border:0}
  #main.td table.td-adv-ptab th[scope=row]{grid-column:1;grid-row:1}
  #main.td table.td-adv-ptab td.pr{grid-column:2;grid-row:1;text-align:right}
  #main.td table.td-adv-ptab td.wh,#main.td table.td-adv-ptab td.lv{grid-column:1/-1;font:400 14px/1.45 var(--ad-sans);color:var(--itg-adv-mu)}
  #main.td table.td-adv-ptab td.wh::before,#main.td table.td-adv-ptab td.lv::before{content:attr(data-k) ": ";font-weight:600;color:var(--itg-adv-ink)}
  #main.td table.td-adv-ptab td.bt{grid-column:1/-1;text-align:left;margin-top:4px}
  #main.td table.td-adv-ptab td.bt .td-adv-buy{width:100%}
}
@media (max-width:760px){
  .itgp-ph.td-adv-band .td-adv-btn{width:100%}
  .itgp-ph.td-adv-band .itgp-ph-title{font-size:clamp(28px,1.2rem + 2.4vw,34px)}
  .td-adv-prev-h span{white-space:normal;text-align:right}
  #main.td .td-adv{--lp-gap:36px}
  #main.td .td-adv-spots{grid-template-columns:repeat(3,minmax(0,1fr))}
  #main.td .td-adv-ctr{height:120px;gap:8px}
  #main.td .td-adv-cfg{padding:16px}
  #main.td .td-adv-card{padding:16px}
  #main.td .td-adv-close .td-adv-btn{width:100%}
  #main.td .td-adv-kpis b{font-size:26px}
  #main.td .td-adv-sum-tot b{font-size:24px}
  /* 25-Sep-2026 (staged responsive gate): the finder is a flex item with a 320 px basis, so at 320-414 px it ran 41→419 px; on
     phones it takes the whole row and its submit button loses the wide padding */
  #main.td .td-adv-cfg-go .td-lp-find{flex:1 1 100%;width:100%;max-width:100%;min-width:0;height:auto;min-height:52px}
  #main.td .td-adv-cfg-go .td-lp-find .itgp-ph-go{padding:0 12px}
  #main.td .td-adv .td-lp-head h2{font-size:clamp(22px,1rem + 1vw,26px)}
  #main.td .td-adv .td-vp-faq summary{font-size:16px}
  #main.td .td-adv .td-vp-faq p{font-size:15px}
  #main.td .td-adv .td-go-req input,#main.td .td-adv .td-go-req button,#main.td .td-adv .td-go-req summary,#main.td .td-adv .td-um-form input,#main.td .td-adv .td-um-form select,#main.td .td-adv .td-um-form textarea,#main.td .td-adv .td-um-form button,#main.td .td-adv .td-st-quote input,#main.td .td-adv .td-st-quote select,#main.td .td-adv .td-st-quote button{font-size:max(14px,1em)}
}
/* ---- PHONE 14 px FLOOR, both vendor landings (25-Sep-2026) --------------------------------------------------------------------
   The block above floors the pieces that carry .td-adv, but /submit/ (Get listed) is wrapped in `.td-vp .td-lp .td-lp--listing`, not
   .td-adv, so none of those floors reached it, and neither page had floors for the legacy meta type both pages still print (the goal
   chooser, the one price list, the "Listed alongside" logo strip, the demo ranking, the score ring, the offer rails) or for the shared
   page-header band (the live listing preview card, the assurances row, the "more directories" line). At 320-430 px those resolved
   between 9 px and 13.5 px — tests/test_advertise_phone_text.py. The owner's floor is 14 px for every text node, so the SIZES move
   here, never the floor. Phones only (<= 760 px); desktop is untouched. Selector lists, never :is(), so the gate's own cascade
   resolver reads every one of them. The ring and the preview rows also get the room the bigger type needs, so nothing overflows 320 px. */
@media (max-width:760px){
  #main.td .td-vp.td-adv .td-goal-k,#main.td .td-vp.td-lp--listing .td-goal-k,#main.td .td-vp.td-adv .td-goal-more,#main.td .td-vp.td-lp--listing .td-goal-more,#main.td .td-vp.td-adv .td-goal-buy,
  #main.td .td-vp.td-lp--listing .td-goal-buy,#main.td .td-vp.td-adv .td-lp-along-k,#main.td .td-vp.td-lp--listing .td-lp-along-k,#main.td .td-vp.td-adv .td-lp-eg,
  #main.td .td-vp.td-lp--listing .td-lp-eg,#main.td .td-vp.td-adv .td-lp-row-r,#main.td .td-vp.td-lp--listing .td-lp-row-r,#main.td .td-vp.td-adv .td-lp-row-sc,
  #main.td .td-vp.td-lp--listing .td-lp-row-sc,#main.td .td-vp.td-adv .td-of-next-h,#main.td .td-vp.td-lp--listing .td-of-next-h,#main.td .td-vp.td-adv .td-of-all-k,
  #main.td .td-vp.td-lp--listing .td-of-all-k,#main.td .td-vp.td-adv .td-lp-logos span,#main.td .td-vp.td-lp--listing .td-lp-logos span,#main.td .td-vp.td-adv .td-lp-prof-b small,
  #main.td .td-vp.td-lp--listing .td-lp-prof-b small,#main.td .td-vp.td-adv .td-lp-glance dt,#main.td .td-vp.td-lp--listing .td-lp-glance dt,#main.td .td-vp.td-adv .td-lp-row-b i,
  #main.td .td-vp.td-lp--listing .td-lp-row-b i,#main.td .td-vp.td-adv .td-lp-link em,#main.td .td-vp.td-lp--listing .td-lp-link em,#main.td .td-vp.td-adv .td-of-all small,
  #main.td .td-vp.td-lp--listing .td-of-all small,#main.td .td-vp.td-adv .td-cmp thead th,#main.td .td-vp.td-lp--listing .td-cmp thead th,#main.td .td-vp.td-adv .td-cmp tbody th small,
  #main.td .td-vp.td-lp--listing .td-cmp tbody th small,#main.td .td-vp.td-adv .td-cmp td small,#main.td .td-vp.td-lp--listing .td-cmp td small,#main.td .td-vp.td-adv .td-lp-link.is-vs span,
  #main.td .td-vp.td-lp--listing .td-lp-link.is-vs span,#main.td .td-vp.td-adv .td-go-req-form .td-msg,#main.td .td-vp.td-lp--listing .td-go-req-form .td-msg{font-size:14px}
  /* the score ring: "/10" at 14 px needs a wider circle and a bigger number with it */
  #main.td .td-vp.td-adv .td-lp-ring,#main.td .td-vp.td-lp--listing .td-lp-ring{width:64px;height:64px}
  #main.td .td-vp.td-adv .td-lp-ring b,#main.td .td-vp.td-lp--listing .td-lp-ring b{font-size:20px}
  #main.td .td-vp.td-adv .td-lp-ring small,#main.td .td-vp.td-lp--listing .td-lp-ring small{font-size:14px}
  /* the band both landings share: the assurances, the "+N more directories" line and the live preview card */
  .itgp-ph.td-lp-band .td-lp-trust,.itgp-ph.td-lp-band .td-of-eta,.itgp-ph.td-lp-band .td-lp-prev-k,.itgp-ph.td-lp-band .td-lp-prev-k b,.itgp-ph.td-lp-band .td-lp-prev-k small,
  .itgp-ph.td-lp-band .td-lp-prev-r,.itgp-ph.td-lp-band .td-lp-prev-row.is-you .td-lp-prev-r,.itgp-ph.td-lp-band .td-lp-prev-b small,.itgp-ph.td-lp-band .td-lp-prev-visit,
  .itgp-ph.td-lp-band .td-lp-prev-url,.itgp-ph.td-lp-band .td-lp-prev-url em{font-size:14px}
  /* …and the rank cell sizes to its content, so "#1" and "New" at 14 px cannot spill a fixed 30 px column */
  .itgp-ph.td-lp-band .td-lp-prev-row{grid-template-columns:auto 36px minmax(0,1fr) auto;gap:8px}
  .itgp-ph.td-lp-band .td-lp-prev-row.is-ctx{grid-template-columns:auto 26px minmax(0,1fr)}
}
/* == REDESIGN-ADVERTISE:END == */
/* == REDESIGN-AUDIT:START == */
/* 25-Sep-2026 — what the responsive gate found on the staged R2 tree (yorker's Chromium, production data), fixed at the source:
   (1) the one price list on /advertise/ is a real table again above 760 px, still 720 px wide, and its wrapper was no scroller —
       at 768 px it ran off the screen; the wrapper scrolls inside its own box, as every comparison table on the site does.
   (2) /compare/<pair>/: the mini board's grid had two FIXED 168 px columns (362 px with the gutters on a 320 px phone), which
       widened the layout viewport itself; on phones the two columns share the width and the inner cells shrink with them. */
#main.td .td-adv-ptab-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
/* (3) /compare/<pair>/ was 362 px wide at 320/360 with NO element past the viewport: the quick-facts table (500 px, inside
   .td-cq-scroll's overflow-x:auto) carries an absolutely positioned piece whose containing block sat ABOVE the scroller, which
   was position:static — so that piece escaped the scroller's clip (and main's overflow-x:clip) into the document. Proven by
   toggling in the staged browser: overflow:hidden and un-sticking the cells changed nothing; position:relative on the scroller
   ends it. A scroller is the containing block for its own content. */
#main.td .td-cq-scroll{position:relative}
@media (max-width:760px){
  #main.td .td-cx2-mini-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  #main.td .td-cx2-mini-t{grid-template-columns:auto minmax(0,1fr) 0;min-width:0}
  #main.td .td-cx2-mini-t small{min-width:0;overflow:hidden;text-overflow:ellipsis}
}
/* == REDESIGN-AUDIT:END == */
/* ==== THE ONE MENU (engine/nav.py · owner 24-Sep-2026 "Menu … consistent rahe" + "search bar thoda jyada bada ho gaya hai") ==== */
.site-header.mast--directory .mast-search { flex-basis: 300px; max-width: 300px; transition: flex-basis .2s ease, max-width .2s ease; }
.site-header.mast--directory .mast-search:focus-within { flex-basis: 520px; max-width: 520px; }
.site-header.mast--directory .mast-search:has(input:not(:placeholder-shown)) { flex-basis: 520px; max-width: 520px; }
@media (prefers-reduced-motion: reduce) { .site-header.mast--directory .mast-search { transition: none; } }
#itgw-drawer .drawer-acc--vendors .drawer-acc-p { padding-left: 0; }
#itgw-drawer .drawer-acc--vendors .drawer-label { margin-top: 10px; }
/* Owner 25-Sep-2026: the header showed BOTH the "Find software…" box and a separate round search icon (.mast-search-btn, which opens the
   same search in a popover) — redundant. On desktop the box is always in the bar, so the icon goes; below 1024 px the theme collapses
   the box down to the icon and the icon stays. The selector carries at least the theme rule's weight and comes after its stylesheet. */
@media (min-width: 1024px) { .site-header .mast-tools > .mast-search-btn { display: none; } }
/* Mega-menu topic counts (WCAG audit 25-Sep-2026: ~#b4b4b4 on the near-white hover row, 2.03-2.07:1 on 6 of 8 pages). The grey comes
   from the theme's stylesheet (not in this repo); pinned here, id-weighted so a class-only theme hover/focus rule can't win back:
   #595959 is 7.0:1 on white / 6.0:1 on #EDEDED, #B3B3B3 is 6.8-8.9:1 on the dark theme's panel and hover rows. */
#itgp-mm .itgp-mm-h .c, #itgp-mm .itgp-mm-h:hover .c, #itgp-mm .itgp-mm-h:focus .c, #itgp-mm .itgp-mm-h:focus-visible .c { color: #595959; }
html[data-theme="dark"] #itgp-mm .itgp-mm-h .c, html[data-theme="dark"] #itgp-mm .itgp-mm-h:hover .c,
html[data-theme="dark"] #itgp-mm .itgp-mm-h:focus .c, html[data-theme="dark"] #itgp-mm .itgp-mm-h:focus-visible .c { color: #B3B3B3; }
@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) #itgp-mm .itgp-mm-h .c, html:not([data-theme="light"]) #itgp-mm .itgp-mm-h:hover .c,
  html:not([data-theme="light"]) #itgp-mm .itgp-mm-h:focus .c, html:not([data-theme="light"]) #itgp-mm .itgp-mm-h:focus-visible .c { color: #B3B3B3; }
}