.mat-head{padding-block:calc(var(--sec) * .72) var(--sec)}.mat-head h1{text-wrap:pretty;max-inline-size:20ch;margin-block:14px 24px}.mat-head .lede{max-inline-size:70ch;line-height:1.95}.mat-stocks{gap:12px;display:grid}.mat-stock{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));align-items:start;gap:18px 26px;padding:24px 26px;display:grid}.mat-stock-id{align-items:center;gap:16px;display:flex}.mat-swatch{aspect-ratio:auto;border-radius:var(--r-sm);background:var(--bg);flex:none;block-size:76px;inline-size:76px;padding:8px;font-size:10.5px;font-weight:700;line-height:1.5;overflow:hidden}.mat-stock-name{color:var(--tx);min-inline-size:0;font-size:19px;font-weight:800;line-height:1.5}.mat-label{color:var(--mut);margin-block-end:6px;font-size:12.5px;font-weight:700;display:block}.mat-val{color:var(--tx2);overflow-wrap:anywhere;font-size:14.5px;line-height:1.7}.mat-gsm{font-size:14px}.mat-h2{margin-block-end:12px}.mat-lede{max-inline-size:62ch;margin-block-end:34px}.mat-compare{--min:280px}.mat-compare .card{padding:30px 28px}.mat-cmp-name{color:var(--ac2);margin-block-end:14px;font-size:22px;font-weight:800;line-height:1.4}.mat-cmp-body{color:var(--tx2);margin-block-end:18px;line-height:1.9}.mat-cmp-tags .chip{background:var(--wash);padding-block:7px;padding-inline:14px;font-size:13px}.mat-finishes-h2{margin-block-end:30px}