/* Customer-only Golden Young palette. main.css retains the original salon layout.
   Intentionally not loaded by admin/base.html or PDF rendering. */
:root {
  --paper: #fffefa;
  --warm-white: #f7f6f2;
  --beige: #f3eee5;
  --beige-strong: #e6daca;
  --blush: #e8ddd0;
  --rose: #a48b61;
  --rose-dark: #80683f;
  --gold: #a48b61;
  --ink: #514738;
  --body: #71634e;
  --muted: #8d7c62;
  --line: rgba(91, 73, 49, .14);
}
.brand { flex-direction: column; align-items: flex-start; gap: 0; }
.gy-wordmark { display: block; flex: 0 0 auto; width: 182px; max-width: 100%; }
.gy-wordmark img { width: 100%; height: auto; object-fit: contain; }
.gy-brand-caption { margin-top: -10px; padding-left: 18px; color: var(--muted); font-size: 8px; letter-spacing: .08em; white-space: nowrap; }
.gy-wordmark-hero { width: 250px; }
.gy-wordmark-footer { width: 106px; }
.site-footer .footer-lockup { flex-direction: column; gap: 4px; }
.site-footer .footer-lockup > small { font-size: 8px; text-align: center; }
.gy-wordmark-report { width: 140px; }
.home-hero h1 { text-wrap: balance; }
.hero-title-part { display: inline-block; white-space: nowrap; }
.button-primary:hover { background: #695331; }
.button-secondary { color: var(--rose-dark); border-color: #d9cbb8; background: #fffdf9; }
.brand-story { width: calc(100% - 12px); margin-inline: auto; padding: 22px 24px; background: #39332c; }
.brand-story > span { margin-top: 12px; }
.brand-story > p { color: #c9b18c; }
.brand-story strong { color: #ded2c0; }
.brand-story > span { color: #e0d8cc; }
.step-indicator > span.done { color: var(--rose-dark); border-color: #dbcebb; background: #f5eee3; }
.step-indicator > i.done { background: #bda789; }
.choice-card input:checked + .choice-content { color: var(--rose-dark); border-color: #b49b7a; background: #f8f2e8; }
.option-card.is-selected, .option-card:has(input:checked) { border-color: #b49b7a; background: #faf5ed; }
.option-letter { color: var(--rose-dark); background: #f1e9dd; }
.result-token-row span { border-color: #d7c6ac; color: var(--rose-dark); }
/* Preserve expandable reminders, while using the original reminder-card layout. */
details.questionnaire-instruction { display: block; }
.questionnaire-instruction summary { min-height: 24px; cursor: pointer; }
.questionnaire-instruction summary strong { display: inline; }
.questionnaire-instruction summary small { margin-left: 8px; font-size: 9px; }
.questionnaire-instruction[open] summary { margin-bottom: 6px; }
.questionnaire-instruction > span + span { margin-top: 5px; }
/* Keep the full question inside the card; avoid native fieldset legend clipping. */
.question-card legend { float: left; }
.option-list, .short-answer-wrap { clear: both; }
.option-card { scroll-margin-bottom: 105px; }
.consultation-notice { margin: 0 0 24px; padding: 13px 15px; border: 1px solid #dfceb2; border-radius: 12px; color: var(--rose-dark); background: #faf5eb; font-size: 12px; line-height: 1.8; text-align: left; }
.consultation-notice small { font-size: 11px; }
.report-brand { min-width: 0; flex-direction: column; align-items: flex-start; gap: 0; }
.report-brand > div { min-width: 0; }
.report-brand b, .report-brand small { overflow-wrap: anywhere; }
.footer-lockup > div { min-width: 0; }
@media (max-width: 640px) {
  .gy-wordmark-report { width: 100px; }
  .report-brand { gap: 6px; }
  .report-brand b { font-size: 12px; }
  .report-brand small { font-size: 8px; letter-spacing: 0; }
}
@media (max-width: 390px) {
  .gy-wordmark { width: 168px; }
  .gy-wordmark-hero { width: 228px; }
  .gy-wordmark-footer { width: 90px; }
  .gy-wordmark-report { width: 92px; }
  .gy-brand-caption { padding-left: 16px; font-size: 7px; }
  .report-header { gap: 10px; }
}
@media (max-width: 340px) {
  .report-header { padding: 13px; }
  .report-brand { gap: 5px; }
  .report-brand b { font-size: 11px; }
  .footer-lockup { flex-direction: column; gap: 3px; }
  .footer-lockup b, .footer-lockup small { text-align: center; }
}
@media (max-height: 700px) {
  .option-card { scroll-margin-bottom: 15px; }
}