/* Started by devkit/starter.js on 2026-10-29 from meta-checker (Core 1.64.858); names renamed meta-checker -> resp-check, metachecker -> respcheck (rule 171 (B)). */
/* ===== OWN COPY (made lint-clean for a new tool on 2026-10-29: frame-only rules dropped, screen steps moved to the tool-box steps, !important replaced by a doubled #th-tool, rule 154) of the shared theme.css + tool.css rules this tool uses (rule 171, separation plan P3, 2026-10-25) =====
   Copied from theme  by devkit/sep.js (rules that match this box in every state + the class names its own scripts add),
   every selector scoped to :where(#th-tool[data-module="resp-check"] *). The shared files no longer reach inside this box (data-own).
   Change these rules only for THIS tool, in its own chat. ===== */
/* theme.css copy */
:root:where(#th-tool[data-module="resp-check"] *){
  --bg:#FAFAFC; --surface:#FFFFFF; --surface-2:#F2F3F8; --ink:#0B1020; --muted:#5B6275; --line:#E4E6EE;
  --brand:#4338CA; --brand-2:#4F46E5; --brand-ink:#3730A3; --brand-soft:#EEF0FF; --on-brand:#FFFFFF;
  --ai:#7C3AED; --ai-ink:#6D28D9; --ai-soft:#F4EFFF; --blue:#2563EB;
  --grad:linear-gradient(135deg,#2563EB 0%,#4F46E5 45%,#7C3AED 100%);
  --warn:#9A4A07; --ok:#1B6B3A;
  --shadow:0 1px 2px rgba(11,16,32,.04),0 4px 16px rgba(11,16,32,.05);
  --shadow-lg:0 2px 4px rgba(11,16,32,.04),0 24px 60px rgba(11,16,32,.10);
  --radius:16px; --radius-sm:10px;
  --font:'Geist','Geist Variable',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --serif:'Instrument Serif',ui-serif,Georgia,serif;
  --mono:'Geist Mono','Geist Mono Variable',ui-monospace,SFMono-Regular,Menlo,monospace;
  --dot:rgba(11,16,32,.06); --glow-a:rgba(37,99,235,.14); --glow-b:rgba(124,58,237,.14);
  --stripe:rgba(11,16,32,.035);
  color-scheme:light;
}
:root[data-theme="dark"]:where(#th-tool[data-module="resp-check"] *){
  --bg:#07090F; --surface:#0E121B; --surface-2:#161B27; --ink:#EEF0F6; --muted:#9AA3B8; --line:#212738;
  --brand:#6366F1; --brand-2:#4F46E5; --brand-ink:#A5B4FC; --brand-soft:#171A36; --on-brand:#FFFFFF;
  --ai:#8B5CF6; --ai-ink:#C4B5FD; --ai-soft:#1C1733; --blue:#60A5FA;
  --grad:linear-gradient(135deg,#60A5FA 0%,#818CF8 45%,#C084FC 100%);
  --shadow:0 1px 0 rgba(255,255,255,.03) inset,0 1px 2px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.35);
  --shadow-lg:0 1px 0 rgba(255,255,255,.04) inset,0 24px 60px rgba(0,0,0,.55);
  --dot:rgba(255,255,255,.045); --glow-a:rgba(59,130,246,.22); --glow-b:rgba(139,92,246,.24);
  --stripe:rgba(255,255,255,.035);
  color-scheme:dark;
}@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]):where(#th-tool[data-module="resp-check"] *){
  --bg:#07090F; --surface:#0E121B; --surface-2:#161B27; --ink:#EEF0F6; --muted:#9AA3B8; --line:#212738;
  --brand:#6366F1; --brand-2:#4F46E5; --brand-ink:#A5B4FC; --brand-soft:#171A36; --on-brand:#FFFFFF;
  --ai:#8B5CF6; --ai-ink:#C4B5FD; --ai-soft:#1C1733; --blue:#60A5FA;
  --grad:linear-gradient(135deg,#60A5FA 0%,#818CF8 45%,#C084FC 100%);
  --shadow:0 1px 0 rgba(255,255,255,.03) inset,0 1px 2px rgba(0,0,0,.5),0 8px 24px rgba(0,0,0,.35);
  --shadow-lg:0 1px 0 rgba(255,255,255,.04) inset,0 24px 60px rgba(0,0,0,.55);
  --dot:rgba(255,255,255,.045); --glow-a:rgba(59,130,246,.22); --glow-b:rgba(139,92,246,.24);
  --stripe:rgba(255,255,255,.035);
  color-scheme:dark;
  }}
