/* Typography for the Spanish philosophy document. */
.page-vision { background: #fff; }
.page-vision .nav-panel { grid-template-columns: auto 1fr; }
.page-vision .brand-summary { display: none; }
.page-vision .site-nav { min-width: 0; flex-wrap: wrap; }
.vision-page { width: calc(100% - 64px); max-width: none; padding-top: 40px; }
.vision-hero { display: block; min-height: 0; color: #172b3a; background: none; border: 0; }
.vision-hero > div { display: block; padding: 0 0 28px; }
.vision-hero .section-label { color: #52687a; }
.vision-hero h1 { max-width: none; color: #172b3a; font-size: clamp(2rem, 5vw, 3rem); line-height: 1.15; letter-spacing: -.025em; }
.vision-question { display: none; }
.vision-introduction { max-width: none; margin: 0; padding: 24px 0 32px; border-top: 1px solid #d7dfe5; border-bottom: 0; }
.vision-introduction > .section-label { display: none; }
.vision-introduction h2,
.vision-section h2 { max-width: none; font-family: system-ui, sans-serif; font-size: 1.65rem; font-weight: 700; line-height: 1.3; letter-spacing: -.02em; margin: 0 0 20px; }
.vision-introduction > p:not(.section-label),
.vision-section > p:not(.vision-number),
.vision-section li { font-family: Georgia, 'Times New Roman', serif; font-size: 19px; line-height: 1.75; color: #293846; max-width: none; margin: 0 0 18px; }
.vision-section strong { color: #162b3b; font-weight: 700; }
.vision-layout { display: block; max-width: none; margin: 0; }
.vision-index { position: static; margin: 0 0 40px; padding: 20px 24px; border: 1px solid #d7dfe5; background: #f6f8fa; }
.vision-index .section-label { padding: 0; }
.vision-index ol { list-style: disc; padding-left: 20px; }
.vision-index li { padding: 5px 0; border: 0; }
.vision-index a { font-size: .95rem; font-weight: 500; color: #235a80; }
.vision-section { padding: 30px 0; border-top: 1px solid #d7dfe5; scroll-margin-top: 24px; }
.vision-section h3 { margin: 28px 0 12px; font-family: system-ui, sans-serif; font-size: 1.15rem; font-weight: 700; color: #172b3a; }
.vision-section ul { margin: 18px 0 24px; padding-left: 28px; list-style: disc outside; }
.vision-section li { padding-left: 6px; margin-bottom: 10px; }
.vision-section li::marker { color: #235a80; }
.vision-statement,
.vision-emphasis { padding: 0; border: 0; background: none; font-weight: 600; }
.page-vision .vision-closing { max-width: none; margin-top: 24px; padding: 24px 0; }
.page-vision .vision-closing h2 { font-size: 1.35rem; }
@media (max-width: 760px) {
  .page-vision .nav-panel { grid-template-columns: minmax(0, 1fr); }
  .page-vision .site-nav { flex-wrap: wrap; }
  .vision-page { width: calc(100% - 36px); padding-top: 30px; }
  .vision-hero > div { padding: 0 0 24px; }
  .vision-introduction { margin: 0; padding: 24px 0; }
  .vision-introduction h2, .vision-section h2 { font-size: 1.45rem; }
  .vision-introduction > p:not(.section-label), .vision-section > p:not(.vision-number), .vision-section li { font-size: 18px; line-height: 1.7; }
  .vision-section { padding: 26px 0; }
}