@font-face{font-family:"Rubik";font-style:normal;font-weight:400 900;font-display:swap;src:url(/static/rubik-latin.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400 800;font-display:swap;src:url(/static/inter-latin.woff2) format("woff2")}
html,body{margin:0;padding:0;background:#FAF6EE}
html{scrollbar-gutter:stable}
/* ==========================================================================
   Beefshopper design system — "Market Almanac"
   Rubik (display, UI headings, numerals) + Inter (body, tables).
   Everything is scoped to .bs so it can drop into the app unchanged; .bs is also
   the layout container, so the same rules reflow for a phone-width preview.
   ========================================================================== */
.bs{
  /* colour — primary */
  --paper:#FAF6EE; --paper-2:#F1EADB; --card:#FFFDF8; --line:#E2D8C4; --line-strong:#8A8272;
  --ink:#1B1A18; --ink-2:#55514A; --ink-3:#6B665D;
  --tomato:#E0533D; --grass:#3E9A5A; --mustard:#F2B63C; --sky:#7FB7DF;
  /* colour — text-safe inks (on paper/card only) and soft tints (carry ink text) */
  --tomato-ink:#BF3F2B; --grass-ink:#2F7D46; --mustard-ink:#8A5F12; --sky-ink:#2D6A94;
  --tomato-soft:#FBD9D2; --grass-soft:#D5ECDC; --mustard-soft:#FCE7B6; --sky-soft:#DCEBF6;
  /* orange: a seller's claim no third party has confirmed (owner, 2026-10-05) */
  --orange:#E8822A; --orange-ink:#9A4E0C; --orange-soft:#FCE3CC;
  /* colour — illustration secondaries */
  --kraft:#D9B98C; --fat:#F6E3C0; --meat-deep:#B8402C;
  /* semantic */
  --verified:var(--grass); --self:var(--mustard); --action:var(--tomato);
  /* type */
  --display:"Rubik",ui-rounded,system-ui,-apple-system,"Segoe UI",sans-serif;
  --text:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
  /* space (4pt), radius, line, motion */
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;
  --r-sm:8px;--r:12px;--r-lg:16px;--pill:999px;
  --dur-1:120ms;--dur-2:240ms;--dur-3:480ms;--ease:cubic-bezier(.2,.7,.2,1);
  --wrap:1240px;
  container:site / inline-size;
  min-height:100vh;display:flex;flex-direction:column;
  background:var(--paper);color:var(--ink);font:400 15px/1.6 var(--text);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
.bs *,.bs *::before,.bs *::after{box-sizing:border-box}
.bs h1,.bs h2,.bs h3,.bs h4,.bs p,.bs ul,.bs ol,.bs dl,.bs dd,.bs figure{margin:0}
.bs ul,.bs ol{padding:0;list-style:none}
.bs a{color:inherit}
.bs img,.bs svg{max-width:100%}
.bs :focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}
.bs .wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--s5)}
.bs .num{font-variant-numeric:tabular-nums}
.bs .dim{color:var(--ink-3)}
.bs .vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- type scale ---------- */
.bs .display{font:800 clamp(36px,4.6cqi,58px)/1.02 var(--display);letter-spacing:-.03em;text-wrap:balance}
.bs .h1{font:800 clamp(30px,3.4cqi,40px)/1.08 var(--display);letter-spacing:-.025em;text-wrap:balance}
.bs .h2{font:700 clamp(22px,2.4cqi,28px)/1.14 var(--display);letter-spacing:-.015em;text-wrap:balance}
.bs .h3{font:700 20px/1.25 var(--display);letter-spacing:-.01em}
.bs .label{font:700 12px/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--tomato-ink)}
.bs .lede{font:400 18px/1.55 var(--text);color:var(--ink-2);max-width:56ch}
.bs .body{font:400 15px/1.6 var(--text);max-width:66ch}
.bs .meta{font:500 13px/1.4 var(--text);color:var(--ink-2)}
.bs .caption{font:500 12px/1.35 var(--display);color:var(--ink-2)}
.bs .prose p+p{margin-top:var(--s3)}
.bs .prose p{max-width:66ch}
.bs .prose a,.bs .link{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}

/* ---------- wire (ticker) ---------- */
.bs .wire{background:var(--ink);color:var(--paper);font:500 12px/1 var(--text);white-space:nowrap;overflow:hidden}
.bs .wire .wrap{display:flex;align-items:center;gap:14px;padding-block:8px}
.bs .wire .tag{font:800 11px/1 var(--display);letter-spacing:.08em;background:var(--mustard);color:var(--ink);padding:4px 7px;border-radius:4px}
.bs .wire b{color:var(--mustard);font-weight:700}
.bs .wire span+span::before{content:"·";margin-right:14px;color:#8A8272}

/* ---------- masthead + nav + search ---------- */
.bs .masthead{background:var(--paper);border-bottom:1px solid var(--line)}
.bs .masthead .wrap{display:flex;align-items:center;gap:var(--s5);padding-block:12px}
.bs .brand{display:flex;align-items:center;gap:8px;font:800 24px/1 var(--display);letter-spacing:-.035em;text-decoration:none;color:var(--ink);flex:none}
.bs .brand em{font-style:normal;color:var(--tomato-ink)}
.bs .brand svg{width:34px;height:26px;flex:none}
.bs .brand>span{white-space:nowrap}
.bs .nav{display:flex;gap:2px}
.bs .nav a{white-space:nowrap;font:600 15px/1 var(--display);padding:10px 12px;border-radius:var(--pill);text-decoration:none;color:var(--ink);transition:background-color var(--dur-1)}
.bs .nav a:hover{background:var(--paper-2)}
.bs .nav a[aria-current]{background:var(--ink);color:var(--paper)}
.bs .search{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line-strong);border-radius:var(--pill);padding:0 6px 0 14px;height:40px;min-width:0}
.bs .search svg{width:18px;height:18px;flex:none;color:var(--ink-2)}
.bs .search input{border:0;background:transparent;font:400 14px/1 var(--text);color:var(--ink);width:100%;min-width:0;outline:0;text-overflow:ellipsis}
.bs .search:focus-within{box-shadow:0 0 0 2px var(--ink)}
.bs .masthead .search{margin-left:auto;flex:0 1 260px;min-width:150px}
.bs .acct{display:flex;align-items:center;gap:6px;flex:none}
.bs .acct a.plain{font:600 14px/1 var(--display);text-decoration:none;padding:10px 8px}
.bs .acct-menu{position:relative}
.bs .acct-menu summary{list-style:none;gap:6px}
.bs .acct-menu summary::-webkit-details-marker{display:none}
.bs .acct-name{max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bs .acct-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:40;display:grid;min-width:190px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 24px rgba(27,26,24,.12)}
.bs .acct-pop a,.bs .acct-pop button{display:block;width:100%;text-align:left;font:600 14px/1.2 var(--display);padding:10px 12px;border-radius:8px;color:var(--ink);text-decoration:none;background:none;border:0;cursor:pointer}
.bs .acct-pop a:hover,.bs .acct-pop button:hover,.bs .acct-pop a:focus-visible,.bs .acct-pop button:focus-visible{background:var(--paper-2);outline:none}
.bs .btn.menu-btn{display:none}

/* ---------- buttons ---------- */
.bs .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 15px/1 var(--display);padding:12px 18px;border-radius:var(--pill);border:0;cursor:pointer;text-decoration:none;color:var(--ink);background:var(--paper-2);white-space:nowrap;transition:box-shadow var(--dur-1) var(--ease),transform var(--dur-1) var(--ease)}
.bs .btn:hover{box-shadow:inset 0 0 0 2px var(--ink)}
.bs .btn:active{transform:translateY(1px)}
.bs .btn-primary{background:var(--tomato)}
.bs .btn-secondary{background:var(--mustard)}
.bs .btn-ghost{background:transparent;box-shadow:inset 0 0 0 1px var(--line-strong)}
.bs .btn-dark{background:var(--ink);color:var(--paper)}
.bs .btn-ok{background:var(--grass-soft);box-shadow:inset 0 0 0 1px var(--grass-ink)}
.bs .btn-ok:hover{box-shadow:inset 0 0 0 2px var(--grass-ink)}
.bs .btn-ok svg{width:14px;height:14px;color:var(--grass-ink)}
.bs .btn-sm{font-size:13px;padding:8px 12px}
.bs .btn-block{width:100%}
.bs .btn .out{font-size:.9em}

/* ---------- chips, field marks, active filters ---------- */
.bs .chips{display:flex;flex-wrap:wrap;gap:6px}
.bs .chip{display:inline-flex;align-items:center;gap:6px;font:600 13px/1 var(--text);padding:8px 12px;border-radius:var(--pill);background:var(--paper-2);color:var(--ink);border:0;cursor:pointer;text-decoration:none;transition:background-color var(--dur-1),box-shadow var(--dur-1),transform var(--dur-1)}
.bs .chip:hover{box-shadow:inset 0 0 0 1px var(--ink)}
.bs .chip:active{transform:scale(.96)}
.bs .chip .ct{font-weight:500;color:var(--ink-2)}
.bs .chip[aria-pressed=true],.bs .chip.on{background:var(--grass)}
.bs .chip[aria-pressed=true] .ct,.bs .chip.on .ct{color:var(--ink)}
.bs .chip svg{width:16px;height:16px}
.bs .chip-x{background:var(--ink);color:var(--paper)}
.bs .chip-x::after{content:"×";font-size:16px;line-height:0;margin-left:2px}
.bs .marks{display:flex;flex-wrap:wrap;gap:4px}
.bs .mark{display:inline-flex;align-items:center;gap:5px;font:500 12px/1 var(--text);padding:5px 8px;border-radius:6px;background:var(--paper-2);color:var(--ink);white-space:nowrap}
.bs .mark svg{width:14px;height:14px;flex:none}
.bs .mark.grade{background:var(--mustard-soft)}
.bs .mark.aging{background:var(--tomato-soft)}
.bs .mark.herd{background:var(--grass-soft)}
.bs .mark.ship{background:var(--sky-soft)}

/* ---------- Beef Score badge (colour = confidence, per methodology) ---------- */
.bs .score{display:inline-grid;place-items:center;min-width:42px;font:800 15px/1 var(--display);padding:7px 7px 6px;border-radius:var(--r-sm);background:var(--self);color:var(--ink);font-variant-numeric:tabular-nums}
.bs .score.verified{background:var(--verified)}
.bs .score.none{background:var(--paper-2);color:var(--ink-2)}
.bs .score-lg{display:inline-flex;flex-direction:column;align-items:center;gap:4px;background:var(--self);border-radius:var(--r);padding:12px 16px 10px;min-width:104px}
.bs .score-lg b{font:800 48px/1 var(--display);letter-spacing:-.03em}
.bs .score-lg small{font:700 10.5px/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;text-align:center}
.bs .conf{display:inline-flex;align-items:center;gap:6px;font:600 12px/1 var(--text);color:var(--ink-2)}
.bs .conf i{width:10px;height:10px;border-radius:3px;background:var(--self)}
.bs .conf.verified i{background:var(--verified)}
/* verification tiers on claims: solid = registry / third-party, half = USDA paperwork, ring = self-claimed */
.bs .tier{display:inline-block;width:11px;height:11px;border-radius:50%;vertical-align:-1px;margin-right:6px;box-shadow:inset 0 0 0 2px var(--ink-2)}
.bs .tier.solid{background:var(--grass);box-shadow:none}
.bs .tier.half{background:linear-gradient(90deg,var(--mustard) 50%,transparent 50%);box-shadow:inset 0 0 0 2px var(--mustard-ink)}

