.guide-opening{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding:40px 0 45px}.guide-opening .page-intro{padding:0}.guide-opening h1{font-size:clamp(44px,5vw,70px)}.guide-opening .page-intro p{font-size:17px;margin:25px 0}.guide-opening img{height:480px;object-fit:cover;object-position:58% center}.guide-nav{display:flex;flex-wrap:wrap;gap:12px 30px;border-block:1px solid var(--line);padding:17px 0}.guide-nav a,.guide-nav a:last-child{font-size:12px;border:0;border-radius:0;padding:8px 0;min-height:44px;display:inline-flex;align-items:center;white-space:normal;text-decoration:underline}.closets-guide section[id]{scroll-margin-top:25px}.guide-types{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}.guide-types article{border-top:1px solid var(--line);padding-top:22px}.guide-index{font-size:12px;color:var(--accent)}.guide-types h3{font-size:25px;margin:15px 0}.guide-types p{font-size:15px}.guide-two{display:grid;grid-template-columns:1fr 1fr;gap:40px}.layout-compare{margin-top:45px;background:var(--surface);padding:35px 40px}.guide-two h3{margin-bottom:18px}.layout-compare p{font-size:16px}.layout-compare .eyebrow{margin-bottom:12px}.anatomy-explorer{background:var(--surface);padding:35px}.anatomy-art{max-width:980px;margin:auto}.closet-drawing{display:block;width:100%;height:auto}.closet-drawing [data-zone]{fill:none;stroke:#756253;stroke-width:3;stroke-linejoin:round}.closet-drawing .zone-fill{fill:#eee5d8;stroke:none}.closet-drawing .garment{fill:#d2beaa}.closet-drawing circle{fill:#352c25;stroke:none}.closet-drawing text{fill:#fff;stroke:none;font:17px Arial,sans-serif;text-anchor:middle}.closet-drawing .is-selected .zone-fill{fill:#e0c8ac}.closet-drawing .is-selected{stroke:#573820;stroke-width:4}.diagram-caption{text-align:center;font-size:12px;margin:10px auto 25px}.anatomy-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:28px}.anatomy-controls button{padding:14px 12px;min-height:48px;background:var(--paper);color:var(--ink);border:1px solid #b6a491;font-size:14px;cursor:pointer}.anatomy-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.anatomy-panels article{background:var(--paper);padding:30px;min-height:230px}.anatomy-panels article+article{margin-top:20px}.anatomy-panels article[hidden]+article{margin-top:0}.anatomy-panels h3{font-size:31px;margin-bottom:15px}.anatomy-panels p{max-width:85ch}.guide-tip{border-left:2px solid var(--accent);padding-left:17px;font-size:14px}.guide-footnote{font-size:13px;line-height:1.7;margin-top:20px;max-width:90ch}.materials img{height:390px;object-position:center}.materials h3{margin-top:13px}.materials ul,.project-paths ul{padding-left:20px;margin:20px 0 0}.materials li,.project-paths li{margin:9px 0}.finish-note{border-block:1px solid var(--line);padding:24px 0;margin-top:35px;display:grid;grid-template-columns:1fr 3fr;gap:25px}.finish-note p{font-size:14px;max-width:none}.project-paths article{background:var(--surface);padding:35px}.installation-compare{margin-top:50px}.installation-compare>p{margin:16px 0 24px}.table-scroll{overflow-x:auto}.installation-compare table{width:100%;border-collapse:collapse;font-size:15px;table-layout:fixed}.installation-compare caption{text-align:left;font-size:13px;padding-bottom:12px}.installation-compare th,.installation-compare td{vertical-align:top;text-align:left;padding:20px;border:1px solid var(--line);overflow-wrap:anywhere}.installation-compare thead{background:var(--ink);color:var(--paper)}.installation-compare th:first-child{width:23%}.installation-compare tbody th{background:var(--surface);font-weight:600}.guide-why p+p{margin-top:20px}.guide-why a{display:inline-block;margin-top:23px;min-height:44px}.checklist-panel{display:grid;grid-template-columns:1fr 1fr;gap:55px;background:var(--surface);padding:45px}.checklist-panel h2{font-size:42px}.checklist-panel p{margin-top:23px}.guide-checklist{border:0;margin:0;padding:0;min-width:0}.guide-checklist label{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid #c7b8a6;cursor:pointer}.guide-checklist input{flex:0 0 22px;width:22px;height:22px;min-height:22px;accent-color:var(--accent);margin:3px 0 0}.guide-checklist input:checked+span{text-decoration:line-through;text-decoration-thickness:1px}.checklist-count{font-size:15px;font-weight:600}.closets-guide .section-heading>p{max-width:470px}
@media(max-width:1050px){.guide-types{grid-template-columns:repeat(3,1fr)}.guide-opening{gap:30px}.guide-opening h1{font-size:51px}.checklist-panel{gap:30px;padding:30px}.guide-two{gap:25px}.anatomy-controls{grid-template-columns:1fr 1fr}}
@media(max-width:749px){.guide-opening{grid-template-columns:1fr;padding:30px 0;gap:25px}.guide-opening h1{font-size:clamp(40px,10vw,64px)}.guide-opening img{height:300px}.guide-nav{flex-direction:row;gap:0 18px;justify-content:flex-start}.guide-nav a,.guide-nav a:last-child{font-size:12px;margin:0;flex:0 1 auto}.guide-types{grid-template-columns:1fr;gap:25px}.guide-types h3{margin:9px 0}.guide-types p{font-size:16px}.guide-two{grid-template-columns:1fr;gap:30px}.layout-compare{padding:26px 22px;margin-top:30px}.anatomy-explorer{padding:15px 12px}.anatomy-controls{gap:7px;margin-bottom:18px}.anatomy-controls button{font-size:13px;padding:12px 7px}.anatomy-panels article{padding:23px 16px;min-height:0}.anatomy-panels h3{font-size:28px}.diagram-caption{font-size:11px;margin:5px auto 20px}.materials img{height:320px}.finish-note{grid-template-columns:1fr;gap:12px}.project-paths article{padding:27px 22px}.installation-compare th,.installation-compare td{padding:10px 7px;font-size:12px}.installation-compare th:first-child{width:25%}.checklist-panel{grid-template-columns:1fr;gap:18px;padding:27px 22px}.checklist-panel h2{font-size:35px}.guide-checklist label{font-size:15px}.guide-footnote{font-size:13px}}

.table-hint{display:none}.table-scroll{overscroll-behavior-x:contain}@media(max-width:749px){.table-hint{display:block;font-size:13px;margin-bottom:16px}.installation-compare table{min-width:620px}.installation-compare th,.installation-compare td{padding:16px;font-size:15px}}

/* Preserve reflow when visitors increase character and word spacing. */
.guide-opening>*{min-width:0}.guide-opening h1{overflow-wrap:anywhere}.guide-opening .button{max-width:100%;white-space:normal}