*{box-sizing:border-box}body{margin:0;color:#202722;background:#f8f8f3;font-family:Arial,"Apple SD Gothic Neo",sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button{cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;border-bottom:1px solid #d7dcd1;background:#fff}.wordmark{font-size:22px;font-weight:800;text-decoration:none;letter-spacing:-1px}.wordmark span{font-size:13px;font-weight:400;letter-spacing:0;margin-left:10px}main{max-width:1500px;margin:auto;padding:0 5vw}.intro{padding:60px 0 35px}.kicker{font-size:11px;letter-spacing:3px}.intro h1{font-size:clamp(38px,5vw,66px);line-height:1.15;letter-spacing:-3px;margin:20px 0}.intro>p{color:#4a574c}.stats{display:flex;gap:40px;margin-top:35px;border-top:1px solid #d7dcd1;padding-top:24px}.stats strong{display:block;font-size:27px;font-weight:600}.stats span{font-size:12px;color:#576358}.workspace{display:grid;grid-template-columns:210px 1fr;gap:40px;margin-top:25px}aside{align-self:start;background:#edf0e7;padding:20px}aside h2{font-size:17px;margin:0 0 20px}form{display:grid;gap:14px}form label{display:grid;gap:5px;font-size:12px;font-weight:600}input[type=search],select{width:100%;min-width:0;background:#fff;border:1px solid #bfc7b8;border-radius:0;padding:10px;color:#263429}form .check{display:flex;align-items:center;gap:7px}input[type=checkbox]{width:16px;height:16px;accent-color:#345438}button{border:1px solid #aab5a2;border-radius:0;padding:10px 15px;background:transparent;color:#263429}button:hover{background:#e3e9dc}.list-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.list-heading>p{font-size:14px;font-weight:700}.list-heading label{display:flex;align-items:center;gap:8px;font-size:12px;white-space:nowrap}.list-heading select{width:auto}.scope-note{font-size:12px;color:#53604e;margin:0 0 20px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px}.catalog-card{border-bottom:1px solid #cdd5c5;padding-bottom:20px;min-width:0}.catalog-art{height:180px;background:#e9ede4;display:flex;align-items:center;justify-content:center;position:relative}.catalog-art svg{width:170px;height:170px}.catalog-art .type-label{position:absolute;bottom:9px;left:11px;font-size:10px;color:#59644e}.catalog-card .brand{font-size:11px;margin:15px 0 5px;color:#53604e}.catalog-card h3{font-size:15px;line-height:1.5;margin:0 0 9px;word-break:keep-all;overflow-wrap:anywhere}.catalog-card .price{font-size:21px;font-weight:700;letter-spacing:-.5px;margin:5px 0}.catalog-card .meta{font-size:11px;color:#53604e}.catalog-card button{border:0;border-bottom:1px solid #74856b;padding:4px 0;font-size:12px;font-weight:600}.catalog-card .flag{font-size:10px;background:#e6ebdf;padding:3px 7px;display:inline-block}.catalog-card .flag.pending{background:#f0e6da;color:#715331}#more{display:block;margin:32px auto;min-width:220px;background:#263f29;color:#fff}#more[hidden]{display:none}.method{border-top:1px solid #cdd5c5;margin-top:50px;padding:30px 0;max-width:820px}.method h2{font-size:21px}.method p{font-size:13px;color:#52614d}footer{border-top:1px solid #d7dcd1;padding:25px 5vw;font-size:12px}dialog{border:0;max-width:760px;width:90vw;max-height:85vh;padding:30px;background:#fff;color:#223026}dialog::backdrop{background:#1c261dc9}#close{display:block;margin-left:auto}.detail-grid{display:grid;grid-template-columns:110px 1fr;gap:10px;border-bottom:1px solid #e0e5da;padding:15px 0;font-size:13px}.detail-grid dt{font-weight:700}.detail-grid dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.detail-body h2{font-size:25px}dialog details{font-size:12px;margin:20px 0}dialog details pre{white-space:pre-wrap;font:inherit}dialog a{display:inline-block;margin-top:20px}.skip{position:absolute;top:-80px}.skip:focus{top:8px;background:white;z-index:10;padding:8px}@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace{gap:24px}}@media(max-width:650px){header{padding:18px 5vw;gap:12px}header>a:last-child{font-size:11px}.wordmark{font-size:18px}.wordmark span{display:block;font-size:10px;margin:0}.intro{padding-top:35px}.intro h1{letter-spacing:-2px}.intro>p{font-size:14px}.stats{gap:24px}.stats strong{font-size:24px}.workspace{grid-template-columns:1fr;gap:18px}form{grid-template-columns:1fr 1fr;gap:12px}form label:first-child{grid-column:1/-1}aside{padding:16px}.catalog-grid{gap:20px 12px}.catalog-art{height:145px}.catalog-art svg{height:135px}.catalog-card h3{font-size:13px}.catalog-card .price{font-size:18px}.list-heading{align-items:start}.detail-grid{grid-template-columns:1fr;gap:5px}dialog{padding:20px}.catalog-card .flag{font-size:9px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Photo-led product browsing: details stay available without repeating every caveat. */
.catalog-art{height:auto;aspect-ratio:3/4;background:#f0f0ed}.catalog-art>.product-visual{height:100%}.catalog-card .product-material{margin:8px 0;min-height:38px}.catalog-card .meta{margin:7px 0}.catalog-card button{min-height:44px}.intro{padding:38px 0 24px}.intro h1{font-size:clamp(32px,4vw,52px)}.stats{margin-top:25px;padding-top:16px}.method summary{cursor:pointer;font-weight:600;padding:10px 0}.filter-panel>summary{font-size:16px;font-weight:650;cursor:pointer;padding:0 0 18px}.filter-panel>summary span{display:none}.filter-panel:not([open])>summary{padding-bottom:0}.workspace aside{position:sticky;top:20px}.catalog-card .price{margin-top:8px}.catalog-grid{row-gap:30px}#material-primer .material-basics{margin:10px 0 25px}
@media(max-width:650px){.workspace aside{position:static}.filter-panel>summary span{display:inline;margin-left:15px;font-size:11px;font-weight:400}.catalog-art{height:auto}.intro{padding:26px 0 10px}.intro h1{font-size:36px}.stats{margin-top:20px}.catalog-card .product-material{min-height:34px}.catalog-card .meta{font-size:10px}.catalog-card button{font-size:11px}.method{margin-top:30px}}
@media(max-width:650px){.intro .kicker{display:none}.intro h1{font-size:28px;margin:10px 0 14px;letter-spacing:-1.5px}.intro>p{font-size:13px;margin-bottom:14px}.stats{padding-top:10px;margin-top:14px}.stats strong{font-size:22px}.intro{padding-top:20px}.scope-note{font-size:10px}.workspace{margin-top:15px}.catalog-card h3{font-size:12px}}

.catalog-breakdown{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.catalog-breakdown button{padding:10px 15px;border:1px solid #c5cbc6;border-radius:4px;background:transparent;color:inherit;font:inherit;cursor:pointer}.catalog-breakdown button:hover{background:#e1e6df}.catalog-breakdown strong{margin-left:8px;font-variant-numeric:tabular-nums}
