/* ============================================================
   PATHWAYS — Inner page shared styles
   ============================================================ */

/* ── Page hero ── */
.page-hero {
  background: linear-gradient(150deg, #eef4fa 0%, #fafbfd 100%);
  border-bottom: 1px solid var(--grey-200);
  padding: 3.5rem 1.5rem 3rem;
}
.page-hero-inner { max-width: var(--max-w); margin: 0 auto; }
.page-hero h1   { margin-bottom: .6rem; }
.page-hero .hero-sub { font-size: 1.05rem; max-width: 620px; margin-top: .5rem; }

/* ── Page content ── */
.page-content { max-width: var(--max-w); margin: 0 auto; padding: 3.5rem 1.5rem 5rem; }

/* ── Prose ── */
.prose h2 { font-size: 1.55rem; margin: 2.5rem 0 .75rem; }
.prose h3 { font-size: 1.1rem; margin: 1.75rem 0 .5rem; }
.prose p  { margin-bottom: 1rem; }
.prose ul, .prose ol { margin: .75rem 0 1rem 1.5rem; display: flex; flex-direction: column; gap: .4rem; }
.prose li { color: var(--text-muted); font-size: .97rem; }
.prose a  { color: var(--blue-mid); text-decoration: underline; }
.prose a:hover { color: var(--navy); }

/* ── Two-col layout ── */
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }
.two-col-aside { display: grid; grid-template-columns: 2fr 1fr; gap: 3rem; align-items: start; }

/* ── Sidebar card ── */
.sidebar-card {
  background: var(--grey-100); border: 1px solid var(--grey-200);
  border-radius: var(--radius); padding: 1.5rem;
  position: sticky; top: calc(var(--nav-h) + 1.5rem);
}
.sidebar-card h3 { font-size: 1rem; margin-bottom: .75rem; }
.sidebar-nav { display: flex; flex-direction: column; gap: .25rem; }
.sidebar-nav a {
  display: block; font-size: .875rem; color: var(--grey-700);
  text-decoration: none; padding: .4rem .75rem;
  border-radius: var(--radius-sm); border-left: 2px solid transparent;
  transition: all var(--transition);
}
.sidebar-nav a:hover { color: var(--navy); border-left-color: var(--green); background: var(--white); }

/* ── Responsive ── */
@media (max-width: 860px) {
  .two-col, .two-col-aside { grid-template-columns: 1fr; }
  .sidebar-card { position: static; }
}