.material-genre-shortcuts{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px;scroll-margin-top:110px}.material-genre-shortcuts[hidden]{display:none}.material-site .material-genre-shortcuts button{min-height:44px;padding:8px 14px;margin:0;font-size:11pt;flex:0 1 auto}.material-site .material-genre-shortcuts button[aria-pressed=true]{background:var(--cl-primary);color:var(--cl-surface);font-weight:700}
.material-common-materials{margin:12px 0 18px}.material-common-materials[hidden]{display:none}.material-common-materials h2{font-size:16px;margin:0 0 9px;color:var(--cl-ink)}.material-common-buttons{display:flex;flex-wrap:wrap;gap:8px}.material-site .material-common-buttons button{min-height:44px;margin:0;padding:8px 12px;font-size:11pt;color:var(--cl-primary);background:var(--cl-soft)}.material-property-guide{border-left:3px solid var(--cl-primary);padding:10px 14px;margin:14px 0;background:var(--cl-surface);color:var(--cl-ink)}.material-property-guide p{margin:7px 0}
.material-site .material-comparable-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}.material-comparable-row .material-row-disclosure{min-width:0;margin:0}.material-comparable-row .material-compare-toggle{margin:0;align-self:start}.material-row-numbers{display:flex;flex-wrap:wrap;gap:6px 20px;color:var(--cl-ink);font-size:11pt;font-weight:400;margin-top:7px}.material-row-heading{min-width:0}.material-row-numbers span{white-space:normal}.material-selection-bar{position:sticky;top:90px;z-index:8;display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:var(--cl-surface);border:1px solid var(--cl-line);border-radius:10px;padding:12px;margin:14px 0}.material-selection-bar[hidden]{display:none}.material-site .material-selection-bar button{margin:0;font-size:11pt}.material-site .material-selected-chip{background:var(--cl-soft);color:var(--cl-ink);border:1px solid var(--cl-line)}.material-condition-picker{padding:16px;background:var(--cl-soft);border:1px solid var(--cl-line);border-radius:10px;margin:18px 0}.material-condition-picker>h3{margin-top:0}.material-condition-picker select{width:100%;max-width:100%;display:block;min-height:44px;margin-top:8px}.material-condition-picker .material-reference-panel{padding:0;background:transparent;border:0;margin:16px 0 0}.material-row-subgroup{align-self:start}.material-site .material-card-grid{grid-template-columns:minmax(0,1fr)}.material-site .material-comparable-row summary{padding:0}.material-site #material-genre-back{background:var(--cl-soft);color:var(--cl-ink)}.material-comparison{scroll-margin-top:180px}
@media(max-width:620px){.material-site .material-comparable-row{gap:8px;padding:14px}.material-selection-bar{position:static}.material-site .material-browse-actions>button{width:auto;flex:1 1 160px}.material-row-subgroup{display:none}.material-comparable-row .material-compare-toggle{max-width:86px;min-height:44px}.material-condition-picker{padding:12px}.material-selection-bar button{max-width:100%;overflow-wrap:anywhere}}

.material-site #material-genre-shortcuts{height:auto;overflow:visible;min-height:0;max-height:none;align-items:center;align-content:start;overscroll-behavior:auto;scrollbar-gutter:auto}.material-site .material-selection-bar{position:static}.material-site .material-result-card.material-reference-result{padding:22px 24px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.material-site .material-result-card.material-reference-result h2,.material-site .material-result-card.material-reference-result p{margin:0}.material-site .material-reference-result button{margin:2px 0 0}.material-site .material-comparable-row{padding:16px 18px;gap:14px}.material-site .material-comparable-row>.material-row-disclosure{background:transparent;border:0}.material-site .material-comparable-row .material-row-preview{padding:14px 0 0}.material-site .material-comparable-row .material-compare-toggle{min-height:44px;padding:8px 12px}.material-site .material-browse-actions{row-gap:10px}.material-site .material-selection-bar{margin:14px 0 20px}.material-site .material-condition-picker .material-reference-panel{margin-top:18px}.material-condition-picker label{display:block}.material-site .material-property-guide{line-height:1.85}@media(max-width:620px){.material-site .material-result-card.material-reference-result{padding:20px}.material-site .material-comparable-row{padding:14px;gap:10px}.material-site .material-common-materials h2{font-size:16px}.material-site .material-genre-shortcuts button{padding:8px 12px}}

.material-site #material-comparison{padding:16px 20px}.material-site .material-comparison-disclosure{background:transparent;border:0;padding:0;margin:0}.material-site .material-comparison-disclosure>summary{min-height:44px;cursor:pointer;font-weight:700}.material-site .material-comparison-content{padding-top:14px}.material-site .material-comparison-content>h2{margin-bottom:12px}.material-site .material-comparison-content p{line-height:1.8}