/* Price guide, item pages, fee calculator and developer landing pages on the Price Ruler page.
   Loads after site.css and page.css. Data sits on paper sheets; tools sit in ruled regions on the dark page. */
.btn-key{background:var(--accent);color:var(--accent-ink)}
.btn-key:hover{background:var(--accent-2)}
.btn-deep{background:#121212;color:var(--accent)}
.btn-deep:hover{background:#000}

/* lookup: the same ruled measure bar as the homepage */
.lookup{display:flex;gap:0;margin-top:24px;max-width:36rem;background:rgba(18,18,18,.68);border:1px solid var(--chalk);border-radius:0;padding:0;transition:outline-color .2s}
.lookup:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.lookup input{flex:1;min-width:0;background:transparent;border:0;color:var(--chalk);font:400 .98rem/1.3 var(--mono);padding:12px 14px;outline:none;caret-color:var(--accent)}
.lookup input::placeholder{color:var(--chalk-3)}
.lookup .btn{padding:0 22px;min-height:52px}
/* the same bar when it sits on a paper sheet */
.sheet .lookup{background:#fff;border-color:var(--ink)}
.sheet .lookup:focus-within{outline-color:var(--ink)}
.sheet .lookup input{color:var(--ink);caret-color:var(--ink)}
.sheet .lookup input::placeholder{color:#6B665D}

/* the answer: one enormous median */
.answer .big{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin:22px 0 0;max-width:none}
.answer .big strong{font:500 clamp(4.4rem,12vw,9rem)/.86 var(--display);letter-spacing:-.055em;color:var(--chalk);font-variant-numeric:tabular-nums}
.answer .big span{font:500 .84rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--chalk-2)}
.strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:clamp(16px,3vw,40px);margin:30px 0 0;border-top:1px solid var(--chalk)}
.strip div{padding:14px 0 16px;border-bottom:1px solid var(--mat-line-2)}
.strip dt{font:500 .78rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--chalk-2)}
.strip dd{margin:8px 0 0;font:500 1.6rem/1 var(--display);letter-spacing:-.02em;color:var(--chalk);font-variant-numeric:tabular-nums}
.answer .conds{max-width:44rem;margin-top:26px}
.answer .conds caption{font:500 .78rem/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--chalk-2);margin-bottom:6px}
.answer .conds th,.answer .conds td{border-top-color:var(--mat-line-2)}
.answer .conds th{color:var(--chalk);font-size:.95rem}
.answer .conds td{color:var(--chalk-2)}
.answer .conds .conds-m{color:var(--chalk);font-size:1rem}
.answer .note{font-size:.95rem;margin-top:16px;max-width:44rem}
.answer .note strong{color:var(--chalk);text-transform:capitalize}

