/* Wood comparison article; intentionally scoped, native details controls. */
.wooded-wood-comparison{padding-bottom:76px;color:#20271f}
.wooded-wood-comparison .container{width:min(1280px,90%)}
.wooded-wood-comparison .breadcrumb{margin:0;padding-top:24px;font-size:12px}
.wood-comparison-content{color:#20271f}
.wood-comparison-content figure{margin:0;min-width:0}
.wood-comparison-content figure img{display:block;width:100%;height:auto;border-radius:22px}
.wood-comparison-content figcaption,.wood-comparison-content .wc-caption{font-size:11px;line-height:1.7;color:#6b7760;margin:12px 0 0}
.wood-comparison-content .wc-eyebrow{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#526447;margin:0 0 18px}
.wc-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:56px;align-items:center;padding:46px 0 54px}
.wood-comparison-content .wc-title{font-size:clamp(40px,4.2vw,60px);font-weight:400;letter-spacing:-.045em;line-height:1.12;margin:0 0 26px}
.wc-title span{color:#526447}
.wood-comparison-content .wc-lead{font-size:16px;line-height:1.85;color:#606b57;max-width:440px;margin:0}
.wood-comparison-content .wc-hero-note{font-size:12px;line-height:1.8;color:#526447;margin:24px 0 0}
.wood-comparison-content h2:not(.wc-title){font-size:clamp(28px,3vw,40px);font-weight:400;letter-spacing:-.035em;line-height:1.2;margin:0 0 20px}
.wc-section-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:end;margin-bottom:28px}
.wc-section-heading>p,.wc-practical p:not(.wc-eyebrow),.wc-samples p:not(.wc-eyebrow){font-size:14px;line-height:1.85;color:#606b57;margin:0 0 16px}
.wc-section-heading>p>a{color:#526447;text-decoration:underline;text-underline-offset:3px}
.wc-overview{padding-top:40px;border-top:1px solid #dde3d6}
.wc-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.wc-comparison>article{padding:32px 36px;border:1px solid #dde3d6;border-radius:20px;background:#f4f5ef}
.wc-comparison>article:nth-child(2){background:#f5f2ec;border-color:#e4ded2}
.wood-comparison-content .wc-card-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#526447;margin:0 0 20px}
.wood-comparison-content .wc-comparison h3{font-size:28px;font-weight:400;line-height:1.3;letter-spacing:-.03em;margin:0 0 24px}
.wc-comparison dl{margin:0}
.wc-comparison dt{font-size:11px;font-weight:600;color:#526447;margin:16px 0 6px}
.wc-comparison dd{font-size:13px;line-height:1.85;color:#606b57;margin:0;max-width:420px}
.wc-appearance{padding:64px 0 0}
.wc-detail{border:1px solid #dde3d6;background:#f7f8f4;border-radius:16px;margin:12px 0;overflow:hidden}
.wc-detail>summary{display:flex;align-items:center;gap:18px;list-style:none;cursor:pointer;min-height:76px;padding:22px 28px}
.wc-detail>summary::-webkit-details-marker{display:none}
.wc-detail>summary::marker{content:''}
.wc-detail>summary:hover{background:#eef1e7}
.wc-number{font-size:11px;color:#657553;flex:0 0 24px}
.wood-comparison-content .wc-detail h3{font-size:17px;font-weight:500;line-height:1.6;flex:1;margin:0}
.wc-toggle{position:relative;width:28px;height:28px;flex:0 0 28px;border:1px solid #bfc9b2;border-radius:50%;color:#526447}
.wc-toggle::before,.wc-toggle::after{content:'';position:absolute;background:currentColor;inset:13px 8px auto;height:1px}
.wc-toggle::after{transform:rotate(90deg);transition:transform .18s}
.wc-detail[open] .wc-toggle{background:#e4eadc}
.wc-detail[open] .wc-toggle::after{transform:rotate(0deg)}
.wc-answer{padding:4px 40px 32px}
.wc-answer p{font-size:13px;line-height:1.85;color:#606b57;margin:0 0 24px}
.wc-copy-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
.wood-comparison-content .wc-copy-pair h4{font-size:16px;font-weight:500;color:#526447;margin:8px 0 12px}
.wc-image-pair,.wc-image-trio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.wc-image-trio{grid-template-columns:repeat(3,minmax(0,1fr))}
.wood-comparison-content .wc-sections img{aspect-ratio:4/3;object-fit:contain;border-radius:12px;background:#edf0e8;max-height:310px}
.wood-comparison-content .wc-swatches img{height:260px;object-fit:contain;border-radius:10px;background:#eef0e9}
.wood-comparison-content .wc-boards img{height:310px;object-fit:contain;border-radius:10px;background:#eef0e9}
.wc-answer>.wc-text-link{margin-top:20px}
.wc-practical{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;padding:64px 0;border-bottom:1px solid #dde3d6}
.wc-text-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;color:#526447;font-size:12px;line-height:1.6;text-decoration:none;border-bottom:1px solid #bdc6b2;align-self:flex-start}
.wc-text-link span{font-size:19px}
.wc-text-link:hover{color:#253b1c;border-color:currentColor}
.wc-links{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px}
.wc-samples{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center;padding-top:64px}
.wc-samples .wc-links{margin-top:24px}
.wc-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:14px 20px;border-radius:10px;background:#526447;color:#fff;font-size:13px;line-height:1.7;text-decoration:none}
.wc-button span{font-size:20px}
.wc-button:hover{background:#3e5034}
.wood-comparison-content a:focus-visible{outline:2px solid #526447;outline-offset:5px}
.wc-detail>summary:focus-visible{outline:2px solid #526447;outline-offset:-5px;border-radius:12px}
@media(max-width:1080px){.wc-hero{gap:30px}.wc-section-heading,.wc-practical,.wc-samples{gap:36px}.wc-comparison>article{padding:28px}.wc-answer{padding:4px 28px 28px}.wc-image-pair,.wc-image-trio,.wc-copy-pair{gap:22px}.wood-comparison-content .wc-swatches img{height:220px}}
@media(max-width:760px){.wooded-wood-comparison{padding-bottom:48px}.wc-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding:30px 0}.wood-comparison-content .wc-title{font-size:clamp(38px,8.5vw,58px);margin-bottom:22px}.wood-comparison-content .wc-lead{font-size:15px}.wood-comparison-content .wc-hero-note{margin-top:18px}.wood-comparison-content figure img{border-radius:16px}.wc-section-heading{grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:20px}.wc-overview{padding-top:32px}.wc-comparison{grid-template-columns:minmax(0,1fr);gap:14px}.wc-comparison>article{padding:26px 24px;border-radius:16px}.wood-comparison-content .wc-comparison h3{font-size:26px;margin-bottom:20px}.wc-appearance{padding-top:36px}.wc-detail>summary{padding:18px 16px;gap:10px;min-height:76px}.wc-number{flex-basis:18px;font-size:10px}.wood-comparison-content .wc-detail h3{font-size:14px}.wc-answer{padding:0 20px 24px}.wc-copy-pair,.wc-image-pair,.wc-image-trio{grid-template-columns:minmax(0,1fr);gap:24px}.wc-copy-pair{gap:0}.wood-comparison-content .wc-sections img{max-height:none}.wood-comparison-content .wc-swatches img,.wood-comparison-content .wc-boards img{height:280px}.wc-practical{grid-template-columns:minmax(0,1fr);gap:34px;padding:36px 0}.wc-samples{grid-template-columns:minmax(0,1fr);padding-top:36px;gap:26px}.wc-samples>div{order:-1}}
@media(prefers-reduced-motion:reduce){.wc-toggle::after{transition:none}}
@media print{.wc-detail::details-content{display:block}.wc-answer{display:block}.wc-button{color:#20271f;background:none}.wc-detail{break-inside:avoid}.wc-hero{padding-block:20px}}
