.wf-guide{max-width:1440px;margin:0 auto;padding:40px var(--gutter) 88px}
.wf-guide-crumb{font-size:13px;color:var(--ink-soft);margin-bottom:30px;display:flex;gap:10px;flex-wrap:wrap}
.wf-guide-crumb a{color:inherit;text-underline-offset:4px}
.wf-guide-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;padding-bottom:56px;border-bottom:1px solid var(--line,#ded8cf)}
.wf-guide-intro,.wf-guide-photo{min-width:0}
.wf-guide .wf-guide-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--rust);margin:0 0 20px}
.wf-guide h1{font-size:clamp(36px,3.5vw,56px);line-height:1.1;letter-spacing:-.025em;margin:0 0 26px;max-width:22ch}
.wf-guide-intro p{font-size:16px;line-height:1.8;margin:0 0 18px}
.wf-guide-intro p:last-child{margin-bottom:0}
.wf-guide-photo figure{margin:0}
.wf-guide-photo img{display:block;width:100%;height:auto;border-radius:3px}
.wf-guide-photo figcaption{font-size:12px;line-height:1.6;color:var(--ink-soft);margin-top:12px;max-width:60ch}
.wf-guide-body{max-width:760px;margin:56px auto 0;font-size:17px;line-height:1.85}
.wf-guide .wf-guide-body>*{max-width:100%}
.wf-guide-body h2{font-size:clamp(27px,2.6vw,36px);line-height:1.2;margin:48px 0 20px}
.wf-guide-body>h2:first-child{margin-top:0}
.wf-guide-body h3{font-size:24px;line-height:1.3;margin:30px 0 14px}
.wf-guide-body p{margin:0 0 22px}
.wf-guide-body ul,.wf-guide-body ol{padding-left:1.4em;margin:0 0 26px}
.wf-guide-body li{padding-left:5px;margin:0 0 15px}
.wf-guide-body a{color:var(--rust);text-underline-offset:4px}
.wf-guide-body [id]{scroll-margin-top:160px}
.wf-guide-jump{padding:22px 24px;background:var(--paper-alt,#f0e9de);border:1px solid var(--line,#ded8cf);border-radius:3px}
.wf-guide-jump p{margin:0 0 12px}
.wf-guide-jump ul{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;margin:0}
.wf-guide-jump li{padding:0;margin:0;font-size:15px}
.wf-color-pairings{width:100%;border-collapse:collapse;font-size:16px;line-height:1.65;margin:24px 0 32px}
.wf-color-pairings caption{text-align:left;font-size:13px;color:var(--ink-soft);padding-bottom:12px}
.wf-color-pairings th,.wf-color-pairings td{text-align:left;vertical-align:top;padding:16px 14px;border-bottom:1px solid var(--line,#ded8cf);overflow-wrap:anywhere}
.wf-color-pairings thead{background:var(--paper-alt,#f0e9de)}
.wf-color-pairings th:first-child{width:28%}
.wf-rug-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 36px}
.wf-rug-choice{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line,#ded8cf);background:var(--paper,#faf8f2);border-radius:3px;overflow:hidden}
.wf-rug-choice-photo{display:block;aspect-ratio:1/1;background:#fff}
.wf-rug-choice-photo img{display:block;width:100%;height:100%;object-fit:contain}
.wf-rug-choice>div{display:flex;flex-direction:column;flex:1;padding:18px}
.wf-guide-body .wf-rug-choice h3{font-size:21px;line-height:1.3;margin:0 0 12px}
.wf-guide-body .wf-rug-choice p{font-size:15px;line-height:1.65;margin:0 0 16px}
.wf-rug-choice-direction{font-weight:600}
.wf-rug-choice-link{font-size:14px;line-height:1.6;margin-top:auto}
.wf-guide-shortlist{padding:26px;border:1px solid var(--line,#ded8cf);background:var(--paper-alt,#f0e9de);margin-top:44px;border-radius:3px}
.wf-guide-body .wf-guide-shortlist h2{margin-top:0}
.wf-guide-shortlist p:last-child{margin-bottom:0}
@media(max-width:650px){.wf-rug-comparison{grid-template-columns:1fr}.wf-rug-choice-photo{aspect-ratio:auto;height:280px}.wf-color-pairings th,.wf-color-pairings td{padding:12px 10px}.wf-color-pairings{font-size:15px}.wf-guide-jump{padding:20px}.wf-guide-shortlist{padding:20px}}
@media(max-width:800px){.wf-guide{padding-top:24px;padding-bottom:56px}.wf-guide-hero{grid-template-columns:1fr;gap:28px;padding-bottom:32px}.wf-guide h1{max-width:22ch;font-size:clamp(34px,7vw,48px)}.wf-guide-photo{max-width:620px}.wf-guide-body{margin-top:36px;font-size:16px}.wf-guide-body h2{margin-top:36px}.wf-guide-crumb{margin-bottom:24px}}
