/* WhichSpec (IT site) look, loaded after app.css (sites/speccompare.json "css").
   Deep-navy header, indigo accent, amber highlight (Specky's beak and the price tags), soft cards. */
:root {
  --bg: #f4f6fb; --surface: #ffffff; --ink: #121833; --muted: #59627f; --line: #e1e5f0;
  --accent: #3049e0; --accent-ink: #ffffff; --price: #c2410c; --good: #0f8a5f; --warn: #b42318;
  --chip: #eef1fa; --diff: #fff4d6; --media: #f1f3f9; --dim: #3049e0;
  --hdr: #0f1640; --hdr-ink: #e9ecff; --hdr-muted: #aab3e6; --amber: #ffb020; --accent-soft: #e8ecff;
  --shadow: 0 1px 2px rgba(15, 22, 64, .05), 0 6px 20px rgba(15, 22, 64, .06);
  --shadow-hi: 0 2px 4px rgba(15, 22, 64, .06), 0 14px 32px rgba(15, 22, 64, .12);
  --r: 14px;
}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) {
  --bg: #0b0f22; --surface: #141a33; --ink: #e8ebf7; --muted: #a0a8c8; --line: #262e4f;
  --accent: #8b9bff; --accent-ink: #0b0f22; --price: #ffa94d; --good: #4fd6a0; --warn: #ff8a7a;
  --chip: #1d2544; --diff: #3a3220; --media: #eef1f7; --dim: #8b9bff;
  --hdr: #070a18; --hdr-ink: #e9ecff; --hdr-muted: #9aa4d6; --accent-soft: #1d2650;
  --shadow: 0 1px 2px rgba(0, 0, 0, .3); --shadow-hi: 0 10px 28px rgba(0, 0, 0, .45) } }
:root[data-theme="dark"] {
  --bg: #0b0f22; --surface: #141a33; --ink: #e8ebf7; --muted: #a0a8c8; --line: #262e4f;
  --accent: #8b9bff; --accent-ink: #0b0f22; --price: #ffa94d; --good: #4fd6a0; --warn: #ff8a7a;
  --chip: #1d2544; --diff: #3a3220; --media: #eef1f7; --dim: #8b9bff;
  --hdr: #070a18; --hdr-ink: #e9ecff; --hdr-muted: #9aa4d6; --accent-soft: #1d2650;
  --shadow: 0 1px 2px rgba(0, 0, 0, .3); --shadow-hi: 0 10px 28px rgba(0, 0, 0, .45) }
html { overflow-x: clip }
body { background: var(--bg); font-size: 15.5px; overflow-x: clip }
body::before { background: var(--hdr) }
.wrap { padding-top: 0 }

