/* An explanatory textile sketch, intentionally independent of configuration state. */
.material-layers{--material-ink:#26332b;--material-muted:#626b61;--material-line:#d4d8ce;max-width:var(--content-width,1600px);margin:64px auto 0;padding-top:48px;border-top:1px solid var(--material-line);color:var(--material-ink);scroll-margin-top:110px}
.material-layers,.material-layers *{box-sizing:border-box;min-width:0}
.hl-studio .material-layers :is(p,span,button,strong,h3,h4,h5,dt,dd,summary,figcaption,a){overflow-wrap:break-word;word-break:normal}
.material-layers-heading{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:clamp(28px,5vw,72px);margin-bottom:32px;align-items:start}
.material-layers-heading h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:1.12;letter-spacing:-.03em;margin:0}
.hl-studio .material-layers-heading p:not(.eyebrow){font-size:.9375rem;line-height:1.75;max-width:48em;margin:0 0 14px}
.material-layers-layout{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:clamp(28px,5vw,72px);align-items:start}
.material-layers-visual figure{margin:0;padding:20px;background:#eef0e8;border:1px solid var(--material-line);border-radius:3px}
.material-layer-sketch{display:block;width:100%;max-width:440px;height:auto;margin-inline:auto;overflow:visible}
.material-layer-sketch .material-slab-top{fill:#ccd4c6;stroke:#899982;stroke-width:1.25;stroke-linejoin:round}
.material-layer-sketch .material-slab-face{fill:#b2bfaa;stroke:#899982;stroke-width:1.25;stroke-linejoin:round}
.material-layer-sketch [data-material-shape="comfort"] .material-slab-top{fill:#dedccc}
.material-layer-sketch [data-material-shape="protection"] .material-slab-top{fill:#bec9ba}
.material-layer-sketch [data-material-shape="smooth"] .material-slab-top{fill:#e4e7de}
.material-layer-sketch [data-material-shape="chambers"] .material-slab-top{fill:#b9c7c4}
.material-layer-sketch .material-layer-number{fill:#f7f6f1;stroke:#899982;stroke-width:1.25}
.material-layer-sketch text{fill:#26332b;font-family:Arial,sans-serif;font-size:14px;font-weight:700}
.material-layer-sketch .material-layer-guide{fill:none;stroke:#899982;stroke-width:1.25}
.material-layer-sketch [data-selected="true"] .material-slab-top{fill:#829878;stroke:#26332b;stroke-width:2.5}
.material-layer-sketch [data-selected="true"] .material-slab-face{fill:#647b5c;stroke:#26332b;stroke-width:2}
.material-layer-sketch [data-selected="true"] .material-layer-number{fill:#26332b;stroke:#26332b}
.material-layer-sketch [data-selected="true"] text{fill:#fff}
.hl-studio .material-layers figcaption{display:grid;gap:6px;margin-top:12px;font-size:.8125rem;line-height:1.65;color:var(--material-muted)}
.material-layers figcaption strong{color:var(--material-ink);font-size:.875rem;font-weight:400}
.hl-studio .material-layer-development{font-size:.6875rem;line-height:1.6;margin:12px 0 0;color:var(--material-muted)}
.material-layer-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:20px}
.material-layer-buttons button{display:flex;align-items:center;gap:9px;text-align:left;min-height:48px;padding:10px 12px;background:#fcfcf8;border:1px solid var(--material-line);border-radius:3px;font-family:inherit;font-size:.8125rem;line-height:1.5;color:var(--material-ink);cursor:pointer}
.material-layer-buttons button span{flex:0 0 auto;font-size:.6875rem;letter-spacing:.04em}
.material-layer-buttons .material-choice-mark{margin-left:auto;visibility:hidden;font-size:.875rem}
.material-layer-buttons button[aria-pressed="true"] .material-choice-mark{visibility:visible}
.material-layer-buttons button[aria-pressed="true"]{background:var(--material-ink);border-color:var(--material-ink);color:#fff}
.material-layer-buttons button:hover:not([aria-pressed="true"]):not(:disabled){background:#e9ece4;border-color:#899982}
.material-layer-buttons button:disabled{cursor:default}
.material-layers :is(button,summary,a):focus-visible{outline:3px solid var(--material-ink);outline-offset:4px}
.material-layer-panel{padding:clamp(22px,3vw,36px);border:1px solid var(--material-line);border-radius:3px;background:#fcfcf8}
.material-layer-panel h4{font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.6rem,2.1vw,2.2rem);font-weight:400;line-height:1.22;letter-spacing:-.02em;margin:0 0 26px}
.material-layer-facts{margin:0;padding:0}
.material-layer-facts>div+div{margin-top:20px;padding-top:18px;border-top:1px solid var(--material-line)}
.material-layer-facts dt{font-size:.6875rem;line-height:1.6;letter-spacing:.07em;text-transform:uppercase;color:var(--material-ink);margin:0 0 7px}
.material-layer-facts dd{font-size:.875rem;line-height:1.75;margin:0;color:var(--material-muted)}
.material-layer-all{border-top:1px solid var(--material-line);border-bottom:1px solid var(--material-line);margin-top:32px}
.material-layer-all>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;min-height:56px;padding:14px 0;font-size:.9375rem;line-height:1.5;color:var(--material-ink)}
.material-layer-all>summary::-webkit-details-marker{display:none}
.material-layer-all>summary::after{content:'+';font-size:1.25rem;flex:0 0 auto}
.material-layer-all[open]>summary::after{content:'−'}
.material-layer-all-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;padding:10px 0 28px}
.material-layer-all-list article{border-top:1px solid var(--material-line);padding-top:18px}
.material-layer-all-list h4{display:flex;align-items:baseline;gap:12px;margin:0 0 20px;font-size:1.0625rem;font-weight:400;line-height:1.5}
.material-layer-all-list h4 span{font-size:.6875rem;color:var(--material-muted);flex:0 0 auto}
.material-layer-all-list .material-layer-facts dd{font-size:.8125rem}
.material-layer-connections{margin-top:36px}
.material-layer-connections>h4{font-family:Georgia,"Times New Roman",serif;font-size:1.7rem;line-height:1.25;font-weight:400;letter-spacing:-.02em;margin:0 0 22px}
.material-layer-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.material-layer-feature-grid article{padding:22px;border:1px solid var(--material-line);border-radius:3px;background:#eef0e8}
.material-layer-feature-grid h5{font-size:.9375rem;line-height:1.5;font-weight:400;margin:0 0 12px}
.hl-studio .material-layer-feature-grid p{font-size:.8125rem;line-height:1.75;margin:0}
.hl-studio .material-layers .underlink{display:inline-flex;align-items:center;min-height:44px;font-size:.8125rem;line-height:1.6;padding:6px 0;margin-top:12px;text-decoration:underline;text-underline-offset:4px}
.hl-studio .material-layers .material-layer-principle-link{margin-top:20px}
@media(max-width:900px){
 .material-layers{margin-top:48px;padding-top:36px}
 .material-layers-heading,.material-layers-layout{grid-template-columns:minmax(0,1fr);gap:26px}
 .material-layers-heading{margin-bottom:26px}
 .material-layers-visual{max-width:620px;width:100%;margin-inline:auto}
 .material-layer-feature-grid{grid-template-columns:minmax(0,1fr)}
 .material-layer-feature-grid article{padding:20px}
}
@media(max-width:500px){
 .material-layers{margin-top:40px;padding-top:30px;scroll-margin-top:100px}
 .material-layers-heading h3{font-size:2.2rem}
 .hl-studio .material-layers-heading p:not(.eyebrow){font-size:.875rem}
 .material-layers-visual figure{padding:14px 10px}
 .material-layer-buttons{gap:8px}
 .material-layer-buttons button{padding:10px;gap:7px;font-size:.75rem;min-height:48px}
 .material-layer-panel{padding:20px}
 .material-layer-panel h4{font-size:1.6rem;margin-bottom:22px}
 .material-layer-facts dd{font-size:.8125rem}
 .material-layer-all-list{grid-template-columns:minmax(0,1fr);gap:24px}
 .material-layer-connections>h4{font-size:1.6rem}
}
@media print{
 .material-layers{margin-top:32px;padding-top:24px;break-inside:auto}
 .material-layers-heading,.material-layers-layout,.material-layer-feature-grid{display:block}
 .material-layer-buttons{display:none}
 .material-layers-visual{max-width:380px;margin-bottom:24px}
 .material-layer-panel,.material-layer-feature-grid article{break-inside:avoid;margin-top:16px;background:#fff}
 .material-layer-sketch{print-color-adjust:exact}
}