:root:where(#th-tool[data-module="resp-check"] *){
  /* spacing scale (4 px steps) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px; --sp-6:24px; --sp-7:32px; --sp-8:40px;
  /* what the spacing is for */
  --gap-label:6px;      /* label → its box, box → its hint line */
  --gap-msg:12px;       /* v1.40: a box → the message or hint under it — the smallest space between two different things */
  --gap-min:8px;        /* v1.40: the absolute minimum between any two boxes, buttons or messages (the spacing check fails below it) */
  --gap-item:12px;      /* items in a list, choice cards in a box */
  --gap-grid:16px;      /* boxes/cards side by side */
  --gap-block:20px;     /* blocks inside one part of a tool (input → result → check) */
  --gap-section:22px;   /* main parts of a tool card */
  --sec-pad:26px;       /* space above a new part that starts with a divider line */
  --pad-box:16px;       /* inside a bordered box */
  --pad-card:12px 14px; /* inside a small choice card */
  --pad-result:24px 26px; /* inside the big result panel */
  --r-box:16px; --r-card:12px; --r-btn:12px; --r-pill:999px;
  --tap:44px;           /* smallest thing a finger has to hit */
  --h-btn:44px;         /* v1.39.1 THE button height (owner rule: every normal button is this tall — never set a custom height) */
  --h-btn-sm:36px;      /* small buttons in tool toolbars (.btn.sm) */
  --pad-field:14px 16px; /* inside every text box and output panel: text never touches a border */
  /* type scale = the Word Counter / Case Converter / KM to Miles standard; never bigger */
  --fs-meta:12.5px;     /* counts, small notes */
  --fs-label:13px;      /* field labels, box titles, hints */
  --fs-sm:14px;         /* checklist lines, choice text */
  --fs-body:15px;       /* sentences, buttons, part titles */
  --fs-input:20px;      /* the main text box */
  --fs-slug:22px;       /* one-line mono result */
  --fs-result:clamp(30px,3vw,36px); /* big number result (v1.37: was up to 48 px — owner: too big) */
  /* v1.37 ToolHa type standard (owner 2026-09-30): nothing bigger than these, no text smaller than --fs-min */
  --fs-hero:clamp(36px,5vw,60px);  /* ONE big hero title per landing page (home, All tools, A–Z, company pages) */
  --fs-h1:clamp(30px,3.4vw,42px);  /* page / tool title */
  --fs-h2:clamp(22px,2.2vw,28px);  /* section titles */
  --fs-h3:clamp(17px,1.5vw,19px);  /* v1.41.3: a smaller title for an optional part inside a tool (between --fs-h2 and a box title) */
  --fs-min:12.5px;                 /* smallest normal text (notes, units, counts) */
  --fs-tag:12px;                   /* only UPPERCASE labels, badges and number pins */
  --lh-tight:1.35; --lh-text:1.5;
}@container tool (width <= 48rem){
:root:where(#th-tool[data-module="resp-check"] *){--pad-field:12px 14px;--gap-grid:14px;--gap-block:16px;--gap-section:18px;--sec-pad:22px;--pad-box:14px;--pad-result:20px;--fs-slug:19px}}
*:where(#th-tool[data-module="resp-check"] *){box-sizing:border-box}
a:where(#th-tool[data-module="resp-check"] *){color:var(--brand-ink);text-decoration:none}
a:hover:where(#th-tool[data-module="resp-check"] *){text-decoration:underline;text-underline-offset:3px}
h1:where(#th-tool[data-module="resp-check"] *),h2:where(#th-tool[data-module="resp-check"] *),h3:where(#th-tool[data-module="resp-check"] *){line-height:1.1;letter-spacing:-.02em;margin:0}
p:where(#th-tool[data-module="resp-check"] *){margin:0}
button:where(#th-tool[data-module="resp-check"] *),input:where(#th-tool[data-module="resp-check"] *),select:where(#th-tool[data-module="resp-check"] *),textarea:where(#th-tool[data-module="resp-check"] *){font:inherit;color:inherit}
:focus-visible:where(#th-tool[data-module="resp-check"] *){outline:3px solid color-mix(in srgb,var(--ai) 55%,transparent);outline-offset:2px;border-radius:6px}
.muted:where(#th-tool[data-module="resp-check"] *){color:var(--muted)}
.btn:where(#th-tool[data-module="resp-check"] *){height:var(--h-btn);padding:0 18px;border-radius:12px;border:1px solid transparent;display:inline-flex;align-items:center;gap:8px;font-weight:650;cursor:pointer;font-size:15px}
:root:where(#th-tool[data-module="resp-check"] *){
  --btn-grad:linear-gradient(120deg,var(--brand-2) 0%,var(--ai) 100%);
  /* v1.35 main typing box (see tool.css "v1.35"): same height as the homepage search box (76 px, 72 px on phones) */
  --h-main:76px;--r-main:20px;
  --field-ring:linear-gradient(120deg,var(--brand-2) 0%,var(--ai) 100%);
  --field-glow:0 6px 22px -10px color-mix(in srgb,var(--ai) 45%,transparent);
  --field-glow-hover:0 8px 28px -10px color-mix(in srgb,var(--ai) 60%,transparent);
  --btn-grad-hover:linear-gradient(120deg,color-mix(in srgb,var(--brand-2) 40%,var(--ai)) 0%,color-mix(in srgb,var(--ai) 88%,#fff) 100%);
  --btn-glow:0 6px 18px -9px color-mix(in srgb,var(--ai) 60%,transparent);
  --btn-glow-hover:0 10px 26px -9px color-mix(in srgb,var(--ai) 85%,transparent);
  --btn-glow-press:0 3px 10px -6px color-mix(in srgb,var(--ai) 70%,transparent);
  --btn2-border:color-mix(in srgb,var(--brand) 24%,var(--line));
  --btn2-border-hover:color-mix(in srgb,var(--brand) 55%,var(--line));
  --btn2-bg-hover:color-mix(in srgb,var(--brand) 5%,var(--surface));
  --btn2-shade:0 8px 20px -12px color-mix(in srgb,var(--brand) 60%,transparent);
}
.btn:where(#th-tool[data-module="resp-check"] *){transition:border-color .3s ease,background-color .3s ease,box-shadow .3s ease,color .2s ease}
.btn-brand:where(#th-tool[data-module="resp-check"] *){position:relative;isolation:isolate;border-color:transparent;color:#fff;background:var(--btn-grad) border-box;box-shadow:var(--btn-glow);filter:none}
.btn-brand:where(#th-tool[data-module="resp-check"] *)::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;pointer-events:none;background:var(--btn-grad-hover);opacity:0;transition:opacity .35s ease}
.btn-brand:hover:where(#th-tool[data-module="resp-check"] *){text-decoration:none;filter:none;box-shadow:var(--btn-glow-hover)}
.btn-brand:hover:where(#th-tool[data-module="resp-check"] *)::before{opacity:1}
.btn-brand:active:where(#th-tool[data-module="resp-check"] *){box-shadow:var(--btn-glow-press)}
.btn.done:where(#th-tool[data-module="resp-check"] *)::before{opacity:0}
.btn-ghost:where(#th-tool[data-module="resp-check"] *){background:var(--surface);border-color:var(--btn2-border);color:var(--ink);box-shadow:0 1px 2px rgba(11,16,32,.04)}
.btn-ghost:hover:where(#th-tool[data-module="resp-check"] *){text-decoration:none;background:var(--btn2-bg-hover);border-color:var(--btn2-border-hover);box-shadow:var(--btn2-shade)}
.btn[disabled]:where(#th-tool[data-module="resp-check"] *)::before{display:none}@media (prefers-reduced-motion:reduce){
.btn:where(#th-tool[data-module="resp-check"] *),.btn:where(#th-tool[data-module="resp-check"] *)::before{transition:none}}
.chip:where(#th-tool[data-module="resp-check"] *){display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:14px;font-weight:550;white-space:nowrap/* fit-ok: a chip holds one short label; the tool cuts recent addresses to 40 characters */}
.chip:hover:where(#th-tool[data-module="resp-check"] *){border-color:color-mix(in srgb,var(--brand) 45%,var(--line));text-decoration:none}
body:has(>.hdr):where(#th-tool[data-module="resp-check"] *)::before{content:"";position:absolute;left:0;right:0;top:0;height:760px;z-index:-1;pointer-events:none;background-image:linear-gradient(var(--dot) 1px,transparent 1px),linear-gradient(90deg,var(--dot) 1px,transparent 1px);background-size:56px 56px;background-position:50% -1px;-webkit-mask-image:radial-gradient(ellipse 75% 100% at 50% 0%,#000 35%,transparent 80%);mask-image:radial-gradient(ellipse 75% 100% at 50% 0%,#000 35%,transparent 80%)}@container tool (width <= 48rem){
body:has(>.hdr):where(#th-tool[data-module="resp-check"] *)::before{height:560px;-webkit-mask-image:linear-gradient(#000 45%,transparent);mask-image:linear-gradient(#000 45%,transparent)}}
.hero .wrap:where(#th-tool[data-module="resp-check"] *){position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.card:where(#th-tool[data-module="resp-check"] *){background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.field:where(#th-tool[data-module="resp-check"] *){display:flex;flex-direction:column;gap:6px}
.field label:where(#th-tool[data-module="resp-check"] *){font-size:13px;font-weight:650;color:var(--muted)}
.inp:where(#th-tool[data-module="resp-check"] *){height:46px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:var(--surface);font-size:16px;width:100%}
textarea.inp:where(#th-tool[data-module="resp-check"] *){height:auto;padding:var(--pad-field);line-height:var(--lh-text)}
.inp:focus:where(#th-tool[data-module="resp-check"] *){outline:none;border-color:var(--ai);box-shadow:0 0 0 4px color-mix(in srgb,var(--ai) 18%,transparent)}
select.inp:where(#th-tool[data-module="resp-check"] *){appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 20px,calc(100% - 13px) 20px;background-size:5px 5px;background-repeat:no-repeat;padding-right:36px}@container tool (width <= 36rem){
:root:where(#th-tool[data-module="resp-check"] *){--h-main:72px}}
.chip:where(#th-tool[data-module="resp-check"] *){white-space:nowrap/* fit-ok: a chip holds one short label; the tool cuts recent addresses to 40 characters */}
#th-tool#th-tool [hidden]:where(#th-tool[data-module="resp-check"] *){display:none}
.row:where(#th-tool[data-module="resp-check"] *){display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.r mark:where(#th-tool[data-module="resp-check"] *){background:color-mix(in srgb,var(--brand) 16%,transparent);color:inherit;border-radius:4px;padding:0 1px}
:root:where(#th-tool[data-module="resp-check"] *){--acc0:#7C3AED;--acc1:#2563EB;--acc2:#0D9488;--acc3:#D97706;--acc4:#DB2777;--acc5:#059669}
:root[data-theme="dark"]:where(#th-tool[data-module="resp-check"] *){--acc0:#8B5CF6;--acc1:#60A5FA;--acc2:#2DD4BF;--acc3:#FBBF24;--acc4:#F472B6;--acc5:#34D399}@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]):where(#th-tool[data-module="resp-check"] *){--acc0:#8B5CF6;--acc1:#60A5FA;--acc2:#2DD4BF;--acc3:#FBBF24;--acc4:#F472B6;--acc5:#34D399}}
small:where(#th-tool[data-module="resp-check"] *){font-size:max(var(--fs-min),.85em)}
#th-tool#th-tool .btn:not(.tool-actions .btn):where(#th-tool[data-module="resp-check"] *){height:auto;min-height:var(--h-btn);padding-top:8px;padding-bottom:8px;line-height:1.25}
#th-tool#th-tool .btn.sm:not(.tool-actions .btn):where(#th-tool[data-module="resp-check"] *){height:auto;min-height:var(--h-btn-sm);padding-top:6px;padding-bottom:6px}@supports (appearance:base-select){
html select:not([multiple]):not([size]):where(#th-tool[data-module="resp-check"] *),html select:not([multiple]):not([size]):where(#th-tool[data-module="resp-check"] *)::picker(select){appearance:base-select}
html select:not([multiple]):not([size]):where(#th-tool[data-module="resp-check"] *){align-items:center}
html select:not([multiple]):not([size]):where(#th-tool[data-module="resp-check"] *)::picker-icon{display:none}
html select:not([multiple]):not([size]):where(#th-tool[data-module="resp-check"] *)::picker(select){
    box-sizing:border-box;min-inline-size:anchor-size(self-inline);
    max-inline-size:min(calc(100% - 16px),max(anchor-size(self-inline),20rem));
    max-block-size:min(24rem,calc(100dvh - 16px));overflow:auto;overscroll-behavior:contain;
    position-area:var(--th-pick-area,block-end span-all);justify-self:anchor-center;margin:4px 8px;padding:4px;border:1px solid var(--line);border-radius:12px;
    background:var(--surface);color:var(--ink);box-shadow:0 12px 32px rgba(15,23,42,.18);
    position-try-order:normal;position-try-fallbacks:flip-block,--th-pick-fit}
html select:not([multiple]):not([size]) option:where(#th-tool[data-module="resp-check"] *){
    padding:8px 10px;border-radius:8px;white-space:normal;overflow-wrap:anywhere;line-height:1.35;gap:8px;min-block-size:36px}
html select:not([multiple]):not([size]) option:is(:hover,:focus-visible):where(#th-tool[data-module="resp-check"] *){background:color-mix(in srgb,var(--brand) 10%,transparent);outline:none}
html select:not([multiple]):not([size]) option:checked:where(#th-tool[data-module="resp-check"] *){background:color-mix(in srgb,var(--brand) 16%,transparent);color:var(--brand-ink);font-weight:600}
html select:not([multiple]):not([size]) option:disabled:where(#th-tool[data-module="resp-check"] *){opacity:.5}
html select:not([multiple]):not([size]) optgroup:where(#th-tool[data-module="resp-check"] *){font-weight:700;padding-block:4px}
html select:not([multiple]):not([size]) option:where(#th-tool[data-module="resp-check"] *)::checkmark{color:var(--brand-ink)}}
/* tool.css copy */
:root:where(#th-tool[data-module="resp-check"] *){--h-drop:17.5rem}
.t-drop:where(#th-tool[data-module="resp-check"] *){position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--gap-item);min-height:var(--h-drop);padding:var(--pad-result);border:2px dashed color-mix(in srgb,var(--brand) 45%,var(--line));border-radius:var(--r-card);background:color-mix(in srgb,var(--brand) 4%,var(--surface));text-align:center;cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
.t-drop[hidden]:where(#th-tool[data-module="resp-check"] *){display:none}
.t-drop:hover:where(#th-tool[data-module="resp-check"] *),.t-drop.is-drag:where(#th-tool[data-module="resp-check"] *){border-color:var(--brand);border-style:solid;background:color-mix(in srgb,var(--brand) 10%,var(--surface))}
.t-drop:focus-visible:where(#th-tool[data-module="resp-check"] *){outline:none;border-color:var(--brand);border-style:solid;box-shadow:var(--field-glow-hover)}
.inp.big:where(#th-tool[data-module="resp-check"] *){height:58px;font-size:20px;font-weight:600;border-radius:14px}
select.inp.big:where(#th-tool[data-module="resp-check"] *){background-position:calc(100% - 20px) 26px,calc(100% - 15px) 26px}
.tt-label:where(#th-tool[data-module="resp-check"] *){font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.chip[aria-pressed="true"]:where(#th-tool[data-module="resp-check"] *){background:var(--ink);color:var(--bg);border-color:var(--ink)}
.inp.sm:where(#th-tool[data-module="resp-check"] *){height:36px;font-size:14px;padding:0 34px 0 12px;width:auto;border-radius:10px;background-position:calc(100% - 16px) 16px,calc(100% - 11px) 16px}
.btn.sm:where(#th-tool[data-module="resp-check"] *){height:var(--h-btn-sm);padding:0 12px;font-size:14px;border-radius:10px}
.tool-foot:where(#th-tool[data-module="resp-check"] *){display:flex;flex-direction:column;gap:12px;border-top:1px dashed var(--line);padding-top:14px}
.hist:where(#th-tool[data-module="resp-check"] *){display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hist .chip:where(#th-tool[data-module="resp-check"] *){cursor:pointer;font-size:13px;font-variant-numeric:tabular-nums}
.linkish:where(#th-tool[data-module="resp-check"] *){background:none;border:0;color:var(--muted);cursor:pointer;font-size:13px;text-decoration:underline;text-underline-offset:3px;padding:0}
#th-tool#th-tool .t-fullrow:where(#th-tool[data-module="resp-check"] *){grid-column:1/-1;flex:1 1 100%;max-width:100%;min-width:0}
#th-tool .t-selw:where(#th-tool[data-module="resp-check"] *){display:contents}
#th-tool .t-selw.on:where(#th-tool[data-module="resp-check"] *){display:grid;min-width:0;max-width:100%}
#th-tool#th-tool .t-selw.on>select:where(#th-tool[data-module="resp-check"] *){grid-area:1/1;width:100%;max-width:100%;height:auto;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none}
#th-tool .t-selw.on>select option:where(#th-tool[data-module="resp-check"] *){color:var(--ink);-webkit-text-fill-color:var(--ink)}
#th-tool .t-selt:where(#th-tool[data-module="resp-check"] *){display:none}
#th-tool .t-selw.on>.t-selt:where(#th-tool[data-module="resp-check"] *){display:block;grid-area:1/1;align-self:center;min-width:0;pointer-events:none;white-space:normal;overflow-wrap:anywhere;text-align:start;z-index:1}
#th-tool .t-fullrow select:where(#th-tool[data-module="resp-check"] *),#th-tool select.t-fullrow:where(#th-tool[data-module="resp-check"] *){width:100%;max-width:100%}
#th-tool:where(#th-tool[data-module="resp-check"] *){overflow-wrap:break-word}
#th-tool .chip:where(#th-tool[data-module="resp-check"] *){white-space:normal;overflow-wrap:anywhere}
#th-tool .hist .chip:where(#th-tool[data-module="resp-check"] *){white-space:normal;overflow-wrap:anywhere;text-overflow:clip;overflow:visible;text-align:left}
.guide:where(#th-tool[data-module="resp-check"] *){min-width:0}
.tool-hero>.wrap:where(#th-tool[data-module="resp-check"] *){position:relative;z-index:1}
.tool-zone .tool:focus-within:where(#th-tool[data-module="resp-check"] *){box-shadow:var(--shadow-lg),0 0 0 4px color-mix(in srgb,var(--brand) 14%,transparent)}
.uc-dir:where(#th-tool[data-module="resp-check"] *){display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);align-self:center;max-width:100%;overflow-x:auto;scrollbar-width:none}
.uc-dir button:where(#th-tool[data-module="resp-check"] *){border:0;background:transparent;color:var(--muted);font-weight:650;font-size:14px;padding:8px 16px;border-radius:999px;cursor:pointer;white-space:nowrap;display:inline-flex;gap:6px;align-items:center;transition:.18s/* fit-ok: three short tab names that always fit */}
.uc-dir button:hover:where(#th-tool[data-module="resp-check"] *){color:var(--ink)}
.uc-dir button[aria-pressed="true"]:where(#th-tool[data-module="resp-check"] *){background:var(--grad);color:#fff;box-shadow:0 6px 18px color-mix(in srgb,var(--brand) 35%,transparent)}@container tool (width <= 22.5rem){
.uc-dir button:where(#th-tool[data-module="resp-check"] *){padding:8px 12px;font-size:13px}}
/* the three tabs share a narrow row instead of scrolling sideways (Design Check 2026-11-01, 480 px) */
@container tool (width <= 36rem){
#th-tool[data-module="resp-check"] .rc-tabs{flex-wrap:wrap;justify-content:center}
#th-tool[data-module="resp-check"] .rc-tabs>button{flex:1 1 0;min-width:min-content;white-space:normal;line-height:1.25;padding:8px 10px;font-size:13px}}
/* long screen names break inside their card on the narrowest screens (full check 2026-11-01, 240 px) */
#th-tool[data-module="resp-check"] .rc-dv .rc-chb{min-width:0;overflow-wrap:anywhere}@media print{
html:root:where(#th-tool[data-module="resp-check"] *),html:root[data-theme="dark"]:where(#th-tool[data-module="resp-check"] *),html:root:not([data-theme="light"]):where(#th-tool[data-module="resp-check"] *){--bg:#fff;--surface:#fff;--surface-2:#F3F4F6;--ink:#111;--muted:#4B5563;--line:#D1D5DB;--brand-soft:#EEF0FF;--brand-ink:#3730A3;color-scheme:light}
.tool :is(tr,li,figure,img,svg,canvas,.t-msg,.t-btnrow,.uc-thermo):where(#th-tool[data-module="resp-check"] *){break-inside:avoid}
.tool :is(h2,h3,h4,legend,summary,label,thead,.t-bx-h,.t-sec-h):where(#th-tool[data-module="resp-check"] *){break-after:avoid}
#th-tool#th-tool .tool .btn:where(#th-tool[data-module="resp-check"] *),#th-tool#th-tool .uc-dir:where(#th-tool[data-module="resp-check"] *),#th-tool#th-tool .hist:where(#th-tool[data-module="resp-check"] *){display:none}
details:not([open])>*:not(summary):where(#th-tool[data-module="resp-check"] *){display:none}
a:where(#th-tool[data-module="resp-check"] *){color:inherit;text-decoration:none}}
.t-stack:not([hidden]):where(#th-tool[data-module="resp-check"] *){display:flex;flex-direction:column;gap:var(--gap-block)}
.t-sec:where(#th-tool[data-module="resp-check"] *){display:flex;flex-direction:column;gap:var(--gap-block);border-top:1px dashed var(--line);padding-top:var(--sec-pad);margin-top:var(--gap-label)}
.t-sec-h:where(#th-tool[data-module="resp-check"] *){margin:0;font-weight:700;font-size:var(--fs-body);color:var(--ink)}
.t-sec-sub:where(#th-tool[data-module="resp-check"] *){margin:var(--gap-label) 0 0;font-size:var(--fs-label);line-height:var(--lh-text);color:var(--muted)}
.t-grid:where(#th-tool[data-module="resp-check"] *){display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:var(--gap-grid)}
.t-box:where(#th-tool[data-module="resp-check"] *){margin:0;min-width:0;border:1px solid var(--line);border-radius:var(--r-box);padding:var(--pad-box);background:var(--surface);display:flex;flex-direction:column;gap:var(--gap-item)}
.t-box>legend:where(#th-tool[data-module="resp-check"] *){float:left;width:100%;padding:0;margin:0 0 var(--gap-item);font-size:var(--fs-label);font-weight:650;color:var(--ink)}
.t-bx>legend:where(#th-tool[data-module="resp-check"] *){margin-bottom:0;font-size:var(--fs-body);font-weight:700}
.t-bx>legend small:where(#th-tool[data-module="resp-check"] *){display:block;margin-top:2px;font-size:var(--fs-label);font-weight:400;line-height:var(--lh-text);color:var(--muted)}
.t-bx-b:where(#th-tool[data-module="resp-check"] *){display:flex;flex-direction:column;gap:var(--gap-block);min-width:0}
.t-bx-res:where(#th-tool[data-module="resp-check"] *){display:flex;flex-direction:column;gap:var(--gap-grid);border-top:1px dashed var(--line);padding-top:var(--gap-block)}
.t-tone:where(#th-tool[data-module="resp-check"] *){--tone:var(--brand);border-color:color-mix(in srgb,var(--tone) 40%,var(--line));border-top:5px solid var(--tone);background:color-mix(in srgb,var(--tone) 8%,var(--surface))}
.t-tone>legend:where(#th-tool[data-module="resp-check"] *){color:color-mix(in srgb,var(--tone) 62%,var(--ink))}
.t-tone>legend small:where(#th-tool[data-module="resp-check"] *){color:var(--muted)}
.t-tone>legend:where(#th-tool[data-module="resp-check"] *)::before{content:"";display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:var(--tone)}
.t-tone-0:where(#th-tool[data-module="resp-check"] *){--tone:var(--acc0)}
.t-tone-1:where(#th-tool[data-module="resp-check"] *){--tone:var(--acc1)}
.t-tone-2:where(#th-tool[data-module="resp-check"] *){--tone:var(--acc2)}
.t-choices:where(#th-tool[data-module="resp-check"] *){clear:both;display:flex;flex-direction:column;gap:var(--gap-item)}
.t-choice:where(#th-tool[data-module="resp-check"] *){display:flex;align-items:flex-start;gap:var(--sp-3);min-height:var(--tap);padding:var(--pad-card);border:1.5px solid var(--line);border-radius:var(--r-card);background:var(--surface-2);cursor:pointer;font-size:var(--fs-sm);line-height:var(--lh-tight);transition:border-color .15s,background-color .15s}
.t-choice:hover:where(#th-tool[data-module="resp-check"] *){border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}
.t-choice:has(input:checked):where(#th-tool[data-module="resp-check"] *){border-color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--surface))}
.t-choice>input:where(#th-tool[data-module="resp-check"] *){flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--brand)}
.t-hint:where(#th-tool[data-module="resp-check"] *){display:block;margin-top:var(--gap-label);font-size:var(--fs-label);color:var(--muted)}
.t-q:not([hidden]):where(#th-tool[data-module="resp-check"] *){display:flex;flex-direction:column;gap:var(--gap-msg)}
.t-msg:where(#th-tool[data-module="resp-check"] *){margin:0;padding:10px 14px;border-radius:var(--r-card);font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-text);color:var(--warn);background:color-mix(in srgb,var(--warn) 9%,var(--surface));border:1px solid color-mix(in srgb,var(--warn) 30%,var(--line))}
.t-msg.is-err:where(#th-tool[data-module="resp-check"] *){color:var(--bad,#c0392b);background:color-mix(in srgb,var(--bad,#c0392b) 8%,var(--surface));border-color:color-mix(in srgb,var(--bad,#c0392b) 30%,var(--line))}
.t-msg.is-ok:where(#th-tool[data-module="resp-check"] *){color:var(--ok,#1e8e5a);background:color-mix(in srgb,var(--ok,#1e8e5a) 8%,var(--surface));border-color:color-mix(in srgb,var(--ok,#1e8e5a) 30%,var(--line))}
.t-msg.is-info:where(#th-tool[data-module="resp-check"] *){color:var(--ink);background:var(--brand-soft);border-color:color-mix(in srgb,var(--brand) 25%,var(--line))}
.t-msg[hidden]:where(#th-tool[data-module="resp-check"] *),.t-q[hidden]:where(#th-tool[data-module="resp-check"] *){display:none}
:root[data-theme="dark"] .t-msg:where(#th-tool[data-module="resp-check"] *){color:color-mix(in srgb,var(--warn) 40%,#fff)}
:root[data-theme="dark"] .t-msg.is-err:where(#th-tool[data-module="resp-check"] *){color:color-mix(in srgb,var(--bad,#c0392b) 45%,#fff)}
:root[data-theme="dark"] .t-msg.is-ok:where(#th-tool[data-module="resp-check"] *){color:color-mix(in srgb,var(--ok,#1e8e5a) 40%,#fff)}
:root[data-theme="dark"] .t-msg.is-info:where(#th-tool[data-module="resp-check"] *){color:var(--ink)}@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]) .t-msg:where(#th-tool[data-module="resp-check"] *){color:color-mix(in srgb,var(--warn) 40%,#fff)}
:root:not([data-theme="light"]) .t-msg.is-err:where(#th-tool[data-module="resp-check"] *){color:color-mix(in srgb,var(--bad,#c0392b) 45%,#fff)}
:root:not([data-theme="light"]) .t-msg.is-ok:where(#th-tool[data-module="resp-check"] *){color:color-mix(in srgb,var(--ok,#1e8e5a) 40%,#fff)}
:root:not([data-theme="light"]) .t-msg.is-info:where(#th-tool[data-module="resp-check"] *){color:var(--ink)}}
.t-tw:where(#th-tool[data-module="resp-check"] *){overflow-x:auto;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.t-table:where(#th-tool[data-module="resp-check"] *){width:100%;border-collapse:collapse;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}
.t-table th:where(#th-tool[data-module="resp-check"] *),.t-table td:where(#th-tool[data-module="resp-check"] *){padding:10px 14px;text-align:left;border-bottom:1px solid var(--line)}
.t-table thead th:where(#th-tool[data-module="resp-check"] *){font-size:var(--fs-label);color:var(--muted);font-weight:650;background:var(--surface-2)}
.t-table tbody tr:last-child td:where(#th-tool[data-module="resp-check"] *){border-bottom:0}@container tool (36rem < width <= 48rem){
.t-grid:where(#th-tool[data-module="resp-check"] *){grid-template-columns:repeat(2,minmax(0,1fr))}}@container tool (width <= 36rem){
.t-grid:where(#th-tool[data-module="resp-check"] *){grid-template-columns:1fr}}
input.inp.big:where(#th-tool[data-module="resp-check"] *){height:var(--h-main);min-height:var(--h-main);border-radius:var(--r-main);border:2px solid transparent;padding:0 20px;
  background:linear-gradient(var(--surface),var(--surface)) padding-box,var(--field-ring) border-box;
  box-shadow:var(--field-glow);transition:box-shadow .3s ease}
input.inp.big:hover:where(#th-tool[data-module="resp-check"] *){box-shadow:var(--field-glow-hover)}
input.inp.big:focus:where(#th-tool[data-module="resp-check"] *){border-color:transparent;box-shadow:var(--field-glow-hover),0 0 0 4px color-mix(in srgb,var(--ai) 20%,transparent)}
.tool :is(input,textarea):where(#th-tool[data-module="resp-check"] *)::placeholder{color:color-mix(in srgb,var(--muted) 70%,transparent);opacity:1;font-weight:400;font-size:max(12px,.875em);letter-spacing:0}
:root:where(#th-tool[data-module="resp-check"] *){--glow-card:0 16px 36px -20px color-mix(in srgb,var(--ai) 50%,transparent),0 1px 2px rgba(11,16,32,.04)}
.ag-i:where(#th-tool[data-module="resp-check"] *){flex:none;display:inline-grid;place-items:center;width:22px;height:22px;padding:0;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));background:var(--brand-soft);color:var(--brand-ink);font:italic 700 13px/1 Georgia,serif;cursor:help}
.ag-i:hover:where(#th-tool[data-module="resp-check"] *),.ag-i[aria-expanded="true"]:where(#th-tool[data-module="resp-check"] *){background:var(--brand);border-color:var(--brand);color:#fff}
.ag-i:focus-visible:where(#th-tool[data-module="resp-check"] *){outline:2px solid var(--ai);outline-offset:2px}
.ag-how>summary:where(#th-tool[data-module="resp-check"] *){list-style:none;display:flex;align-items:center;gap:10px;width:100%;min-height:var(--tap);cursor:pointer;border-radius:10px;font-size:var(--fs-sm);font-weight:650;color:var(--ink)}
.ag-how>summary:where(#th-tool[data-module="resp-check"] *)::-webkit-details-marker{display:none}
.ag-sum-w:where(#th-tool[data-module="resp-check"] *){display:inline-flex;align-items:center;gap:10px}
.ag-how>summary:hover .ag-sum-t:where(#th-tool[data-module="resp-check"] *){color:var(--brand-ink);text-decoration:underline;text-underline-offset:3px}
.ag-how>summary:hover .ag-i:where(#th-tool[data-module="resp-check"] *),.ag-how[open]>summary .ag-i:where(#th-tool[data-module="resp-check"] *){background:var(--brand);border-color:var(--brand);color:#fff}
.ag-how>summary:focus-visible:where(#th-tool[data-module="resp-check"] *){outline:2px solid var(--ai);outline-offset:2px}
.ag-how .ag-howt:where(#th-tool[data-module="resp-check"] *){margin-top:var(--gap-label);padding:var(--pad-field);border-radius:var(--r-card);background:var(--surface-2)}
.ag-howt:where(#th-tool[data-module="resp-check"] *){margin-top:10px;display:grid;gap:8px;font-size:var(--fs-sm);line-height:var(--lh-text);color:var(--ink)}
.ag-howt p:where(#th-tool[data-module="resp-check"] *){margin:0}@media print{
#th-tool#th-tool .ag-i:where(#th-tool[data-module="resp-check"] *){display:none}}
.tool .field:where(#th-tool[data-module="resp-check"] *){min-width:0}
:where(.tool) :is(input,select,textarea):where(#th-tool[data-module="resp-check"] *){max-width:100%}
.tool .chip:where(#th-tool[data-module="resp-check"] *){max-width:100%}
.tool .hist .row:where(#th-tool[data-module="resp-check"] *){min-width:0;max-width:100%}
.tool .hist .chip:where(#th-tool[data-module="resp-check"] *){min-width:0;overflow:hidden}@container tool (width <= 22.5rem){
:where(.tool) .uc-dir:where(:not(:has(>:nth-child(4))))>button:where(#th-tool[data-module="resp-check"] *){flex:0 1 auto;min-width:0;white-space:normal;flex-wrap:wrap;row-gap:0;justify-content:center;text-align:center}}@container tool (width <= 22.5rem){
:where(.tool) .uc-dir:where(:not(:has(>:nth-child(4))))>button:has(>span)>svg:where(#th-tool[data-module="resp-check"] *){display:none}}@container tool (width <= 22.5rem){
select.inp:where(#th-tool[data-module="resp-check"] *){padding-right:26px;background-position:calc(100% - 13px) 20px,calc(100% - 8px) 20px}
select.inp.big:where(#th-tool[data-module="resp-check"] *){background-position:calc(100% - 13px) 26px,calc(100% - 8px) 26px}
select.inp.sm:where(#th-tool[data-module="resp-check"] *){padding-right:28px;background-position:calc(100% - 14px) 16px,calc(100% - 9px) 16px}}@container tool (width <= 22.5rem){
select.inp:where(:not(.sm)):where(#th-tool[data-module="resp-check"] *){padding-left:10px;padding-right:24px}}@container tool (width <= 36rem){
.t-cards:where(#th-tool[data-module="resp-check"] *),.t-cards tbody:where(#th-tool[data-module="resp-check"] *){display:block}
.t-cards tr:where(#th-tool[data-module="resp-check"] *){display:grid;grid-template-columns:minmax(0,1fr);column-gap:10px;row-gap:2px;padding:10px 14px;border-bottom:1px solid var(--line)}
.t-cards tr:has(>td.t-num):where(#th-tool[data-module="resp-check"] *){grid-template-columns:auto minmax(0,1fr)}
.t-cards tbody tr:last-child:where(#th-tool[data-module="resp-check"] *){border-bottom:0}
.t-cards tbody th:where(#th-tool[data-module="resp-check"] *),.t-cards td:where(#th-tool[data-module="resp-check"] *),.t-cards tbody tr:last-child td:where(#th-tool[data-module="resp-check"] *){display:block;padding:0;border:0;min-width:0;overflow-wrap:anywhere}
.t-cards tr:has(>td.t-num)>td:not(.t-num):where(#th-tool[data-module="resp-check"] *){grid-column:2}
.t-cards td[data-label]:where(#th-tool[data-module="resp-check"] *)::before{content:attr(data-label) " ";color:var(--muted)}
.t-cards td:empty:where(#th-tool[data-module="resp-check"] *){display:none}}
#th-tool .t-btnrow:where(#th-tool[data-module="resp-check"] *){display:flex;flex-wrap:nowrap;align-items:stretch;gap:8px;margin:0}
#th-tool .t-btnrow>.btn:where(#th-tool[data-module="resp-check"] *){flex:1 1 auto;min-width:min-content;justify-content:center;text-align:center;white-space:normal}
#th-tool .t-btnrow>label.btn:where(#th-tool[data-module="resp-check"] *){font-size:14px;font-weight:650;color:var(--ink)}@container tool (width > 36rem){
#th-tool .t-btnrow.t-btnrow-nat>.btn:where(#th-tool[data-module="resp-check"] *){flex:0 1 auto}}@container tool (width <= 22.5rem){
#th-tool .t-btnrow>.btn.sm:where(#th-tool[data-module="resp-check"] *){padding-left:8px;padding-right:8px;gap:6px}}
#th-tool .t-acts:where(#th-tool[data-module="resp-check"] *){display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:var(--gap-block);margin:0}
#th-tool .t-acts>.t-btnrow:where(#th-tool[data-module="resp-check"] *){align-self:stretch}
#th-tool .t-acts>.btn-brand:where(#th-tool[data-module="resp-check"] *){align-self:flex-start;flex:0 0 auto;width:auto;max-width:100%}@container tool (width <= 22.5rem){
#th-tool .t-acts>.btn-brand:where(#th-tool[data-module="resp-check"] *){align-self:stretch;width:100%}}
#th-tool .t-btnrow.t-btnrow-pairs:where(#th-tool[data-module="resp-check"] *){flex-wrap:wrap}
#th-tool .t-btnrow.t-btnrow-pairs>.btn:where(#th-tool[data-module="resp-check"] *){flex:0 1 auto;min-width:min(calc(50% - 4px),max(0px,calc((600px - 100%) * 999)));max-width:max(calc(50% - 4px),calc((100% - 600px) * 999))}
#th-tool .t-btnrow:has(>.btn~.btn):not(:has(>.btn~.btn~.btn)):where(#th-tool[data-module="resp-check"] *){flex-wrap:wrap}
#th-tool .t-btnrow:has(>.btn~.btn):not(:has(>.btn~.btn~.btn))>.btn:where(#th-tool[data-module="resp-check"] *){flex:1 1 max-content;max-width:none}@container tool (width > 36rem){
#th-tool .t-btnrow.t-btnrow-nat:has(>.btn~.btn):not(:has(>.btn~.btn~.btn))>.btn:where(#th-tool[data-module="resp-check"] *){flex:0 1 auto}}
#th-tool .t-btnrow:has(>.btn~.btn~.btn):where(#th-tool[data-module="resp-check"] *){flex-wrap:wrap}
#th-tool .t-btnrow:has(>.btn~.btn~.btn)>.btn:where(#th-tool[data-module="resp-check"] *){flex:1 1 0px;max-width:none;min-width:min(100%,max(0px,calc((480px - 100%) * 999)))}
#th-tool .t-btnrow:has(>.btn~.btn~.btn~.btn~.btn)>.btn:where(#th-tool[data-module="resp-check"] *){min-width:min(100%,max(0px,calc((600px - 100%) * 999)))}@container tool (width > 36rem){
#th-tool .t-btnrow.t-btnrow-nat:has(>.btn~.btn~.btn)>.btn:where(#th-tool[data-module="resp-check"] *){flex:0 1 auto}}
#th-tool .t-btnrow:has(>.btn~.btn~.btn~.btn):not(:has(>.btn~.btn~.btn~.btn~.btn))>.btn:where(#th-tool[data-module="resp-check"] *){flex:0 1 auto;min-width:min(calc(50% - 4px),max(0px,calc((600px - 100%) * 999)));max-width:max(calc(50% - 4px),calc((100% - 600px) * 999))}
#th-tool#th-tool .t-btnrow.t-stack>.btn:where(#th-tool[data-module="resp-check"] *){flex:1 1 100%;max-width:none}
#th-tool#th-tool .t-bal:where(#th-tool[data-module="resp-check"] *){flex-wrap:wrap}
#th-tool#th-tool .t-bal>.btn:where(#th-tool[data-module="resp-check"] *){flex:1 1 var(--bal-w);max-width:var(--bal-w);min-width:0}
#th-tool .btn.t-noicon>svg:where(#th-tool[data-module="resp-check"] *){display:none}
#th-tool#th-tool .btn:not(.sm)>svg:where(#th-tool[data-module="resp-check"] *){width:18px;height:18px}
#th-tool .btn>svg:where(#th-tool[data-module="resp-check"] *){flex:none}
#th-tool .t-btnrow.t-nat:where(#th-tool[data-module="resp-check"] *){justify-content:center}
#th-tool#th-tool .t-btnrow.t-nat>.btn:where(#th-tool[data-module="resp-check"] *){flex:0 1 auto;max-width:100%}
#th-tool:where(#th-tool[data-module="resp-check"] *){container:tool/inline-size}
#th-tool :where(img,video,iframe):where(#th-tool[data-module="resp-check"] *){max-width:100%}
#th-tool:has(.uc-dir):where(#th-tool[data-module="resp-check"] *){-webkit-tap-highlight-color:transparent}
#th-tool:has(.uc-dir) .uc-dir button:not([aria-pressed="true"]):active:where(#th-tool[data-module="resp-check"] *){background:var(--btn2-bg-hover);color:var(--ink)}
/* ===== end of the own copy; the tool's own rules follow ===== */
/* own tooltip (.respcheck-tip) + toast (.respcheck-toast): copied from theme.css .th-tt / .toast and renamed (rule 171 (j)) */
.respcheck-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:12px;font-size:14px;font-weight:600;opacity:0;transition:.25s;z-index:60;pointer-events:none}
.respcheck-toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.respcheck-tip{position:fixed;z-index:9999;left:0;top:0;padding:7px 11px;border-radius:10px;background:var(--ink);color:var(--bg);font:500 12.5px/1.45 var(--font,system-ui,sans-serif);box-shadow:0 6px 24px rgba(11,16,32,.22);pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity .12s,transform .12s;white-space:normal;overflow-wrap:anywhere}
.respcheck-tip.on{opacity:1;transform:none}
.respcheck-tip::after{content:"";position:absolute;left:var(--ax,50%);bottom:-5px;width:10px;height:10px;margin-left:-5px;background:inherit;transform:rotate(45deg);border-radius:2px}
.respcheck-tip.below::after{bottom:auto;top:-5px}@media (prefers-reduced-motion:reduce){
.respcheck-tip{transition:none}}@media print{
.respcheck-toast{display:none}}
/* ===== Website Responsive Checker: this tool's own rules (layout from flexible grids and the four tool-box steps only, rule 154) ===== */
#th-tool[data-module="resp-check"]{--rc-gap:var(--gap-item)}
#th-tool[data-module="resp-check"] .rc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--rc-min,14rem)),1fr));gap:var(--gap-grid)}
#th-tool[data-module="resp-check"] .rc-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--gap-item)}
#th-tool[data-module="resp-check"] .rc-row>*{min-width:0}
#th-tool[data-module="resp-check"] .rc-field{display:flex;flex-direction:column;gap:var(--gap-label);min-width:0;flex:1 1 9rem}
#th-tool[data-module="resp-check"] .rc-field label{font-size:var(--fs-label);color:var(--muted);font-weight:600}
#th-tool[data-module="resp-check"] .rc-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gap-item)}
#th-tool[data-module="resp-check"] .rc-pane{gap:var(--gap-block)}
#th-tool[data-module="resp-check"] .rc-msg{margin-top:var(--gap-msg)}
#th-tool[data-module="resp-check"] .rc-rec,#th-tool[data-module="resp-check"] .rc-pop{display:inline-block;font-size:var(--fs-tag);font-weight:700;line-height:1.4;padding:0 var(--sp-2);border-radius:var(--r-pill);background:color-mix(in srgb,var(--ok) 14%,var(--surface));color:color-mix(in srgb,var(--ok) 55%,var(--ink));vertical-align:middle}
#th-tool[data-module="resp-check"] .rc-pop{background:var(--brand-soft);color:var(--brand-ink)}

/* screen groups */
#th-tool[data-module="resp-check"] .rc-groups{--rc-min:10.5rem}
#th-tool[data-module="resp-check"] .rc-g{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1);min-height:var(--tap);padding:var(--pad-card);border:1.5px solid var(--line);border-radius:var(--r-card);background:var(--surface-2);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background-color .15s}
#th-tool[data-module="resp-check"] .rc-g:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}
#th-tool[data-module="resp-check"] .rc-g[aria-pressed="true"]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 9%,var(--surface))}
#th-tool[data-module="resp-check"] .rc-gt{font-weight:700;font-size:var(--fs-body)}
#th-tool[data-module="resp-check"] .rc-g small{color:var(--muted);font-size:var(--fs-sm);line-height:var(--lh-tight)}
#th-tool[data-module="resp-check"] .rc-list{margin-top:calc(var(--gap-block) - var(--gap-item))}
#th-tool[data-module="resp-check"] .rc-devs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:var(--gap-item)}
#th-tool[data-module="resp-check"] .rc-chb{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
#th-tool[data-module="resp-check"] .rc-cht{font-weight:650;color:var(--ink)}
#th-tool[data-module="resp-check"] .rc-chb small{color:var(--muted)}
#th-tool[data-module="resp-check"] .rc-dv .rc-odel{margin-left:auto;align-self:center}
#th-tool[data-module="resp-check"] .rc-lbtn{display:flex;flex-wrap:wrap;gap:var(--gap-item);margin-top:var(--gap-item)}


/* result head */
#th-tool[data-module="resp-check"] .rc-res{display:flex;flex-direction:column;gap:var(--gap-block)}
#th-tool[data-module="resp-check"] .rc-big{margin:0;font-size:var(--fs-result);font-weight:750;line-height:var(--lh-tight);color:var(--ink)}
#th-tool[data-module="resp-check"] .rc-line{margin:var(--gap-msg) 0 0;color:var(--muted);font-size:var(--fs-body);line-height:var(--lh-text)}
#th-tool[data-module="resp-check"] .rc-busy{margin:0;color:var(--muted)}
#th-tool[data-module="resp-check"] .rc-chips{margin-top:var(--gap-item);align-items:center}
#th-tool[data-module="resp-check"] .rc-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--surface);font-size:var(--fs-sm);font-weight:600;color:var(--ink);overflow-wrap:anywhere}
#th-tool[data-module="resp-check"] .rc-chip.is-ok{border-color:color-mix(in srgb,var(--ok) 40%,var(--line));color:var(--ok)}
#th-tool[data-module="resp-check"] .rc-chip.is-warn{border-color:color-mix(in srgb,var(--warn) 45%,var(--line));color:var(--warn)}
#th-tool[data-module="resp-check"] .rc-qr{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-block);padding:var(--pad-card);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}
#th-tool[data-module="resp-check"] .rc-qr p{flex:1 1 12rem;margin:0}
#th-tool[data-module="resp-check"] .rc-qrimg{flex:0 0 auto;width:min(100%,10rem);padding:var(--sp-2);background:#fff;border-radius:var(--r-btn)}
#th-tool[data-module="resp-check"] .rc-qrimg svg{display:block;width:100%;height:auto}
#th-tool[data-module="resp-check"] .rc-vbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gap-item)}
#th-tool[data-module="resp-check"] .rc-sync{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--tap);font-weight:600;cursor:pointer}
#th-tool[data-module="resp-check"] .rc-sync input{width:18px;height:18px;accent-color:var(--brand)}
#th-tool[data-module="resp-check"] .rc-sync:has(input:disabled){opacity:.55;cursor:default}
#th-tool[data-module="resp-check"] .rc-vnote{color:var(--muted);font-size:var(--fs-sm)}

/* one screen */
#th-tool[data-module="resp-check"] .rc-views{--rc-min:15rem;align-items:start}
#th-tool[data-module="resp-check"] .rc-dev{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0;padding:var(--sp-3);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-2)}
#th-tool[data-module="resp-check"] .rc-dev.is-big{grid-column:1/-1}
#th-tool[data-module="resp-check"] .rc-dh{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}
#th-tool[data-module="resp-check"] .rc-dt{display:flex;flex-direction:column;min-width:0;flex:1 1 8rem}
#th-tool[data-module="resp-check"] .rc-dt b{font-size:var(--fs-sm);line-height:var(--lh-tight);overflow-wrap:anywhere}
#th-tool[data-module="resp-check"] .rc-dt small{color:var(--muted);font-size:var(--fs-meta)}
#th-tool[data-module="resp-check"] .rc-badge{font-size:var(--fs-tag);font-weight:700;padding:0 var(--sp-2);border-radius:var(--r-pill);line-height:1.6}
#th-tool[data-module="resp-check"] .rc-badge.is-live{background:color-mix(in srgb,var(--ok) 14%,var(--surface));color:var(--ok)}
#th-tool[data-module="resp-check"] .rc-badge.is-copy{background:var(--brand-soft);color:var(--brand-ink)}
#th-tool[data-module="resp-check"] .rc-dbtn{display:flex;flex-wrap:wrap;gap:var(--sp-2);width:100%}
#th-tool[data-module="resp-check"] .rc-scr{position:relative;overflow:hidden;width:100%;border-radius:var(--r-btn);background:#fff;border:1px solid var(--line);--rc-s:.25}
#th-tool[data-module="resp-check"] .rc-if{position:absolute;left:0;top:0;border:0;background:#fff;max-width:none;max-height:none;transform:scale(var(--rc-s));transform-origin:0 0}
#th-tool[data-module="resp-check"] .rc-dst{margin:0;color:var(--muted);font-size:var(--fs-meta)}
#th-tool[data-module="resp-check"] .rc-dst:empty{display:none}

/* fix list */

/* where does it break */
#th-tool[data-module="resp-check"] .rc-brk{display:flex;flex-direction:column;gap:var(--gap-block)}

#th-tool[data-module="resp-check"] .rc-anyd .rc-scr{min-height:6rem}

/* options fold (Now: line + Changed chip) */
#th-tool[data-module="resp-check"] .rc-opt .t-sec-h{margin:0}
#th-tool[data-module="resp-check"] .rc-fbtn{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--tap);padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
#th-tool[data-module="resp-check"] .rc-fmain{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
#th-tool[data-module="resp-check"] .rc-frow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2)}
#th-tool[data-module="resp-check"] .rc-ftt{font-size:var(--fs-h3);font-weight:700}
#th-tool[data-module="resp-check"] .rc-fsum{font-size:var(--fs-sm);color:var(--muted);font-weight:500}
#th-tool[data-module="resp-check"] .rc-fchg{font-size:var(--fs-tag);font-weight:700;padding:0 var(--sp-2);border-radius:var(--r-pill);background:var(--brand-soft);color:var(--brand-ink)}
#th-tool[data-module="resp-check"] .rc-fchev{flex:none;display:flex;transition:transform .15s}
#th-tool[data-module="resp-check"] .rc-fbtn[aria-expanded="true"] .rc-fchev{transform:rotate(180deg)}
#th-tool[data-module="resp-check"] .rc-optb{display:flex;flex-direction:column;gap:var(--gap-block);margin-top:var(--gap-block)}
#th-tool[data-module="resp-check"] .rc-optb .t-choices{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}

/* paste code, many pages */
#th-tool[data-module="resp-check"] .rc-code{width:100%;min-height:9rem;font-family:var(--mono);font-size:var(--fs-sm);resize:vertical}
#th-tool[data-module="resp-check"] .rc-mres{--rc-min:17rem}
#th-tool[data-module="resp-check"] .rc-mcard{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0;padding:var(--pad-card);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface)}
#th-tool[data-module="resp-check"] .rc-mu{margin:0;font-weight:700;overflow-wrap:anywhere}
#th-tool[data-module="resp-check"] .rc-mrun{position:relative;height:0;overflow:hidden}
#th-tool[data-module="resp-check"] .rc-mrun .rc-if{opacity:0;pointer-events:none}

/* method box, shortcuts */
#th-tool[data-module="resp-check"] .rc-method p,#th-tool[data-module="resp-check"] .rc-method li{line-height:var(--lh-text)}
#th-tool[data-module="resp-check"] .rc-method code{overflow-wrap:anywhere}
#th-tool[data-module="resp-check"] .rc-src a{overflow-wrap:anywhere}
#th-tool[data-module="resp-check"] .rc-keyl kbd{display:inline-block;min-width:1.6em;padding:0 var(--sp-1);border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;background:var(--surface);font-family:var(--mono);font-size:var(--fs-meta);text-align:center}

/* the tool box at its four steps */
@container tool (min-width: 48rem){
  #th-tool[data-module="resp-check"] .rc-dbtn{width:auto}
}
@container tool (max-width: 22.5rem){
  #th-tool[data-module="resp-check"] .rc-groups{--rc-min:100%}
}

/* print: the result only */
@media print{
  #th-tool[data-module="resp-check"] .rc-top,#th-tool[data-module="resp-check"] .rc-pick,#th-tool[data-module="resp-check"] #rc-f-url,#th-tool[data-module="resp-check"] .rc-acts,#th-tool[data-module="resp-check"] .rc-vbar,#th-tool[data-module="resp-check"] .rc-brk,#th-tool[data-module="resp-check"] .rc-opt,#th-tool[data-module="resp-check"] .rc-foot,#th-tool[data-module="resp-check"] #rc-keys,#th-tool[data-module="resp-check"] .rc-dbtn{display:none}
#th-tool[data-module="resp-check"] .rc-dev{break-inside:avoid}
}

/* ===== round 2 (2026-10-29, owner): screens editor, grouped screens, progress bar, width bar, compare, many pages ===== */
#th-tool[data-module="resp-check"] .rc-opt{margin-top:calc(var(--gap-block) - var(--gap-item));padding-top:var(--gap-item);border-top:1px solid var(--line)}
#th-tool[data-module="resp-check"] .rc-opth{margin:0}
#th-tool[data-module="resp-check"] .rc-ftt{font-size:var(--fs-body)}
#th-tool[data-module="resp-check"] .rc-allh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gap-item);margin-bottom:var(--gap-item)}
#th-tool[data-module="resp-check"] .rc-allt{font-weight:700}
#th-tool[data-module="resp-check"] .rc-allh .linkish svg{vertical-align:-3px;width:16px;height:16px}
#th-tool[data-module="resp-check"] #rc-hc{min-height:var(--tap,44px);min-width:var(--tap,44px);padding:0 var(--sp-2)}
/* round 6 (2026-10-29, owner): the width control of Test Every Screen Width: one tidy stepper, the screen kind, quick widths */
#th-tool[data-module="resp-check"] .rc-anyw{display:flex;flex-direction:column;gap:var(--sp-3)}
#th-tool[data-module="resp-check"] .rc-wh{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2) var(--sp-3)}
#th-tool[data-module="resp-check"] .rc-anyl{font-weight:600;color:var(--ink)}
#th-tool[data-module="resp-check"] .rc-step{display:inline-flex;align-items:stretch;min-height:var(--tap);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);overflow:hidden}
#th-tool[data-module="resp-check"] .rc-step:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 22%,transparent)}
#th-tool[data-module="resp-check"] .rc-stb{display:flex;align-items:center;justify-content:center;width:var(--tap);min-height:var(--tap);padding:0;border:0;background:transparent;color:var(--ink);font-size:1.25rem;line-height:1;cursor:pointer}
#th-tool[data-module="resp-check"] .rc-stb:hover{background:var(--surface-2);color:var(--brand)}
#th-tool[data-module="resp-check"] .rc-stb:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}
#th-tool[data-module="resp-check"] .rc-stf{display:flex;align-items:center;justify-content:center;gap:var(--sp-1);padding:0 var(--sp-2);border-left:1px solid var(--line);border-right:1px solid var(--line)}
#th-tool[data-module="resp-check"] .rc-stn{width:5ch;min-height:var(--tap);padding:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:1.05rem;font-weight:700;text-align:center;-moz-appearance:textfield;appearance:textfield}
#th-tool[data-module="resp-check"] .rc-stn::-webkit-inner-spin-button,#th-tool[data-module="resp-check"] .rc-stn::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
#th-tool[data-module="resp-check"] .rc-stn:focus{outline:none}
#th-tool[data-module="resp-check"] .rc-stu{color:var(--muted);font-size:var(--fs-sm)}
#th-tool[data-module="resp-check"] .rc-anyk{display:inline-flex;align-items:center;min-height:2rem;padding:0 var(--sp-3);border-radius:var(--r-pill);background:var(--surface-2);color:var(--muted);font-size:var(--fs-sm);font-weight:600}
#th-tool[data-module="resp-check"] #rc-w{width:100%;min-height:var(--tap);margin:0;accent-color:var(--brand);cursor:pointer}
#th-tool[data-module="resp-check"] .rc-wq{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
#th-tool[data-module="resp-check"] .rc-qw{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:var(--tap);padding:0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);color:var(--muted);font:inherit;font-size:var(--fs-sm);cursor:pointer}
#th-tool[data-module="resp-check"] .rc-qw b{color:var(--ink)}
#th-tool[data-module="resp-check"] .rc-qw:hover{border-color:var(--brand);color:var(--ink)}
#th-tool[data-module="resp-check"] .rc-qw[aria-pressed="true"]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--surface));color:var(--ink)}
/* round 8 (2026-10-29, owner): Which Screens cards fill the row with a picture each; Test Every Width at real size; own size height optional */
#th-tool[data-module="resp-check"] .rc-groups{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--rc-min,10.5rem)),1fr))}
#th-tool[data-module="resp-check"] .rc-g{position:relative;cursor:pointer;transition:border-color .15s,background-color .15s}
#th-tool[data-module="resp-check"] .rc-g:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--line))}
#th-tool[data-module="resp-check"] .rc-gi{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;margin-bottom:var(--sp-1);border-radius:var(--r-btn);background:var(--surface-2);color:var(--brand)}
#th-tool[data-module="resp-check"] .rc-g[aria-pressed="true"] .rc-gi{background:var(--brand);color:#fff}
#th-tool[data-module="resp-check"] #rc-anys{margin-inline:auto}
#th-tool[data-module="resp-check"] #rc-anys.is-phone{border-radius:1.25rem;border-width:2px}
#th-tool[data-module="resp-check"] .rc-anyc{margin:var(--sp-2) 0 0;text-align:center;color:var(--muted);font-size:var(--fs-sm)}
#th-tool[data-module="resp-check"] .rc-ohint{margin-top:var(--sp-2)}
/* round 9 (2026-10-29, owner): tabs change in one step, a loading ring on white screens, quick widths that are new */
#th-tool[data-module="resp-check"] .uc-dir button{transition:box-shadow .18s}
#th-tool[data-module="resp-check"] .rc-load[data-t0]{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-2);width:auto;height:auto;margin:0;border:0;border-radius:0;background:var(--surface);animation:none;--p:0}
#th-tool[data-module="resp-check"] .rc-ldr{position:relative;width:3.25rem;height:3.25rem;border-radius:50%;background:conic-gradient(var(--brand) calc(var(--p) * 1%),color-mix(in srgb,var(--brand) 14%,transparent) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));transition:background .2s}
#th-tool[data-module="resp-check"] .rc-ldp{color:var(--ink);font-size:var(--fs-body);font-variant-numeric:tabular-nums}
#th-tool[data-module="resp-check"] .rc-load[data-t0] small{color:var(--muted);font-size:var(--fs-sm)}
#th-tool[data-module="resp-check"] .rc-optl{margin-left:var(--sp-1);padding:0 var(--sp-2);border-radius:var(--r-pill);background:var(--surface-2);color:var(--muted);font-size:var(--fs-tag);font-weight:600}
#th-tool[data-module="resp-check"] .rc-wqh{margin:0;color:var(--muted);font-size:var(--fs-sm)}
/* round 12 (2026-10-29, owner): the yellow bot-wall bar at the bottom, with the bookmark */
#th-tool[data-module="resp-check"] .rc-wall{position:fixed;bottom:var(--sp-4);z-index:61;display:flex;flex-direction:column;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid color-mix(in srgb,var(--warn) 60%,var(--line));border-left-width:4px;border-radius:var(--r-card);background:color-mix(in srgb,var(--warn) 12%,var(--surface));box-shadow:0 10px 30px rgba(10,20,40,.22)}
#th-tool[data-module="resp-check"] .rc-wall.is-info{border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:color-mix(in srgb,var(--brand) 8%,var(--surface))}
#th-tool[data-module="resp-check"] .rc-wall.is-info .rc-walli{color:var(--brand)}
#th-tool[data-module="resp-check"] .rc-walls li[hidden]{display:none}
#th-tool[data-module="resp-check"] .rc-wallh{display:flex;align-items:center;gap:var(--sp-3);min-width:0}
#th-tool[data-module="resp-check"] .rc-walli{flex:none;display:flex;color:var(--warn)}
#th-tool[data-module="resp-check"] .rc-walli svg{width:22px;height:22px}
#th-tool[data-module="resp-check"] .rc-wallt{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0;margin:0;color:var(--ink);font-size:var(--fs-sm)}
#th-tool[data-module="resp-check"] .rc-wallt b{font-size:var(--fs-body)}
#th-tool[data-module="resp-check"] .rc-wallb{flex:none}
#th-tool[data-module="resp-check"] .rc-walls{display:flex;flex-direction:column;gap:var(--sp-3);margin:0;padding:0 0 0 1.4rem;color:var(--ink);font-size:var(--fs-sm);line-height:var(--lh-text)}
#th-tool[data-module="resp-check"] .rc-walls[hidden]{display:none}
#th-tool[data-module="resp-check"] .rc-walltip{display:block;margin-top:var(--sp-2);color:var(--muted)}
#th-tool[data-module="resp-check"] .rc-walltip b{color:var(--ink)}
#th-tool[data-module="resp-check"] .rc-bm{display:inline-flex;align-items:center;gap:var(--sp-1);min-height:var(--tap);margin:var(--sp-1) var(--sp-1);padding:0 var(--sp-4);border:2px dashed var(--brand);border-radius:var(--r-pill);background:var(--surface);color:var(--brand-ink);font-weight:700;text-decoration:none;cursor:grab;vertical-align:middle}
#th-tool[data-module="resp-check"] .rc-bm:hover{background:color-mix(in srgb,var(--brand) 10%,var(--surface))}
@container tool (max-width: 36rem){
  #th-tool[data-module="resp-check"] .rc-wallh{flex-wrap:wrap}
}
/* round 10 (2026-10-29, owner): the bottom progress bar turns from our blue to green as it fills; full green only at 100 % */
@supports (color: color-mix(in oklab, red 10%, blue)){
  #th-tool[data-module="resp-check"] .rc-prog{--rc-pc:color-mix(in oklab,var(--ok) calc(var(--pp,0) * .8%),var(--brand))}
  #th-tool[data-module="resp-check"] .rc-prog .rc-pgf{background:repeating-linear-gradient(45deg,var(--rc-pc) 0 12px,color-mix(in srgb,var(--rc-pc) 78%,#fff) 12px 24px);background-size:34px 34px}
  #th-tool[data-module="resp-check"] .rc-prog .rc-pgp{color:color-mix(in oklab,var(--rc-pc) 78%,var(--ink))}
  #th-tool[data-module="resp-check"] .rc-prog.is-done .rc-pgf{background:var(--ok)}
  #th-tool[data-module="resp-check"] .rc-prog.is-done .rc-pgp{color:var(--ok)}
}
#th-tool[data-module="resp-check"] .rc-pills{align-items:center}
#th-tool[data-module="resp-check"] .rc-pill{display:inline-flex;align-items:center;gap:var(--sp-2);min-height:var(--tap);padding:0 0 0 var(--sp-3);border:1px solid var(--line);border-radius:var(--r-pill);background:var(--surface);font-size:var(--fs-sm);font-weight:600;max-width:100%}
#th-tool[data-module="resp-check"] .rc-pill small{color:var(--muted);font-weight:500}
#th-tool[data-module="resp-check"] .rc-pilln{overflow-wrap:anywhere;min-width:0}
#th-tool[data-module="resp-check"] .rc-pill[data-g="phone"]{border-color:color-mix(in srgb,var(--brand) 35%,var(--line))}
#th-tool[data-module="resp-check"] .rc-pillx{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--tap);height:var(--tap);border:0;border-radius:var(--r-pill);background:none;color:var(--muted);cursor:pointer}
#th-tool[data-module="resp-check"] .rc-pillx:hover{color:var(--warn);background:color-mix(in srgb,var(--warn) 9%,var(--surface))}
#th-tool[data-module="resp-check"] .rc-addp{display:flex;flex-direction:column;gap:var(--gap-block);margin-top:var(--gap-block);padding:var(--pad-card);border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface-2)}

/* the screens, grouped */
#th-tool[data-module="resp-check"] .rc-views{display:flex;flex-direction:column;align-items:stretch;gap:var(--gap-block)}
#th-tool[data-module="resp-check"] .rc-vgh{margin:0 0 var(--sp-2);font-size:var(--fs-body);font-weight:700}
#th-tool[data-module="resp-check"] .rc-vgh small{color:var(--muted);font-weight:500}
#th-tool[data-module="resp-check"] .rc-vgl{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--gap-grid)}
#th-tool[data-module="resp-check"] .rc-vgl>.rc-dev{flex:1 1 100%}
#th-tool[data-module="resp-check"] .rc-vgl>.rc-dev.is-narrow{flex:0 1 calc(50% - var(--gap-grid) / 2);max-width:24rem}
#th-tool[data-module="resp-check"] .rc-vgl>.rc-dev.is-mid{flex:0 1 calc(50% - var(--gap-grid) / 2);max-width:36rem}
#th-tool[data-module="resp-check"] .rc-load{position:absolute;left:50%;top:var(--sp-6);width:28px;height:28px;margin-left:-14px;border:3px solid color-mix(in srgb,var(--brand) 25%,transparent);border-top-color:var(--brand);border-radius:50%;animation:rc-spin .9s linear infinite;z-index:0}
#th-tool[data-module="resp-check"] .rc-scr.is-on .rc-load{display:none}
#th-tool[data-module="resp-check"] .rc-scr .rc-if{z-index:1}
@keyframes rc-spin{to{transform:rotate(360deg)}}


/* the progress bar (fixed to the bottom of the window, its left and width follow the tool box) */
#th-tool[data-module="resp-check"] .rc-prog{position:fixed;bottom:var(--sp-4);z-index:60;display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border:1px solid color-mix(in srgb,var(--brand) 45%,var(--line));border-radius:var(--r-card);background:var(--surface);box-shadow:0 10px 30px rgba(10,20,40,.22)}
#th-tool[data-module="resp-check"] .rc-pgt{display:flex;align-items:baseline;gap:var(--sp-3);min-width:0}
#th-tool[data-module="resp-check"] .rc-pgp{font-size:var(--fs-h3);font-weight:800;color:var(--brand-ink);font-variant-numeric:tabular-nums}
#th-tool[data-module="resp-check"] .rc-pgl{font-size:var(--fs-sm);color:var(--ink);overflow-wrap:anywhere;min-width:0}
#th-tool[data-module="resp-check"] .rc-pgbar{position:relative;height:10px;border-radius:var(--r-pill);background:color-mix(in srgb,var(--brand) 14%,var(--surface));overflow:hidden}
#th-tool[data-module="resp-check"] .rc-pgf{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:inherit;background:repeating-linear-gradient(45deg,var(--brand) 0 12px,color-mix(in srgb,var(--brand) 78%,#fff) 12px 24px);background-size:34px 34px;animation:rc-move 1s linear infinite;transition:width .35s ease}
#th-tool[data-module="resp-check"] .rc-prog.is-done{border-color:color-mix(in srgb,var(--ok) 55%,var(--line))}
#th-tool[data-module="resp-check"] .rc-prog.is-done .rc-pgp{color:var(--ok)}
#th-tool[data-module="resp-check"] .rc-prog.is-done .rc-pgf{background:var(--ok);animation:none}
@keyframes rc-move{to{background-position:34px 0}}

/* the width bar of "Test Every Screen Width" */


/* many pages */
#th-tool[data-module="resp-check"] .rc-mres{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:var(--gap-grid)}
#th-tool[data-module="resp-check"] .rc-mst{display:flex;align-items:center;gap:var(--sp-2);margin:0;color:var(--muted);font-size:var(--fs-sm)}
#th-tool[data-module="resp-check"] .rc-mst.is-run{color:var(--brand-ink);font-weight:600}
#th-tool[data-module="resp-check"] .rc-mst.is-ok{color:var(--ok);font-weight:600}
#th-tool[data-module="resp-check"] .rc-spin{flex:none;width:16px;height:16px;border:2px solid color-mix(in srgb,var(--brand) 25%,transparent);border-top-color:var(--brand);border-radius:50%;animation:rc-spin .9s linear infinite}
#th-tool[data-module="resp-check"] .rc-mini{display:flex;align-items:flex-end;gap:var(--sp-3)}
#th-tool[data-module="resp-check"] .rc-minid{display:flex;flex-direction:column;gap:var(--sp-1);min-width:0}
#th-tool[data-module="resp-check"] .rc-minid.is-p{flex:0 0 28%}
#th-tool[data-module="resp-check"] .rc-minid.is-l{flex:1 1 0}
#th-tool[data-module="resp-check"] .rc-minid small{color:var(--muted);font-size:var(--fs-meta)}

/* round 3 + 4 (2026-10-29, owner): Select All, Done / Hide the List centred at the top and the bottom, Bigger = the whole window */
#th-tool[data-module="resp-check"] .rc-lbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gap-item);margin-bottom:var(--gap-item)}
#th-tool[data-module="resp-check"] .rc-lcount{color:var(--muted);font-size:var(--fs-sm)}
#th-tool[data-module="resp-check"] .rc-lbtns{display:flex;flex-wrap:wrap;gap:var(--sp-2)}
#th-tool[data-module="resp-check"] .rc-addend{display:flex;justify-content:center}
#th-tool[data-module="resp-check"] .rc-addgh{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gap-item);margin:0 0 var(--sp-2)}
#th-tool[data-module="resp-check"] .rc-addgh b{font-size:var(--fs-sm);color:var(--muted)}
#th-tool[data-module="resp-check"] .rc-vgl>.rc-dev.is-zoom{position:fixed;top:calc(var(--sp-3) + var(--wp-admin--admin-bar--height, 0px));right:var(--sp-3);bottom:var(--sp-3);left:var(--sp-3);z-index:80;max-width:none;overflow:auto;background:var(--surface);box-shadow:0 0 0 100vmax rgba(10,20,40,.55),0 20px 60px rgba(10,20,40,.35)}
#th-tool[data-module="resp-check"] .rc-dev.is-zoom .rc-scr{margin-inline:auto}

/* round 5 (2026-10-29, owner): problems on every screen card, the problems bar, screen by screen, How to Fix It */


#th-tool[data-module="resp-check"] .rc-pbx{display:inline-flex;align-items:center;justify-content:center;flex:none;width:var(--tap);height:var(--tap);border:0;border-radius:var(--r-pill);background:none;color:var(--muted);cursor:pointer}
#th-tool[data-module="resp-check"] .rc-dprob{display:flex;flex-direction:column;gap:var(--sp-2)}
#th-tool[data-module="resp-check"] .rc-dprob:empty{display:none}
#th-tool[data-module="resp-check"] .rc-dpl{display:flex;align-items:flex-start;gap:var(--sp-2);margin:0;font-size:var(--fs-sm);font-weight:700;color:var(--muted)}
#th-tool[data-module="resp-check"] .rc-dpl svg{flex:none;margin-top:2px}
#th-tool[data-module="resp-check"] .rc-dpl.is-ok{color:var(--ok)}
#th-tool[data-module="resp-check"] .rc-dpl.is-warn{color:var(--warn)}
#th-tool[data-module="resp-check"] .rc-dpl.is-look{color:var(--blue)}
#th-tool[data-module="resp-check"] .rc-chip.rc-jump-g{min-height:var(--tap);font:inherit;font-size:var(--fs-sm);font-weight:600;cursor:pointer}
#th-tool[data-module="resp-check"] .rc-chip.rc-jump-g:hover{background:var(--surface-2)}

@container tool (max-width: 22.5rem){
  #th-tool[data-module="resp-check"] .rc-vgl>.rc-dev.is-narrow,#th-tool[data-module="resp-check"] .rc-vgl>.rc-dev.is-mid{flex-basis:100%}
}
@container tool (max-width: 36rem){
  #th-tool[data-module="resp-check"] .rc-vgl>.rc-dev.is-mid{flex-basis:100%}
}
@media print{
  #th-tool[data-module="resp-check"] .rc-prog,#th-tool[data-module="resp-check"] .rc-load{display:none}
}
@container tool (max-width: 22.5rem){
  #th-tool[data-module="resp-check"] .rc-g{justify-content:center;padding-left:calc(var(--pad-box) + 3rem)}
  #th-tool[data-module="resp-check"] .rc-gi{position:absolute;left:var(--pad-box);top:50%;width:2.25rem;height:2.25rem;margin:0;transform:translateY(-50%)}
}

/* PageSpeed CLS (2026-11-02): the address buttons (Paste, Clear, Check My Site + the hidden Undo) are one per line from the first paint
   when the row is under 600 px, the same as the button fitting ends with; before, the hidden Undo made them 2 + 1 first and the
   row jumped when the fitting ran (layout shift on phones) */
#th-tool#th-tool[data-module="resp-check"] .rc-urlbtn>.btn{min-width:min(100%,max(0px,calc((600px - 100%) * 999)));max-width:none}

/* hidden parts stay hidden, whatever display a rule above gives them (last rule on purpose) */
#th-tool[data-module="resp-check"] [hidden]{display:none}