/* Content sections for the three Academia pages. Hero layout lives in heroes.css. */
.story-page { background: var(--cream); }
.story-page .site-header { background: rgba(250,247,243,.96); }
.story-page .site-header::after { display: none; }
.story-page .site-header.is-scrolled { background: rgba(250,247,243,.98); }
.story-page .narrative-section,
.story-page .principles-section,
.story-page .philosophy-section,
.story-page .ler-narrative,
.story-page .ler-steps { background: var(--cream); }
.story-page .academy-hero + .section { padding-top: 48px; }
.story-page .ler-conclusion { margin: 36px 0 0; text-align: center; }
.story-page .eyebrow,
.story-page .section-heading h2 span,
.story-page .principle-card > span { color: var(--blue); }
.story-page .signature-quote,
.story-page .narrative-section blockquote,
.story-page .editorial-layout blockquote {
  background: #eef4f8;
  border-left-color: var(--magenta);
  box-shadow: none;
}
.story-page .philosophy-grid article,
.story-page .principle-card,
.story-page .ler-grid article {
  background: #fff;
  border-color: rgba(45,99,149,.16);
  border-radius: 10px;
  box-shadow: 0 12px 34px rgba(23,60,96,.06);
}
.story-page .philosophy-icon.blue { color: var(--blue); background: #eaf2f8; }
.story-page .principle-icon {
  width: 46px;
  height: 46px;
  color: #a87321 !important;
  background: transparent !important;
  border: 0;
  border-radius: 0;
}
.story-page .principle-icon .icon { width: 38px; height: 38px; stroke-width: 1.45; }
.story-page .philosophy-icon.magenta { color: var(--magenta); background: #f6ebf2; }
.story-page .principle-card:nth-child(even) .principle-icon { color: #a87321 !important; background: transparent !important; }

@media (min-width: 1440px) {
  .story-page .principles-grid {
    grid-template-columns: repeat(7,minmax(0,1fr));
    gap: 0;
    margin-top: 32px;
    overflow: hidden;
    border: 1px solid rgba(168,115,33,.16);
    border-radius: 16px;
    background: rgba(255,255,255,.46);
  }
  .story-page .principles-section > .shell { width: var(--shell); }
  .story-page .principle-card {
    min-height: 0;
    padding: 24px 15px;
    border: 0;
    border-right: 1px solid rgba(168,115,33,.17);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }
  .story-page .principle-card:last-child { border-right: 0; }
  .story-page .principle-card h3 { font-size: 1.02rem; line-height: 1.35; }
  .story-page .principle-card p { font-size: .84rem; line-height: 1.6; }
}

@media (max-width: 600px) {
  .story-page .academy-hero + .section { padding-top: 28px; }
}