.blend-guide{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8%;background:var(--olive);color:var(--cream);border-block:1px solid var(--olive)}
.blend-guide-heading h2{margin:1rem 0 1.5rem;font-size:clamp(2.8rem,4.8vw,5rem);max-width:12ch;text-wrap:balance}
.blend-guide-heading>p:last-child{font-size:1rem;line-height:1.7;max-width:36ch;color:#e0dfd1}
.blend-guide-content{min-width:0;align-self:center}
.blend-guide-choices{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.75rem}
.blend-guide-choices[hidden],.blend-guide-results [hidden]{display:none}
.blend-guide-choices button{font:inherit;font-size:.875rem;line-height:1.4;min-height:48px;padding:.75rem 1rem;color:var(--cream);border:1px solid #969b82;border-radius:2px;background:transparent;text-align:left}
.blend-guide-choices button[aria-pressed=true]{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.blend-guide-choices button:hover{border-color:var(--cream)}
.blend-guide-choices button:focus-visible,.blend-guide a:focus-visible{outline:2px solid var(--cream);outline-offset:4px}
.blend-guide-results article{padding:1.5rem 0;border-block:1px solid #858c72;min-height:250px}
.blend-guide-results article+article:not([hidden]){margin-top:1.5rem}
.blend-guide[data-guide-ready] .blend-guide-results article{margin-top:0}
.guide-category{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#e0dfd1;margin-bottom:.8rem}
.blend-guide h3{font-size:clamp(2rem,3vw,3.2rem);line-height:1.08;max-width:21ch;margin-bottom:1rem;text-wrap:balance}
.blend-guide-results article>p:not(.guide-category){font-size:1rem;line-height:1.7;max-width:55ch}
.blend-guide .guide-note{margin-top:1rem;color:#e0dfd1}
.blend-guide-links{display:flex;align-items:center;flex-wrap:wrap;gap:1rem 1.5rem;margin-top:1.5rem}
.blend-guide-links .button{background:var(--cream);color:var(--ink)}
.blend-guide-links .button:hover{background:#e3d9c3}
.blend-guide-links .text-link{display:inline-flex;align-items:center;color:var(--cream);font-size:.875rem}
@media(max-width:900px){.blend-guide{grid-template-columns:1fr;gap:2rem}.blend-guide-heading h2{max-width:none;font-size:clamp(2.5rem,9vw,4rem)}.blend-guide-heading>p:last-child{max-width:48ch}.blend-guide-results article{min-height:0}.blend-guide-choices{display:grid;grid-template-columns:1fr;gap:.6rem}.blend-guide-choices button{text-align:center;min-height:50px}.blend-guide-links .button{width:100%}}
@media(prefers-reduced-motion:reduce){.blend-guide *{scroll-behavior:auto;transition:none}}