.wood-chapter { padding-block:42px 0; scroll-margin-top:calc(var(--chapter-nav) - 16px); overflow-anchor:none; }
.wood-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; }
.wood-heading h2 { font-size:clamp(48px,5.1vw,74px); }
.wood-heading .story-subtitle { margin-top:6px; }
.wood-fit-context { margin:8px 0 0; font-size:13px; }
.wood-fit-context strong { font-weight:800; }
.wood-view-toggle { display:grid; grid-template-columns:1fr 1fr; align-self:flex-start; overflow:hidden; border:1px solid var(--rm-rule); border-radius:999px; flex:none; }
.wood-view-toggle button { display:flex; align-items:center; justify-content:center; gap:8px; min-width:110px; min-height:44px; border:0; background:transparent; color:var(--rm-ink); font-size:13px; }
.wood-view-toggle button + button { border-left:1px solid var(--rm-rule); }
.wood-view-toggle button[aria-pressed="true"] { background:var(--rm-blue); color:var(--rm-paper); font-weight:750; }
.wood-view-toggle .icon { width:17px; height:17px; }
.wood-gallery { margin-top:18px; }
.wood-choices { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:18px 22px; }
.wood-choices button { grid-column:span 2; border:1px solid transparent; background:transparent; color:var(--rm-ink); padding:8px; text-align:center; font-size:14px; min-width:0; }
.wood-choices [data-clone] { display:none; }
.wood-choices button:not([data-clone])[data-wood="white-oak-rift"] { grid-column:2/span 2; }
.wood-choices button:not([data-clone])[data-wood="walnut"] { grid-column:4/span 2; }
.wood-choices img { display:block; width:100%; height:clamp(160px,13.4vw,215px); object-fit:contain; pointer-events:none; }
.wood-choice-label { display:inline-block; margin-top:3px; padding-block:3px; border-bottom:2px solid transparent; }
.wood-choices button[aria-pressed="true"] { border-color:var(--rm-blue); }
.wood-choices button[aria-pressed="true"] .wood-choice-label { border-bottom-color:currentColor; font-weight:800; }
.wood-choices button:focus-visible,.wood-names button:focus-visible,.wood-carousel-controls button:focus-visible,.wood-save:focus-visible,.wood-view-toggle button:focus-visible { outline:3px solid var(--rm-focus); outline-offset:4px; }
.wood-carousel-controls,.wood-names { display:none; }
.wood-chapter[data-wood-view="gallery"] .wood-choices { display:block; }
.wood-chapter[data-wood-view="gallery"] .wood-choices button { display:none; width:min(100%,520px); margin:auto; }
.wood-chapter[data-wood-view="gallery"] .wood-choices button[data-active="true"] { display:block; }
.wood-chapter[data-wood-view="gallery"] .wood-choices button[data-active="true"] img { width:min(100%,560px); height:auto; aspect-ratio:4/3; margin:auto; }
.wood-chapter[data-wood-view="gallery"] .wood-carousel-controls { display:flex; align-items:center; justify-content:center; gap:clamp(120px,30vw,420px); margin-top:0; }
.wood-chapter[data-wood-view="gallery"] .wood-carousel-controls button { display:grid; place-items:center; width:48px; height:48px; border:0; background:transparent; color:var(--rm-ink); }
.wood-chapter[data-wood-view="gallery"] .wood-names { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:8px; margin-top:8px; }
.wood-names button { min-width:0; border:1px solid transparent; background:transparent; color:var(--rm-ink); padding:5px; font-size:11px; }
.wood-names .wood-swatch { width:100%; aspect-ratio:1; }
.wood-name-label { display:block; margin-top:4px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wood-names button[aria-pressed="true"] { border-color:var(--rm-blue); font-weight:800; }
.sample-note { color:var(--rm-muted); font-size:12px; line-height:1.5; }
.wood-note { margin-block:20px 14px; }
.wood-summary { display:flex; align-items:center; gap:20px; border-top:1px solid var(--rm-rule); padding-block:18px; }
.wood-summary>img { width:85px; height:64px; object-fit:contain; }
.wood-details { flex:1; }
.wood-details h3 { font-size:23px; letter-spacing:-.035em; }
.wood-details>p { margin-top:5px; font-size:15px; color:var(--rm-muted); }
.wood-actions { display:flex; flex-direction:column; gap:8px; align-items:flex-end; }
.wood-save { display:flex; align-items:center; justify-content:center; gap:14px; border:1px solid var(--rm-blue); background:var(--rm-blue); color:var(--rm-paper); padding:13px var(--rm-btn-pad); min-height:var(--rm-btn-h); font-size:var(--rm-btn-font); font-weight:var(--rm-btn-weight); }
.wood-save[aria-pressed="true"] { background:transparent; color:var(--rm-ink); }
.wood-save:disabled { cursor:default; opacity:.65; }
#wood-saved { font-size:12px; max-width:300px; }
#wood-saved:empty { display:none; }

@media(max-width:760px) {
  .wood-chapter { display:flex; flex-direction:column; padding-block:38px 0; }
  .wood-heading { display:block; }
  .wood-heading h2 { font-size:clamp(42px,12vw,58px); max-width:9em; }
  .wood-heading .story-subtitle { font-size:16px; max-width:28ch; line-height:1.35; }
  .wood-fit-context { padding-bottom:10px; border-bottom:1px solid var(--rm-rule); }
  .wood-view-toggle { display:none; }
  .wood-gallery,.wood-chapter[data-wood-view="gallery"] .wood-gallery { margin:10px -24px 0; }
  .wood-choices,.wood-chapter[data-wood-view="gallery"] .wood-choices { display:flex; position:relative; gap:0; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:none; padding:4px 0; scroll-behavior:auto; user-select:none; cursor:grab; }
  .wood-choices::-webkit-scrollbar { display:none; }
  .wood-choices button,.wood-choices [data-clone],.wood-chapter[data-wood-view="gallery"] .wood-choices button { display:block; position:relative; flex:0 0 100%; width:auto; margin:0; padding:0 24px; border:0; scroll-snap-align:center; }
  .wood-choices [data-active="true"] { z-index:1; }
  .wood-choices img,.wood-chapter[data-wood-view="gallery"] .wood-choices button[data-active="true"] img { width:min(92vw,430px); max-width:none; height:auto; aspect-ratio:4/3; margin:auto; object-fit:contain; transform:scale(var(--wood-scale,1)); opacity:var(--wood-opacity,1); transform-origin:center; pointer-events:none; }
  .wood-choices[data-dragging="true"] { scroll-snap-type:none; cursor:grabbing; }
  .wood-choices[data-dragging="true"] button { cursor:grabbing; }
  .wood-choice-label { display:none; }
  .wood-carousel-controls,.wood-chapter[data-wood-view="gallery"] .wood-carousel-controls { display:flex; align-items:center; justify-content:space-between; gap:0; padding-inline:24px; margin-top:-2px; }
  .wood-carousel-controls button,.wood-chapter[data-wood-view="gallery"] .wood-carousel-controls button { display:grid; place-items:center; width:44px; height:44px; border:0; background:transparent; color:var(--rm-ink); }
  #wood-position { font-size:12px; color:var(--rm-muted); }
  .wood-names,.wood-chapter[data-wood-view="gallery"] .wood-names { display:flex; position:relative; overflow-x:auto; scrollbar-width:none; gap:7px; margin:4px -24px 14px; padding:0 24px 4px; }
  .wood-names::-webkit-scrollbar { display:none; }
  .wood-names button { flex:0 0 76px; min-height:92px; padding:3px; border:1px solid transparent; background:transparent; color:var(--rm-ink); font-size:10px; text-align:left; }
  .wood-names .wood-swatch { width:68px; aspect-ratio:1; }
  .wood-name-label { display:block; margin-top:4px; overflow:visible; text-overflow:clip; }
  .wood-names button[aria-pressed="true"] { border-color:var(--rm-blue); font-weight:800; }
  .wood-names button[aria-pressed="true"] .wood-name-label { text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:5px; }
  .wood-note { order:1; font-size:11px; margin-block:0 14px; }
  .wood-chapter>.chapter-bridge { order:2; }
  .wood-summary { flex-wrap:wrap; gap:18px; padding-block:8px 20px; }
  .wood-summary>img { display:none; }
  .wood-details { flex-basis:100%; }
  .wood-details h3 { font-size:29px; }
  .wood-details>p { margin-top:8px; min-height:3em; font-size:14px; line-height:1.5; }
  .wood-actions { width:100%; align-items:stretch; }
  .wood-save { width:100%; }
  #wood-saved { max-width:none; }
}