@import url('../wellness-snapshot/snapshot.css');
.educational-age .snapshot-layout { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); }
.educational-age .heuristic-disclosure { border: 2px solid #4E3F17; padding: 18px; border-radius: 10px; background: #F5F7EC; font-weight: 700; margin: 20px 0; }
.educational-age .language-row { display: flex; justify-content: flex-end; margin-bottom: 20px; }
.educational-age .snapshot-card input[type=number] { display: block; width: 100%; font: inherit; border: 1.5px solid #69744C; padding: 14px; border-radius: 8px; margin: 12px 0; }
.educational-age .age-comparison { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 24px 0 0; }
.educational-age .age-comparison > div { display: flex; flex-direction: column; min-width: 0; border: 1px solid #69744C; border-radius: 10px; background: #F5F7EC; padding: 16px 10px; }
.educational-age .age-comparison dt { font-size: 16px; line-height: 1.4; font-weight: 700; }
.educational-age .age-comparison dd { margin: auto 0 0; padding-top: 8px; }
.educational-age .age-number { display: block; font: 400 48px/1.1 'DM Serif Display', Georgia, serif; }
.educational-age .age-unit { display: block; font-size: 16px; }
.educational-age .health-next-steps { padding-left: 24px; }
.educational-age .health-next-steps li { margin: 14px 0; }
.educational-age .snapshot-card h2 { scroll-margin-top: 16px; }
.educational-age .missing-list { padding-left: 20px; }
.educational-age .missing-list button { font-size: 16px; padding: 8px; margin: 4px 0; text-align: left; }
.educational-age .snapshot-card details { margin: 24px 0; }
.educational-age .assessment-progress { height: 6px; border-radius: 9px; overflow: hidden; background: #E3E7D3; margin: 0 0 28px; }
.educational-age .assessment-progress span { display: block; height: 100%; background: #69744C; border-radius: inherit; }
.educational-age .response-choice-note { border-left: 4px solid #B9CF5C; background: #EEF3D6; padding: 12px 16px; font-weight: 700; }
.educational-age .question-source { display: inline-block; font-size: 14px; margin: 0 0 18px; }
.educational-age .snapshot-card[data-view=results] { padding: 24px; }
.educational-age .pure-report .report-cover h2 { color: #F4F1E6; }
.educational-age .optional-support { margin-top: 28px; padding-top: 12px; border-top: 1px solid #D9DEC6; }
@media (max-width: 860px) { .educational-age .snapshot-layout { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .educational-age .snapshot-card[data-view=results] { padding: 20px 16px; } }
@media print { .educational-age .language-row { display: none; } .educational-age .heuristic-disclosure { display: block; } }

/* Optional first-page signup is independent of assessment participation. */
.educational-age .assessment-signup { padding: 18px; margin: 0 0 24px; border: 1px solid #9AAA60; border-radius: 12px; background: #EEF3D6; }
.educational-age .assessment-signup a { display: block; padding: 14px 18px; min-height: 48px; border-radius: 8px; background: #B9CF5C; color: #26301A; font-weight: 700; line-height: 1.45; text-align: center; text-decoration: none; overflow-wrap: anywhere; }
.educational-age .assessment-signup a:hover { background: #A8C044; }
.educational-age .assessment-signup a:focus-visible { outline: 3px solid #4E3F17; outline-offset: 4px; }
.educational-age .assessment-signup p { margin: 12px 0 0; font-size: 15px; line-height: 1.5; }