:root {
  --paper:#fbf8ef;
  --white:#fff;
  --ink:#1b3334;
  --muted:#4e615b;
  --teal:#155c55;
  --deep:#114640;
  --rust:#964323;
  --border:#d8d6ca;
  --tint:#eaf1e9;
  --heading:Georgia,serif;
  color:var(--ink);
  background:var(--paper);
  font:16px/1.5 system-ui,sans-serif;
}
*, *::before, *::after {box-sizing:border-box}
body {margin:0}
[hidden] {display:none!important}
img {display:block;max-width:100%;height:auto}
a {color:var(--deep);text-underline-offset:.18em}
button, input, select {font:inherit}
button, summary {cursor:pointer}
button {color:inherit}
:where(a, button, summary, input, select):focus-visible {outline:3px solid var(--rust);outline-offset:3px}
h1,h2,h3,h4,p {margin:0}
h1,h2,h3,h4 {line-height:1.2;overflow-wrap:anywhere}
h1,h2 {font-family:var(--heading);font-weight:600}
h1 {font-size:clamp(1.85rem,3.7vw,3.35rem);letter-spacing:-.025em}
h2 {font-size:clamp(1.35rem,2.4vw,2rem)}
h3 {font-size:1rem}
p,li,dd,dt {overflow-wrap:anywhere}
.skip {position:absolute;top:8px;left:8px;transform:translateY(-150%);background:var(--white);padding:10px;z-index:6}
.skip:focus {transform:none}
.visually-hidden {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.eyebrow {font-size:.75rem;letter-spacing:.105em;text-transform:uppercase;color:var(--rust);font-weight:750;margin-bottom:.4rem}
.text-link {font-weight:700}
.site-header {background:var(--ink);color:var(--white)}
.site-header a {color:var(--white)}
.site-header :focus-visible {outline-color:#f2ab79}
.head-inner, main, footer {width:min(calc(100% - 48px),1260px);margin-inline:auto}
.head-inner {padding:12px 0 14px}
.head-row,.search-row,.section-heading,.home-intro,.results-toolbar,.footer-top {display:flex;align-items:center;justify-content:space-between;gap:18px}
.search-row {margin-top:11px}
.wordmark {display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;font:600 1.6rem var(--heading)}
.wordmark strong {color:#f3bc94}
.tools,.top-nav {display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;font-size:.87rem}
.tools a,.top-nav a {text-decoration:none}
.tools a:hover,.top-nav a:hover {text-decoration:underline}
.tools a span {display:inline-block;min-width:1.3em;text-align:center;background:#315353;border-radius:7px;padding-inline:4px;font-size:.8em}
.site-search {display:flex;min-width:0;flex:1;max-width:690px}
.site-search input {width:100%;min-width:0;border:1px solid transparent;border-radius:8px 0 0 8px;padding:9px 13px;color:var(--ink)}
.site-search button {border:0;border-radius:0 8px 8px 0;background:#f2ab79;color:#2c2019;padding:8px 18px;font-weight:750}
.header-departments {position:relative}
.header-departments div {position:absolute;top:calc(100% + 10px);right:0;z-index:5;background:var(--ink);border:1px solid #6f817a;border-radius:9px;padding:9px;width:min(260px,70vw);box-shadow:0 10px 25px #142d2e44}
.header-departments div a {display:block;padding:7px}
.preview-banner {text-align:center;background:#f8e7d7;color:#643319;padding:5px 12px;font-size:.8rem}
main {min-height:54vh;padding-bottom:42px}
.home-intro {align-items:end;padding:16px 0 12px}
.station-grid {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:20px}
.station-grid a {min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 11px;border:1px solid #c9d5ca;background:var(--tint);padding:9px 12px;border-radius:8px;text-decoration:none}
.station-grid a:hover {border-color:var(--teal);background:#e0ebe1}
.station-grid a strong {font-size:1.08rem}
.station-grid a>span:last-child {grid-column:2;color:var(--muted);font-size:.78rem}
.station-index {font-size:.74rem;color:var(--rust);font-weight:750;font-variant-numeric:tabular-nums}
.section-heading {margin-bottom:10px;align-items:baseline}
.section-heading>span {color:var(--muted);font-size:.85rem}
.featured-section,.department-section,.guide-section,.related-section {margin-block:18px 28px}
.product-grid {display:grid;gap:13px}
.featured-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
.wide-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
.supply-card {min-width:0;display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);border-radius:11px}
.supply-photo {position:relative;background:var(--white);border-bottom:1px solid #ecebe2;border-radius:11px 11px 0 0}
.supply-photo img {width:100%;height:142px;object-fit:contain;padding:5px}
.featured-grid .supply-photo img {height:147px}
.favorite {display:inline-grid;place-items:center;min-width:40px;min-height:40px;border:1px solid var(--border);background:var(--white);border-radius:9px;color:var(--teal);font-size:1.25rem}
.supply-photo>.favorite {position:absolute;right:8px;top:8px}
.favorite[aria-pressed=true] {background:var(--tint)}
.supply-copy,.card-buy {padding:9px 12px 11px}
.supply-copy {flex:1}
.product-brand {color:var(--muted);font-size:.73rem;letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px}
.supply-copy h3 a,.comparison-item h2 a,.cart-item h2 a {color:var(--ink)}
.pack-line {color:var(--muted);font-size:.79rem;margin-top:5px}
.supply-summary {font-size:.84rem;margin-top:5px}
.featured-grid .supply-summary {display:none}
.compare-choice,.remove-choice {border:1px solid var(--border);border-radius:7px;background:var(--paper);padding:5px 8px;font-size:.82rem}
.supply-copy .compare-choice {margin-top:8px}
.card-buy {border-top:1px solid #ecebe2}
.product-price {display:grid;justify-items:start;min-width:0;gap:3px;margin-bottom:8px}
.price-amount {font-size:1.22rem;line-height:1.15;font-variant-numeric:tabular-nums}
.price-observed {font-size:.74rem;color:var(--muted);max-width:100%;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.price-info {max-width:100%;font-size:.75rem}
.price-info summary {min-height:24px;color:var(--deep);padding:2px 3px;margin:0 -3px 2px}
.price-info[open] summary {margin-bottom:7px}
.price-info p {padding:8px;background:var(--tint);border-radius:6px}
.add-cart,.button {display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid var(--teal);border-radius:7px;background:var(--teal);color:#fff;padding:8px 13px;text-decoration:none;font-weight:750;line-height:1.2;min-height:41px}
.add-cart:hover,.button:hover {background:var(--deep)}
.merchant-note {display:block;font-size:.75rem;color:var(--muted);margin-top:6px}
.setup-chooser {display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:14px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:18px 0}
.setup-chooser a {min-width:0;display:grid;gap:4px;padding:12px;border-radius:8px;background:var(--tint)}
.setup-chooser span {font-size:.8rem}
.department-grid,.guide-grid,.example-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.department-grid a,.guide-card,.example-grid article {padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--white)}
.guide-card {text-decoration:none}
.guide-card p,.example-grid p {margin:6px 0;color:var(--muted);font-size:.9rem}
.guide-card span {text-decoration:underline;font-size:.85rem}
.breadcrumb {display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;font-size:.87rem}
.page-heading,.product-title {padding:22px 0 16px}
.page-heading p:not(.eyebrow),.product-title p:not(.eyebrow) {margin-top:7px;color:var(--muted);max-width:75ch}
.category-jumps {display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;font-weight:700;font-size:.9rem}
.filter-toolbar {border:1px solid var(--border);background:var(--tint);border-radius:8px;padding:10px 12px}
.filter-toolbar summary {font-weight:750}
.filter-toolbar form {display:grid;grid-template-columns:minmax(160px,1.5fr) repeat(4,minmax(100px,1fr)) auto;align-items:end;gap:10px;margin-top:9px}
.filter-toolbar label {display:grid;gap:3px;min-width:0;font-size:.85rem}
.filter-toolbar input,.filter-toolbar select,.results-toolbar select,.quantity-label input {border:1px solid #abb7aa;border-radius:6px;background:#fff;color:var(--ink);padding:5px 8px;min-width:0;width:100%}
.reset-filters {border:1px solid #abb7aa;border-radius:6px;background:#fff;padding:5px 10px}
.results-toolbar {margin:12px 0;font-size:.88rem}
.results-toolbar label {display:flex;align-items:center;gap:7px;white-space:nowrap}
.results-toolbar select {width:auto;max-width:185px}
.empty-state {padding:20px;border:1px solid var(--border);border-radius:8px;margin-block:12px;background:var(--white)}
.empty-state>*+* {margin-top:7px}
.detail-layout {display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:start;gap:24px}
.detail-visual,.purchase-panel {margin:0;border:1px solid var(--border);border-radius:10px;background:var(--white);padding:16px;min-width:0}
.detail-visual img {width:100%;height:clamp(240px,34vw,460px);object-fit:contain}
.detail-visual figcaption {font-size:.82rem;color:var(--muted);margin-top:6px}
.detail-price .price-amount {font-size:1.75rem}
.purchase-panel .add-cart {min-width:min(100%,205px)}
.selection-actions {display:flex;align-items:center;gap:8px;margin:12px 0}
.purchase-facts {border-top:1px solid var(--border);padding-top:12px}
.purchase-facts h2 {font-size:1.18rem}
.purchase-facts ul {margin-block:6px;padding-left:19px}
.detail-reading {display:grid;grid-template-columns:180px minmax(0,1fr);align-items:start;gap:25px;margin-top:24px}
.product-section-nav {position:sticky;top:12px;display:grid;gap:8px;background:var(--tint);padding:13px;border-radius:8px;font-size:.88rem}
.knowledge-section,.reading-page {border:1px solid var(--border);border-radius:10px;background:var(--white);padding:clamp(13px,2.5vw,26px);margin-bottom:13px}
.knowledge-section h2,.reading-page h1 {margin-bottom:9px}
.knowledge-section h3 {margin:10px 0 4px}
.knowledge-section p+p,.reading-page p+p {margin-top:8px}
.category-reading {margin-top:24px}
.category-reading h3 {margin-top:14px}
.example-grid {margin-top:8px}
.example-grid article {background:var(--paper);min-width:0}
.editorial-faq {display:grid;gap:7px}
.editorial-faq details {border:1px solid var(--border);border-radius:6px;padding:8px 11px}
.editorial-faq summary {font-weight:700}
.editorial-faq p {margin-top:7px}
.spec-list {margin:0}
.spec-list>div {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px;border-top:1px solid var(--border);padding:8px 0}
.spec-list dt {font-weight:700}
.spec-list dd {margin:0}
.spec-list ul,.guide-links {margin:0;padding-left:20px}
.guide-links li+li {margin-top:8px}
.guide-links p {color:var(--muted);font-size:.88rem}
.reading-page {margin-top:20px;max-width:850px}
.reading-page section {margin-top:16px}
.reading-page h2 {font-size:1.38rem;margin-bottom:5px}
.guide-connections {max-width:950px}
.cart-layout {display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:15px;align-items:start}
.cart-role h2 {margin-bottom:8px}
.cart-role+.cart-role {margin-top:16px}
.cart-item,.cart-summary,.comparison-item {background:var(--white);border:1px solid var(--border);border-radius:9px;padding:12px;margin-bottom:8px;min-width:0}
.cart-item {display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:start;gap:12px}
.cart-item h2,.comparison-item h2,.cart-summary h2 {font-size:1.12rem;margin-bottom:8px}
.cart-picture img {height:75px;width:100%;object-fit:contain}
.cart-purchase small {display:block;margin-top:5px;color:var(--muted)}
.cart-summary p {margin:6px 0}
.quantity-label {display:flex;gap:8px;align-items:center;font-size:.85rem;margin:8px 0}
.quantity-label input {width:65px}
.comparison-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.comparison-item img {width:100%;height:130px;object-fit:contain}
.comparison-item h3 {margin-top:9px}
.comparison-item ul {padding-left:18px}
.comparison-pack dd {margin-left:0}
.comparison-pack dt {font-weight:700}
.research-note {color:var(--muted);font-size:.82rem}
footer {border-top:1px solid var(--border);padding-block:18px 32px;font-size:.88rem}
.footer-top {align-items:start;margin-bottom:13px}
.footer-brand {font:700 1.35rem var(--heading)}
.footer-top nav {display:flex;flex-wrap:wrap;gap:8px 14px}
footer small {display:block;margin-top:5px;color:var(--muted)}
.compare-tray {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:8px;color:#fff;font-size:.84rem}
.compare-tray a {color:#fff;font-weight:700}
.mobile-buy {display:none}
@media(max-width:1000px){
  .wide-grid,.comparison-grid {grid-template-columns:repeat(3,minmax(0,1fr))}
  .filter-toolbar form {grid-template-columns:repeat(3,minmax(0,1fr))}
  .station-grid a {padding:8px;gap:2px 7px}
}
@media(max-width:760px){
  .head-inner,main,footer {width:calc(100% - 26px)}
  .head-row {gap:7px;flex-wrap:wrap}
  .wordmark {font-size:1.35rem}
  .wordmark img {width:32px;height:32px}
  .tools,.top-nav {gap:7px 12px;font-size:.81rem}
  .search-row {display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
  .site-search {width:100%}
  .header-departments div {right:auto;left:0}
  .home-intro {align-items:start;gap:6px;flex-direction:column}
  .station-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:12px}
  .station-grid a {padding:6px 7px;gap:0 6px}
  .station-grid a strong {font-size:.94rem}
  .station-grid a>span:last-child {font-size:.72rem}
  .station-index {font-size:.63rem}
  .featured-grid,.wide-grid,.comparison-grid,.department-grid,.guide-grid,.example-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .section-heading {gap:8px}
  .section-heading>span {font-size:.74rem}
  .setup-chooser {grid-template-columns:repeat(2,minmax(0,1fr))}
  .setup-chooser h2 {grid-column:1/-1}
  .detail-layout,.detail-reading,.cart-layout {grid-template-columns:minmax(0,1fr);gap:12px}
  .detail-visual,.purchase-panel {padding:12px}
  .detail-visual img {height:clamp(175px,52vw,370px)}
  .product-section-nav {position:static;display:flex;flex-wrap:wrap;align-items:center;gap:7px 12px}
  .product-section-nav strong {width:100%}
  .mobile-buy {display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;padding:7px 9px;background:var(--tint);border:1px solid var(--border);border-radius:8px;font-size:.84rem}
  .cart-item {grid-template-columns:65px minmax(0,1fr)}
  .cart-purchase {grid-column:2}
  .footer-top {flex-wrap:wrap}
}
@media(max-width:480px){
  .wide-grid,.featured-grid,.comparison-grid {grid-template-columns:minmax(0,1fr)}
  .supply-card {display:grid;grid-template-columns:minmax(82px,.75fr) minmax(0,1.25fr)}
  .supply-photo {grid-row:1/3;border-bottom:0;border-right:1px solid #ecebe2;border-radius:11px 0 0 11px}
  .supply-photo img,.featured-grid .supply-photo img {height:105px;margin-top:33px}
  .supply-copy,.card-buy {padding:8px}
  .supply-summary {display:none}
  .filter-toolbar form {grid-template-columns:repeat(2,minmax(0,1fr))}
  .guide-grid,.example-grid {grid-template-columns:minmax(0,1fr)}
  .results-toolbar select {max-width:146px}
}
