.hair-glossary{padding-top:40px;padding-bottom:40px;scroll-margin-top:115px}.hair-glossary-heading{margin-bottom:24px}.hair-glossary-heading .eyebrow{margin-bottom:12px}.hair-glossary-heading h2{margin-bottom:14px}.hair-glossary-heading p:last-child{margin:0;max-width:650px;color:var(--muted)}.hair-glossary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;align-items:start}.hair-term{border:1px solid var(--line);background:#fbf7f0;border-radius:3px;scroll-margin-top:120px}.hair-term summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;list-style:none;padding:15px 20px;font-size:15px;font-weight:500;cursor:pointer}.hair-term summary::-webkit-details-marker{display:none}.hair-term summary:focus-visible{outline:3px solid #98733d;outline-offset:3px}.hair-term-icon{font-size:24px;color:#98733d;line-height:1;flex-shrink:0;transition:transform .2s}.hair-term[open] .hair-term-icon{transform:rotate(45deg)}.hair-term[open] summary{border-bottom:1px solid var(--line);color:#684726}.hair-term-body{padding:4px 20px 18px}.hair-term-body>p:first-child{font-size:14px;line-height:1.7;margin:14px 0}.hair-term-example{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:13px;color:#715126}.hair-term-body .hair-term-note{font-size:11px;line-height:1.6;color:var(--muted);margin:9px 0 0}@media(max-width:650px){.hair-glossary{padding-top:32px;padding-bottom:32px}.hair-glossary-grid{grid-template-columns:1fr;gap:10px}.hair-term summary{min-height:58px;padding:13px 16px;font-size:14px}.hair-term-body{padding:4px 16px 15px}}@media(prefers-reduced-motion:reduce){.hair-term-icon{transition:none}}

.hair-glossary-shortcut{margin-bottom:20px}.hair-glossary-shortcut .button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px}.hair-glossary-shortcut .button:focus-visible{outline:3px solid #98733d;outline-offset:4px}@media(max-width:650px){.hair-glossary-shortcut .button{width:100%;box-sizing:border-box}}