/* ---------- tables ---------- */
.bs .tblwrap{border:1px solid var(--line);border-radius:var(--r);overflow-x:auto;background:var(--card);position:relative}
.bs .tbl{width:100%;border-collapse:collapse;font:400 13.5px/1.4 var(--text);font-variant-numeric:tabular-nums}
.bs .tbl th{font:600 11px/1.2 var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);text-align:left;padding:10px 8px;background:var(--paper-2);border-bottom:1px solid var(--line);white-space:nowrap}
.bs .tbl th[aria-sort]{color:var(--ink)}
.bs .tbl th[aria-sort]::after{content:" ▾"}
.bs .tbl td{padding:10px 8px;border-bottom:1px solid var(--line);vertical-align:middle}
.bs .tbl tbody tr:last-child td{border-bottom:0}
.bs .tbl tbody tr{transition:background-color var(--dur-1)}
.bs .tbl tbody tr:hover{background:#F7F0E3}
.bs .tbl .n{text-align:right;white-space:nowrap}
.bs .tbl .rk{color:var(--ink-3);font-weight:600;width:1%;white-space:nowrap}
.bs .tbl .sc{width:1%}
.bs .steak{min-width:190px}
.bs .steak b{display:block;font:700 14px/1.25 var(--display)}
.bs .steak a{text-decoration:none}
.bs .steak a:hover{text-decoration:underline;text-underline-offset:2px}
.bs .steak .by{display:block;color:var(--ink-2);font-size:12.5px;margin-top:2px}
.bs .steak .by-meta{display:block;color:var(--ink-2);font-size:12px;margin-top:1px}
.bs .sizes{display:inline-flex;flex-wrap:wrap;gap:3px;margin-top:5px}
.bs .sizes i{font:600 11px/1 var(--text);font-style:normal;padding:3px 5px;border-radius:4px;background:var(--paper-2)}
.bs .lb b{font:800 16px/1 var(--display);letter-spacing:-.01em}
.bs .lb small{display:block;color:var(--ink-3);font-size:11.5px;margin-top:3px}
.bs .ok{color:var(--grass-ink);font-weight:700}
.bs .tbl .m-only{display:none}
.bs .tbl .nw{white-space:nowrap}
.bs .tbl .cl{display:block;white-space:nowrap}
.bs .tbl .cl+.cl{margin-top:3px}

/* ---------- filter rail, toolbar, sort, view toggle, tabs ---------- */
.bs .listing{display:grid;grid-template-columns:216px minmax(0,1fr);gap:var(--s6);align-items:start}
.bs .rail{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:var(--s4)}
.bs .fgroup+.fgroup{border-top:1px solid var(--line);margin-top:var(--s3);padding-top:var(--s3)}
.bs .fgroup .fh{display:flex;align-items:center;gap:6px;font:700 12px/1 var(--display);letter-spacing:.07em;text-transform:uppercase;margin-bottom:6px}
.bs .fgroup .fh svg{width:16px;height:16px}
.bs .fopt{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13.5px;line-height:1.3;cursor:pointer}
.bs .fopt input{accent-color:var(--grass);width:16px;height:16px;margin:0;flex:none}
.bs .fopt .ct{margin-left:auto;color:var(--ink-3);font-size:12.5px;font-variant-numeric:tabular-nums}
.bs .toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3);margin-bottom:var(--s3)}
.bs .count{font:700 16px/1.2 var(--display)}
.bs .count span{font:400 13px var(--text);color:var(--ink-2)}
.bs .toolbar .push{margin-left:auto;display:flex;gap:var(--s2);align-items:center;flex-wrap:wrap}
.bs .seg{display:inline-flex;background:var(--paper-2);border-radius:var(--pill);padding:3px}
.bs .seg button{font:600 13px/1 var(--display);padding:8px 12px;border-radius:var(--pill);border:0;background:transparent;color:var(--ink);cursor:pointer;white-space:nowrap}
.bs .seg button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
.bs .seg-label{font:600 12px var(--display);color:var(--ink-2);margin-right:2px}
.bs .filters-btn{display:none}
/* Tabs wrap whenever they don't fit, at any width, never run off the edge (review 2026-10-21) */
.bs .tabs{display:flex;flex-wrap:wrap;gap:0 var(--s6);border-bottom:1px solid var(--line)}
.bs .tabs a{font:600 15px/1 var(--display);padding:12px 0 11px;color:var(--ink-2);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}
.bs .tabs a[aria-selected=true],.bs .tabs a[aria-current]{color:var(--ink);border-color:var(--tomato)}
.bs .pager{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-top:var(--s3);flex-wrap:wrap}

/* ---------- cards ---------- */
.bs .cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--s4)}
.bs .pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;text-decoration:none}
.bs .pcard{position:relative}
.bs .pcard .top{background:var(--paper-2);padding:12px 14px;display:flex;justify-content:flex-start;align-items:center;gap:10px;position:relative;min-height:72px;overflow:hidden}
.bs .pcard .top .lbp{font:800 32px/1 var(--display);letter-spacing:-.03em;position:relative}
.bs .pcard .top .lbp small{font-size:14px;letter-spacing:0}
.bs .pcard .top .score{position:relative;z-index:1}
.bs .pcard .top .card-stamp{margin-left:auto;display:block;line-height:0}
.bs .pcard .top .card-stamp svg{width:58px;height:58px}
/* The title link covers the card; Buy sits above it. */
.bs .pcard .pcard-link{color:inherit;text-decoration:none}
.bs .pcard .pcard-link::after{content:"";position:absolute;inset:0;z-index:1}
.bs .pcard:hover .pcard-link{text-decoration:underline}
.bs .pcard .pcard-buy{position:relative;z-index:2}
.bs .pcard .foot{align-items:center}
.bs .pcard .body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}
.bs .pcard h3{font:700 16px/1.25 var(--display)}
.bs .pcard .by{font:600 12px/1.3 var(--text);color:var(--ink-2)}
.bs .pcard .foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
/* bundle card: the box art is the hero; the value line is the headline */
.bs .bcard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.bs .bcard .art{display:grid;place-items:center;padding:14px 10px 4px;min-height:150px}
.bs .bcard .art svg{width:190px;height:auto}
.bs .bcard .body{padding:12px 16px 16px;display:flex;flex-direction:column;gap:6px;flex:1}
.bs .bcard h3{font:700 17px/1.25 var(--display)}
.bs .bcard .by{font:600 12px var(--text);color:var(--ink-2)}
.bs .bcard .verdict{font:700 14px/1.35 var(--display);padding:8px 10px;border-radius:var(--r-sm);margin-top:4px}
.bs .bcard .verdict.save{background:var(--grass-soft)}
.bs .bcard .verdict.even{background:var(--mustard-soft)}
.bs .bcard .verdict.info{background:var(--sky-soft)}
.bs .bcard .foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.bs .bcard .foot b{font:800 20px/1 var(--display)}
/* comparison card: two things side by side, the difference highlighted */
.bs .ccard{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.bs .ccard .ch{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.bs .ccard .ch div{padding:12px 14px}
.bs .ccard .ch div+div{border-left:1px solid var(--line)}
.bs .ccard .ch b{display:block;font:700 15px/1.25 var(--display)}
.bs .ccard .cr{display:grid;grid-template-columns:120px 1fr 1fr;font-size:13.5px;border-bottom:1px solid var(--line)}
.bs .ccard .cr:last-child{border-bottom:0}
.bs .ccard .cr>*{padding:8px 12px}
.bs .ccard .cr>span:first-child{font:600 11px/1.6 var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);background:var(--paper-2)}
.bs .ccard .cr.diff>span:not(:first-child){background:var(--mustard-soft)}
/* path links (homepage): illustrated, separated by rules — not boxed */
.bs .paths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.bs .path{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:18px 16px;text-decoration:none;transition:background-color var(--dur-1)}
.bs .path+.path{border-left:1px solid var(--line)}
.bs .path:hover{background:var(--paper-2)}
.bs .path svg{width:72px;height:60px}
.bs .path b{display:block;font:700 18px/1.2 var(--display)}
.bs .path span{display:block;font-size:13px;color:var(--ink-2);line-height:1.35;margin-top:2px}

/* ---------- price callout, key facts, factor bars ---------- */
.bs .pricebox{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--s5);display:grid;gap:var(--s3)}
.bs .pricebox .big{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.bs .pricebox .big b{font:800 46px/1 var(--display);letter-spacing:-.03em}
.bs .factor.deduction .v{color:var(--tomato-ink)}
.bs .pricebox .ship-row{display:grid;gap:4px;padding-top:var(--s3);border-top:1px solid var(--line)}
.bs .pricebox .big span{font:600 15px var(--display);color:var(--ink-2)}
.bs .sizepick{display:flex;gap:6px;flex-wrap:wrap}
.bs .sizepick label{display:grid;gap:2px;text-align:center;font:700 14px/1.1 var(--display);padding:9px 12px;border-radius:var(--r-sm);background:var(--paper-2);cursor:pointer;min-width:76px}
.bs .sizepick label small{font:500 12px var(--text);color:var(--ink-2)}
.bs .sizepick input{position:absolute;opacity:0}
.bs .sizepick input:checked+label{background:var(--ink);color:var(--paper)}
.bs .sizepick input:checked+label small{color:#D8D0C1}
.bs .sizepick input:focus-visible+label{outline:2px solid var(--ink);outline-offset:2px}
.bs .facts{display:grid;grid-template-columns:max-content 1fr;border-top:1px solid var(--line)}
.bs .facts dt,.bs .facts dd{padding:9px 0;border-bottom:1px solid var(--line)}
.bs .facts dt{font:600 11px/1.9 var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);padding-right:var(--s5);white-space:nowrap}
.bs .facts dd{font-size:14px}
.bs .factor{display:grid;grid-template-columns:minmax(0,1.5fr) 38px minmax(0,1.6fr) 44px;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}
.bs .factor b{font:700 14px/1.25 var(--display)}
.bs .factor small{display:block;font-size:12px;color:var(--ink-2);line-height:1.3}
.bs .factor .v{font:800 16px/1 var(--display);text-align:right;font-variant-numeric:tabular-nums}
.bs .factor .w{font:600 12px var(--text);color:var(--ink-3);text-align:right}
.bs .bar{height:10px;border-radius:5px;background:var(--paper-2);overflow:hidden}
.bs .bar i{display:block;height:100%;border-radius:5px;background:var(--ink);transform-origin:left;animation:bs-grow var(--dur-3) var(--ease) both}

/* ---------- callouts, FAQ, company block, steps ---------- */
.bs .callout{display:grid;grid-template-columns:36px 1fr;gap:12px;padding:14px 16px;border-radius:var(--r);background:var(--sky-soft);align-items:start}
.bs .callout svg{width:36px;height:36px}
.bs .callout .ct{font:700 16px/1.25 var(--display);margin-bottom:3px}
.bs .callout p{font-size:14px;line-height:1.5}
.bs .callout.honest{background:var(--mustard-soft)}
.bs .callout.warn{background:var(--tomato-soft)}
.bs .callout.good{background:var(--grass-soft)}
.bs .faq details{border-bottom:1px solid var(--line)}
.bs .faq details:first-child{border-top:1px solid var(--line)}
.bs .faq summary{font:700 16px/1.3 var(--display);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:var(--s4);padding:14px 0}
.bs .faq summary::-webkit-details-marker{display:none}
.bs .faq summary::after{content:"+";font:700 20px/1 var(--display);color:var(--tomato-ink)}
.bs .faq details[open] summary::after{content:"–"}
.bs .faq details p{padding:0 0 14px;max-width:66ch;font-size:14.5px}
.bs .coblock{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s4);align-items:start;padding:var(--s5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card)}
.bs .mono-mark{width:52px;height:52px;border-radius:14px;background:var(--sky);display:grid;place-items:center;font:800 20px/1 var(--display)}
.bs .sw{display:grid;grid-template-columns:1fr 1fr;gap:var(--s4)}
.bs .sw .sw-t{display:flex;align-items:center;gap:6px;font:700 13px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.bs .sw li{font-size:14px;padding:6px 0;border-top:1px solid var(--line)}
.bs .sw li b{font-family:var(--display)}
.bs .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s4);counter-reset:st}
.bs .steps li{counter-increment:st}
.bs .steps li::before{content:counter(st);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--paper);font:800 14px/1 var(--display);margin-bottom:8px}
.bs .steps b{display:block;font:700 16px/1.25 var(--display);margin-bottom:3px}
.bs .steps p{font-size:14px;color:var(--ink-2)}