/* ---- header: full-bleed navy bar (the .bar sits inside .wrap; negative margins reach the edges) ---- */
/* row 1: logo · search · sister sites · compare; row 2: category tabs + tools */
.bar { background: var(--hdr); color: var(--hdr-ink); margin-inline: calc(50% - 50vw); padding: 10px max(16px, calc(50vw - 50% + 16px)) 6px; gap: 6px 14px; margin-bottom: 14px; flex-wrap: wrap }
.logo { color: #fff; font-size: 1.25rem; letter-spacing: .01em; flex: none; gap: 0 !important }
.logo-mark { margin-right: 8px }
.bar .cats { order: 5; flex: 1 1 100%; margin-inline: -12px }
.bar .ws-search { order: 2; flex: 0 1 520px; margin-inline: auto }
.bar .sisters { order: 3 } .bar > .btn { order: 4 }
.logo span { color: #8fa0ff }
.logo-mark { width: 34px; height: 34px }
.bar .cats { gap: 4px; flex: 1 1 auto }
.bar .chip { background: transparent; border-color: transparent; color: var(--hdr-ink); font-size: 14px; padding: 8px 12px }
.bar .chip:hover { background: rgba(255, 255, 255, .08) }
.bar .cats .chip[aria-current="page"] { background: rgba(143, 160, 255, .18); color: #fff; border-color: rgba(143, 160, 255, .45) }
.bar .ws-tab-tool { color: #ffd27a }
.bar .btn { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .22); color: #fff; flex: none }
.bar .sisters summary { color: var(--hdr-muted) }
.bar .sisters { flex: none }
.bar .sisters ul { color: var(--ink) }
.crumb { margin: 0 0 10px }

/* search (header + hero + 404) */
.ws-search { position: relative; display: flex; align-items: center; gap: 8px; min-width: 0 }
.ws-search .ws-ic { position: absolute; left: 11px; width: 18px; height: 18px; color: var(--muted); pointer-events: none }
.ws-search input[type=search] { padding-left: 36px; border-radius: 10px; flex: 1 1 auto; width: 100% }
.bar .ws-search input { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .2); color: #fff; padding-block: 8px }
.bar .ws-search input::placeholder { color: var(--hdr-muted) }
.bar .ws-search .ws-ic { color: var(--hdr-muted) }
.ws-sugg { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 40; background: var(--surface); color: var(--ink); border: 1px solid var(--line); border-radius: 12px; box-shadow: var(--shadow-hi); padding: 6px; display: grid; max-height: 70vh; overflow-y: auto; min-width: min(420px, calc(100vw - 32px)) }
.ws-sugg[hidden] { display: none }
.ws-sugg a { display: grid; gap: 1px; padding: 8px 10px; border-radius: 8px; color: var(--ink); text-decoration: none }
.ws-sugg a:hover, .ws-sugg a[aria-selected="true"] { background: var(--accent-soft) }
.ws-s-name { font-weight: 500; overflow-wrap: anywhere; line-height: 1.35 }
.ws-s-meta { font-size: 12.5px; color: var(--muted) }
.ws-sugg-none { margin: 0; padding: 10px; color: var(--muted); font-size: 14px }
.bar .ws-sugg { right: 0; left: auto; width: min(460px, calc(100vw - 32px)) }

/* ---- common surfaces ---- */
.card, .buybox, .idtable, .gcard, .diagram-box, .alts, .mgroup, .tablewrap, .src li, .ncard, .catcard, .calc, .nrel .nlist li { border-radius: var(--r); box-shadow: var(--shadow); border-color: var(--line) }
.card { transition: box-shadow .15s, transform .15s }
.card:hover { box-shadow: var(--shadow-hi); transform: translateY(-2px) }
.btn { border-radius: 10px; padding: 7px 12px; font-weight: 500 }
.btn.primary { background: linear-gradient(135deg, #3049e0, #5b6cff); border-color: transparent; color: #fff }
.btn.primary:hover { filter: brightness(1.08) }
.chip { border-radius: 999px }
.chip[aria-pressed="true"] { background: var(--accent); border-color: var(--accent) }
h1 { letter-spacing: 0 }
h2.sec { font-size: 1.15rem }
input[type=search], input[type=number], select { border-radius: 10px; padding: 8px 12px }
.price { color: var(--price) }
.media { background: var(--media) }
.spec svg, .tile svg { stroke: var(--accent) }
.dots i.on { background: var(--accent) }
.filters { background: color-mix(in srgb, var(--bg) 92%, transparent); backdrop-filter: blur(8px) }
.tray { box-shadow: 0 -6px 24px rgba(15, 22, 64, .12) }
.tile { box-shadow: var(--shadow) }
header.top { margin-top: 6px }

/* ---- home ---- */
.ws-hero { position: relative; display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, .65fr); gap: 20px; align-items: center;
  background: radial-gradient(120% 140% at 100% 0%, #5b6cff 0%, #3049e0 38%, #1b2a9e 70%, #121a63 100%); color: #fff; border-radius: 22px; padding: clamp(22px, 4vw, 44px); overflow: hidden; box-shadow: var(--shadow-hi) }
.ws-hero::after { content: ""; position: absolute; inset: 0; background-image: radial-gradient(rgba(255, 255, 255, .12) 1px, transparent 1px); background-size: 18px 18px; mask-image: linear-gradient(90deg, transparent 40%, #000); pointer-events: none }
.ws-hero-txt { position: relative; z-index: 1; display: grid; gap: 12px; min-width: 0 }
.ws-kicker { margin: 0; font: 500 13px var(--f-body); color: #ffd27a; letter-spacing: .04em }
.ws-hero h1 { font-size: clamp(1.8rem, 4.2vw, 3rem); line-height: 1.12; color: #fff }
.ws-lead { margin: 0; color: #dfe4ff; max-width: 60ch; font-size: 16px }
.ws-search-big input[type=search] { font-size: 16px; padding: 14px 14px 14px 42px; border: 0; border-radius: 14px; box-shadow: 0 8px 24px rgba(0, 0, 0, .18); color: #121833; background: #fff }
.ws-search-big .ws-ic { left: 14px; width: 20px; height: 20px; color: #59627f; z-index: 1 }
.ws-search-big .btn { padding: 13px 20px; border-radius: 14px; font-size: 15px; background: var(--amber); color: #1b1300; border: 0 }
.ws-quicks { display: flex; flex-wrap: wrap; gap: 8px }
.ws-quick { font-size: 13.5px; color: #fff; text-decoration: none; background: rgba(255, 255, 255, .12); border: 1px solid rgba(255, 255, 255, .22); padding: 6px 12px; border-radius: 999px }
.ws-quick:hover { background: rgba(255, 255, 255, .22) }
.ws-hero-art { position: relative; z-index: 1; display: grid; justify-items: center; align-content: center }
.ws-owl { display: block; height: auto }
.ws-owl-hero { width: min(100%, 250px); filter: drop-shadow(0 12px 24px rgba(0, 0, 0, .25)); animation: ws-bob 4s ease-in-out infinite }
.ws-bubble { position: absolute; top: 0; left: -8%; margin: 0; background: #fff; color: #121833; font: 500 13px/1.4 var(--f-body); padding: 8px 12px; border-radius: 14px 14px 14px 4px; box-shadow: 0 6px 18px rgba(0, 0, 0, .18) }
@keyframes ws-bob { 50% { transform: translateY(-6px) } }
.ws-eyes { animation: ws-blink 6s infinite; transform-origin: 100px 94px }
@keyframes ws-blink { 0%, 96%, 100% { transform: scaleY(1) } 98% { transform: scaleY(.1) } }

.ws-cats { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr)); gap: 12px; margin-top: 18px }
.ws-cat { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto auto; gap: 2px 12px; align-items: center; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 14px 16px; color: var(--ink); text-decoration: none; box-shadow: var(--shadow); transition: transform .15s, box-shadow .15s, border-color .15s; min-width: 0 }
.ws-cat:hover { transform: translateY(-2px); box-shadow: var(--shadow-hi); border-color: color-mix(in srgb, var(--accent) 45%, var(--line)) }
.ws-cat-ic { grid-row: span 2; width: 42px; height: 42px; padding: 9px; border-radius: 12px; background: var(--accent-soft); color: var(--accent); stroke-width: 1.6 }
.ws-cat-t { font: 600 1.05rem var(--f-display) }
.ws-cat-n { font: 600 1.35rem/1.1 var(--f-data); font-variant-numeric: tabular-nums }
.ws-cat-n small { font: 500 13px var(--f-body); color: var(--muted) }
.ws-cat-b { grid-column: 1 / -1; font-size: 12.5px; color: var(--muted); margin-top: 6px; overflow-wrap: anywhere }

.ws-tools { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 12px; margin-top: 14px }
.ws-tool { display: grid; grid-template-columns: 72px 1fr; gap: 14px; align-items: center; padding: 14px 16px; border-radius: var(--r); background: linear-gradient(135deg, var(--accent-soft), var(--surface) 70%); border: 1px solid var(--line); color: var(--ink); text-decoration: none; box-shadow: var(--shadow); min-width: 0 }
.ws-tool:hover { border-color: color-mix(in srgb, var(--accent) 45%, var(--line)) }
.ws-tool b { display: block; font: 600 1.05rem var(--f-display); color: var(--accent) }
.ws-tool span span { font-size: 13.5px; color: var(--muted) }
.ws-owl-tool { width: 72px }

.ws-sec { margin-top: 34px }
.ws-sec-h { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 16px }
.ws-sec-h h2 { font: 600 1.45rem var(--f-display); margin: 0; display: inline-flex; gap: 8px; align-items: center }
.ws-sec-h h2 .ws-ic { width: 24px; height: 24px; color: var(--accent) }
.ws-sec-h a { font-weight: 500; text-decoration: none }
.ws-sec > .note { margin-top: 4px }

.ws-deals { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); gap: 12px; margin-top: 12px }
.ws-deal-card { display: grid; grid-template-rows: auto 1fr; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); overflow: hidden; color: var(--ink); text-decoration: none; box-shadow: var(--shadow); transition: transform .15s, box-shadow .15s; min-width: 0 }
.ws-deal-card:hover { transform: translateY(-2px); box-shadow: var(--shadow-hi) }
.ws-deal-card[hidden] { display: none }
.ws-deal-img { position: relative; display: grid; place-items: center; height: 150px; background: var(--media) }
.ws-deal-img img, .ws-deal-img .pic { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; padding: 12px; display: block }
.ws-deal-img .ph { font: 600 1.5rem var(--f-display); color: #6b7487 }
.ws-off { position: absolute; top: 10px; left: 10px; background: var(--amber); color: #1b1300; font: 600 13px/1 var(--f-data); padding: 5px 8px; border-radius: 8px }
.ws-deal-body { display: grid; gap: 4px; padding: 10px 14px 12px; align-content: start; min-width: 0 }
.ws-deal-name { font-weight: 600; line-height: 1.35; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden }
.ws-deal-price { font-family: var(--f-data); font-variant-numeric: tabular-nums }
.ws-deal-price s { color: var(--muted); font-size: 13px }
.ws-deal-price b { color: var(--price); font-size: 1.1rem; margin-left: 4px }

.ws-news { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 14px; margin-top: 12px }
.ws-news-rest { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px }
.ws-news-rest .ncard .nlead { display: none }
.ws-news-lead .ntitle { font-size: 1.3rem }
.ncard { transition: transform .15s, box-shadow .15s }
.ncard:hover { transform: translateY(-2px); box-shadow: var(--shadow-hi) }

.ws-trust { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px; margin-top: 34px; padding: 18px; border-radius: 18px; background: var(--surface); border: 1px solid var(--line) }
.ws-trust div { display: grid; grid-template-columns: 34px 1fr; gap: 2px 12px }
.ws-trust .ws-ic { grid-row: span 2; width: 34px; height: 34px; padding: 6px; border-radius: 10px; background: var(--accent-soft); color: var(--accent) }
.ws-trust b { font: 600 1rem var(--f-display) }
.ws-trust span { font-size: 13.5px; color: var(--muted) }

/* ---- product page extras ---- */
.ws-verdict { display: flex; gap: 8px; align-items: flex-start; margin: 2px 0; padding: 8px 10px; border-radius: 10px; background: var(--chip); font-size: 13.5px; color: var(--ink) }
.ws-verdict .ws-ic { width: 18px; height: 18px; flex: none; margin-top: 2px; color: var(--muted) }
.ws-verdict.good { background: color-mix(in srgb, var(--good) 12%, var(--surface)); color: var(--good) }
.ws-verdict.good .ws-ic { color: var(--good) }
.ws-verdict .tip-host { text-decoration: none; font-size: 12px }
.ws-portbox { display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: start; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 12px 14px; box-shadow: var(--shadow) }
.ws-portbox > .ws-ic { width: 40px; height: 40px; padding: 8px; border-radius: 10px; background: var(--accent-soft); color: var(--accent) }
.ws-portbox h2.sec { margin: 0 0 6px }
.ws-portbox .note { margin-top: 6px }

/* ---- page heads with Specky (deals, tools, about) ---- */
.ws-pagehead { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 18px; align-items: center; margin: 6px 0 16px; padding: 18px 20px; border-radius: 18px; background: linear-gradient(135deg, var(--accent-soft), var(--surface) 75%); border: 1px solid var(--line) }
.ws-owl-head { width: 96px }
.ws-empty { display: grid; justify-items: center; text-align: center; gap: 10px; padding: 40px 0; color: var(--muted) }
.ws-owl-mid { width: 140px } .ws-owl-big { width: 200px }
.ws-404 h1 { color: var(--ink) }
.ws-404 .ws-search { width: min(560px, 100%) }
.ws-404 .ws-search input { background: var(--surface); color: var(--ink); border: 1px solid var(--line); box-shadow: var(--shadow) }
.ws-about ul { display: grid; gap: 6px }

/* ---- port check ---- */
.ws-pc { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px }
.ws-pick { position: relative; display: grid; gap: 8px; align-content: start; background: var(--surface); border: 1px solid var(--line); border-radius: var(--r); padding: 14px; box-shadow: var(--shadow); min-width: 0 }
.ws-pick label { display: flex; gap: 8px; align-items: center; font: 600 1.05rem var(--f-display) }
.ws-pick label .ws-ic { width: 22px; height: 22px; color: var(--accent) }
.ws-pick .ws-sugg { top: auto; margin-top: 82px }
.ws-picked { display: grid; gap: 6px; min-width: 0 }
.ws-picked > a { font-weight: 600; overflow-wrap: anywhere }
.ws-pc-out { margin-top: 16px; display: grid; gap: 12px }
.ws-pc-wait { padding: 26px; text-align: center; color: var(--muted); border: 2px dashed var(--line); border-radius: var(--r) }
.ws-pc-wait p { margin: 0 }
.ws-pc-res { padding: 16px 18px; border-radius: var(--r); border: 1px solid var(--line); background: var(--surface) }
.ws-pc-res h2 { margin: 0 0 4px; font: 600 1.4rem var(--f-display) }
.ws-pc-res p { margin: 0 }
.ws-pc-res.ok { background: color-mix(in srgb, var(--good) 12%, var(--surface)); border-color: color-mix(in srgb, var(--good) 40%, var(--line)) } .ws-pc-res.ok h2 { color: var(--good) }
.ws-pc-res.part { background: color-mix(in srgb, var(--amber) 16%, var(--surface)); border-color: color-mix(in srgb, var(--amber) 50%, var(--line)) }
.ws-pc-res.no { background: color-mix(in srgb, var(--warn) 10%, var(--surface)) } .ws-pc-res.no h2 { color: var(--warn) }
.ws-routes { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px }
.ws-routes li { display: grid; gap: 2px; padding: 10px 14px 10px 40px; position: relative; background: var(--surface); border: 1px solid var(--line); border-radius: 12px }
.ws-routes li::before { position: absolute; left: 14px; top: 10px; font-weight: 700 }
.ws-routes li.ok::before { content: "✓"; color: var(--good) }
.ws-routes li.part::before { content: "≈"; color: #b7791f }
.ws-routes li.unk::before { content: "?"; color: var(--muted) }
.ws-pc-how { margin-top: 16px }
.ws-pc-how .rows { padding-top: 8px; gap: 8px }

/* ---- footer ---- */
.ws-foot { display: block; max-width: none; margin-top: 40px; background: var(--hdr); color: var(--hdr-muted); border: 0; padding: 30px max(16px, env(safe-area-inset-left, 0px)) 120px }
.wrap + .ws-foot { margin-top: -60px }
.ws-foot-in { max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)); gap: 24px }
.ws-foot h2 { font: 600 14px var(--f-display); color: #fff; margin: 0 0 8px }
.ws-foot ul { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 6px }
.ws-foot a, .ws-foot button { color: var(--hdr-muted); font-size: 14px; text-decoration: none }
.ws-foot a:hover, .ws-foot button:hover { color: #fff }
.ws-foot-brand { display: grid; grid-template-columns: 64px 1fr; gap: 14px; align-items: start }
.ws-foot-brand p { margin: 0; font-size: 14px }
.ws-owl-foot { width: 64px }
.ws-foot-logo { font: 600 1.3rem var(--f-display) !important; color: #fff; margin-bottom: 4px !important }
.ws-foot-logo span { color: #8fa0ff }
.ws-foot-note { max-width: 1320px; margin: 20px auto 0; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, .1); font-size: 12.5px }
.consent { border-radius: 16px 16px 0 0 }

/* ---- responsive ---- */

@media (max-width: 860px) {
  .ws-hero { grid-template-columns: minmax(0, 1fr) }
  .ws-hero-art { position: absolute; right: -10px; top: 10px; width: 120px; opacity: .95 }
  .ws-hero-txt { padding-right: 0 }
  .ws-hero h1 { padding-right: 96px }
  .ws-bubble { display: none }
  .ws-news, .ws-news-rest { grid-template-columns: minmax(0, 1fr) }
  .ws-news-rest .ncard { grid-template-columns: 120px minmax(0, 1fr); grid-template-rows: none }
  .ws-news-rest .nthumb { aspect-ratio: auto; height: 100% }
  .ws-foot-in { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .ws-foot-brand { grid-column: 1 / -1 }
  .ws-pc { grid-template-columns: minmax(0, 1fr) }
  .dstick { background: var(--bg) }
}
@media (max-width: 560px) {
  .bar { padding-block: 8px; gap: 8px 10px }
  .bar .ws-search { order: 4; flex-basis: 100%; margin: 0 }
  .bar .cats { margin-inline: -8px }
  .bar .sisters { margin-left: auto } .bar > .btn { order: 3 }
  .logo { font-size: 1.15rem }
  .logo-mark { width: 30px; height: 30px }
  .ws-hero { border-radius: 18px; padding: 20px 16px }
  .ws-hero-art { width: 92px; right: -6px; top: 6px }
  .ws-hero h1 { font-size: 1.65rem; padding-right: 70px }
  .ws-search-big .btn { display: none }
  .ws-cats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px }
  .ws-cat { grid-template-columns: minmax(0, 1fr); padding: 12px }
  .ws-cat-ic { grid-row: auto; width: 36px; height: 36px; padding: 7px }
  .ws-cat-b { display: none }
  .ws-deals { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px }
  .ws-deal-img { height: 110px }
  .ws-deal-body { padding: 8px 10px 10px; font-size: 14px }
  .ws-pagehead { grid-template-columns: 64px minmax(0, 1fr); padding: 14px; gap: 12px }
  .ws-owl-head { width: 64px }
  .ws-foot-in { grid-template-columns: minmax(0, 1fr) }
  .ws-tool { grid-template-columns: 56px 1fr }
  .ws-owl-tool { width: 56px }
}
@media (prefers-reduced-motion: reduce) { .ws-owl-hero, .ws-eyes { animation: none } .card:hover, .ws-cat:hover, .ws-deal-card:hover, .ncard:hover { transform: none } }

.nw { white-space: nowrap }
/* list filters folded on phones (whichspec.js adds the toggle) */
.ws-ftoggle { flex: none }
.filters.ws-folded .ws-fold { display: none }
@media (max-width: 700px) { .filters { position: static; backdrop-filter: none } .filters .row:first-child { flex-wrap: nowrap } .filters .row:first-child input[type=search] { flex: 1 1 auto; width: 0 } }
.ws-rnote { font-size: 13px; color: var(--muted) }