:root{--green:#193c32;--paper:#f4f1e9;--sage:#b8c9bc;--muted:#52675b;--ink:#17291f;--line:#d5ddd3;--white:#fff;--warn:#7e4828}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','Malgun Gothic',sans-serif;font-size:16px;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}a{color:inherit;text-underline-offset:4px}button,input,summary{font:inherit}button,a,input,summary{touch-action:manipulation}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #977321;outline-offset:4px}button{color:var(--green)}[hidden]{display:none!important}.skip{position:absolute;top:-100px;left:16px;background:white;padding:12px;z-index:3}.skip:focus{top:8px}
.brandbar{max-width:940px;padding:20px 32px;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:12px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:19px;font-weight:800;letter-spacing:-.6px;min-height:48px}.brand svg{flex-shrink:0}.brand-sub{font-size:12px;font-weight:500;color:var(--muted);border-left:1px solid #b6c2b7;padding-left:10px;margin-left:3px}.channel{font-size:13px;min-height:48px;display:flex;align-items:center;white-space:nowrap}main{max-width:820px;padding:0 32px;margin:auto}.intro{padding:32px 0 22px}.promise{margin:0 0 9px;color:var(--muted);font-size:13px;letter-spacing:.3px}h1{margin:0;font-size:34px;line-height:1.35;font-weight:800;letter-spacing:-1.5px}.intro-copy{margin:12px 0 21px;color:var(--muted);font-size:14px}.quick-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quick-product{position:relative;display:flex;flex-direction:column;border:1px solid #b3c2b6;border-radius:12px;padding:5px;background:#fff;text-align:left;overflow:hidden}.quick-product[aria-pressed=true]{border:2px solid var(--green);padding:4px;box-shadow:0 0 0 2px #dbe4d8}.quick-product:hover{background:#e8ede5}.quick-product img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#e6e9df;border-radius:7px;display:block}.quick-label{display:flex;gap:10px;align-items:center;width:100%;padding:10px 9px 9px}.quick-label strong{font-size:29px;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-1px}.quick-copy{display:flex;flex-direction:column;min-width:0}.quick-copy b{font-size:15px;font-weight:750;line-height:1.4}.quick-copy small{font-size:12px;color:var(--muted);margin-top:3px}.quick-status{margin-left:auto;font-size:12px;font-weight:700;white-space:nowrap}.quick-product[aria-pressed=false] .quick-status{color:var(--muted)}.image-fallback{display:grid;place-items:center;aspect-ratio:16/9;width:100%;background:#e6e9df;color:var(--green);font-size:16px;border-radius:7px}
.disclosure{padding:12px 14px;background:#e6ece3;border-radius:7px;font-size:12px;color:var(--green);line-height:1.65}.disclosure strong{font-size:12px;margin-right:6px}.preview{margin:10px 0 0;color:var(--warn);font-size:12px}.results{padding-top:23px;scroll-margin-top:14px}.resultbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}h2{font-size:15px;letter-spacing:-.4px;margin:0}.result-actions{display:flex;align-items:center;gap:12px}#count{font-size:12px;color:var(--muted);margin:0}#show-all{background:transparent;border:0;text-decoration:underline;text-underline-offset:4px;font-size:13px;min-height:48px;padding:0 5px}
.product{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:16px;scroll-margin-top:14px}.product-top{display:flex;gap:10px;align-items:center;margin-bottom:10px}.number{background:var(--green);color:white;border-radius:5px;padding:3px 9px;font-size:14px;font-weight:750;font-variant-numeric:tabular-nums}.state{font-size:12px;color:var(--muted)}.state[data-state=validation],.state[data-state=review],.state[data-state=issue],.state[data-state=ended],.state[data-state=out_of_stock]{color:var(--warn);font-weight:700}.product h3{font-size:25px;letter-spacing:-1px;line-height:1.4;margin:0 0 7px}.use-case{font-size:15px;margin:0 0 18px;color:var(--muted)}.specs{display:grid;grid-template-columns:48px 1fr;gap:4px 10px;margin:0 0 18px;font-size:13px;padding:12px 14px;background:#f4f6f1;border-radius:8px}.specs dt{color:var(--muted)}.specs dd{margin:0}.checks-heading{font-size:13px;font-weight:750;margin:0 0 7px}.checks{padding-left:18px;font-size:14px;margin:0 0 14px;line-height:1.65}.checks li+li{margin-top:5px}.notice{font-size:13px;color:var(--warn);margin:0 0 14px;line-height:1.6}.buy{display:flex;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:13px 15px;background:var(--green);color:#fff;text-align:center;border-radius:8px;text-decoration:none;font-size:15px;font-weight:750}.buy:hover{background:#285444}.buy:after{content:'↗';font-size:18px}.buy-note{font-size:12px;color:var(--muted);margin:8px 0 0}.checked{font-size:11px;color:var(--muted);margin:12px 0 0}.empty{text-align:center;padding:30px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}.empty h3{font-size:18px;margin-top:0}.empty p{font-size:14px}.empty button,.more{min-height:48px;border:1px solid var(--green);border-radius:7px;padding:10px 18px;background:transparent}.more{width:100%;margin-bottom:16px}
.catalog-search{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:12px}.catalog-search summary,.credits summary{font-size:14px;min-height:48px;padding:14px 0;font-weight:650}.catalog-search[open]{padding-bottom:18px}.search-row{display:flex;border:1px solid #8ca291;border-radius:7px;overflow:hidden;background:#fff}.search-row input{min-width:0;width:100%;padding:13px 12px;border:0;background:transparent;font-size:16px}.search-row input:focus-visible{outline-offset:-4px}.search-row button{background:var(--green);color:#fff;border:0;padding:0 20px;white-space:nowrap;font-size:14px}label{display:block;font-size:13px;margin:0 0 7px}.categories{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.categories button{border:1px solid #8ca291;border-radius:24px;background:transparent;font-size:13px;min-height:48px;padding:8px 14px}.categories button[aria-pressed=true]{background:var(--green);color:#fff}.help{padding:24px 0 8px}.help h2{font-size:14px}.help p{font-size:13px;color:var(--muted);margin:8px 0}.help strong{font-weight:650}footer{max-width:940px;border-top:1px solid var(--line);margin:28px auto 0;padding:24px 32px 36px;font-size:12px;color:var(--muted)}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand strong{font-size:15px;color:var(--green)}footer p{margin:10px 0;max-width:740px}.credits{margin-top:12px}.credits summary{font-size:12px}.credits p{font-size:12px}
@media(min-width:700px){.quick-product{flex-direction:row;align-items:center}.quick-product img,.quick-product .image-fallback{width:112px;flex-shrink:0;aspect-ratio:1/1;object-fit:cover}.quick-label{gap:8px}.quick-label strong{font-size:24px}.quick-status{display:none}.intro{padding-top:38px}.product{padding:26px 30px}}
@media(max-width:600px){.brandbar{padding:10px 18px}.brand{font-size:17px;gap:7px}.brand-sub{font-size:11px;padding-left:8px;margin-left:0}.brand svg{width:24px}.channel{font-size:12px}main{padding:0 18px}.intro{padding:24px 0 18px}h1{font-size:28px;letter-spacing:-1.1px}.intro-copy{font-size:13px;margin:10px 0 17px}.quick-products{gap:9px}.quick-label{gap:7px;padding:10px 5px}.quick-label strong{font-size:25px}.quick-copy b{font-size:13px}.quick-copy small{font-size:11px}.quick-status{font-size:10px}.product{padding:18px}.product h3{font-size:21px}.use-case{font-size:14px;margin-bottom:14px}.specs{padding:10px 12px;font-size:12px;margin-bottom:14px}.checks{font-size:13px}.buy{font-size:14px}.results{padding-top:16px}footer{padding:22px 18px 32px}}
@media(max-width:350px){.brand-sub,.quick-status{display:none}.quick-label{gap:6px}.quick-label strong{font-size:23px}.quick-copy b{font-size:12px}h1{font-size:25px}.product{padding:16px}.product h3{font-size:20px}.buy{padding:12px 8px;font-size:13px}.result-actions{gap:6px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Intrinsic HTML height must not stretch thumbnails when the card gets narrower. */
.quick-product img{height:auto;min-height:0;flex-shrink:0}.quick-label strong{flex-shrink:0;white-space:nowrap}.quick-status{display:none}
@media(min-width:700px){.quick-product img{width:112px;height:63px;aspect-ratio:16/9;object-fit:contain}.quick-product .image-fallback{width:112px;height:63px;aspect-ratio:16/9}.quick-label{padding:10px 7px}.quick-copy b{font-size:14px}}