/* ASD / Asperger pillar pages. Page-specific only; loaded after modern.css. */

body.asd-pillar-page .asd-pillar-shell { padding-top: 1.15rem !important; }
body.asd-pillar-page .asd-pillar { max-width: 1080px !important; }
body.asd-pillar-page .pillar-hero { max-width: 950px; margin-bottom: 1rem; }
body.asd-pillar-page .pillar-hero h1 { margin-bottom: .75rem !important; }
body.asd-pillar-page .pillar-hero .modern-lead,
body.asd-pillar-page .asd-pillar > p,
body.asd-pillar-page .clinical-box p {
  max-width: 82ch;
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
}
body.asd-pillar-page .hero-alt { font-size: .96rem; margin: .15rem 0 .4rem; }
body.asd-pillar-page .asd-pillar h2 { margin-top: 1.7rem !important; margin-bottom: .82rem !important; }

body.asd-pillar-page .video-block {
  width: min(100%, 680px);
  max-width: 680px;
  margin: .9rem 0 1.6rem;
}
body.asd-pillar-page .video-responsive {
  position: relative; width: 100%; height: 0; padding-bottom: 56.25%;
  overflow: hidden; border-radius: .65rem; box-shadow: 0 7px 22px rgba(0,0,0,.08);
}
body.asd-pillar-page .video-responsive iframe {
  position: absolute; inset: 0; width: 100% !important; height: 100% !important; border: 0;
}
body.asd-pillar-page .compact-video { margin: 0; width: 100%; max-width: 100%; }

body.asd-pillar-page .two-col,
body.asd-pillar-page .choice-grid,
body.asd-pillar-page .media-split {
  display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem;
  max-width: 960px; align-items: start; margin: .85rem 0 1.35rem;
}

body.asd-pillar-page .signs-grid,
body.asd-pillar-page .screening-grid {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 1rem !important; max-width: 960px;
}
body.asd-pillar-page .differential-grid {
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 1rem !important; max-width: 960px;
}
body.asd-pillar-page .evaluation-steps {
  grid-template-columns: repeat(2,minmax(0,1fr)) !important;
  gap: 1rem !important; max-width: 960px;
}

body.asd-pillar-page .choice-card {
  border: 1px solid rgba(210,210,210,.9); border-radius: .65rem; background: #fff;
  padding: 1.15rem 1.2rem; box-shadow: 0 3px 13px rgba(0,0,0,.035);
}
body.asd-pillar-page .primary-choice { border-left: 5px solid #f56a6a; }
body.asd-pillar-page .choice-card h3 { margin: .25rem 0 .55rem; }
body.asd-pillar-page .choice-card p { text-align: left; margin-bottom: .9rem; }

body.asd-pillar-page .media-split { align-items: center; }
body.asd-pillar-page .modern-card p { text-align: left; }
body.asd-pillar-page .final-cta { max-width: 960px; }

@media screen and (max-width: 980px) {
  body.asd-pillar-page .two-col,
  body.asd-pillar-page .choice-grid,
  body.asd-pillar-page .media-split,
  body.asd-pillar-page .signs-grid,
  body.asd-pillar-page .screening-grid,
  body.asd-pillar-page .differential-grid,
  body.asd-pillar-page .evaluation-steps {
    grid-template-columns: 1fr !important;
  }
}
@media screen and (max-width: 736px) {
  body.asd-pillar-page .asd-pillar-shell { padding-top: .8rem !important; }
  body.asd-pillar-page .modern-actions .button { width: 100%; text-align: center !important; }
  body.asd-pillar-page .video-block { width: 100%; max-width: 100%; }
}

/* Slightly more breathing room between the table-of-contents pills and the next heading. */
body.asd-pillar-page .asd-pillar .toc {
    margin-bottom: 1.35rem !important;
}