/* Interaction refinements for 100-question completion and report controls. */
@media screen {
  .question-actions .button,
  .review-footer .button,
  #review-quick-action,
  .report-hero .share-button { min-height: 44px; }
  #review-quick-action { margin-top: 16px; padding-inline: 18px; }
  .report-details > summary { display: flex; align-items: center; min-height: 48px; }
  .question-main .answer-option:has(input:focus-visible),
  .question-main .scale-option:has(input:focus-visible) {
    outline: 3px solid #1b63b8;
    outline-offset: 2px;
  }
}
@media screen and (max-width: 620px) {
  #review-quick-action { width: 100%; justify-content: center; }
  .review-footer .button { width: 100%; justify-content: center; }
}

/* Specific major selection and comfortable report reading on narrow screens. */
#major-other-field[hidden], #focus-family-field[hidden] { display: none !important; }
.profile-page .major-intro { margin: 0; font-size: 13px; }
#focus-family-field small { display: block; margin-top: 5px; color: #607795; font-size: 12px; font-weight: 400; line-height: 1.5; }
@media screen and (max-width: 620px) {
  .report-preview .direction-item p,
  .report-preview .direction-item small { font-size: 13px; line-height: 1.6; }
  .report-preview .finding-strip span { font-size: 12px; }
  .report-preview .finding-strip strong { font-size: 14px; line-height: 1.6; }
  .report-preview .section-heading p { font-size: 14px; }
}