/* ---------- sections, crumbs, footer ---------- */
.bs .sec{padding-block:var(--s10)}
.bs .sec+.sec{border-top:1px solid var(--line)}
.bs .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s5);flex-wrap:wrap}
.bs .sec-head .label{margin-bottom:6px}
.bs .more{font:600 14px/1 var(--display);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.bs .crumbs{font:500 13px var(--text);color:var(--ink-2);display:flex;flex-wrap:wrap;gap:6px;padding-block:var(--s4) 0}
.bs .crumbs a{text-decoration:none}.bs .crumbs a:hover{text-decoration:underline}
.bs .crumbs>*+*::before{content:"/";margin-right:6px;color:var(--line-strong)}
.bs .footer{background:var(--ink);color:var(--paper);margin-top:var(--s10)}
.bs .footer .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--s8);padding-block:var(--s10)}
.bs .footer .fh{font:700 12px/1 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--mustard);margin-bottom:10px}
.bs .footer li{padding:3px 0;font-size:14px}
.bs .footer a{text-decoration:none}.bs .footer a:hover{text-decoration:underline}
.bs .footer p{font-size:12.5px;line-height:1.55;color:#D9D1C2;max-width:48ch}
.bs .footer .brand{color:var(--paper)}
.bs .footer .brand em{color:var(--mustard)}
.bs .footer .fine{grid-column:1/-1;border-top:1px solid #3A3833;padding-top:var(--s4);font-size:12px;color:#BDB5A6;max-width:none}

/* ---------- charts ---------- */
.bs .chart{width:100%;height:auto;display:block;overflow:visible}
.bs .chart text{font-family:var(--text);font-size:12px;fill:var(--ink-2)}
.bs .chart .t-strong{font-family:var(--display);font-weight:800;fill:var(--ink)}
.bs .chart .grid{stroke:var(--line);stroke-width:1}
.bs .stack{display:flex;height:44px;border-radius:var(--r-sm);overflow:hidden}
.bs .stack div{display:flex;flex-direction:column;justify-content:center;padding:0 10px;font:700 13px/1.15 var(--display);min-width:0;white-space:nowrap;overflow:hidden;animation:bs-grow var(--dur-3) var(--ease) both;transform-origin:left}
.bs .stack div small{font:500 11px/1 var(--text)}
.bs .trio{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s5)}
.bs .trio svg{width:30px;height:30px;margin-bottom:8px}
.bs .trio b{display:block;font:700 16px/1.25 var(--display);margin-bottom:3px}
.bs .trio p{font-size:14px;color:var(--ink-2)}
.bs .hero-art svg{display:block;width:100%;height:auto}

/* ---------- value bars + timeline ---------- */
.bs .vbars{display:grid;gap:10px}
.bs .vrow{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) 96px;gap:12px;align-items:center}
.bs .vrow .l{font:600 14px/1.3 var(--display)}
.bs .vrow .l small{display:block;font:400 12px/1.35 var(--text);color:var(--ink-2)}
.bs .vrow .track{height:24px;background:var(--paper-2);border-radius:6px;overflow:hidden}
.bs .vrow .track i{display:block;height:100%;border-radius:6px;background:var(--ink);transform-origin:left;animation:bs-grow var(--dur-3) var(--ease) both}
.bs .vrow .v{font:800 17px/1 var(--display);text-align:right;font-variant-numeric:tabular-nums}
.bs .tl{display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));position:relative;padding-top:8px}
.bs .tl::before{content:"";position:absolute;left:8%;right:8%;top:44px;height:4px;border-radius:2px;background:var(--paper-2)}
.bs .tl li{display:grid;justify-items:center;text-align:center;gap:6px;position:relative}
.bs .tl svg{width:var(--w,64px);height:auto}
.bs .tl b{font:800 18px/1 var(--display)}
.bs .tl span{font:500 12.5px/1.3 var(--text);color:var(--ink-2)}
@container site (max-width:760px){
  .bs .vrow{grid-template-columns:minmax(0,1fr) 84px}
  .bs .vrow .track{grid-column:1/-1;grid-row:2}
  .bs .tl{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:18px}
  .bs .tl::before{display:none}
}

/* ---------- illustration sizing ---------- */
.bs .ico{width:20px;height:20px;flex:none}
.bs .ico-24{width:24px;height:24px}
.bs .spot{width:120px;height:100px}

/* ---------- motion: brief, once, meaningful; all off on request ---------- */
@keyframes bs-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes bs-drop{from{transform:translateY(-34px)}to{transform:translateY(0)}}
@keyframes bs-blink{0%,93%,100%{transform:scaleY(1)}96%{transform:scaleY(.12)}}
@keyframes bs-sway{0%,100%{transform:rotate(-2deg)}50%{transform:rotate(3deg)}}
@keyframes bs-roll{from{transform:translateX(-46px)}to{transform:translateX(0)}}
@keyframes bs-stamp{0%{transform:scale(1.3) rotate(-14deg)}70%{transform:scale(.97) rotate(-5deg)}100%{transform:scale(1) rotate(-6deg)}}
.bs .blink{transform-box:fill-box;transform-origin:center;animation:bs-blink1 .24s ease-in-out 2.4s 2}
@keyframes bs-blink1{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.12)}}
.bs .sway{transform-box:fill-box;transform-origin:bottom center;animation:bs-sway 5s ease-in-out infinite}
.bs .roll{animation:bs-roll 900ms var(--ease) both}
.bs .drop{animation:bs-drop 520ms var(--ease) both}
.bs .drop.d2{animation-delay:90ms}.bs .drop.d3{animation-delay:180ms}.bs .drop.d4{animation-delay:270ms}
.bs .stamp{transform-box:fill-box;transform-origin:center;animation:bs-stamp 380ms var(--ease) both}
.bs .hover-drop .into{transition:transform var(--dur-3) var(--ease)}
.bs .hover-drop:hover .into,.bs .hover-drop:focus-within .into{transform:translateY(10px)}
@media (prefers-reduced-motion:reduce){.bs *,.bs *::before,.bs *::after{animation:none!important;transition:none!important}}

/* ---------- layouts shared by pages ---------- */
.bs .hero{border-bottom:1px solid var(--line)}
.bs .hero .wrap{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:var(--s8);align-items:center;padding-block:var(--s10) var(--s8)}
.bs .hero .display{margin-bottom:var(--s4)}
.bs .hero .lede{margin-bottom:var(--s5)}
.bs .search-lg{display:flex;gap:8px;margin-bottom:var(--s4);max-width:560px}
.bs .search-lg .search{flex:1;height:48px}
.bs .search-lg .search input{font-size:15px}
.bs .trustline{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:var(--s5);font:500 13px var(--text);color:var(--ink-2)}
.bs .trustline span{display:inline-flex;align-items:center;gap:6px}
.bs .trustline svg{width:18px;height:18px}
.bs .split{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--s8);align-items:start}
.bs .split.side-300{grid-template-columns:minmax(0,1fr) 300px}
.bs .split-even{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);align-items:start}
.bs .stack-v>*+*{margin-top:var(--s6)}
.bs .sticky{position:sticky;top:var(--s4)}