/* recent sales on a white spec sheet + tools beside it */
.price-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:start;padding-bottom:clamp(48px,7vw,88px)}
.paper{background:var(--sheet);color:var(--ink)}
.receipt{padding:24px 24px 22px;font:400 .9rem/1.5 var(--body)}
.r-head{padding-bottom:14px;border-bottom:1px solid var(--ink)}
.r-store{font:500 1.45rem/1.1 var(--display);letter-spacing:-.025em}
.r-sub{font:400 .80rem/1.4 var(--mono);color:var(--ink-2);margin-top:6px}
.r-cut{border:0;border-top:1px solid var(--rule);margin:12px 0}
.r-items{list-style:none;margin:0;padding:0}
.r-item{display:grid;grid-template-columns:28px minmax(0,1fr) auto;column-gap:10px;padding:9px 0;border-bottom:1px solid var(--rule)}
.r-item:last-child{border-bottom:0}
.r-n{font:400 .80rem/1.6 var(--mono);color:var(--ink-2)}
.r-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}
.r-title a{text-decoration:none;color:inherit}
.r-title a:hover{text-decoration:underline}
.r-meta{grid-column:2/4;color:var(--ink-2);font-size:.84rem}
.r-price{font:500 .92rem/1.5 var(--mono);text-align:right;font-variant-numeric:tabular-nums}
.r-foot{color:var(--ink-2);font:400 .80rem/1.5 var(--mono);margin:8px 0 0}
aside{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;min-width:0}
.well{border-top:1px solid var(--chalk);padding:18px 0 4px}
.well h2,.related h2,.devs h2,.how h2,.group h2{font:500 1.35rem/1.15 var(--display);letter-spacing:-.02em;margin:0 0 10px;text-transform:none}
.well p{color:var(--chalk-2);margin:0 0 10px;font-size:.95rem}
.tag{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.tag label{font-weight:500;color:var(--chalk-2);font-size:.92rem}
.cost-field{display:inline-flex;align-items:center;gap:4px;background:rgba(18,18,18,.68);border:1px solid var(--chalk);border-radius:0;padding:0 12px;font:400 .98rem/1 var(--mono);color:var(--chalk);transition:outline-color .2s}
.cost-field:focus-within{outline:2px solid var(--accent);outline-offset:2px}
.cost-field input{width:84px;background:transparent;border:0;color:var(--chalk);font:inherit;padding:11px 0;outline:none;caret-color:var(--accent)}
.cost-field input::placeholder{color:var(--chalk-3)}
.verdict{margin:14px 0 0;color:var(--chalk-2);min-height:1.5em}
.verdict strong{font:700 1.15rem/1 var(--display);letter-spacing:.04em;text-transform:uppercase;color:var(--chalk);margin-right:8px}
.well pre{margin:0 0 10px;padding:12px 0;border-top:1px dashed var(--mat-line-2);border-bottom:1px dashed var(--mat-line-2);overflow-x:auto;overflow-y:hidden;max-height:none;
  font:400 .82rem/1.65 var(--mono);color:var(--chalk)}
.well a,.related a,.devs a:not(.btn){color:var(--chalk);font-weight:600}
.well code,.devs code{font:400 .86em/1 var(--mono);background:rgba(242,240,235,.1);padding:.2em .42em;border-radius:0;overflow-wrap:anywhere}
.related{border-top:1px solid var(--mat-line-2);padding-top:18px}
.related ul,.group ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.related li a,.group li a{display:inline-block;font:400 .74rem/1 var(--mono);letter-spacing:.02em;text-decoration:none;color:var(--chalk);background:rgba(18,18,18,.55);border:1px solid rgba(242,240,235,.4);border-radius:0;padding:10px 12px;transition:background-color .2s,color .2s,border-color .2s}
.related li a:hover,.group li a:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.related .lookup{margin-top:0}
.how{border-top:1px solid var(--mat-line-2);padding:32px 0 64px;max-width:52rem}
.how p{color:var(--chalk-2)}
.how h2+h3,.how h3{font:600 1.05rem/1.35 var(--body);color:var(--chalk);margin:22px 0 4px}
.how p+h2{margin-top:36px}

/* index: a count line and a labelled lookup on the mat, then the whole guide on one sheet:
   a filter bar, a brand grid, and each category as a columned list */
.head .tally{font:400 .9rem/1.5 var(--mono);color:var(--chalk-2);margin:18px 0 0;font-variant-numeric:tabular-nums}
.head .tally b{font-weight:500;color:var(--chalk)}
.head .lookup-label{font:500 .76rem/1.25 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--chalk-2);margin:30px 0 0}
.head .lookup-label+.lookup{margin-top:10px}
.sheet.guide{max-width:none;margin-bottom:56px;padding-top:clamp(24px,4vw,48px)}
.sheet.guide [hidden]{display:none!important}
.guide-top{margin-bottom:14px}
.guide-top h2{margin:0 0 8px}
.guide-top p{margin:0;color:var(--ink-2)}
.guide-label{display:block;font:500 .76rem/1.25 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:10px 0 0}
.guide-bar{position:sticky;top:0;z-index:2;background:var(--sheet);margin:0;padding:10px 0 10px;border-bottom:1px solid var(--ink)}
.guide-filter input{width:100%;max-width:30rem;min-width:0;background:#fff;color:var(--ink);border:1px solid var(--ink);border-radius:0;padding:11px 12px;font:500 1rem/1.35 var(--body);caret-color:var(--ink)}
.guide-filter input::placeholder{color:#6B665D;font-style:italic;font-weight:400}
.guide-filter input:focus{outline:2px solid var(--ink);outline-offset:1px}
.guide-filter input::-webkit-search-cancel-button{filter:grayscale(1)}
.sheet .guide-status{font:400 .8rem/1.4 var(--mono);color:var(--ink-2);margin:8px 0 0;font-variant-numeric:tabular-nums}
.sheet .guide-status:empty{margin:0}
.guide-jump{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;padding-bottom:2px;font:400 .8rem/1.4 var(--mono)}
.sheet .guide-jump a{flex:none;font-weight:400;color:var(--ink-2);text-decoration:none;white-space:nowrap}
.sheet .guide-jump a:hover{color:var(--ink);text-decoration:underline}
@media (pointer:coarse){.guide-jump{row-gap:0}.sheet .guide-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0}}
.sheet .guide-empty{margin:24px 0 0;color:var(--ink)}
.sheet.guide .gsec{margin:0;padding:34px 0 0;border:0;scroll-margin-top:120px}
.sheet.guide .gsec h2{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font:500 1.35rem/1.15 var(--display);letter-spacing:-.02em;
  margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--rule)}
