/* Shared compact typography for Adults and Parents. User correction, 04 Nov 2026.
   Fixed readable text sizes, independent of illustration/container width.
   Original artwork and copy remain untouched; this scale supersedes study sizes. */
body#start.compact-type {
  --type-body:16px;
  --type-h1:38px;
  --type-h2:32px;
  font-family:Spinnaker,Arial,sans-serif;
  font-weight:400;
}
body#start.compact-type .adult-shell {font-size:var(--type-body)}
body#start.compact-type :is(h1,h2,h3,h4) {font-family:Spinnaker,Arial,sans-serif;font-weight:400;text-shadow:none}
body#start.compact-type h1 {font-size:var(--type-h1);line-height:1.2}
body#start.compact-type h2 {font-size:var(--type-h2);line-height:1.25}
body#start.compact-type h3 {font-size:20px;line-height:1.35}
body#start.compact-type h4 {font-size:17px;line-height:1.4}
body#start.compact-type :is(.hero-copy,.parents-intro-copy)>p,
body#start.compact-type main p,
body#start.compact-type :is(.detail-body,.attitude-columns,.adult-topics-columns) {font-size:var(--type-body);line-height:1.6}
body#start.compact-type :is(.hero-copy,.parents-intro-copy)>p {margin-top:18px;max-width:44ch}
body#start.compact-type :is(.hero-copy,.parents-intro-copy)>.brush-button {margin-top:22px}
body#start.compact-type :is(.concerns-copy,.attitude-columns,.first-contact) p+p {margin-top:18px}
body#start.compact-type :is(.concerns-copy,.attitude-copy) h2,
body#start.compact-type .contact-chapter h2 {margin-bottom:20px}
body#start.compact-type .concerns-copy p {max-width:70ch}
body#start.compact-type .brush-button {font-size:16px;line-height:1.35;min-height:52px;padding:12px 28px;gap:28px}
body#start.compact-type :is(.text-link,.info-button,.privacy-link) {font-size:16px;line-height:1.5}
body#start.compact-type .attitude-copy .info-button {min-height:0;padding:0;margin-top:20px}
body#start.compact-type :is(.reading-detail,.adult-topics) summary {font-size:16px;line-height:1.5;min-height:48px;padding-block:12px}
body#start.compact-type :is(.detail-toggle,.adult-topics-toggle) {width:20px;height:20px;flex-basis:20px}
body#start.compact-type .adult-topics-category h3 {font-size:22px;margin-bottom:20px}
body#start.compact-type .adult-topics-subgroup h4 {font-size:17px}
body#start.compact-type .practice-calm-profile h2 {font-size:22px;line-height:1.25}
body#start.compact-type .practice-calm-profile :is(p,summary) {font-size:16px;line-height:1.6}
body#start.compact-type .meeting-steps h3 {font-size:20px;margin-bottom:12px}
body#start.compact-type .meeting-steps li {grid-template-columns:44px minmax(0,1fr);gap:14px}
body#start.compact-type .step-number {width:44px;height:44px;font-size:24px}
body#start.compact-type .first-contact address {margin-top:28px;margin-bottom:20px;gap:12px}
body#start.compact-type .first-contact address>a,
body#start.compact-type .first-contact address>div {font-size:16px;line-height:1.5;gap:12px}
body#start.compact-type .first-contact address svg {width:24px;height:24px}
body#start.compact-type .field {font-size:16px;line-height:1.5;gap:6px;margin-bottom:18px}
body#start.compact-type .field :is(input,textarea) {font-family:Spinnaker,Arial,sans-serif;font-size:16px;padding:10px 12px}
body#start.compact-type .field input {height:46px;min-height:46px}
body#start.compact-type .field textarea {height:160px;min-height:160px}
body#start.compact-type .form-intro {font-size:16px;margin-bottom:20px}
body#start.compact-type .form-hint {font-size:13px;line-height:1.5;margin:8px 0 20px}
body#start.compact-type .privacy-link {font-size:13px}
body#start.compact-type .form-actions {gap:18px}
body#start.compact-type .form-status {font-size:16px;line-height:1.5}
body#start.compact-type .adult-footer {font-size:14px}
body#start.compact-type :is(.footer-subtitle,.adult-footer nav) {font-size:13px}
body#start.compact-type .registration {font-size:12px}
body#start.compact-type .breadcrumb {font-size:14px}
@media(min-width:1051px){
  body#start.compact-type .concerns {grid-template-rows:max-content 1fr}
  /* The existing paint needs its full native aspect ratio even with shorter copy. */
  body#start.compact-type .attitude {min-height:66.7cqw}
}
@media(max-width:1050px){
  body#start.compact-type {--type-h1:32px;--type-h2:28px}
  body#start.compact-type .brush-button {min-height:48px;padding:11px 26px}
}
@media(max-width:650px){
  body#start.compact-type {--type-h1:30px;--type-h2:26px}
  body#start.compact-type .practice-calm-profile h2 {font-size:20px}
  body#start.compact-type .form-row {grid-template-columns:minmax(0,1fr);gap:0}
}