/* Shared homepage, wood catalogue and reproducible example. */
.wood-home{background:var(--bg,#191d22);color:var(--text,#f4f2ed)}
.wood-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:42px;align-items:center;padding-top:36px;padding-bottom:32px}
.wood-home .wood-hero h1{font-size:clamp(30px,3.4vw,48px);line-height:1.12;letter-spacing:-.025em;margin:10px 0 18px;max-width:740px;font-weight:500;text-transform:none}
.wood-hero-lead{font-size:17px;line-height:1.55;max-width:690px;color:#bac2cc;margin:0 0 20px}
.wood-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.wood-actions .button{padding:15px 22px;min-height:50px}
.wood-home .eyebrow{color:#e8b25d;font-size:11px;letter-spacing:.12em;margin:0 0 10px}
.wood-hero-note,.wood-fine{font-size:13px;line-height:1.6;color:#bac2cc}.wood-hero-note{margin:18px 0 0}
.wood-hero-sketch{margin:0;min-width:0;color:#bac2cc}.wood-hero-sketch svg{width:100%;height:auto;display:block}.wood-hero-sketch figcaption{font-size:12px;text-align:center;margin-top:12px;color:#bac2cc}
.wood-section{padding-top:34px;padding-bottom:34px;scroll-margin-top:24px}.wood-section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}
.wood-home h2{font-size:clamp(26px,2.6vw,36px);font-weight:400;line-height:1.2;margin:0 0 16px}.wood-section-heading h2{margin:0}.wood-home p{line-height:1.65}
.wood-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.wood-choice{border:1px solid #515d6c;background:#232930;border-radius:8px;overflow:hidden;min-width:0}
.wood-choice-heading{display:flex;gap:10px;padding:18px 16px;border-bottom:1px solid #515d6c;align-items:baseline;min-height:80px}.wood-choice-heading>span{color:#e8b25d;font-size:12px}.wood-choice-heading h2,.wood-choice-heading h3{margin:0;font-size:22px;line-height:1.18;font-weight:400;color:#f4f2ed}
.wood-choice ul{padding:0;margin:0;list-style:none}.wood-choice li+li{border-top:1px solid #3e4855}.wood-choice li a{display:flex;gap:10px;align-items:flex-start;padding:17px 14px;text-decoration:none;color:#f4f2ed;min-height:110px}.wood-choice li a:hover,.wood-choice li a:focus-visible{background:#343d48}.wood-choice li a>svg{width:38px;height:30px;flex:0 0 38px;color:#e8b25d}.wood-choice li a>span:last-child{color:#e8b25d;margin-left:auto}.wood-choice b{font-size:15px;line-height:1.35;display:block;font-weight:600}.wood-choice small{display:block;color:#bac2cc;line-height:1.5;margin-top:7px;font-size:12px}
.wood-choice-compact{grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0}.wood-choice-compact .wood-choice-heading{min-height:0}
.home-example{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;background:#232930;border:1px solid #515d6c;border-radius:8px;padding:30px;align-items:center}.home-example p{color:#bac2cc}.home-example-drawing{background:#fff;border-radius:6px;padding:12px;min-width:0;color:#30363d}.home-example-drawing svg{display:block;width:100%;height:auto;max-height:380px}.home-example-drawing p{text-align:center;color:#535b65;font-size:12px;margin:5px 0}.home-metrics{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0}.home-metrics div{border-left:2px solid #e8b25d;padding-left:14px}.home-metrics dt{font-size:12px;color:#bac2cc}.home-metrics dd{font-size:30px;color:#e8b25d;margin:6px 0 0}.home-metrics small{font-size:15px}
.wood-process{list-style:none;counter-reset:steps;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:0;margin:24px 0 0}.wood-process li{counter-increment:steps;border-top:1px solid #515d6c;padding-top:18px}.wood-process li:before{content:'0' counter(steps);display:block;color:#e8b25d;font-size:13px;margin-bottom:12px}.wood-process b{font-size:20px;font-weight:500}.wood-process p{color:#bac2cc;margin-bottom:0}
.wood-info{display:grid;grid-template-columns:1.15fr 1fr;gap:60px}.wood-info p{color:#bac2cc}.wood-help a{display:flex;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #515d6c;color:#f4f2ed;text-decoration:none}.wood-help a:hover{color:#e8b25d}.wood-help a span{color:#e8b25d}.wood-development{border-top:1px solid #515d6c;margin-top:20px;padding-bottom:56px}.wood-development>p{color:#bac2cc}.wood-development>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.wood-development a{padding:16px;border:1px solid #515d6c;border-radius:6px;text-decoration:none;color:#bac2cc}.wood-development small{display:block;font-size:11px;margin-top:7px;color:#929daa}
.wood-example-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px}.wood-example-inputs>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:12px 0;border-bottom:1px solid #515d6c}.wood-example-inputs dt{color:#bac2cc}.wood-example-inputs dd{margin:0}.wood-example-page section{min-width:0}.wood-example-page #example-report{margin-top:40px}.wood-example-page table{width:100%;border-collapse:collapse}.wood-example-page th,.wood-example-page td{text-align:left;border-bottom:1px solid #515d6c;padding:12px}.wood-example-page .button{white-space:normal}.wood-example-page svg text{fill:#171b20}
@media(max-width:1100px){.wood-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wood-choice-heading{min-height:0}.wood-hero{gap:20px}.wood-actions{gap:14px}.wood-development>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.wood-hero{grid-template-columns:1fr;padding-top:28px;padding-bottom:16px;gap:12px}.wood-home .wood-hero h1{font-size:34px}.wood-hero-lead{font-size:16px}.wood-hero-sketch{display:none}.wood-actions{align-items:flex-start;flex-direction:column}.wood-section{padding-top:26px;padding-bottom:26px}.wood-section-heading{display:block}.wood-section-heading>.text-link{display:inline-block;margin-top:14px}.wood-choice-grid{grid-template-columns:1fr}.wood-choice li a{min-height:0}.wood-choice-heading h2,.wood-choice-heading h3{font-size:24px}.wood-choice small{font-size:13px}.home-example{grid-template-columns:1fr;padding:20px;gap:24px}.wood-process,.wood-info,.wood-example-layout{grid-template-columns:1fr;gap:26px}.wood-development>div{grid-template-columns:1fr}.wood-example-inputs>div{grid-template-columns:1fr 1fr;font-size:14px;gap:12px}.wood-example-page th,.wood-example-page td{padding:9px 5px;font-size:13px}.home-metrics{gap:20px}.wood-home h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.wood-home *{scroll-behavior:auto}}