.hair-intake-page .field em, .hair-intake-page legend em { color: #a84238; font-style: normal; font-weight: 700; }
.hair-intake-page .required-group.is-invalid { padding: 10px; border: 1px solid #a84238; border-radius: var(--radius-sm); background: #fffaf9; }
.hair-intake-page .choice-fieldset { margin-bottom: 24px; }
.hair-intake-page .option-list { display: grid; }
.hair-intake-page .gender-branch { margin: 26px 0; padding: 18px; border: 1px solid var(--hairline); border-radius: var(--radius-sm); background: var(--warm-paper); }
.hair-intake-page .gender-branch[hidden] { display: none; }
.hair-intake-page .result-hair-summary { display: grid; margin: 14px 0 0; border-top: 1px solid var(--hairline); }
.hair-intake-page .result-hair-summary div { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--hairline); }
.hair-intake-page .result-hair-summary b { color: var(--deep-pine); font-size: 11px; }
.hair-intake-page .result-hair-summary span { color: var(--stone); font-size: 11px; line-height: 1.5; text-align: right; }
@media (min-width: 760px) { .hair-intake-page .option-list { grid-template-columns: 1fr 1fr; gap: 8px; } }
.result-guidance { margin: 18px 0; padding: 18px; border: 1px solid #d69a7a; border-radius: var(--radius-sm); background: #fff5ef; color: #71351f; text-align: left; }
.result-guidance p { margin: 6px 0 0; font-size: 12px; line-height: 1.6; }