/* cssbuylinks.com - sorting bench. Hand-written for this site. */
:root{
  --paper:#f7f5ee; --card:#fffdf7; --ink:#1a2a20; --mut:#5a655c;
  --pine:#0e3b26;  --leaf:#6cbc2a; --linkg:#1d6032;
  --line:#d8d4c6; --amber:#8a5a12;
  --ok-bg:#e4f0dd; --ok-fg:#2d5e2e; --ex-bg:#fdf0d7; --ex-fg:#7a4f0e;
  --dead-bg:#f6e2dc; --dead-fg:#8f3322; --dup-bg:#e8e6f4; --dup-fg:#4a3e82;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);
  font:400 17px/1.65 "Segoe UI",system-ui,-apple-system,Arial,sans-serif}
h1,h2,h3,.statchip,.wordmark,nav.mastnav{font-family:"Space Grotesk","Segoe UI",system-ui,sans-serif}
a{color:var(--linkg);text-underline-offset:3px}
a:focus-visible{outline:3px solid var(--leaf);outline-offset:2px}
img{max-width:100%;display:block}
.deskwrap{max-width:1140px;margin:0 auto;padding:0 20px}

/* masthead */
header.masthead{background:var(--pine);color:#eef3ea}
.mastbar{display:flex;align-items:center;gap:18px;min-height:64px}
.brandmark{display:flex;align-items:center;gap:10px;flex:1 1 auto;min-width:0;
  color:#eef3ea;text-decoration:none;padding:10px 0}
.brandmark img{width:96px;height:26px}
.wordmark{font-weight:700;font-size:15px;letter-spacing:.02em;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}
nav.mastnav{display:flex;gap:4px;flex-wrap:nowrap}
nav.mastnav a{color:#dde8d9;text-decoration:none;font-weight:500;font-size:15px;
  padding:12px 10px;border-radius:8px;min-height:44px;min-width:44px;justify-content:center;
  display:inline-flex;align-items:center}
nav.mastnav a:hover{background:#1b4a32;color:#fff}
nav.mastnav a[aria-current=page]{background:#1b4a32;color:#fff}

/* hero */
.hero{background:linear-gradient(170deg,var(--pine) 74%,#0b2e1e);color:#eef3ea;
  padding:40px 0 34px}
.hero h1{font-size:clamp(27px,4.2vw,42px);line-height:1.14;margin:0 0 14px;max-width:21ch}
.hero .lede{font-size:18px;line-height:1.55;max-width:62ch;margin:0 0 22px;color:#cfe0c8}
form.heroform{display:flex;gap:0;max-width:720px;width:100%;background:#fff;
  border-radius:12px;padding:6px;border:2px solid #0a2418}
form.heroform input[type=search]{flex:1 1 auto;min-width:0;border:0;background:transparent;
  font-size:17px;padding:10px 14px;color:var(--ink)}
form.heroform input[type=search]:focus{outline:2px solid var(--leaf);border-radius:8px}
form.heroform button{border:0;background:var(--pine);color:#fff;font-weight:600;
  font-size:16px;padding:10px 22px;border-radius:9px;cursor:pointer;min-height:44px}
form.heroform button:hover{background:#155233}
.heroform-note{font-size:13.5px;color:#a9c3a0;margin:10px 2px 0}
.chipband{background:#efece1;border-bottom:1.5px solid var(--line)}
.chipband .chipline{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:12px 0;list-style:none}
.chipband .chipline a{display:inline-flex;align-items:center;min-height:44px;padding:3px 16px;
  border:1.5px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;
  font-size:14.5px;background:var(--card)}
.chipband .chipline a:hover{border-color:var(--linkg);color:var(--linkg)}

/* section scaffolding */
main{display:block}
section.deskband{padding:44px 0 10px}
section.deskband.tint{background:#efece1;padding-bottom:40px;margin-top:34px}
.rowhead{margin:0 0 6px}
.rowhead .eyebrow{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--amber);font-weight:600;margin-bottom:6px}
.rowhead h2{font-size:clamp(22px,3vw,30px);line-height:1.2;margin:0}
.rowlede{color:var(--mut);max-width:70ch;margin:10px 0 24px}

/* bench rows: text + figure, stretch-aligned */
.benchrow{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:30px;
  align-items:stretch;margin:26px 0 8px}
.benchrow.figside{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.benchtext>:first-child{margin-top:0}
.benchtext h3{font-size:19px;margin:18px 0 6px}
.benchfig{margin:0;display:flex;flex-direction:column}
.benchfig .shotframe{flex:1 1 auto;min-height:0;border:1.5px solid var(--line);
  border-radius:12px;overflow:hidden;background:#fff}
.benchfig img{width:100%;height:100%;object-fit:cover}
.benchfig.loosefit{align-self:start}
.benchfig.loosefit .shotframe{flex:0 0 auto}
.benchfig.loosefit img{height:auto;object-fit:initial;width:auto;max-width:100%;margin:0 auto}
.benchfig figcaption{font-size:13.5px;color:var(--mut);padding:9px 2px 0;line-height:1.5}

/* conveyor: full-width official band */
figure.conveyor{margin:26px 0 8px}
figure.conveyor .shotframe{border:1.5px solid var(--line);border-radius:12px;
  overflow:hidden;background:#fff}
figure.conveyor img{width:100%;height:auto}
figure.conveyor.loosefit img{width:auto;max-width:100%;margin:0 auto}
figure.conveyor figcaption{font-size:13.5px;color:var(--mut);padding:9px 2px 0}

/* category wall */
.shelfwall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:26px 0 8px}
.shelfcard{background:var(--card);border:1.5px solid var(--line);border-radius:12px;
  overflow:hidden;display:flex;flex-direction:column}
.shelfcard a.shelfgo{display:flex;flex-direction:column;color:inherit;text-decoration:none;flex:1}
.shelfcard img{width:100%;aspect-ratio:1/1;object-fit:cover}
.shelfmeta{padding:10px 12px 12px;display:flex;flex-direction:column;gap:5px;flex:1}
.shelfmeta b{font-size:15.5px}
.shelfdest{align-self:flex-start;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;
  padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--mut)}
.shelfcard a.shelfgo:hover b{color:var(--linkg);text-decoration:underline}

/* chips + notes */
.statchip{display:inline-block;font-size:13px;font-weight:600;padding:3px 10px;
  border-radius:999px;border:1.5px solid}
.statchip.sok{background:var(--ok-bg);color:var(--ok-fg);border-color:var(--ok-fg)}
.statchip.sex{background:var(--ex-bg);color:var(--ex-fg);border-color:var(--ex-fg)}
.statchip.sdead{background:var(--dead-bg);color:var(--dead-fg);border-color:var(--dead-fg)}
.statchip.sdup{background:var(--dup-bg);color:var(--dup-fg);border-color:var(--dup-fg)}
.notecard{background:var(--card);border:1.5px solid var(--line);border-left:5px solid var(--amber);
  border-radius:10px;padding:14px 18px;margin:18px 0;font-size:15.5px}
.notecard.calm{border-left-color:var(--ok-fg)}
table.plaintab{border-collapse:collapse;width:100%;margin:18px 0;font-size:15.5px}
table.plaintab th,table.plaintab td{border:1px solid var(--line);padding:9px 12px;text-align:left;
  vertical-align:top}
table.plaintab th{background:#efece1;font-weight:600}
ul.tightlist{margin:12px 0;padding-left:22px}
ul.tightlist li{margin:7px 0}
ol.steps{margin:12px 0;padding-left:24px}
ol.steps li{margin:9px 0}

/* ledger tool */
.ledgerbox{background:var(--card);border:2px solid var(--pine);border-radius:14px;
  padding:22px;margin:26px 0}
.ledgerbox textarea{width:100%;min-height:150px;border:1.5px solid var(--line);border-radius:10px;
  font:14px/1.6 Consolas,ui-monospace,monospace;padding:12px;color:var(--ink);background:#fff}
.ledgerbox textarea:focus{outline:3px solid var(--leaf)}
.ledgerctl{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0 4px}
.ledgerctl button{border:1.5px solid var(--pine);background:var(--pine);color:#fff;
  font-weight:600;font-size:15px;padding:10px 20px;border-radius:10px;cursor:pointer;min-height:44px}
.ledgerctl button.ghostbtn{background:transparent;color:var(--pine)}
.ledgerctl button:hover{background:#155233;color:#fff}
.ledgerout{margin-top:14px}
.ledgergroup{border:1.5px solid var(--line);border-radius:10px;margin:12px 0;overflow:hidden}
.ledgergroup>h4{margin:0;padding:9px 14px;background:#efece1;font-size:14.5px}
.ledgerline{display:flex;gap:12px;align-items:flex-start;padding:10px 14px;border-top:1px solid var(--line);
  font-size:14px;flex-wrap:wrap}
.ledgerline code{font:13px/1.5 Consolas,ui-monospace,monospace;word-break:break-all;flex:1 1 300px;min-width:0}
.ledgerline .whybit{color:var(--mut);flex-basis:100%;font-size:13px}
.ledgersum{font-size:15px;margin:10px 0 0}
.ledgersum b{font-weight:700}

/* next steps + footer */
.nextsteps{border-top:1.5px solid var(--line);margin-top:36px;padding:20px 0 4px}
.nextsteps p{margin:6px 0}
footer.sitefoot{background:var(--pine);color:#c9d8c2;margin-top:56px;padding:34px 0 40px;font-size:15px}
footer.sitefoot a{color:#e4efdd}
footer.sitefoot nav{display:flex;flex-wrap:wrap;gap:4px 18px;margin:12px 0}
footer.sitefoot nav a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;text-decoration:none}
footer.sitefoot nav a:hover{text-decoration:underline}
.footcta{margin:14px 0 0;font-size:15.5px}
.footcta a{display:inline-flex;align-items:center;min-height:44px;color:#fff;font-weight:600}
.footrule{border-top:1px solid #2c5a40;margin:18px 0}
.footsmall{font-size:13.5px;color:#a9c3a0;max-width:88ch}

/* breadcrumbs */
.crumbtrail{font-size:13.5px;color:var(--mut);padding:16px 0 0}
.crumbtrail a{color:var(--mut);display:inline-block;padding:13px 6px;margin:-13px -2px}
.notecard a{display:inline-block;padding:11px 2px;margin:-11px 0}

/* faq */
.faqslab{border:1.5px solid var(--line);border-radius:12px;background:var(--card);margin:14px 0}
.faqslab h3{margin:0;padding:14px 18px;font-size:16.5px;border-bottom:1px solid var(--line)}
.faqslab div{padding:12px 18px 16px;font-size:15.5px}

/* responsive */
@media (max-width:980px){
  .shelfwall{grid-template-columns:repeat(3,minmax(0,1fr))}
  nav.mastnav a{padding:12px 7px;font-size:14px}
}
@media (max-width:760px){
  .mastbar{flex-wrap:wrap;padding-bottom:6px}
  nav.mastnav{flex-wrap:wrap}
  .benchrow,.benchrow.figside{grid-template-columns:1fr}
  .benchfig{order:2}
  .benchfig img{height:auto;object-fit:initial}
  .shelfwall{grid-template-columns:repeat(2,minmax(0,1fr))}
  form.heroform{flex-direction:column;gap:8px}
  form.heroform button{width:100%}
}
@media (max-width:420px){
  .shelfwall{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  body{font-size:16px}
}
@media (prefers-color-scheme:dark){
  :root{--paper:#121a14;--card:#1a241c;--ink:#e6ece2;--mut:#a8b4a6;
    --line:#32402f;--linkg:#8fce62;--amber:#d9a84e;
    --ok-bg:#1d3320;--ok-fg:#a9d99a;--ex-bg:#3a2f14;--ex-fg:#e5c27a;
    --dead-bg:#3b2019;--dead-fg:#e8a28f;--dup-bg:#272342;--dup-fg:#bcb3ef}
  section.deskband.tint{background:#18211a}
  .chipband{background:#18211a}
  table.plaintab th{background:#1f2b20}
  .ledgergroup>h4{background:#1f2b20}
  form.heroform{background:#1a241c;border-color:#000}
  form.heroform input[type=search]{color:#e6ece2}
  .shelfdest{color:#a8b4a6}
}