/* Hallmark · pre-emit critique: P4 H5 E4 S5 R5 V4
 * genre: playful · tone: warm and curious · theme: existing Carret identity
 * structure: parent introduction, evidence of thinking, questions, editable school note
 * nav: established N1b · footer: compact shared navigation after the school note
 * existing FAQ and copy behaviour; no scroll reveals
 * responsive rules reviewed in source; visual review delegated to the owner
 */
@import url('/home.css');

.parents-page { background: var(--color-paper); color: var(--color-ink); font-family: var(--font-body); }
.parents-page h1, .parents-page h2, .parents-page h3 { font-family: var(--font-display); font-style: normal; font-weight: 700; overflow-wrap: anywhere; min-width: 0; }
.parents-page h2 { font-size: var(--text-heading); line-height: 1.15; letter-spacing: -.035em; }
.parents-page p { color: var(--color-muted); }
.parents-page a:focus-visible, .parents-page button:focus-visible, .parents-page summary:focus-visible, .parents-page textarea:focus-visible { outline: 3px solid var(--color-focus); outline-offset: 5px; }
.parents-page .hm-header nav a[aria-current]::after { display: none; }
.parents-page .hm-header nav a[aria-current] { text-decoration: underline; text-underline-offset: .5em; text-decoration-thickness: 2px; color: var(--color-accent); }
.pa-hero { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-xl); padding-block: var(--space-xl) var(--space-2xl); align-items: center; }
.pa-hero-copy { display: grid; gap: var(--space-lg); min-width: 0; }
.pa-hero h1 { font-size: clamp(2rem, 9.5vw, 2.5rem); line-height: 1.08; letter-spacing: -.04em; }
.pa-hero h1 span { color: var(--color-accent); }
.pa-hero-copy > p { max-width: 39ch; line-height: 1.65; }
.pa-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-xs) var(--space-lg); }
.pa-hero-actions .hm-link { font-size: var(--text-sm); }
.pa-hero-photo { min-width: 0; margin: 0; }
.pa-hero-photo img { width: 100%; height: auto; aspect-ratio: 1.1; object-fit: cover; object-position: 50% 35%; border-radius: var(--radius-card); }
.pa-hero-photo figcaption { font-size: var(--text-sm); color: var(--color-muted); padding-top: var(--space-md); line-height: 1.5; }
.pa-thinking { padding-block: var(--space-2xl); background: var(--color-blue-soft); }
.pa-thinking-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-xl); }
.pa-thinking-layout > div > p { max-width: 39ch; margin-top: var(--space-lg); line-height: 1.65; }
.pa-capabilities { display: grid; gap: var(--space-lg); margin: 0; }
.pa-capabilities > div { display: grid; gap: var(--space-sm); padding-bottom: var(--space-lg); border-bottom: var(--rule-hair) solid var(--color-rule); }
.pa-capabilities > div:last-child { border-bottom: 0; padding-bottom: 0; }
.pa-capabilities dt { font: 700 var(--text-md)/1.25 var(--font-display); color: var(--color-blue-dark); }
.pa-capabilities dd { margin: 0; max-width: 46ch; color: var(--color-blue-dark); font-size: var(--text-base); line-height: 1.6; }
.pa-faq { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-xl); padding-block: var(--space-2xl); }
.pa-faq-intro > p { max-width: 32ch; margin-top: var(--space-lg); line-height: 1.65; }
.pa-faq-intro .hm-link { font-size: var(--text-sm); margin-top: var(--space-md); }
.pa-faq-list { min-width: 0; }
.pa-faq-list details { border-bottom: var(--rule-hair) solid var(--color-rule); }
.pa-faq-list details:first-child { border-top: var(--rule-hair) solid var(--color-rule); }
.pa-faq-list summary { min-height: 64px; gap: var(--space-md); padding-block: var(--space-lg); color: var(--color-ink); font-weight: 700; font-size: var(--text-base); line-height: 1.5; }
.pa-faq-list summary > span { min-width: 0; }
.pa-faq-list summary .icon { flex-shrink: 0; color: var(--color-accent); }
.pa-faq-list details p { padding: 0 0 var(--space-lg); max-width: 64ch; color: var(--color-muted); font-size: var(--text-base); line-height: 1.65; }
.pa-ask-school { padding-block: var(--space-2xl); background: var(--color-orange-soft); scroll-margin-top: 100px; }
.pa-ask-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-xl); align-items: start; }
.pa-ask-copy > p { max-width: 36ch; margin-top: var(--space-lg); line-height: 1.65; }
.pa-ask-copy .pa-ask-guidance { font-size: var(--text-sm); color: var(--color-ink); }
.pa-message { min-width: 0; padding: var(--space-lg); border-radius: var(--radius-card); background: var(--color-surface); }
.pa-message > label { display: block; font: 700 var(--text-lg)/1.25 var(--font-display); }
.pa-message > p { font-size: var(--text-sm); }
.pa-message > #school-message-help { margin-top: var(--space-xs); }
.pa-message textarea { display: block; width: 100%; min-height: 26rem; resize: vertical; padding: var(--space-md); margin-top: var(--space-lg); border: var(--rule-hair) solid var(--color-rule); border-radius: var(--radius-sm); background: var(--color-paper); color: var(--color-ink); font-size: var(--text-base); line-height: 1.65; caret-color: var(--color-accent); }
.pa-message-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-md); margin-top: var(--space-lg); }
.pa-copy { border: 0; font-size: var(--text-sm); gap: var(--space-sm); cursor: pointer; }
.pa-copy .icon { width: 18px; height: 18px; }
.pa-message .pa-copy-status { min-height: 3em; margin-top: var(--space-md); line-height: 1.5; }
.parents-page .hm-footer { padding-block: 0 var(--space-lg); background: var(--color-orange-soft); }

@media (hover: hover) and (pointer: fine) {
  .pa-faq-list summary:hover { color: var(--color-accent); }
  .pa-copy:hover { background: var(--color-accent-deep); }
  .pa-copy:hover .icon { transform: none; }
}
@media (min-width: 40rem) {
  .pa-hero h1 { font-size: clamp(2.5rem, 4.5vw, 4rem); }
  .pa-hero-photo img { aspect-ratio: 1.45; }
  .pa-message { padding: var(--space-xl); }
  .pa-message textarea { min-height: 24rem; }
}
@media (min-width: 60rem) {
  .pa-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: var(--space-2xl); padding-bottom: var(--space-3xl); }
  .pa-hero-copy > p { font-size: 1.125rem; }
  .pa-hero-photo img { aspect-ratio: 1.2; }
  .pa-thinking, .pa-ask-school { padding-block: var(--space-3xl); }
  .pa-thinking-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: var(--space-3xl); }
  .pa-capabilities dt { font-size: var(--text-lg); }
  .pa-faq { grid-template-columns: minmax(0, .85fr) minmax(0, 1.25fr); gap: var(--space-3xl); padding-block: var(--space-3xl); }
  .pa-faq-list summary { min-height: 76px; }
  .pa-ask-layout { grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr); gap: var(--space-3xl); }
  .pa-ask-copy { padding-top: var(--space-xl); }
}