.gsec .gn{font:400 .8rem/1 var(--mono);letter-spacing:0;color:var(--ink-2);font-variant-numeric:tabular-nums;white-space:nowrap}
/* the brand grid and the item lists: ruled rows, not tiles. Name left, count right, a paper rule under each row. */
.sheet .bgrid,.sheet .icols{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);column-gap:clamp(20px,3vw,36px)}
.sheet .icols{grid-template-columns:repeat(2,minmax(0,1fr))}
.sheet .bgrid li,.sheet .icols li{margin:0;max-width:none;min-width:0;border-bottom:1px solid var(--rule)}
.sheet a.bchip,.sheet .icols a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 0;
  font:500 .95rem/1.25 var(--body);color:var(--ink);text-decoration:none}
.sheet .icols a{font-weight:500}
.bchip .bn{min-width:0;overflow-wrap:anywhere}
.bchip .bc{flex:none;font:400 .8rem/1 var(--mono);color:var(--ink-2);font-variant-numeric:tabular-nums}
.sheet a.bchip:hover .bn,.sheet .icols a:hover{text-decoration:underline;text-underline-offset:3px}
.bchip:hover .bc{color:var(--ink)}
@media (hover:hover) and (pointer:fine){.sheet a.bchip,.sheet .icols a{min-height:38px;padding:7px 0}}
@container (min-width:340px){.sheet .bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container (min-width:760px){.sheet .bgrid,.sheet .icols{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (min-width:960px){.sheet .bgrid,.sheet .icols{grid-template-columns:repeat(4,minmax(0,1fr))}}
.devs{padding:8px 0 80px;max-width:44rem}
.devs p{color:var(--chalk-2)}
.devs .btn{margin:6px 8px 0 0}

/* fee calculator */
.calc-forms{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;min-width:0}
.calc-form{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 16px}
.calc-form label{font-weight:500;color:var(--chalk-2);font-size:.95rem}
.calc-form label em{display:block;font:400 .8rem/1.3 var(--body);font-style:normal;color:var(--chalk-3)}
.calc-form label.main{grid-column:1/-1;color:var(--chalk)}
.calc-form .cost-field{justify-self:start}
.calc-form .cost-field input{width:120px}
.calc-form .cost-field.main{grid-column:1/-1;justify-self:stretch;font:500 2.1rem/1 var(--display);padding:0 16px;margin-bottom:6px}
.calc-form .cost-field.main input{width:100%;padding:12px 0}
.calc-answer{margin:16px 0 0;color:var(--chalk-2);min-height:1.5em}
.calc-answer strong{font:600 1.7rem/1 var(--display);letter-spacing:-.02em;color:var(--chalk)}
.calc .receipt{position:sticky;top:96px}
.calc-lines{margin:0}
.calc-lines div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--rule)}
.calc-lines div:last-child{border-bottom:0}
.calc-lines dt{font-size:.92rem}
.calc-lines dd{margin:0;font:500 .95rem/1.4 var(--mono);font-variant-numeric:tabular-nums}
.calc-lines .sum{font-weight:600}
.calc-lines.total dt{font:600 1.5rem/1 var(--display);letter-spacing:-.02em}
.calc-lines.total dd{font:600 2.4rem/1 var(--display);letter-spacing:-.04em}
.calc-lines.total.loss dt,.calc-lines.total.loss dd{color:var(--pass)}
.sheet.fees{margin-bottom:56px}
.fee-table{width:100%;max-width:36rem;border-collapse:collapse;font:400 .9rem/1.4 var(--mono);margin:8px 0 6px;font-variant-numeric:tabular-nums}
.fee-table th{text-align:right;font-weight:500;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding:0 0 10px;border-bottom:1px solid var(--ink)}
.fee-table td{text-align:right;padding:9px 0;border-bottom:1px solid var(--rule)}
.fee-table th:first-child,.fee-table td:first-child{text-align:left}
.fee-table td:last-child{font-weight:500}
/* Wide comparison tables scroll inside their own box on phones instead of being cut off by the sheet. */
.table-scroll{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.table-scroll:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.fee-table.compare th+th,.fee-table.compare td+td{padding-left:12px}
@media (max-width:480px){.fee-table.compare{font-size:.8rem}.fee-table.compare th{font-size:.68rem;letter-spacing:.05em}}
.guide-bar{box-shadow:0 8px 0 var(--sheet)}
.fee-table td+td,.fee-table th+th{padding-left:22px}

/* developer landing pages */
.head .cta{margin-top:26px}
.head .cta .btn{margin:0 8px 8px 0}
.head .cta-note{font-size:.95rem;margin-top:4px}
.sheet.landing{margin-bottom:64px}
.layout .sheet.landing{margin-bottom:0}
.sheet.landing .fee-table{max-width:none;display:block;overflow-x:auto;overflow-y:hidden}
.sheet.landing .compare td,.sheet.landing .compare th{text-align:left;padding-right:14px;vertical-align:top;font-family:var(--body)}
.sheet.landing .compare td:first-child{color:var(--ink-2)}
.sheet.landing .compare td:nth-child(2){font-weight:600}
.sheet.landing .compare td:last-child{font-weight:400}
.sheet.landing .fine{font-size:.85rem;color:var(--ink-2)}
.sheet.landing .acc-table{max-width:30rem}
.sheet.landing .acc-table td:last-child{white-space:nowrap}

@media (max-width:880px){
  .price-layout{grid-template-columns:minmax(0,1fr)}
  .strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calc .receipt{position:static}
  .calc .calc-forms{display:contents}
  .calc .receipt{order:2}
  .calc-forms .well{order:3}
  .calc-forms .well:first-child{order:1}
}
@media (max-width:560px){
  .receipt{padding-left:16px;padding-right:16px}
}
@media (max-width:420px){.calc-form{grid-template-columns:minmax(0,1fr);gap:6px}.calc-form .cost-field{margin-bottom:8px}}
.well .fine{font-size:.85rem;color:var(--chalk-2)}
.strip dd.sub{margin-top:6px;font:500 .78rem/1.3 var(--mono);letter-spacing:.02em;color:var(--chalk-2);text-transform:none}
.brand-table th[scope=row]{font-weight:500;text-align:left}
.brand-table th[scope=row] a{color:var(--ink)}
.brand-table .num{font-variant-numeric:tabular-nums;white-space:nowrap}
.sheet.landing .brands ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 18px}
@media (max-width:640px){.brand-table thead th:nth-child(3),.brand-table td:nth-child(3),.brand-table thead th:nth-child(6),.brand-table td:nth-child(6){display:none}}

/* "Price my list": the request form on /thrift-store-pricing (white sheet) and the one-line prompt on price and brand pages */
.listreq-wrap{scroll-margin-top:24px}
.listreq{display:grid;gap:14px;max-width:36rem;margin-top:14px}
.lr-row label{display:block;font:500 .78rem/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}
.lr-req,.lr-opt{text-transform:none;letter-spacing:0;font-style:italic}
.lr-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.listreq input,.listreq select,.listreq textarea{width:100%;min-width:0;background:#fff;color:var(--ink);border:1px solid var(--ink);border-radius:0;padding:11px 12px;font:500 1rem/1.35 var(--body)}
.listreq textarea{font:400 .9rem/1.45 var(--mono);resize:vertical;min-height:7.5rem}
.listreq input:focus,.listreq select:focus,.listreq textarea:focus{outline:2px solid var(--ink);outline-offset:1px}
.listreq .btn{justify-self:start}
.sheet.landing .lr-hint{font-size:.85rem;color:var(--ink-2);margin:6px 0 0}
.lr-msg{margin:0;font-size:.95rem;line-height:1.45;min-height:1.4em}
.lr-msg:empty{display:none}
.lr-ok{color:var(--buy);font-weight:600}
.lr-err{color:var(--pass);font-weight:500}
.listmini p{margin:0}
.listmini .btn{margin:6px 0 0 10px}
.sheet a.btn-deep{color:var(--accent)}
.well.listmini a.btn{color:var(--mat-ink)}
.well.listmini{margin-top:8px}
@media (max-width:560px){.lr-two{grid-template-columns:1fr}.listmini .btn{margin:10px 0 0;display:flex}}

/* worth pages: the plain-English answer on the mat, the brand's numbers on a sheet. Brand pages share .xlinks */
.head .worth-lead{color:var(--chalk);font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.55;max-width:42rem}
.head .xlinks{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:1rem;margin-top:20px}
.head .xlinks a{color:var(--chalk);font-weight:600}
.worth .strip dd{overflow-wrap:anywhere}
.sheet.landing .worth-table{max-width:40rem}
.worth-table th[scope=row]{font:500 .92rem/1.35 var(--body);letter-spacing:0;text-transform:none;padding:9px 12px 9px 0}
.worth-table tbody th,.worth-table tbody td{vertical-align:baseline}
@media (max-width:640px){.worth-table thead th:nth-child(3),.worth-table td:nth-child(3){display:table-cell}}

/* category pricing guides: brand table and the guide link lists (guides, /price, worth pages) */
.sheet.landing .guide-table{max-width:44rem}
.guide-table th,.guide-table td{text-align:left;vertical-align:top}
.guide-table th+td,.guide-table td+td,.guide-table th+th{padding-left:16px}
.guide-table th[scope=row]{font:500 .95rem/1.35 var(--body);letter-spacing:0;text-transform:none;padding:9px 0;border-bottom:1px solid var(--rule)}
.guide-table th[scope=row] a{color:var(--ink)}
.guide-table td{font-variant-numeric:tabular-nums}
.guide-table td:nth-child(2){white-space:nowrap}
.guide-table td:nth-child(3) a{font-family:var(--body);font-weight:500}
.guide-table td:last-child{font-weight:400}
.guide-table .gd{display:block;font-size:.85rem;color:var(--ink-2)}
.guide-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.sheet .guide-links{padding-left:0}
.devs .guide-links a{color:var(--chalk);font-weight:600}
.sheet.landing p code,.sheet.landing li code{white-space:normal;overflow-wrap:anywhere}
@media (max-width:640px){
  .guide-table th+td,.guide-table td+td,.guide-table th+th{padding-left:8px}
  .guide-table th[scope=row]{font-size:.88rem}
  .guide-table td{font-size:.84rem}
  .guide-table .gd{font-size:.76rem}
}

/* breadcrumbs above the item headline */
.crumbs{margin:0 0 14px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:0 8px;list-style:none;margin:0;padding:0;font:500 .8rem/1.4 var(--mono);color:var(--chalk-3)}
.crumbs li+li::before{content:"›";margin-right:8px;color:var(--chalk-3)}
.crumbs a{display:inline-block;padding:4px 0;color:var(--chalk-2);text-decoration:none}
.crumbs a:hover,.crumbs a:focus-visible{color:var(--chalk);text-decoration:underline}
.crumbs li[aria-current="page"]{padding:4px 0;color:var(--chalk-2)}

/* "Try your own item": the keyless lookup near the top of /donation-value and /thrift-store-pricing (white sheet) */
.head .proof{font-size:.95rem;margin-top:14px;color:var(--chalk-3)}
.tryit{max-width:36rem}
.tryit>p{margin:0 0 4px}
.try-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;align-items:end;margin-top:14px}
.try-form .try-item{grid-column:1/-1}
.try-form label{display:block;font:500 .78rem/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);margin-bottom:6px}
.try-form input,.try-form select{width:100%;min-width:0;min-height:44px;background:#fff;color:var(--ink);border:1px solid var(--ink);border-radius:0;padding:10px 12px;font:500 1rem/1.35 var(--body)}
.try-form input:focus-visible,.try-form select:focus-visible,.try-form .btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.try-form .btn{min-height:44px}
.try-result{margin-top:16px}
.try-result:empty{display:none}
.try-result .try-msg{margin:0;font-size:1rem;line-height:1.5}
.try-result .try-err{color:var(--pass);font-weight:500}
.try-result .try-label{font:500 .78rem/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);margin:0}
.try-result .try-label+.try-sales,.try-result * + .try-label{margin-top:16px}
.try-result .try-price{font:500 clamp(2.2rem,8vw,3rem)/1 var(--display);letter-spacing:-.03em;font-feature-settings:"tnum" 1;margin:4px 0 6px}
.try-result .try-note{margin:0 0 6px;font-size:.95rem;line-height:1.5;color:var(--ink-2)}
.try-result .try-note.try-warn{color:var(--maybe);font-weight:500;margin-bottom:14px}
.sheet .try-sales,.try-sales{list-style:none;margin:10px 0 0;padding:0;border-top:1px solid var(--rule)}
.try-sales li{display:flex;justify-content:space-between;align-items:flex-start;gap:6px 14px;padding:4px 0;border-bottom:1px solid var(--rule)}
.try-sales li>div{min-width:0}
.try-sales a{display:inline-block;padding:10px 0 2px;color:var(--ink);overflow-wrap:anywhere}
.try-sales .try-meta{display:block;font-size:.85rem;color:var(--ink-2);padding-bottom:8px}
.try-sales b{font-variant-numeric:tabular-nums;padding-top:12px;white-space:nowrap}
.try-next{margin:14px 0 0}
.try-next[hidden]{display:none}
.try-next p{margin:0}
.try-next a{display:inline-block;min-height:44px;padding:10px 0;margin-right:18px;font-weight:600}
@media (max-width:560px){
  .try-form{grid-template-columns:minmax(0,1fr)}
  .try-form .btn{width:100%}
}