/* ================= app additions ================= */
.bs .skip{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--ink);color:var(--paper);padding:10px 14px;border-radius:8px;font:700 14px var(--display)}
.bs .skip:focus{left:12px}
.bs .inl{display:inline}
.bs .score.yellow{background:var(--self)}
.bs .score.green,.bs .score-lg.green{background:var(--verified)}
.bs .score-lg.none{background:var(--paper-2)}
.bs .seg a{font:600 13px/1 var(--display);padding:8px 12px;border-radius:var(--pill);text-decoration:none;color:var(--ink);white-space:nowrap;display:inline-block}
.bs .seg a[aria-current]{background:var(--ink);color:var(--paper)}
.bs .chip.on{background:var(--grass)}
.bs .ship{display:inline-flex;gap:5px;align-items:center}
.bs .sizes i.so{background:var(--tomato-soft)}
.bs .steak>a:first-child{display:block;min-height:24px;padding-top:3px}
.bs .steak a.by{display:block;color:var(--ink-2);font-size:12.5px;line-height:24px;min-height:24px;text-decoration:none}
.bs .steak a.by:hover{text-decoration:underline}
.bs .legend{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:10px}
.bs .board-head{padding-top:var(--s6)}
.bs .board-head .lede{margin-top:8px}
.bs .board{padding-top:var(--s6)}
.bs .active-f{margin:0 0 12px;align-items:center}
.bs .rail-foot{margin-top:12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.bs .rail-close{display:none}
.bs .savef{display:flex;gap:6px;margin-top:12px}
.bs .savef input{flex:1;min-width:0;padding:8px 10px;font-size:13px}
.bs .saved{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:3px 0;font-size:13.5px}
.bs .saved button{border:0;background:none;color:var(--ink-3);cursor:pointer;font-size:16px}
.bs .page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:20px;flex-wrap:wrap}
.bs .page-head .lede{margin-top:8px}
.bs .page-head>svg{width:180px;height:auto;flex:none}
.bs .page-head>.spot{width:140px;height:112px}
.bs .bcards{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.bs .bcards.fit{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.bs .bcard h3 a{text-decoration:none}.bs .bcard h3 a:hover{text-decoration:underline}
.bs .bcard .verdict.none{background:var(--paper-2)}
.bs .guides{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))} /* three guides fill the row instead of leaving a fourth slot empty (review 2026-10-11) */
.bs .guides .pcard .top svg:not(.spot){width:150px}
.bs .guides .pcard .top{height:124px;min-height:0;justify-content:center;align-items:center}
.bs .guides .pcard .top svg{max-height:100px}
.bs .kinds{margin-top:4px}
.bs .kind-group{scroll-margin-top:16px}
.bs .art-panel{border-radius:var(--r-lg);padding:20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;background:var(--tomato-soft)}
.bs .art-panel .steak-art{width:100%;max-width:400px;height:auto;aspect-ratio:4/3}
.bs .art-panel .stampart{width:118px;height:118px}
.bs .art-panel figcaption{grid-column:1/-1}
.bs .bundle-hero{align-items:center}
.bs .bundle-hero .art-panel{grid-template-columns:1fr;justify-items:center;padding:28px 20px 14px}
.bs .bundle-hero .art-panel svg{width:100%;max-width:440px;height:auto}
.bs .keyfacts{display:flex;gap:28px;align-items:baseline;flex-wrap:wrap;margin:18px 0}
.bs .bignum{font:800 44px/1 var(--display);letter-spacing:-.03em}
.bs .kfig{font:800 18px var(--display);color:var(--ink)}
.bs .bitems{margin-top:8px}
.bs .bitem{display:grid;grid-template-columns:110px 1fr auto;gap:16px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.bs .bitem-art{display:grid;place-items:center}
.bs .bitem b{font:700 15.5px/1.3 var(--display)}
.bs .bitem .bprice{font:800 18px/1 var(--display)}
.bs .bitem a{text-decoration:none}
.bs .btotal{display:flex;justify-content:space-between;padding:12px 0;border-top:2px solid var(--ink);font:800 17px var(--display)}
.bs .co-score{display:grid;justify-items:center;gap:8px;text-align:center}
.bs .mono-mark.lg{width:72px;height:72px;font-size:26px;border-radius:18px}
.bs .coname{font:700 16px/1.2 var(--display)}
.bs .coname a{text-decoration:none}
.bs .rank{font:800 20px/1.2 var(--display)}
.bs .pricebox .big b{font-variant-numeric:tabular-nums}
.bs .sizepick a{display:grid;gap:2px;text-align:center;font:700 14px/1.1 var(--display);padding:9px 12px;border-radius:var(--r-sm);background:var(--paper-2);text-decoration:none;min-width:76px}
.bs .sizepick a small{font:500 12px var(--text);color:var(--ink-2)}
.bs .sizepick a.on{background:var(--ink);color:var(--paper)}
.bs .sizepick a.on small{color:#D8D0C1}
.bs .toc{display:grid;gap:8px;font:600 14px/1.3 var(--display)}
.bs .toc a{text-decoration:none}.bs .toc a:hover{text-decoration:underline}
.bs .guide-art{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.bs .guide-art figure{border-radius:var(--r-lg);padding:16px;text-align:center}
.bs .guide-art svg{width:100%;height:auto;aspect-ratio:6/5}
.bs .guide-art figcaption{margin-top:6px}
.bs .prose-page .h2{font-size:24px}
.bs .facts dd .dim{font-size:13px}
.bs .vote{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.bs .vote button,.bs .vote .vlink{display:inline-grid;place-items:center;font:700 14px/1 var(--display);width:38px;height:38px;border-radius:50%;border:0;background:var(--paper-2);color:var(--ink);cursor:pointer;text-decoration:none}
.bs .vote button:hover,.bs .vote .vlink:hover{box-shadow:inset 0 0 0 2px var(--ink)}
.bs .vote button.on{background:var(--grass)}
.bs .vote .net{font:800 22px/1 var(--display);min-width:32px;text-align:center}
.bs .cmts{margin-top:14px}
.bs .cmt{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.bs .cmt p{margin-top:4px;font-size:14.5px}
.bs .cmt-v button{font:700 12px var(--display);border:0;border-radius:var(--pill);background:var(--paper-2);padding:6px 9px;cursor:pointer}
.bs .cmt-v button.on{background:var(--grass)}
.bs .stack-form{display:grid;gap:8px;margin-top:14px;max-width:560px}
.bs .research td{vertical-align:top}
.bs .research .mark:not(.herd):not(.grade){background:var(--paper-2);color:var(--ink-2)}
.bs .rs-act{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.bs .rs-form{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}
.bs .rs-form input{font:400 13px/1.2 var(--text);padding:6px 8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--card);min-width:0;width:16ch}
/* "Record as" holds what will be recorded and "Why decline?" a public reason: both need room to be read (review 2026-10-11). */
.bs .rs-form input[name=record_as]{width:min(100%,44ch)}
.bs .rs-form textarea[name=record_as]{font:400 13px/1.35 var(--text);padding:6px 8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--card);width:100%;min-width:24ch;resize:vertical}
.bs .rs-form select[name=record_pick]{font:400 13px/1.2 var(--text);padding:6px 8px;border:1px solid var(--line-strong);border-radius:8px;background:var(--card);max-width:100%}
.bs .rs-form input[name=reason]{width:min(100%,30ch)}
/* The seller-claim mark: an orange dot and two words, so it reads without colour too. */
.bs .claim-mark{display:inline-flex;align-items:center;gap:5px;margin-left:6px;font:500 11.5px/1.2 var(--text);color:var(--orange-ink);white-space:nowrap;vertical-align:1px}
.bs .claim-mark::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);flex:none}
.bs .claim-legend .claim-mark,.bs .claim-legend .claim-ok{margin-left:0}
/* The green check: a third party confirms the claim (owner, 2026-10-05). Words beside the mark, so it
   reads without colour too. */
.bs .claim-ok{display:inline-flex;align-items:center;gap:5px;margin-left:6px;font:500 11.5px/1.2 var(--text);color:var(--grass-ink);white-space:nowrap;vertical-align:1px}
.bs .claim-ok::before{content:"";width:12px;height:12px;flex:none;border-radius:50%;background:var(--grass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.2l2 2 4-4.4' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
/* Scoring canon + release notes */
.bs .canon .canon-item{border-top:1px solid var(--line);padding-top:16px}
.bs .canon .canon-item .tblwrap{margin-top:10px;max-width:640px}
.bs .canon-w{font:700 14px/1 var(--display);padding:4px 8px;border-radius:var(--pill);background:var(--mustard-soft);vertical-align:3px;margin-left:4px}
.bs .canon-list{margin:8px 0 0 20px;list-style:decimal;display:grid;gap:6px;max-width:72ch}
.bs .canon-tbl caption{caption-side:top;text-align:left;font:600 12px/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);padding:10px 8px 6px}
.bs .release{border-top:1px solid var(--line);padding-top:18px;display:grid;gap:8px}
.bs .release ul{margin:0 0 0 18px;list-style:disc;display:grid;gap:4px;max-width:72ch}
.bs .release .label{margin-top:6px}
.bs .claims-tbl td{vertical-align:top}
/* Notes on a fact: collapsed under it. */
/* Long notes: the start, then "show more" opens the rest in place. */
.bs details.more-text{display:inline}
.bs details.more-text summary{display:inline;cursor:pointer;list-style:none}
.bs details.more-text summary::-webkit-details-marker{display:none}
.bs details.more-text .more-link{color:var(--ink);text-decoration:underline;font-weight:600;white-space:nowrap}
.bs details.more-text[open] .more-link{display:none}
.bs details.fn{margin-top:6px;font-size:13px}
.bs details.fn summary{cursor:pointer;color:var(--ink-2)}
.bs details.fn ul{margin:6px 0 0;padding:0;list-style:none;display:grid;gap:6px}
.bs details.fn li{overflow-wrap:anywhere}
.bs .fn-st{display:inline-block;font:600 10.5px/1 var(--display);letter-spacing:.05em;text-transform:uppercase;padding:3px 6px;border-radius:5px;background:var(--paper-2)}
.bs .fn-st.supports{background:var(--grass-soft)}.bs .fn-st.disputes{background:var(--orange-soft)}.bs .fn-st.decision{background:var(--sky-soft)}
.bs .fn-add{white-space:nowrap;font-size:12px;color:var(--ink-3);text-decoration:none;margin-left:4px}
.bs .fn-add:hover,.bs .fn-add:focus-visible{color:var(--ink);text-decoration:underline}
.bs #add-note,.bs #propose,.bs #propose-correction{margin-top:14px}
.bs .sf-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.bs .sf-list li{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bs [hidden]{display:none!important}
/* Member links can be long and unbroken (no hyphens to wrap at): let them break anywhere. */
.bs a.ugc{overflow-wrap:anywhere;word-break:break-word}
/* Pending member research: dashed, because it is a proposal, not a score. */
.bs a.pend{display:inline-block;font:500 12px/1.2 var(--text);padding:2px 7px;margin-left:2px;border:1px dashed var(--sky-ink);border-radius:6px;color:var(--ink);background:var(--sky-soft);text-decoration:none;max-width:100%;overflow-wrap:anywhere} /* a long proposal wraps instead of widening the page (review 2026-10-11) */
.bs a.pend:hover{border-style:solid}
.bs .mnav{display:none}
.bs .mnav summary{list-style:none;cursor:pointer}
.bs .mnav summary::-webkit-details-marker{display:none}
.bs .mnav-panel{position:absolute;right:0;top:calc(100% + 8px);background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:10px;min-width:240px;z-index:30;box-shadow:0 8px 24px rgba(27,26,24,.14);display:grid;gap:2px}
.bs .mnav-panel a{padding:10px 12px;border-radius:8px;font:600 15px/1 var(--display);text-decoration:none}
.bs .mnav-panel a:hover{background:var(--paper-2)}
.bs .mnav-panel .search{margin:0 0 6px;width:auto}
/* The full masthead (brand, five links, a search box wide enough for its words, account) needs ~1200px; below that,
   the Menu holds them (review 2026-10-15: the search placeholder was cut off at 175% zoom). */
@container site (max-width:1199px){
  .bs .masthead .nav,.bs .masthead .search,.bs .masthead .acct{display:none}
  .bs .mnav{display:block;margin-left:auto}
}
.bs .masthead .wrap{position:relative}
.bs select{font:400 15px var(--text);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:9px 12px;background:var(--card);color:var(--ink);max-width:520px;width:100%}
.bs input[type=text],.bs input[type=email],.bs input[type=password],.bs input[type=url],.bs input[type=number],.bs input[type=search],.bs textarea{font:400 15px var(--text);border:1px solid var(--line-strong);border-radius:var(--r-sm);padding:10px 12px;width:100%;max-width:520px;background:var(--card);color:var(--ink)}
.bs textarea{min-height:88px;resize:vertical}
.bs input:focus,.bs textarea:focus,.bs select:focus{outline:none;box-shadow:0 0 0 2px var(--ink);border-color:var(--ink)}
.bs .search input{border:0;padding:0;box-shadow:none}
.bs .search input:focus{box-shadow:none}
.bs .box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:var(--s5);max-width:560px;margin:12px 0}
.bs .box.danger,.bs .danger{border-color:var(--tomato-ink)}
.bs .field{margin:12px 0}
.bs .field label{display:block;font:600 13px/1.3 var(--display);color:var(--ink-2);margin-bottom:5px}
.bs .err{color:var(--tomato-ink);font-weight:600}
.bs .ok{color:var(--grass-ink);font-weight:700}
.bs .flag{display:inline-block;font:600 11.5px/1.35 var(--text);padding:3px 8px;border-radius:6px;background:var(--paper-2);color:var(--ink);white-space:nowrap}
.bs .flag.red{background:var(--tomato-soft)}.bs .flag.green{background:var(--grass-soft)}.bs .flag.ink{background:var(--sky-soft)}.bs .flag.gray{background:var(--paper-2)}
.bs .agate{font-size:13px;color:var(--ink-2)}
.bs .mono{font-variant-numeric:tabular-nums}
.bs .btn.red{background:var(--tomato)}
.bs .btn.on{background:var(--grass)}
/* legacy pages: auth, settings, profile, admin, legal, changelog, compare */
.bs main.legacy{width:100%;max-width:var(--wrap);margin:0 auto;padding:var(--s6) var(--s5) var(--s10)}
.bs main.legacy .two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s8);align-items:start}
.bs main.legacy .two-col .box{max-width:none;margin-top:0}
.bs main.legacy .two-col > div > h2:first-child,.bs main.legacy .box > h2:first-child{margin-top:0}
@container site (max-width:1023px){.bs main.legacy .two-col{grid-template-columns:1fr;gap:var(--s4)}}
.bs main.legacy h1{font:800 clamp(28px,3cqi,36px)/1.1 var(--display);letter-spacing:-.02em;margin:0 0 12px;text-wrap:balance}
.bs main.legacy h2{font:700 12px/1.2 var(--display);letter-spacing:.08em;text-transform:uppercase;color:var(--tomato-ink);margin:28px 0 10px}
.bs main.legacy p{max-width:72ch;margin:0 0 10px}
.bs main.legacy a:not(.btn):not(.flag){text-decoration:underline;text-underline-offset:2px}
.bs main.legacy .btn{margin:2px 6px 2px 0}
.bs main.legacy table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;font-size:13.5px;font-variant-numeric:tabular-nums;margin:6px 0}
.bs main.legacy th{font:600 11px/1.2 var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);text-align:left;padding:10px;background:var(--paper-2);border-bottom:1px solid var(--line)}
.bs main.legacy td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
.bs main.legacy tbody tr:last-child td{border-bottom:0}
.bs main.legacy td.n{text-align:right;white-space:nowrap}
.bs main.legacy ul{list-style:disc;padding-left:20px}
.bs dl.spec{display:grid;grid-template-columns:max-content 1fr;border-top:1px solid var(--line)}
.bs dl.spec dt,.bs dl.spec dd{padding:9px 0;border-bottom:1px solid var(--line)}
.bs dl.spec dt{font:600 11px/1.9 var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);padding-right:var(--s5)}
@container site (max-width:760px){
  .bs .mnav{display:block;margin-left:auto}
  .bs .rail:target{display:block}
  .bs .rail:target .rail-close{display:inline}
  .bs .bitem{grid-template-columns:72px 1fr auto;gap:10px}
  .bs .page-head>svg,.bs .page-head>.spot{display:none}
  .bs .art-panel{grid-template-columns:1fr}
  .bs .art-panel .stampart{width:72px;height:72px;justify-self:end;margin-top:-56px}
  .bs .art-panel{padding:12px 14px}
  .bs .art-panel .steak-art{max-height:150px;max-width:220px;justify-self:center}
  .bs .keyfacts{gap:18px}
  .bs main.legacy{padding-inline:var(--s4)}
}

