/* Small cut-face studies open into a roomy comparison, keeping the making readable. */
.texture-options{display:flex;gap:8px 18px;flex-wrap:wrap;margin:19px 0 18px}
.texture-options button{font-size:11px;line-height:1.5;padding:6px 0;border-bottom:1px solid transparent;color:var(--muted)}
.texture-options button[aria-pressed=true]{border-color:var(--ink);color:var(--ink)}
.texture-inline-reading{display:flow-root}
.texture-inline-art{float:left;width:116px;margin:3px 15px 9px 0}
.texture-grain{display:block;width:100%;height:auto;aspect-ratio:2;overflow:visible}
.texture-inline-art span{display:block;font-size:8px;line-height:1.5;color:var(--muted);margin:5px 3px 0}
.texture-inline-reading p{font-size:12px;line-height:1.8;margin:0 0 12px}
.texture-inline-reading .texture-preference{clear:both;font:italic 17px/1.45 var(--serif);color:var(--ink);margin:17px 0}
.texture-expand{font-size:11px;line-height:1.7;text-align:left}
.panel:has(.texture-guide){width:min(1060px,96vw)}
.texture-guide>h2{margin:14px 0 22px;font-size:54px;max-width:690px}
.texture-guide>.lead{max-width:740px;font-size:21px}
.texture-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:33px 0 11px}
.texture-card{text-align:left;padding:14px 10px 12px;background:#e8e3d54d;border:1px solid #c7c5b5;transition:background .15s,border-color .15s}
.texture-card[aria-pressed=true]{background:#e0e5d6;border:2px solid #546848;padding:13px 9px 11px}
.texture-card-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font:20px/1.2 var(--serif);margin:0 3px 10px}
.texture-card-label>i{font-size:14px;color:#778266}
.texture-card-state{display:block;flex-basis:100%;font:9px/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.texture-card-note{display:block;font:11px/1.6 var(--sans);margin:9px 3px 0;color:var(--muted)}
.texture-guide .texture-drawing-note{font-size:10px;line-height:1.7;max-width:710px;color:var(--muted);margin:10px 0 34px}
.texture-selected{padding:25px 0 30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.texture-selected>h3{margin:12px 0 15px;font-size:35px}
.texture-selected>p:not(.small-label){max-width:710px}
.texture-reasons,.texture-bind-comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px 36px;margin:10px 0 20px}
.texture-reasons h4,.texture-bind-comparison h4{font:italic 23px/1.3 var(--serif);margin:10px 0}
.texture-method{margin:17px 0 12px}
.texture-guide summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;list-style:none;padding:11px 0;font-size:12px}
.texture-guide summary::-webkit-details-marker{display:none}
.texture-guide summary>span{flex:none;transition:transform .2s}
.texture-guide details[open]>summary>span{transform:rotate(45deg)}
.texture-citations{display:flex;flex-wrap:wrap;gap:5px 20px;margin:10px 0}
.texture-guide .texture-citations a{font-size:10px;line-height:1.7}
.texture-density{padding-top:40px}
.texture-density>.small-label{font-size:9px;letter-spacing:.13em}
.texture-density>h3{font-size:38px;margin:16px 0 24px}
.texture-density>p{max-width:735px}
.texture-bind-comparison{background:#e7e7dc;margin:24px 0 28px;padding:18px 25px;gap:30px}
.texture-factors>details{padding:8px 0;border-top:1px solid var(--line)}
.texture-factors>details>summary{font:22px/1.4 var(--serif)}
.texture-factors>details>p{max-width:740px}
.texture-guide .texture-family-note{border-left:2px solid #8a9976;padding-left:20px;margin:27px 0;font:italic 19px/1.65 var(--serif)}
.texture-evidence{border-top:1px solid var(--line);margin-top:30px}
.texture-evidence>p{max-width:740px}
.texture-options button:focus-visible,.texture-card:focus-visible,.texture-guide summary:focus-visible{outline:2px solid #52684b;outline-offset:4px}
@media(max-width:800px){.texture-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.texture-card-label{font-size:22px}.texture-grain{max-height:115px}.texture-inline-art .texture-grain{max-height:none}}
@media(max-width:600px){.panel:has(.texture-guide){width:100vw}.texture-guide>h2{font-size:43px}.texture-guide>.lead{font-size:20px}.texture-cards{margin-top:25px;gap:10px}.texture-card{padding:11px 8px}.texture-card[aria-pressed=true]{padding:10px 7px}.texture-card-label{font-size:19px}.texture-card-note{font-size:10px}.texture-reasons,.texture-bind-comparison{grid-template-columns:1fr;gap:5px}.texture-bind-comparison{padding:17px 20px}.texture-selected>h3{font-size:31px}.texture-density>h3{font-size:33px}.texture-guide .texture-family-note{font-size:18px}}
@media print{.texture-cards{display:grid!important}.texture-card{display:block!important}.texture-grain{print-color-adjust:exact}.texture-card-state{display:none}.texture-selected,.texture-bind-comparison{break-inside:avoid}}