.bs>main{flex:1 0 auto}
.bs .tbl .herd .cl{font-size:13px}
.bs .tbl .grades{min-width:120px}
.bs .m-buy{display:none}
.bs .tbl .deliv-m{margin-top:5px}
.bs .tbl .deliv-m .mark{font-size:11.5px;padding:3px 7px}

/* row icons as CSS masks: hundreds of table cells, so no inline SVG (each <use> is a shadow tree) */
.bs .ic{display:inline-block;width:14px;height:14px;flex:none;vertical-align:-2px;background-color:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.bs .ic-grass{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21c1.4-5 1.6-9 .6-13 3 3.6 4.2 7.8 4 13Z'/%3E%3Cpath d='M9 21c.4-6.4 1.8-11.8 5-17 .6 6-.4 11.6-2.4 17Z'/%3E%3Cpath d='M14.4 21c1.2-4.4 3.4-7.6 6.6-9.6-.8 3.8-2.2 7-4.2 9.6Z'/%3E%3C/svg%3E")}
.bs .ic-abx{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3.4' y='8.4' width='17.2' height='7.2' rx='3.6' transform='rotate%28-35 12 12%29'/%3E%3Cpath d='M12 12 6.3 16.1a3.6 3.6 0 0 1-2.1-4.9L7.3 7.9Z' opacity='.55'/%3E%3Crect x='11' y='1.5' width='2.2' height='21' rx='1.1' transform='rotate%2845 12 12%29'/%3E%3C/svg%3E")}
.bs .ic-horm{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='9' y='4' width='6' height='11' rx='1.4'/%3E%3Crect x='8' y='2.4' width='8' height='2.4' rx='1'/%3E%3Crect x='11.2' y='15' width='1.6' height='7' rx='.8'/%3E%3Crect x='11' y='1.5' width='2.2' height='21' rx='1.1' transform='rotate%2845 12 12%29'/%3E%3C/svg%3E")}
.bs .ic-fresh{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20 3.6C10.4 3 4.4 7.6 4.2 15.4c0 1.6.4 3.2 1.2 4.6 1-4.8 4-8.6 8.6-10.8-3.8 3-6 6.6-6.8 11.2 8.8.8 13.6-5.8 12.8-16.8Z'/%3E%3C/svg%3E")}
.bs .ic-frozen{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg transform='translate%2812 12%29'%3E%3Crect x='-1.1' y='-10' width='2.2' height='20' rx='1.1'/%3E%3Crect x='-1.1' y='-10' width='2.2' height='20' rx='1.1' transform='rotate%2860%29'/%3E%3Crect x='-1.1' y='-10' width='2.2' height='20' rx='1.1' transform='rotate%28-60%29'/%3E%3Ccircle r='3.2'/%3E%3C/g%3E%3C/svg%3E")}

.bs .pcharts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
.bs .pchart{margin:0;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px 8px}
.bs .pchart figcaption{display:grid;gap:3px;margin-bottom:6px}
.bs .pchart figcaption a{text-decoration:none;font:700 14.5px/1.25 var(--display)}
.bs .pchart figcaption a:hover{text-decoration:underline}
.bs .pchart.solo{margin-bottom:12px}
.bs .pchart-svg{width:100%;height:auto;display:block;overflow:visible}
.bs .pchart-svg text{font:500 11px var(--text);fill:var(--ink-2)}
.bs .pchart-svg .t-strong{font:800 12px var(--display);fill:var(--ink)}
.bs .pchart-svg .grid{stroke:var(--line);stroke-width:1}
.bs .up{color:var(--tomato-ink)}.bs .down{color:var(--grass-ink)}

/* ---------- phone (container ≤ 760px) ---------- */
@container site (max-width:760px){
  .bs .m-buy{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
  .bs .m-buy b{font:800 24px/1 var(--display)}
  .bs .m-buy b small{font-size:13px}
  .bs .m-buy .btn{margin-left:auto}
  .bs .wrap{padding-inline:var(--s4)}
  .bs .nav,.bs .masthead .search,.bs .acct{display:none}
  .bs .stack{flex-direction:column;height:auto;gap:4px;border-radius:0}
  .bs .stack div{flex:none!important;width:calc(var(--f) * 100%);min-height:32px;border-radius:6px}
  .bs .hero .wrap,.bs .split,.bs .split-even,.bs .listing{grid-template-columns:minmax(0,1fr)} /* minmax: a 1fr track grows to its widest child */
  .bs .tabs{column-gap:var(--s4)}
  .bs .hero .wrap{gap:var(--s5);padding-block:var(--s6)}
  .bs .hero-art{order:-1}
  .bs .rail{display:none}
  .bs .filters-btn{display:inline-flex}
  .bs .tbl .c-opt{display:none}
  .bs .tbl .m-only{display:flex}
  .bs .steak{min-width:0}
  .bs .paths{grid-template-columns:1fr 1fr}
  .bs .path:nth-child(3){border-left:0}
  .bs .path:nth-child(n+3){border-top:1px solid var(--line)}
  .bs .footer .wrap{grid-template-columns:1fr 1fr}
  .bs .footer .wrap>div:first-child{grid-column:1/-1}
  .bs .coblock{grid-template-columns:auto 1fr}
  .bs .coblock>:last-child{grid-column:1/-1}
  .bs .sw{grid-template-columns:1fr}
  .bs .factor{grid-template-columns:minmax(0,1fr) 34px 40px}
  .bs .factor .bar{grid-column:1/-1;grid-row:2}
  .bs .sticky{position:static}
  .bs .toolbar .push{margin-left:0}
  .bs .sec{padding-block:var(--s8)}
}
@container site (max-width:420px){
  .bs .paths{grid-template-columns:1fr}
  .bs .path+.path{border-left:0;border-top:1px solid var(--line)}
  .bs .search-lg{flex-direction:column}
  .bs .search-lg .search{flex:none}
  .bs .ccard .cr{grid-template-columns:96px 1fr 1fr}
}
/* Evidence docket */
.bs .ev-filters{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:end}
.bs .ev-filters .btn{height:42px;padding-block:0}
.bs .ev-filters .field{margin:0}
.bs .ev-filters .field{display:grid;gap:4px;min-width:min(260px,100%)}
.bs .ev-tbl td{vertical-align:top}
.bs .ev-tbl .ev-q{max-width:44ch;font-size:13.5px;color:var(--ink-2)}
.bs .ev-tbl .mark{margin-top:4px}
.bs .ev-more summary{cursor:pointer;list-style:none}
.bs .ev-more summary::-webkit-details-marker{display:none}
.bs .ev-more[open] summary{color:var(--ink)}
/* User types (feature manual) */
.bs .ut-line{display:flex;align-items:center;gap:8px;margin:6px 0 14px}
.bs .ut-info{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--ink);font:700 12px/1 var(--display);font-style:italic;color:var(--ink);text-decoration:none}
.bs .ut-info:hover,.bs .ut-info:focus-visible{background:var(--ink);color:var(--paper);outline:none}
.bs .ut-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--s4)}
.bs .ut-type{border-top:3px solid var(--ink);padding-top:var(--s3)}
.bs .ut-type:target{border-top-color:var(--tomato)}
.bs .ut-tbl tbody th[scope=row]{font:400 14.5px/1.35 var(--text);letter-spacing:0;text-transform:none;white-space:normal;text-align:left;color:var(--ink);background:var(--card);min-width:16em}
.bs .ut-tbl tbody th[scope=row] b{font-weight:600}
.bs .ut-tbl tbody th[scope=row] small{display:block;color:var(--ink-2);font-size:12.5px;line-height:1.4;margin-top:3px}
.bs .ut-tbl thead th.ut-col{white-space:nowrap}
.bs .ut-tbl .c{text-align:center;width:11%}
.bs .ut-tbl tbody .ut-area th{background:var(--paper-2);color:var(--ink);font:700 12px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;text-align:left}
.bs .ut-tbl .ut-mine,.bs .ut-tbl thead th.ut-mine{background:var(--mustard-soft)}
.bs .ut-yes{font-weight:700;color:var(--grass-ink)}
.bs .ut-no{color:var(--ink-3,#9a9387)}
.bs .kcap{display:block}
.bs .cmp-pick{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 var(--s4)}
.bs .cmp-pick select{width:auto;max-width:min(240px,100%)}
.bs .cl-note{display:block;font:400 12.5px/1.4 var(--text);color:var(--ink-2);margin-top:3px}
/* Seller compare: sticky row labels, so a wide comparison scrolls inside its box on a phone */
.bs .cmp-tbl th[scope=row]{font:600 13.5px/1.35 var(--text);letter-spacing:0;text-transform:none;white-space:normal;color:var(--ink);background:var(--card);position:sticky;left:0;z-index:1;min-width:110px;width:150px;border-right:1px solid var(--line);vertical-align:top}
.bs .cmp-tbl thead th:first-child{position:sticky;left:0;z-index:1}
.bs .cmp-tbl thead th{white-space:normal}
.bs .cmp-tbl td{vertical-align:top;min-width:140px}
.bs .cmp-tbl th small,.bs .cmp-tbl td small{display:block;font:400 12.5px/1.4 var(--text);color:var(--ink-2);margin-top:2px}
.bs .cmp-tbl .cmp-area th{background:var(--paper-2);color:var(--ink);font:700 12px/1 var(--display);letter-spacing:.06em;text-transform:uppercase}
.bs .cmp-tbl tr.cmp-diff th[scope=row]{box-shadow:inset 4px 0 0 var(--mustard)}
.bs .cmp-tbl thead th[scope=col]{font:700 15px/1.25 var(--display);letter-spacing:0;text-transform:none;color:var(--ink)}
/* Admin */
.bs .adm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--s4)}
.bs .adm-cards .box{margin:0;max-width:none;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.bs .adm-n{margin:0}
.bs .adm-n b{font:800 28px/1 var(--display)}
.bs .adm-email{overflow-wrap:anywhere}
.bs .adm-users th{white-space:normal}
.bs .adm-queue td.meta{min-width:16ch}
/* Research rows stack on phones, so the evidence gets the full width and the review buttons stay on
   screen instead of scrolling off the right of the table. On a seller page they always stack: its column is
   narrow even on a wide screen (review 2026-10-11: the fact wrapped a word or two per line). */
@container site (max-width:760px){
  .bs .tbl.research thead{display:none}
  .bs .tbl.research tr{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:6px 10px;padding:12px 10px;border-bottom:1px solid var(--line)}
  .bs .tbl.research tbody tr:last-child{border-bottom:0}
  .bs .tbl.research td{display:block;padding:0;border:0;min-width:0}
  .bs .tbl.research td.meta,.bs .tbl.research td:last-child{grid-column:1/-1}
  .bs .tbl.research td:last-child:empty{display:none}
}
.bs #research .tbl.research thead{display:none}
.bs #research .tbl.research tr{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:6px 10px;padding:12px 10px;border-bottom:1px solid var(--line)}
.bs #research .tbl.research tbody tr:last-child{border-bottom:0}
.bs #research .tbl.research td{display:block;padding:0;border:0;min-width:0}
.bs #research .tbl.research td.meta,.bs #research .tbl.research td:last-child{grid-column:1/-1}
.bs #research .tbl.research td:last-child:empty{display:none}

/* ---------- the v6.0 board (owner, 2026-10-06): one row per steak, +numbers, the Herd key ----------
   A table on wide screens; under 720px of board width each row is a block with labels down the left.
   Options open in place under their steak (rows hidden only once the script has run). */
.bs .sboard{container-type:inline-size;background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.bs .sboard table{width:100%;border-collapse:collapse;font:400 14px/1.4 var(--text);font-variant-numeric:tabular-nums}
.bs .sboard th{font:600 11px/1.2 var(--display);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);text-align:left;padding:10px;background:var(--paper-2);border-bottom:1px solid var(--line);vertical-align:top;white-space:nowrap}
.bs .sboard th.r{text-align:right}
.bs .sboard .key{display:flex;flex-wrap:wrap;gap:3px 12px;margin-top:6px;font:500 11.5px/1.2 var(--text);letter-spacing:0;text-transform:none;color:var(--ink-2);white-space:normal}
.bs .sboard .k{display:inline-flex;align-items:center;gap:4px}
.bs .sboard td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.bs .sboard tr.opt td{background:#F6F0E4;padding-block:9px}
.bs .sboard.js tr.opt:not(.open){display:none}
.bs .sboard .rk{color:var(--ink-3);font-weight:600;width:1%;white-space:nowrap}
.bs .sboard .sc{width:1%;white-space:nowrap}
.bs .sboard .score{min-width:42px;height:30px;padding:0 8px}
.bs .sboard .score.sm{min-width:36px;height:26px;font-size:13.5px;background:var(--mustard-soft)}
.bs .sboard .ded{display:block;margin-top:4px;font:600 11.5px/1 var(--text);color:var(--tomato-ink);text-align:center}
.bs .sboard .who{min-width:220px}
.bs .sboard .seller{font:700 15px/1.3 var(--display);text-decoration:none}
.bs .sboard .seller:hover,.bs .sboard .steak:hover{text-decoration:underline}
.bs .sboard .steak{text-decoration:none}
.bs .sboard .steak.only{font-weight:600}
.bs .sboard tr.opt .steak{color:var(--ink-2)}
.bs .sboard .dash{color:var(--ink-3)}
.bs .sboard .meta{display:block;font-size:12.5px;color:var(--ink-3);margin-top:3px}
.bs .sboard .meta .so{color:var(--tomato-ink)}
.bs .sboard .by-meta{display:block;font:500 12px/1.3 var(--text);color:var(--ink-3);margin-top:2px}
.bs .sboard .opts{display:block;margin-top:6px;font:600 12.5px/1.25 var(--text);color:var(--ink);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-align:left}
.bs .sboard .opts::after{content:" ▾"}
.bs .sboard .opts[aria-expanded="true"]::after{content:" ▴"}
.bs .sboard:not(.js) .opts{display:none}
.bs .pt{display:block;font:500 12px/1 var(--text);color:var(--ink-3);background:none;border:0;padding:2px 0;margin:0 0 5px;cursor:pointer;border-bottom:1px dotted var(--ink-3)}
.bs .pt:hover,.bs .pt[aria-expanded="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.bs .sboard .cut .v{display:block;font-weight:600}
.bs .sboard .cut .v2{display:block;font-weight:400;font-size:13px;color:var(--ink-2)}
.bs .sboard .herd{min-width:230px}
.bs .hls{display:grid;gap:3px}
.bs .hl{display:flex;align-items:flex-start;gap:7px;font-size:13.5px;line-height:1.3}
.bs .hl.dim{color:var(--ink-2)}
.bs .hl small{font-size:12px}
.bs .hic{width:15px;height:15px;flex:none;color:var(--grass-ink);margin-top:1px}
.bs .hl.dim .hic{color:var(--ink-2)}
.bs .sboard .key .hic,.bs .sboard .mkey .hic{color:var(--ink-2);margin:0}
.bs .mk{display:inline-block;width:9px;height:9px;border-radius:50%;vertical-align:0}
.bs .mk.claim{background:var(--orange)}
.bs .mk.ok{width:12px;height:12px;vertical-align:-1px;background:var(--grass) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 6.2l2 2 4-4.4' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.bs .mk.none{border:1.5px solid var(--ink-3)}
.bs .sboard .same{font-size:12.5px;color:var(--ink-3)}
.bs .sboard .pr{text-align:right;white-space:nowrap}
.bs .sboard .pr .pt{margin-left:auto}
.bs .sboard .lbw{display:block}
.bs .sboard .lb{font:800 18px/1.1 var(--display)}
.bs .sboard .per{font-size:12px;color:var(--ink-3);margin-left:2px}
.bs .sboard .buy{width:1%;white-space:nowrap}
.bs .sboard .warn,.bs .sp .warn{color:var(--tomato-ink);font-weight:600}
.bs .bmarks{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:10px 12px;font-size:12.5px;color:var(--ink-2)}
.bs .bmarks span{display:inline-flex;align-items:center;gap:6px}
.bs .sboard .mkey{display:none}
.bs .own-w{margin-bottom:10px}
@container (max-width: 880px){
  .bs .sboard table,.bs .sboard tbody{display:block}
  .bs .sboard thead{display:none}
  .bs .sboard .mkey{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 12px;font-size:12px;color:var(--ink-2)}
  .bs .sboard .mkey-t{font:700 11px/1 var(--display);letter-spacing:.07em;text-transform:uppercase;margin-right:2px}
  .bs .sboard tr{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;grid-template-areas:"rk sc who who" "cut cut cut cut" "herd herd herd herd" "pr pr pr buy";gap:8px;padding:12px;border-bottom:1px solid var(--line)}
  .bs .sboard tr.opt{background:#F6F0E4;grid-template-areas:"rk sc who who" "cut cut cut cut" "pr pr pr buy";padding-left:22px}
  .bs .sboard.js tr.opt:not(.open){display:none}
  .bs .sboard td,.bs .sboard tr.opt td{display:block;padding:0;border:0;background:none;min-width:0;width:auto}
  .bs .sboard .rk{grid-area:rk;padding-top:6px;font-size:13px} .bs .sboard .sc{grid-area:sc} .bs .sboard .who{grid-area:who;min-width:0} .bs .sboard .cut{grid-area:cut} .bs .sboard .herd{grid-area:herd} .bs .sboard .pr{grid-area:pr} .bs .sboard .buy{grid-area:buy;align-self:end}
  .bs .sboard tr.opt td.herd{display:none}
  .bs .sboard td[data-label]{display:grid;grid-template-columns:52px 34px minmax(0,1fr);align-items:baseline;gap:6px;text-align:left;white-space:normal}
  .bs .sboard td[data-label]::before{content:attr(data-label);font:700 11px/1.3 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}
  .bs .sboard td[data-label] .pt{margin:0}
  /* The value takes the card's width under its label, number and marks (review 2026-10-11: it sat in the 52px label
     column, so "Wet · 17 d" and the Herd lines wrapped a word or two per line). */
  .bs .sboard td[data-label]>:not(.pt):not(.qt){grid-column:1/-1}
  .bs .sboard .cut .v{display:flex;flex-wrap:wrap;gap:0 8px}
  .bs .sboard .cut .v2{display:inline}
  .bs .sboard .herd{min-width:0}
  .bs .sboard .lb{font-size:17px}
}
/* the score's parts on a seller page */
.bs .sp{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:grid;gap:10px}
.bs .sp-parts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;font:600 13px/1 var(--display);color:var(--ink-2)}
.bs .sp-parts>span{display:inline-flex;align-items:baseline;gap:6px}
.bs .sp-parts .pt{display:inline;margin:0;font-size:14px;color:var(--ink)}
.bs .sp-parts .ded-t{font:500 12.5px/1.3 var(--text);color:var(--tomato-ink)}
.bs .sp-parts .eq{align-items:center}
.bs .sp-herd{display:grid;gap:6px}
/* popup: near its +number; a sheet from the bottom on phones */
.bs .pop{position:absolute;z-index:40;width:min(340px,calc(100vw - 32px));background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 10px 30px rgba(27,26,24,.18);padding:14px 16px 12px}
.bs .pop[hidden]{display:none}
.bs .pop h4{font:800 16px/1.2 var(--display);margin:0 32px 8px 0}
.bs .pop p{font-size:13.5px;line-height:1.45;margin:0 0 6px}
.bs .pop .where{margin-top:10px;padding-top:9px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-2)}
.bs .pop .where b{display:block;font:700 11px/1.3 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px}
.bs .pop .x{position:absolute;top:8px;right:8px;width:30px;height:30px;border:0;border-radius:50%;background:var(--paper-2);color:var(--ink);font:700 15px/1 var(--display);cursor:pointer}
@media (max-width: 600px){.bs .pop{position:fixed;left:0!important;right:0;bottom:0;top:auto!important;width:auto;border-radius:16px 16px 0 0;padding-bottom:calc(16px + env(safe-area-inset-bottom, 0px))}}

/* evidence review (admin) */
.bs .seg.ev-tabs{display:flex;flex-wrap:wrap;width:max-content;max-width:100%;border-radius:18px}
.bs .ev-group{display:grid;gap:8px;margin-top:12px;min-width:0}
.bs .ev-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px}
.bs .ev-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.bs .ev-list li{display:grid;gap:4px;padding-top:10px;border-top:1px solid var(--line);min-width:0;overflow-wrap:anywhere}
.bs .ev-list q{font-size:14px}
/* Steak facts (v7.0): the words each fact was read from, and the informational "Contradicts with" popup. */
.bs .evf dd q{color:var(--ink-2)}
.bs .evf .ok-t{display:inline-flex;align-items:center;gap:4px;font:600 12px/1 var(--text);color:var(--ink-2)}
.bs .evf .ok-t svg{width:14px;height:14px}
.bs .cx{margin-top:6px;font:600 12px/1 var(--text);color:var(--ink);background:var(--paper-2);border:1px dashed var(--line-strong);border-radius:var(--pill);padding:6px 10px;cursor:pointer}
.bs .cx:hover{background:var(--line)}
.bs .cpop{width:min(420px,calc(100vw - 32px));background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 10px 30px rgba(27,26,24,.18);padding:16px 18px 14px}
.bs .cpop::backdrop{background:rgba(27,26,24,.25)}
.bs .cpop q{display:block;margin:6px 0 8px;font:500 15px/1.5 var(--text)}
.bs .cpop .meta{margin-bottom:10px}
/* Seller page (v7.0): what its own pages say. */
.bs .says-tbl q{color:var(--ink-2);font-size:13px}
.bs .says-more{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.bs .says-more>summary{cursor:pointer;font:600 14px/1.4 var(--display)}
/* Review 2026-10-06: comments keep their line breaks. */
.bs .cmt-b{white-space:pre-line}
/* A long comment: its first lines, then Read more opens it in full (review 2026-10-21) */
.bs details.cmt-more>summary{display:inline-block;margin-top:2px;cursor:pointer;list-style:none;font-weight:600;font-size:14px;text-decoration:underline}
.bs details.cmt-more>summary::-webkit-details-marker{display:none}
.bs details.cmt-more[open]>summary,.bs .cmt-long:has(details[open])>.cmt-short{display:none}
/* Review 2026-10-06: long member forms fold away until wanted. */
.bs details.fold{margin-top:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.bs details.fold>summary{cursor:pointer;padding:10px 14px;font:600 14px/1.4 var(--display)}
.bs details.fold[open]>summary{border-bottom:1px solid var(--line)}
.bs details.fold>form.box{border:0;margin:0}
.bs tr.superseded td{color:var(--ink-3)}
/* Owner 2026-10-07: hide sold-out steaks, one tap from the toolbar. */
.bs .stock-tog{display:inline-flex;align-items:center;gap:7px;font:600 13px/1 var(--display);padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--pill);text-decoration:none;color:var(--ink);white-space:nowrap;background:var(--card)}
.bs .stock-tog::before{content:"";width:14px;height:14px;border:1.5px solid var(--ink);border-radius:4px;box-sizing:border-box;flex:none}
.bs .stock-tog.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.bs .stock-tog.on::before{border-color:var(--paper);background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink)}
/* v7.4: steaks sold out for six weeks, listed under the board. */
.bs .so-list{list-style:none;margin:8px 0 0;padding:0 14px 12px}
.bs .so-list li{padding:6px 0;border-top:1px solid var(--line)}
/* Quarter marks (owner, 2026-10-07): four pencil marks beside each Cut, Herd and Price number, the earned ones green,
   the rest fainter than any text, so every row keeps the same width. */
.bs .qt{display:inline-block;width:63px;height:15px;margin-left:5px;vertical-align:-3px;flex:none;background:linear-gradient(90deg,var(--grass-ink) calc(var(--n)*16px),#978B74 0);-webkit-mask:var(--q) 0 0/16px 15px repeat-x;mask:var(--q) 0 0/16px 15px repeat-x;-webkit-print-color-adjust:exact;print-color-adjust:exact;forced-color-adjust:none}
.bs .qt.n1{--n:1}.bs .qt.n2{--n:2}.bs .qt.n3{--n:3}.bs .qt.n4{--n:4}
/* The BeefShopper Score filter: three rows of the same marks, the same size as beside the scores; the chosen run is
   filled in, and × clears a row (owner, 2026-10-07: smaller, and a clear). */
.bs .score-f .fclear{display:inline-block;margin-top:2px;font:600 12px/1 var(--text);color:var(--ink-2)}
.bs .score-f .qrow{display:flex;align-items:center;gap:2px;margin:4px 0}
.bs .score-f .qrow a{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;border:1px solid transparent;color:#978B74}
.bs .score-f .qrow a svg{width:15px;height:15px}
.bs .score-f .qrow a:hover{border-color:var(--line);color:var(--ink-3)}
.bs .score-f .qrow a.on{color:var(--grass-ink);background:#E4F1E7}
.bs .score-f .qrow a.qclear{width:auto;padding:0 4px;margin-left:4px;color:var(--ink-2);font:600 14px/1 var(--text)}
/* Owner 2026-10-08: a seller that doesn't deliver nationwide is flagged in red wherever its delivery line shows. */
.bs .ded-flag{display:inline-block;margin:2px 6px 2px 0;padding:2px 7px;border-radius:5px;background:#FBE1DC;color:var(--tomato-ink);font:700 12px/1.35 var(--text);box-shadow:inset 0 0 0 1px #F2B9AE}
/* Review 2026-10-08: a version that leads only in a search, filter or sort; the admin paste form's title. */
.bs .rk-v{font-size:12px;color:var(--ink-3);white-space:nowrap}
.bs .stack-form .field input:not([type]), .bs .stack-form .field input[type="text"]{width:100%;box-sizing:border-box}
/* Review 2026-10-08: on a phone the ticker keeps the median and the lowest price; the counts drop out first. */
@media (max-width: 640px){ .bs .wire .w-opt{display:none} }
/* Origin (owner 2026-10-09, informational): a small tag beside the cut; imports in the sky tone. */
.bs .otag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;font:600 11px/1.5 var(--text);color:var(--ink-2);background:var(--paper-2);box-shadow:inset 0 0 0 1px var(--line);white-space:nowrap}
.bs .otag.imp{color:var(--sky-ink);background:#E3EEF6;box-shadow:inset 0 0 0 1px #B9D3E6}

/* ---------- review 2026-10-18 ---------- */
/* Filters stack above the results on tablets and at 200% zoom, not only on phones (review 2026-10-16). */
@container site (max-width:1023px){
  .bs .listing{grid-template-columns:minmax(0,1fr)}
  .bs .rail{display:none}
  .bs .rail:target{display:block}
  .bs .rail:target .rail-close{display:inline}
  .bs .filters-btn{display:inline-flex}
}
/* The Beef Wire wraps on a narrow screen instead of losing all but two items (review 2026-10-16, 400% zoom). */
@container site (max-width:520px){
  .bs .wire{white-space:normal}
  .bs .wire .wrap{flex-wrap:wrap;row-gap:6px}
  .bs .wire span+span::before{display:none}
}
/* A price the weekly check hasn't confirmed lately. */
.bs .old-price{font-weight:600;color:var(--mustard-ink)}
.bs .old-price-note{padding:8px 10px;border-radius:8px;background:var(--mustard-soft);color:var(--ink)}
.bs .tbl tr.failed td{color:var(--ink-2);background:var(--paper-2)}
/* A member's unreviewed proposal, on the line it would change. */
.bs .pend-chip{display:block;font:500 12.5px/1.4 var(--text);margin:2px 0 4px 22px;padding:4px 8px;border:1px dashed var(--sky-ink);border-radius:6px;background:var(--sky-soft);color:var(--ink);overflow-wrap:anywhere}
.bs .pend-chip .pend-t{font:700 10.5px/1 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--sky-ink);margin-right:4px}
.bs .pend-rest .pend-chip,.bs .sp>.pend-chip{margin-left:0}
/* Review rows: days for an aging fact; Decline behind its fold. */
.bs .rs-days{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}
.bs .rs-days input{width:7ch}
.bs details.rs-decline>summary{cursor:pointer;font:600 13px/1.4 var(--display);color:var(--ink-2);list-style:none;padding:6px 2px}
.bs details.rs-decline>summary::-webkit-details-marker{display:none}
.bs details.rs-decline[open]>summary{color:var(--ink)}
.bs .adm-decided{margin-top:var(--s8);padding-top:var(--s6);border-top:3px double var(--line-strong)}
.bs .ev-group,.bs .ev-wide{max-width:none}
/* Settings: each weight's share, and a quiet way to delete the account. */
.bs .w-row{display:grid;grid-template-columns:minmax(0,230px) 90px minmax(0,1fr);gap:8px;align-items:center}
.bs .w-row label{margin:0}
.bs .w-total{margin-top:4px}
/* Settings: deleting the account sits apart, under its own rule and heading (review 2026-10-21) */
.bs .danger-zone{margin-top:56px;padding-top:18px;border-top:2px solid var(--tomato-ink);max-width:560px}
.bs .danger-zone h2{font:700 16px/1.3 var(--display);color:var(--tomato-ink)}
.bs details.danger-fold{margin-top:10px;max-width:560px}
.bs details.danger-fold>summary{cursor:pointer;font:600 14px/1.4 var(--display);color:var(--tomato-ink)}
.bs details.danger-fold>.box{margin-top:8px}
.bs .btn-danger-ghost{background:transparent;color:var(--tomato-ink);box-shadow:inset 0 0 0 1px var(--tomato-ink)}
.bs .btn-danger-ghost:hover{background:var(--tomato-soft)}
.bs .rk-note{margin:0;padding:10px 12px;border-bottom:1px solid var(--line)}
@container site (max-width:520px){ .bs .w-row{grid-template-columns:minmax(0,1fr) 80px} .bs .w-row .agate{grid-column:1/-1} }
/* Price checks: an admin's one-click check, and whether a steak can be bought (2026-10-19). */
.bs .qc-box{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--card)}
.bs .qc-form{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin:0}
.bs .qc-price{display:inline-flex;gap:4px;align-items:center;margin:0;font:600 13px/1.4 var(--display);white-space:nowrap}
.bs .qc-price input{width:9ch;padding:5px 6px}
.bs .qc-btns{display:inline-flex;flex-wrap:wrap;gap:6px}
.bs fieldset.pc-stock{border:0;padding:0;margin:0 0 12px}
.bs fieldset.pc-stock legend{padding:0;margin-bottom:4px;font:600 13px/1.4 var(--display)}
.bs fieldset.pc-stock label{display:flex;gap:8px;align-items:center;font-weight:400;margin:2px 0}
/* Price ages: how long since a check confirmed each price. */
.bs .pa-age{display:inline-block;min-width:4.2ch;padding:1px 6px;border-radius:var(--pill);font:700 12px/1.5 var(--display);text-align:center;background:var(--paper-2);color:var(--ink)}
.bs .pa-age.fresh{background:var(--grass-soft)}
.bs .pa-age.due{background:var(--mustard-soft)}
.bs .pa-age.stale{background:var(--tomato-soft);box-shadow:inset 0 0 0 1px var(--tomato-ink)}
.bs .pa-bands{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:14px}
.bs .pa-group{max-width:none}
.bs .pa-tbl td{vertical-align:top}
.bs .pa-tbl tr.pa-just td{background:var(--grass-soft)}
.bs .pa-tbl .qc-form{flex-wrap:nowrap}
.bs .pa-tbl .by{display:block;margin-top:2px}
.bs .pa-tbl td:nth-child(3){min-width:300px}
@container site (max-width:760px){
  .bs .pa-tbl thead{display:none}
  .bs .pa-tbl tr{display:block;padding:10px 0;border-bottom:1px solid var(--line)}
  .bs .pa-tbl td{display:block;border:0;padding:3px 10px;min-width:0!important}
  .bs .pa-tbl .qc-form{flex-wrap:wrap}
}

/* ---------- phones: the ranking on the first screen (owner, 2026-10-19) ---------- */
/* The board started two screens down on a phone (the picture, the intro, three rows of quick filters, the trust line,
   then five rows of controls) and each steak took a third of a screen. On a phone the picture, the intro and the trust
   line wait for a wider screen (the board's count says what's tracked, and the trust line's points are repeated under
   the board); the quick filters scroll sideways in one row. */
@container site (max-width:760px){
  .bs .hero-art,.bs .hero .label,.bs .hero .lede,.bs .hero .trustline{display:none}
  .bs .hero .wrap{gap:0;padding-block:var(--s4) var(--s3)}
  .bs .hero .display{font-size:28px;margin-bottom:var(--s3)}
  .bs .search-lg{flex-direction:row;margin-bottom:var(--s3)}
  .bs .search-lg .search{flex:1;height:44px}
  .bs .chips.scroll-m,.bs .hero .chips{flex-wrap:nowrap;overflow-x:auto;margin-inline:calc(-1 * var(--s4));padding-inline:var(--s4);scrollbar-width:none}
  .bs .chips.scroll-m::-webkit-scrollbar,.bs .hero .chips::-webkit-scrollbar{display:none}
  .bs .chips.scroll-m>*,.bs .hero .chips>*{flex:none}
  .bs .lede{font-size:16px;line-height:1.5}
  .bs .board{padding-top:var(--s4)}
  .bs .board-head{padding-top:var(--s4)}
  .bs .board-head .h1{font-size:26px}
  /* The board's controls in three rows: the count and Filters; the sort, the width of the screen; the toggles. */
  .bs .toolbar{gap:var(--s2) 6px;margin-bottom:var(--s3)}
  .bs .toolbar .count{flex:1 1 0;min-width:0}
  .bs .toolbar .push{display:contents}
  .bs .toolbar .seg-label{display:none}
  .bs .toolbar .seg[aria-label="Sort"]{order:1;flex:1 0 100%}
  .bs .toolbar .seg[aria-label="Sort"] a{flex:1;text-align:center;padding-inline:6px}
  .bs .toolbar .stock-tog,.bs .toolbar .seg[aria-label="View"]{order:2}
  .bs .toolbar .seg[aria-label="View"]{margin-left:auto}
  .bs .toolbar .stock-tog{padding:6px 8px;gap:5px;font-size:12px}
  .bs .toolbar .stock-tog::before{width:11px;height:11px}
  .bs .toolbar .seg[aria-label="View"] a{padding:6px 8px;font-size:12px}
}
@container site (max-width:372px){ .bs .toolbar .stock-tog::before{display:none} }
/* A steak on a phone: its Cut and Price on one line each, its Herd facts side by side. Its other versions too ("tr.opt
   td" outranked "td[data-label]", so theirs stacked label, number, marks and value a line each). */
@container (max-width: 880px){
  .bs .sboard tr td[data-label]{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
  .bs .sboard td[data-label]::before{flex:0 0 40px}
  .bs .sboard td[data-label] .qt{margin-left:0}
  .bs .sboard .cut .v{flex:1 1 auto;gap:0 6px}
  .bs .sboard .herd .hls,.bs .sboard .herd .same{flex:1 1 100%}
  .bs .sboard .hls{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:3px 14px}
  .bs .sboard .hls>.hl:first-child{grid-column:1/-1}
  .bs .sboard .pr .lbw{margin-left:auto}
  .bs .sboard tr{gap:6px 8px}
}
/* Sellers: the compare picker in two rows. Tabs that wrap keep their rows close. Two sellers compared fit a phone's
   width (three still scroll sideways, the measures fixed at the left). A bundle's picture follows its price. A long
   fact chip wraps ("Grass-fed, grain-finished (assumed: …)" ran off a steak page). The methodology, the scoring canon
   and the aging guide go to one column like every other page (".split.side-300" outranked the phone rule, so on a
   phone their text ran in a column a word wide beside the sidebar). */
@container site (max-width:760px){
  .bs .split.side-300{grid-template-columns:minmax(0,1fr)}
  .bs .cmp-tbl th[scope=row]{min-width:0;width:92px}
  .bs .cmp-tbl td{min-width:108px}
  .bs .cmp-tbl .claim-ok{white-space:normal}
  .bs .mark{white-space:normal;max-width:100%}
  .bs .bundle-hero .art-panel{order:1;padding:14px 16px 10px}
  .bs .bundle-hero .art-panel svg{max-height:150px}
  .bs .cmp-pick .seg-label,.bs .m-hide{display:none}
  .bs .cmp-pick select{flex:1 1 40%;max-width:none;min-width:0}
  .bs .cmp-pick .btn{flex:none}
}
/* A seller page on a phone: its name beside its score, and its ranked ribeyes right under the tabs (they came after
   the score's workings, every statement read from its pages and the sidebar, near three screens down). The rest keeps
   the tabs' order. */
@container site (max-width:760px){
  .bs .co-page .coblock{grid-template-columns:minmax(0,1fr) auto;gap:6px var(--s3);padding:var(--s4)}
  .bs .co-page .coblock>.mono-mark{display:none}
  .bs .co-page .coblock>div:not(.co-score){display:contents}
  .bs .co-page .coblock .label{grid-area:1/1}
  .bs .co-page .coblock .h1{grid-area:2/1;font-size:26px;margin:0!important}
  .bs .co-page .coblock .co-score{grid-area:1/2/3/3;align-self:start}
  .bs .co-page .coblock .meta,.bs .co-page .coblock .marks{grid-column:1/-1;margin:0!important}
  .bs .co-page .score-lg{min-width:0;padding:8px 10px 7px}
  .bs .co-page .score-lg b{font-size:30px}
  .bs .co-page{display:flex;flex-direction:column;gap:var(--s6)}
  .bs .co-page>*,.bs .co-page>#overview>*>*{margin-top:0}
  .bs .co-page>#overview,.bs .co-page>#overview>*{display:contents}
  .bs .co-page>#ribeyes{order:1}
  .bs .co-page #how,.bs .co-page>#overview>aside>*{order:2}
  .bs .co-page>#prices{order:3}
  .bs .co-page>#overview>div>:not(#how){order:4}
  .bs .co-page>#bundles,.bs .co-page>#community,.bs .co-page>#community~*{order:5}
}
/* A sold-out steak: its badge, and its link greyed (review 2026-10-19). */
.bs .so-badge{margin:0;padding:8px 12px;border-radius:var(--r);background:var(--tomato-soft);color:var(--ink);font-size:14px}
.bs .so-badge b{color:var(--tomato-ink);text-transform:uppercase;letter-spacing:.04em}
.bs .btn.so-btn{color:var(--ink-3)}
/* Price ages: how it works, a short list instead of one paragraph (review 2026-10-21) */
.bs .pa-how{max-width:76ch;margin:-6px 0 0;padding-left:18px;display:grid;gap:3px}
.bs .qt-cut{--q:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15'%3E%3Csvg width='15' height='15' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M.9 10.3c-.1-3 2.3-5.5 5.5-5.7 2.9-.2 5.3 1.3 5.8 3.6.6 2.7-1.5 5.4-5 5.9-3.4.5-6.2-1.1-6.3-3.8z'/%3E%3Cpath d='M4 10c.2-1 1.4-1.6 2.6-1.4 1.1.2 1.8 1.1 1.5 2-.2 1-1.4 1.5-2.6 1.3-1.1-.2-1.7-1-1.5-1.9z'/%3E%3Cpath d='M11.2 6.5l2.3-3'/%3E%3Cpath d='M12.8 3.2c-.1-.8.6-1.6 1.4-1.4.5.1.8.5.8.9.5 0 .9.4.9.9 0 .8-.8 1.3-1.5 1'/%3E%3C/svg%3E%3C/svg%3E")}
.bs .qt-herd{--q:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15'%3E%3Csvg width='15' height='15' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5.2 5.2C3.6 5.1 2.3 4.1 1.8 2.6'/%3E%3Cpath d='M10.8 5.2c1.6-.1 2.9-1.1 3.4-2.6'/%3E%3Cpath d='M5.2 5.2c.8-.7 1.8-1 2.8-1s2 .3 2.8 1c.4 1.6.2 3.8-.5 5.6-.5 1.4-1.3 2.8-2.3 2.8s-1.8-1.4-2.3-2.8c-.7-1.8-.9-4-.5-5.6z'/%3E%3Cpath d='M5.3 6.4l-2.3.8'/%3E%3Cpath d='M10.7 6.4l2.3.8'/%3E%3Cpath d='M6.7 7.7h.01M9.3 7.7h.01M7.2 11.5h.01M8.8 11.5h.01'/%3E%3C/svg%3E%3C/svg%3E")}
.bs .qt-price{--q:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='15'%3E%3Csvg width='15' height='15' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 4.7c-.5-1.1-1.7-1.8-3.1-1.8-1.8 0-3.1 1-3.1 2.4 0 3.4 6.5 1.9 6.5 5.3 0 1.5-1.4 2.6-3.3 2.6-1.5 0-2.8-.8-3.3-2'/%3E%3Cpath d='M8 1.3v13.4'/%3E%3C/svg%3E%3C/svg%3E")}