@font-face {
  font-family: "Geist";
  src: url("/assets/_vinext_fonts/geist-8ac0455e797f/geist-98bbbccb.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --navy: #082b68;
  --navy-deep: #031f52;
  --blue: #1262cf;
  --green: #2f9b36;
  --green-dark: #087d2d;
  --purple: #6730a0;
  --teal: #078692;
  --ink: #0a2e67;
  --muted: #466083;
  --line: #d6e2ef;
  --soft: #f4f8fc;
  --white: #ffffff;
  --shadow: 0 14px 36px rgba(8, 43, 104, 0.14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: #f6f9fc;
  font-family: "Geist", "Segoe UI", Arial, sans-serif;
  line-height: 1.5;
}
img, svg { display: block; max-width: 100%; }
a { color: inherit; }
button, a { font: inherit; }
.prototype-site { min-height: 100vh; overflow: hidden; }
.page-shell { width: min(1380px, calc(100% - 32px)); margin: 0 auto; }
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Shared official header */
.site-header {
  background: #fff;
  border-bottom: 1px solid #dfe7f0;
  box-shadow: 0 4px 16px rgba(8, 43, 104, 0.08);
}
.site-header-inner {
  min-height: 104px;
  display: grid;
  grid-template-columns: minmax(210px, 310px) 1px minmax(270px, 1fr) minmax(210px, 300px);
  gap: 28px;
  align-items: center;
  padding: 18px 26px;
}
.district-logo { width: 300px; }
.header-divider { width: 1px; height: 56px; background: #bdcbd9; }
.site-title { margin: 0; font-size: clamp(24px, 2.4vw, 38px); line-height: 1.04; letter-spacing: -0.03em; font-weight: 520; }
.counseling-logo { width: 290px; justify-self: end; }

/* Shared homepage-style hero */
.hero-wrap { background: #fff; }
.hero {
  position: relative;
  min-height: 430px;
  overflow: hidden;
  background-image: linear-gradient(90deg, #fff 0%, rgba(255,255,255,.98) 35%, rgba(255,255,255,.74) 48%, rgba(255,255,255,0) 70%), url("/hero-sharp-straight-middle-part.png");
  background-position: center;
  background-size: cover;
}
.hero-copy { position: relative; z-index: 2; width: 56%; padding: 38px 0 92px 44px; }
.hero-copy h1 { margin: 0; font-size: clamp(31px, 3.35vw, 51px); line-height: 1.08; letter-spacing: -0.04em; font-weight: 550; }
.hero-copy h1 span { display: block; }
.hero-copy h1 span:nth-child(2) { color: var(--blue); }
.hero-copy h1 span:nth-child(3) { color: var(--purple); }
.hero-copy h1 span:nth-child(4) { color: var(--teal); }
.hero-copy p { max-width: 555px; margin: 24px 0 0; color: #304b73; font-size: 15px; line-height: 1.65; }
.hero-heart {
  position: absolute;
  z-index: 2;
  top: 26px;
  right: 8.5%;
  width: 88px;
  height: 88px;
  padding: 7px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(8,43,104,.28);
}
.hero-heart img { width: 100%; height: 100%; object-fit: contain; }
.quick-items { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-top: 25px; }
.quick-item {
  min-height: 61px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  color: #fff;
  border-radius: 9px;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.12;
  box-shadow: 0 8px 18px rgba(8,43,104,.25), inset 0 1px rgba(255,255,255,.2);
  cursor: default;
  user-select: none;
}
a.quick-item { position: relative; z-index: 2; cursor: pointer; text-decoration: none; }
a.quick-item::before, a.quick-item::after, a.quick-item *::before, a.quick-item *::after { pointer-events: none; }
.quick-item svg { flex: 0 0 31px; width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.quick-green { background: linear-gradient(135deg, #42ad43, #24932d); }
.quick-blue { background: linear-gradient(135deg, #2672e4, #1645a7); }
.quick-purple { background: linear-gradient(135deg, #8042b9, #5c2694); }
.quick-teal { background: linear-gradient(135deg, #12a0a7, #057781); }
.ribbons { position: absolute; right: -5%; bottom: -24px; z-index: 3; width: 68%; height: 104px; transform: rotate(-3deg); }
.ribbons span { position: absolute; inset-inline: 0; height: 34px; border-radius: 100% 0 0; }
.ribbons span:nth-child(1) { top: 0; background: var(--green); }
.ribbons span:nth-child(2) { top: 22px; background: var(--purple); }
.ribbons span:nth-child(3) { top: 44px; background: var(--navy); }

/* Breadcrumbs */
.breadcrumbs { padding: 25px 0 20px; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 11px; align-items: center; margin: 0; padding: 0; list-style: none; color: var(--navy); font-size: 14px; }
.breadcrumbs li { display: flex; align-items: center; gap: 11px; }
.breadcrumbs li:not(:last-child)::after { content: "›"; color: #53749f; font-size: 22px; line-height: 1; }
.breadcrumbs a { text-decoration: none; font-weight: 650; }
.breadcrumbs a:hover { text-decoration: underline; }
.breadcrumbs a:focus-visible, .text-link:focus-visible, .button-link:focus-visible, .grade-link:focus-visible, .path-card:focus-visible { outline: 4px solid #f6c944; outline-offset: 4px; }
.home-icon { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* Homepage wellness cycle */
.cycle-section { background: #fff; padding: 32px 0 28px; }
.cycle-card { border: 1px solid var(--line); border-radius: 18px; background: #fff; padding: 22px 28px 28px; box-shadow: var(--shadow); }
.section-title { display: flex; align-items: center; justify-content: center; gap: 20px; margin: 0; text-align: center; color: var(--navy); font-size: clamp(22px, 2.4vw, 31px); text-transform: uppercase; letter-spacing: .02em; }
.section-title::before, .section-title::after { content: ""; width: 44px; height: 2px; background: var(--blue); }
.section-lead { max-width: 990px; margin: 13px auto 25px; text-align: center; color: #385277; font-size: 15px; line-height: 1.6; }
.cycle-grid { display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 18px; }
.cycle-step { position: relative; text-align: center; }
.cycle-step:not(:last-child)::after { content: "⋯›"; position: absolute; top: 40px; right: -19px; color: var(--blue); font-size: 22px; letter-spacing: -5px; }
.cycle-icon { width: 92px; height: 92px; margin: 0 auto 14px; display: grid; place-items: center; border: 7px solid #fff; border-radius: 50%; color: #fff; box-shadow: 0 6px 16px rgba(8,43,104,.25); }
.cycle-icon svg { width: 48px; height: 48px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.cycle-green { background: var(--green); }
.cycle-blue { background: var(--blue); }
.cycle-purple { background: var(--purple); }
.cycle-teal { background: var(--teal); }
.cycle-slate { background: #477b90; }
.cycle-navy { background: #084091; }
.cycle-number { display: block; min-height: 40px; color: var(--navy); font-size: 13px; font-weight: 850; line-height: 1.25; text-transform: uppercase; }
.cycle-step p { margin: 9px 0 0; color: #385277; font-size: 12px; line-height: 1.55; }

/* Homepage pathways */
.pathways { padding: 36px 0 42px; color: #fff; background: radial-gradient(circle at 50% 0, #0b4c98 0, var(--navy) 48%, #031d4c 100%); }
.path-kicker { margin: 0; color: #66d76a; text-align: center; font-size: 13px; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }
.pathways h2 { margin: 6px 0 4px; text-align: center; font-size: clamp(34px, 4vw, 53px); line-height: 1.1; font-weight: 450; letter-spacing: -0.04em; }
.path-intro { margin: 0 0 26px; text-align: center; color: #dbe9f8; }
.path-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; max-width: 1180px; margin: 0 auto; }
.path-card { min-height: 302px; display: flex; flex-direction: column; align-items: flex-start; padding: 27px; border-radius: 17px; color: var(--navy); background: #fff; text-decoration: none; box-shadow: 0 14px 30px rgba(0,0,0,.18); transition: transform .18s, box-shadow .18s; }
a.path-card:hover { transform: translateY(-5px); box-shadow: 0 20px 34px rgba(0,0,0,.23); }
.path-card[aria-disabled="true"] { cursor: default; }
.path-icon { width: 58px; height: 58px; display: grid; place-items: center; border-radius: 15px; color: #fff; }
.path-icon svg { width: 35px; height: 35px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.path-green .path-icon { background: var(--green); }
.path-blue .path-icon { background: var(--blue); }
.path-teal .path-icon { background: var(--teal); }
.path-eyebrow { margin-top: 22px; color: #587098; font-size: 11px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.path-card strong { margin-top: 8px; font-size: 23px; line-height: 1.14; }
.path-card p { margin: 12px 0 0; color: #526887; font-size: 14px; line-height: 1.55; }
.path-arrow { margin-top: auto; width: 39px; height: 39px; display: grid; place-items: center; border-radius: 50%; color: #fff; font-size: 22px; }
.path-green .path-arrow { background: var(--green); }
.path-blue .path-arrow { background: var(--blue); }
.path-teal .path-arrow { width: auto; padding: 0 14px; border-radius: 20px; background: var(--teal); font-size: 12px; font-weight: 800; }
.selected-path { max-width: 1180px; margin: 22px auto 0; display: grid; grid-template-columns: auto 1fr auto; gap: 20px; align-items: center; padding: 18px 22px; border-left: 7px solid #57c94e; border-radius: 16px; color: var(--navy); background: #fff; box-shadow: 0 12px 28px rgba(0,0,0,.17); }
.selected-path .path-icon { background: var(--green); }
.selected-label { color: #647a9a; font-size: 10px; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.selected-path h3 { margin: 4px 0 3px; font-size: 19px; }
.selected-path p { margin: 0; color: #4f6688; font-size: 13px; }
.selected-path ul { margin: 0; padding: 0; list-style: none; font-size: 12px; font-weight: 750; }
.selected-path li::before { content: "✓"; margin-right: 10px; color: var(--green); font-weight: 900; }

/* Supporting school counselors */
.supporting-page { background: linear-gradient(#f7faff, #fff); }
.supporting-resource-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 0 auto 22px; }
.supporting-resource-card { position: relative; z-index: 1; min-width: 0; min-height: 92px; display: flex; align-items: center; gap: 16px; padding: 17px 20px; border: 2px solid transparent; border-radius: 14px; color: #fff; text-decoration: none; box-shadow: 0 8px 20px rgba(8,43,104,.24), inset 0 1px rgba(255,255,255,.2); transition: transform .18s, box-shadow .18s, border-color .18s; }
.supporting-resource-card::before, .supporting-resource-card::after, .supporting-resource-card *::before, .supporting-resource-card *::after { pointer-events: none; }
.supporting-resource-card.quick-button-guide { background: #27912e; }
.supporting-resource-card.quick-button-counselor { background: #164cb5; }
.supporting-resource-card:hover { transform: translateY(-3px); box-shadow: 0 12px 24px rgba(8,43,104,.3); }
.supporting-resource-card:focus-visible { outline: 4px solid #f6cd4b; outline-offset: 3px; }
.supporting-resource-card.is-current { border-color: #f6cd4b; box-shadow: 0 0 0 3px rgba(246,205,75,.32), 0 10px 22px rgba(8,43,104,.25); }
.supporting-resource-icon { flex: 0 0 54px; width: 54px; height: 54px; display: grid; place-items: center; border-radius: 12px; background: rgba(255,255,255,.14); }
.supporting-resource-icon svg { width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 2.2px; stroke-linecap: round; stroke-linejoin: round; }
.supporting-resource-copy { min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.supporting-resource-copy strong { font-size: clamp(17px, 2vw, 23px); line-height: 1.1; }
.supporting-resource-copy small { color: rgba(255,255,255,.9); font-size: 13px; line-height: 1.3; }
.supporting-current-label { margin-left: auto; padding: 6px 9px; border-radius: 999px; background: rgba(255,255,255,.18); white-space: nowrap; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.grade-section { padding: 0 0 35px; }
.grade-panel { padding: 18px 32px 28px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow); }
.grade-panel .section-title { font-size: clamp(22px, 2.2vw, 30px); }
.grade-panel .section-title::before, .grade-panel .section-title::after { background: var(--green); }
.grade-panel > p { max-width: 670px; margin: 8px auto 26px; text-align: center; color: #2f4d75; }
.grade-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 55px; max-width: 970px; margin: 0 auto; }
.grade-choice { position: relative; text-align: center; }
.grade-circle { width: 230px; height: 230px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; border: 10px solid #fff; border-radius: 50%; color: #fff; box-shadow: 0 0 0 2px #e5ebf1, 0 11px 27px rgba(8,43,104,.22); }
.grade-circle svg { width: 86px; height: 86px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.grade-circle strong { margin-top: 9px; font-size: 21px; line-height: 1.08; text-transform: uppercase; }
.grade-green { background: linear-gradient(145deg, #43a438, #24882f); }
.grade-purple { background: linear-gradient(145deg, #7b3eb4, #55218f); }
.grade-teal { background: linear-gradient(145deg, #0797a1, #046f7c); }
.grade-label { margin: 14px 0 0; font-size: 16px; }
.grade-soon { position: absolute; top: 7px; right: calc(50% - 102px); padding: 6px 11px; border: 2px solid #fff; border-radius: 18px; color: var(--navy); background: #f4ca45; font-size: 11px; font-weight: 900; text-transform: uppercase; box-shadow: 0 4px 10px rgba(8,43,104,.2); }
.grade-link { display: block; border-radius: 50%; text-decoration: none; }
.grade-link .grade-circle { transition: transform .18s, box-shadow .18s; }
.grade-link:hover .grade-circle { transform: translateY(-6px); box-shadow: 0 0 0 3px #6fd77a, 0 18px 32px rgba(8,43,104,.3); }
.active-demo { display: inline-block; margin-top: 7px; padding: 4px 11px; border-radius: 14px; color: #fff; background: var(--teal); font-size: 11px; font-weight: 850; letter-spacing: .05em; text-transform: uppercase; }

/* Shared ribbon footer */
.site-footer { position: relative; min-height: 0; padding: 28px 16px 108px; overflow: hidden; background: #fff; }
.footer-brand { position: relative; z-index: 4; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.footer-brand img { width: 205px; height: auto; margin: 0 auto; object-fit: contain; }
.footer-brand p { max-width: 100%; margin: 8px 0 0; color: var(--teal); font-size: 13px; font-weight: 700; line-height: 1.5; }
.footer-brand p span:nth-child(1) { color: var(--teal); }
.footer-brand p span:nth-child(2) { color: var(--blue); }
.footer-brand p span:nth-child(3) { color: var(--purple); }
.footer-ribbon-left, .footer-ribbon-right { position: absolute; z-index: 1; bottom: -50px; width: 43%; height: 90px; transform: rotate(7deg); background: var(--navy); pointer-events: none; }
.footer-ribbon-left { left: -4%; }
.footer-ribbon-right { right: -4%; transform: rotate(-7deg); }
.footer-ribbon-left::before, .footer-ribbon-right::before { content: ""; position: absolute; inset: -18px 0 auto; height: 14px; background: var(--purple); }
.footer-ribbon-left::after, .footer-ribbon-right::after { content: ""; position: absolute; inset: -28px 0 auto; height: 8px; background: var(--green); }

/* High school August library */
.library-page { background: #fff; }
.compact-header .site-header-inner { min-height: 82px; padding-block: 12px; }
.compact-header .district-logo { width: 235px; }
.compact-header .site-title { font-size: clamp(21px, 2vw, 30px); font-weight: 700; }
.compact-header .counseling-logo { width: 225px; }
.library-intro { display: grid; grid-template-columns: 1fr 280px; gap: 35px; align-items: center; padding-bottom: 16px; }
.library-intro h1 { margin: 0; color: var(--navy); font-size: clamp(40px, 5vw, 63px); line-height: 1; letter-spacing: -0.055em; }
.library-theme { margin: 13px 0 0; color: var(--green-dark); font-size: 17px; font-weight: 800; }
.library-copy { max-width: 730px; margin: 13px 0 0; color: #183b70; font-size: 16px; line-height: 1.55; }
.respect-mark { width: 270px; display: grid; place-items: center; justify-self: center; }
.respect-mark img { width: 100%; height: auto; object-fit: contain; display: block; }
.focus-panel { position: relative; display: grid; grid-template-columns: 1.1fr repeat(3, 1fr); min-height: 165px; margin: 12px 0 24px; border: 1px solid #b8cbe0; border-radius: 17px; background: #fff; box-shadow: var(--shadow); }
.focus-label { position: absolute; top: -20px; left: 18px; display: flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 8px 8px 8px 0; color: #fff; background: var(--green); font-size: 12px; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.focus-cell { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 35px 20px 18px; text-align: center; }
.focus-cell:not(:first-of-type) { border-left: 1px solid #bccbdd; }
.focus-month strong { color: var(--green); font-size: clamp(35px, 4vw, 49px); line-height: 1; }
.focus-cell svg { width: 51px; height: 51px; margin-bottom: 8px; fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.focus-cell span { font-size: 13px; font-weight: 750; }
.focus-cell b { margin-top: 3px; color: var(--navy); font-size: 16px; line-height: 1.18; }
.green-text { color: var(--green); }
.blue-text { color: var(--blue); }
.purple-text { color: var(--purple); }
.lesson-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.august-resource-links { display: grid; gap: 20px; margin: 24px 0 18px; }
.awareness-toolkit-link { display: block; overflow: hidden; border-radius: 15px; box-shadow: 0 8px 22px rgba(8,43,104,.10); transition: transform .18s ease, box-shadow .18s ease; }
.awareness-toolkit-link img { display: block; width: 100%; height: auto; }
.planning-resource-row { display: grid; grid-template-columns: minmax(0, 2.1fr) minmax(235px, .9fr); gap: 24px; align-items: stretch; }
.planning-resource-card { min-width: 0; min-height: 190px; display: grid; place-items: center; overflow: hidden; border: 1px solid #d0ddeb; border-radius: 16px; background: #fff; box-shadow: 0 8px 20px rgba(8,43,104,.08); }
.data-journey-card { padding: 9px; }
.data-journey-card img { display: block; width: 100%; height: auto; border-radius: 11px; }
.morning-announcements-link { display: grid; padding: 24px; text-decoration: none; transition: transform .18s ease, filter .18s ease; }
.morning-announcements-link img { display: block; width: min(100%, 430px); height: auto; }
.awareness-toolkit-link:hover, .awareness-toolkit-link:focus-visible,
.morning-announcements-link:hover, .morning-announcements-link:focus-visible { transform: translateY(-2px); }
.awareness-toolkit-link:hover, .awareness-toolkit-link:focus-visible { box-shadow: 0 12px 28px rgba(8,43,104,.16); }
.morning-announcements-link:hover, .morning-announcements-link:focus-visible { filter: drop-shadow(0 7px 10px rgba(8,43,104,.13)); }
.awareness-toolkit-link:focus-visible, .morning-announcements-link:focus-visible { outline: 3px solid #1771d4; outline-offset: 4px; }
.visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
.lesson-card { position: relative; min-height: 425px; display: flex; flex-direction: column; padding: 38px 28px 22px; border: 2px solid; border-radius: 16px; background: #fff; box-shadow: 0 8px 20px rgba(8,43,104,.08); }
.lesson-card.navy { border-color: #0a448f; }
.lesson-card.green { border-color: #189139; }
.lesson-tab { position: absolute; top: 0; left: 0; padding: 9px 24px; border-radius: 13px 0 13px 0; color: #fff; font-size: 12px; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
.navy .lesson-tab { background: #0a448f; }
.green .lesson-tab { background: #188b37; }
.lesson-type { position: absolute; top: 12px; right: 20px; margin: 0; font-size: 11px; font-weight: 850; text-transform: uppercase; }
.navy .lesson-type { color: #0a448f; }
.green .lesson-type { color: #188b37; }
.lesson-title { display: grid; grid-template-columns: 82px 1fr; gap: 16px; align-items: center; margin-top: 15px; }
.lesson-emblem { width: 76px; height: 76px; display: grid; place-items: center; border: 4px double currentColor; border-radius: 50%; }
.lesson-emblem svg { width: 49px; height: 49px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.navy .lesson-emblem { color: #0a448f; }
.green .lesson-emblem { color: #188b37; }
.lesson-title h2 { margin: 0; font-size: clamp(28px, 3vw, 39px); line-height: 1.02; letter-spacing: -0.045em; }
.navy .lesson-title h2 { color: var(--navy); }
.green .lesson-title h2 { color: #07802d; }
.lesson-details { margin: 18px 0 12px; display: grid; gap: 11px; }
.detail-row { display: grid; grid-template-columns: 38px 1fr; gap: 12px; align-items: start; color: #123a70; font-size: 14px; line-height: 1.35; }
.detail-row svg { width: 31px; height: 31px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.green .detail-row { color: #116f32; }
.ccmr { margin-top: auto; }
.ccmr h3 { margin: 0 0 8px; color: var(--navy); font-size: 13px; text-transform: uppercase; letter-spacing: .02em; }
.tag-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.tag { padding: 8px 6px; border-radius: 14px; text-align: center; font-size: 12px; line-height: 1.1; }
.tag:nth-child(1) { color: #08752a; background: #e7f5e7; }
.tag:nth-child(2) { color: #0b55af; background: #e6f0fc; }
.tag:nth-child(3) { color: #672c98; background: #f0e8f7; }
.button-link, .inactive-button { min-height: 47px; display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 13px; border-radius: 24px; color: #fff; font-weight: 850; text-decoration: none; }
.navy .button-link, .navy .inactive-button { background: linear-gradient(90deg, #0a4aa2, #002f75); }
.green .button-link { background: linear-gradient(90deg, #14a13d, #05772b); }
.button-link:hover { filter: brightness(1.08); }
.inactive-button { opacity: .76; cursor: not-allowed; }
.teacher-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin: 20px 0 30px; }
.teacher-panel { overflow: hidden; border: 1px solid #d0ddeb; border-radius: 15px; background: #fff; box-shadow: 0 8px 20px rgba(8,43,104,.08); }
.teacher-panel h2 { margin: 0; padding: 10px 19px; color: #fff; font-size: 17px; text-transform: uppercase; letter-spacing: .03em; }
.discussion h2 { background: #0a448f; }
.tips h2 { background: #07872e; }
.discussion ul { margin: 0; padding: 15px 22px 5px 47px; color: #163b72; }
.discussion li { position: relative; margin: 8px 0; font-size: 13px; }
.discussion li::before { content: "💬"; position: absolute; left: -29px; font-size: 14px; }
.tip-callout { margin: 10px 16px 16px; padding: 13px 15px; border-radius: 12px; color: #123a70; background: #eef4fb; font-size: 13px; }
.tip-block { display: grid; grid-template-columns: 54px 1fr; gap: 14px; align-items: center; padding: 12px 18px; }
.tip-block + .tip-block { border-top: 1px solid #c7ddcd; }
.tip-icon { width: 47px; height: 47px; display: grid; place-items: center; border: 3px solid currentColor; border-radius: 50%; }
.tip-icon svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.tip-block p { margin: 0; color: #123a70; font-size: 12px; line-height: 1.35; }
.tip-block strong { display: block; font-size: 13px; }

/* Empowering families */
.families-page { background: #fff; }
.families-main { padding: 22px 0 32px; }
.families-title-row { position: relative; text-align: center; padding: 10px 0 22px; }
.families-title-row h1 { margin: 0; color: var(--navy); font-size: clamp(46px, 6vw, 82px); line-height: .95; letter-spacing: -0.05em; text-transform: uppercase; }
.families-title-row h1 span { color: var(--green-dark); font-weight: 430; text-transform: none; font-style: italic; }
.families-theme { margin: 20px 0 0; color: var(--navy); font-size: clamp(15px, 1.8vw, 22px); font-weight: 650; }
.families-theme strong { color: var(--green-dark); }
.families-lead { max-width: 780px; margin: 20px auto 0; color: #1b4275; font-size: clamp(18px, 2vw, 26px); line-height: 1.45; }
.featured-family { display: grid; grid-template-columns: minmax(280px, 36fr) minmax(360px, 44fr) minmax(160px, 20fr); gap: 24px; align-items: center; margin: 18px 0 32px; padding: 26px; border: 2px solid #d7ecd9; border-radius: 27px; background: linear-gradient(105deg, #f3faf3, #fff); overflow: hidden; }
.specialists-photo { min-width: 0; display: grid; place-items: center; border-radius: 23px; background: #fff; box-shadow: 0 8px 18px rgba(8,43,104,.14); overflow: hidden; }
.specialists-photo img { width: 100%; height: auto; object-fit: contain; object-position: center; display: block; }
.featured-copy { min-width: 0; padding: 8px 0; }
.featured-label { display: inline-block; padding: 7px 18px; border-radius: 20px; color: #fff; background: var(--green-dark); font-size: 13px; font-weight: 900; text-transform: uppercase; }
.featured-copy h2 { margin: 12px 0 7px; color: var(--navy); font-size: clamp(30px, 3.2vw, 48px); line-height: 1.05; letter-spacing: -0.04em; overflow-wrap: anywhere; }
.featured-copy p { max-width: 610px; margin: 0; color: #254b76; font-size: 17px; line-height: 1.52; }
.family-house { min-width: 0; display: grid; place-items: center; }
.family-house img { width: 100%; height: auto; max-width: 220px; object-fit: contain; object-position: center; display: block; margin-inline: auto; }
.audio-action { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 17px; }
.coming-button { min-height: 49px; display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 0 24px; border: 0; border-radius: 24px; color: #fff; background: linear-gradient(90deg, #0a8e34, #047328); font-weight: 850; text-transform: uppercase; cursor: not-allowed; opacity: 1; }
.coming-badge { display: inline-flex; align-items: center; min-height: 31px; padding: 0 12px; border: 1px solid #8bc99a; border-radius: 16px; color: #087b2d; background: #eef8f0; font-size: 11px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.family-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.family-card { min-height: 430px; display: flex; flex-direction: column; padding: 0 24px 22px; border: 2px solid #e0e8ef; border-radius: 25px; background: #fff; text-align: center; box-shadow: 0 8px 22px rgba(8,43,104,.08); }
.family-card-visual { position: relative; min-height: 160px; display: grid; place-items: center; margin: 0 -24px 20px; border-radius: 23px 23px 0 0; overflow: hidden; }
.family-card-visual::before, .family-card-visual::after { content: ""; position: absolute; border-radius: 50%; opacity: .32; }
.family-card-visual::before { width: 210px; height: 210px; top: -85px; left: -40px; }
.family-card-visual::after { width: 170px; height: 170px; right: -45px; bottom: -90px; }
.family-card-visual svg { position: relative; z-index: 2; width: 92px; height: 92px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.family-green .family-card-visual { color: #0b7b30; background: #eff8ef; }
.family-green .family-card-visual::before, .family-green .family-card-visual::after { background: #7fd488; }
.family-blue .family-card-visual { color: #1262cf; background: #eef5fd; }
.family-blue .family-card-visual::before, .family-blue .family-card-visual::after { background: #74adee; }
.family-purple .family-card-visual { color: #6c32a0; background: #f4eff9; }
.family-purple .family-card-visual::before, .family-purple .family-card-visual::after { background: #ad87cf; }
.family-card h2 { margin: 0; font-size: 32px; line-height: 1.05; letter-spacing: -0.035em; }
.family-green h2 { color: #087b2d; }
.family-blue h2 { color: #1262cf; }
.family-purple h2 { color: #66309d; }
.family-card p { margin: 17px 0 20px; color: #466083; font-size: 15px; line-height: 1.55; }
.family-card .button-link, .family-card .inactive-resource { margin-top: auto; min-height: 51px; display: flex; align-items: center; justify-content: center; border-radius: 15px; font-weight: 850; text-decoration: none; }
.family-green .button-link { color: #087b2d; background: #e1f3e3; }
.family-blue .button-link { color: #185eb3; background: #e5effb; }
.family-blue .inactive-resource { color: #185eb3; background: #e5effb; }
.family-purple .inactive-resource { color: #66309d; background: #eee4f6; }
.family-purple > a[href="/empowering-families/family-activities/"] { position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; min-height: 51px; margin-top: auto; border-radius: 15px; color: #66309d; background: #eee4f6; font-weight: 850; text-decoration: none; cursor: pointer; pointer-events: auto; }
.family-purple > a[href="/empowering-families/family-activities/"]:hover { background: #e2d2ef; }
.family-purple > a[href="/empowering-families/family-activities/"]:focus-visible { outline: 4px solid #f6c944; outline-offset: 4px; }
.inactive-resource { cursor: not-allowed; }
.community-bar { display: grid; grid-template-columns: 100px 1fr 280px; gap: 26px; align-items: center; margin-top: 25px; padding: 22px 28px; border: 2px solid #e0e8f0; border-radius: 23px; background: #f7f9fc; }
.community-bar svg { width: 75px; height: 75px; fill: none; stroke: var(--navy); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.community-bar h2 { margin: 0; color: var(--navy); font-size: 26px; }
.community-bar p { margin: 4px 0 0; color: #466083; }
.community-resource-link { min-height: 52px; display: grid; place-items: center; border-radius: 14px; color: #214f95; background: #e7eef9; font-weight: 850; text-decoration: none; transition: background .18s, transform .18s; }
.community-resource-link:hover { background: #dbe8fa; transform: translateY(-2px); }
.community-resource-link:focus-visible { outline: 4px solid #f6c944; outline-offset: 4px; }

/* Conversation starters */
.conversation-page { background: #f4f8fc; }
.prototype-site.conversation-page { min-height: 100vh; height: auto; max-height: none; overflow-x: hidden; overflow-y: auto; }
.conversation-page main, .conversation-page .conversation-main { min-height: 0; height: auto; max-height: none; overflow: visible; }
.conversation-main { padding-bottom: 36px; }
.conversation-heading { text-align: center; }
.conversation-heading h1 { margin: 0; color: var(--navy); font-size: clamp(32px, 4vw, 50px); }
.conversation-heading p { margin: 8px 0 20px; color: #526887; }
.conversation-art { width: min(1060px, 100%); margin: 0 auto; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: var(--shadow); }
.conversation-art img { width: 100%; height: auto; border-radius: 9px; }
.conversation-page .conversation-portrait { width: min(760px, 100%); max-width: 100%; margin-inline: auto; }
.conversation-page .conversation-portrait img { display: block; width: 100%; max-width: 100%; height: auto; object-fit: contain; }
.back-row { display: flex; justify-content: center; margin-top: 22px; }
.text-link { display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: 25px; color: #fff; background: var(--green-dark); text-decoration: none; font-weight: 800; }
.text-link:hover { filter: brightness(1.08); }

/* Parent Minute Library */
.parent-minute-library-page{min-height:100vh;background:linear-gradient(145deg,#fff 55%,#f2f8f3)}
.parent-minute-heading{display:flex;align-items:center;justify-content:center;gap:24px;padding:18px 0 36px;text-align:left}.parent-minute-mark{display:grid;place-items:center;width:96px;height:96px;flex:0 0 96px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#119447,#08742f)}.parent-minute-mark svg{width:66px;height:66px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.parent-minute-kicker{margin:0 0 5px;color:#13813b;font-size:17px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.parent-minute-heading h1{margin:0;color:#071b60;font-size:clamp(38px,5vw,66px);line-height:1;letter-spacing:-.04em}.parent-minute-heading>div>p:last-child{margin:12px 0 0;color:#294c75;font-size:clamp(17px,1.7vw,23px)}
.parent-minute-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;padding-bottom:36px}.parent-minute-card{--pm:#11813b;display:flex;min-width:0;min-height:248px;flex-direction:column;align-items:center;padding:24px 14px 18px;border:1px solid #dce5e1;border-radius:16px;background:#fff;box-shadow:0 7px 18px rgba(7,27,96,.08);text-align:center}.pm-green{--pm:#18883c}.pm-blue{--pm:#145bd3}.pm-purple{--pm:#7c2ca4}.pm-teal{--pm:#087f90}.pm-audio-icon{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;color:#fff;background:var(--pm)}.pm-audio-icon svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.parent-minute-card h2{margin:18px 0 20px;color:var(--pm);font-size:clamp(18px,1.45vw,23px)}.parent-minute-card button{width:100%;min-height:52px;margin-top:auto;padding:9px 10px;border:2px solid var(--pm);border-radius:9px;color:var(--pm);background:#fff;font:750 clamp(12px,1vw,15px)/1.25 inherit;opacity:1;cursor:default}.parent-minute-back{display:flex;justify-content:center;padding-bottom:44px}.parent-minute-back a{display:inline-flex;padding:12px 20px;border-radius:999px;color:#fff;background:#087b2d;text-decoration:none;font-weight:800}.parent-minute-back a:focus-visible{outline:4px solid #f6c944;outline-offset:4px}
@media(max-width:1120px){.parent-minute-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.parent-minute-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.parent-minute-heading{flex-direction:column;padding-top:6px;text-align:center}.parent-minute-mark{width:78px;height:78px;flex-basis:78px}.parent-minute-mark svg{width:54px;height:54px}.parent-minute-grid{grid-template-columns:1fr;gap:16px}.parent-minute-card{min-height:225px}}

/* Final Empowering Families presentation */
.family-page-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:34px;align-items:center;padding-top:0;text-align:left}.family-page-hero-copy{min-width:0}.family-page-hero .families-lead{margin:22px 0 0}.family-page-hero-image{display:block;width:100%;max-height:300px;border-radius:22px;object-fit:cover;object-position:center;box-shadow:0 8px 22px rgba(8,43,104,.09)}
.specialists-actual{display:flex;min-height:330px;flex-direction:column;justify-content:flex-end;padding:18px 18px 0;background:#fff}.specialists-heading{text-align:center;color:#071b60}.specialists-heading strong{display:block;font:700 clamp(25px,2.4vw,36px)/1 Georgia,serif}.specialists-heading span{display:block;margin-top:2px;color:#148140;font:italic 700 clamp(27px,2.7vw,40px)/1 "Segoe Script",cursive}.specialists-heading p{margin:10px 0 0;font-size:14px;font-weight:800}.specialists-heading i{padding:0 9px;color:#259347;font-style:normal}.specialists-actual img{width:100%;height:230px;margin-top:4px;object-fit:cover;object-position:center 45%;border-radius:0;box-shadow:none}
.audio-action .video-coming{color:#fff;background:linear-gradient(90deg,#0a8e34,#047328);cursor:default}.audio-action .listen-button{border:2px solid #64b47c;color:#087b2d;background:#fff;cursor:pointer;text-decoration:none}.audio-action .listen-button:hover{background:#eef8f0}.audio-action .listen-button:focus-visible{outline:4px solid #f6c944;outline-offset:3px}
.parent-minute-card .pm-actions{display:grid;width:100%;gap:8px;margin-top:auto}.parent-minute-card .pm-actions button{margin-top:0;min-height:43px}.parent-minute-card .pm-audio-icon{font-size:30px;padding-left:5px}
.parent-minute-choice-heading{margin:12px 0 0;color:#087b2d;font-size:clamp(21px,2vw,29px);line-height:1.15}.pm-coming-soon{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border:2px solid #0b2d70;border-radius:999px;color:#fff;background:#0b2d70;font:850 12px/1 "Segoe UI",Arial,Helvetica,sans-serif;letter-spacing:.08em}.parent-minute-card.is-coming-soon{position:relative;background:#fbfcfc}.parent-minute-card.is-coming-soon .pm-coming-soon{margin-bottom:14px}.parent-minute-card.is-coming-soon .pm-audio-icon{opacity:.72}.parent-minute-card.is-coming-soon h2{margin-bottom:0}.parent-minute-coming-soon{position:absolute;z-index:2;top:19px;right:-43px;display:flex;width:164px;min-height:30px;align-items:center;justify-content:center;transform:rotate(39deg);color:#fff;background:#0b2d70;box-shadow:0 3px 10px rgba(11,45,112,.24);font:850 11px/1 "Segoe UI",Arial,Helvetica,sans-serif;letter-spacing:.08em}
@media(max-width:1050px){.family-page-hero{grid-template-columns:1fr;text-align:center}.family-page-hero .families-lead{margin-inline:auto}.family-page-hero-image{width:min(700px,100%);margin:auto}.specialists-actual img{height:300px}}
@media(max-width:650px){.family-page-hero{gap:22px}.family-page-hero-image{max-height:240px}.specialists-actual{min-height:0}.specialists-actual img{height:260px}.audio-action{justify-content:center}.audio-action .coming-button{width:100%}}

/* Approved mockup alignment: specialists typography and family hero framing */
.family-page-hero{grid-template-columns:minmax(0,1fr) minmax(430px,.95fr);gap:42px}.family-page-hero-image{width:100%;max-height:none;aspect-ratio:3/2;object-fit:contain;object-position:center;background:#fff;border-radius:24px}
.featured-family{grid-template-columns:minmax(340px,38fr) minmax(360px,43fr) minmax(160px,19fr)}
.specialists-actual{min-height:410px;padding:22px 22px 0;border:1px solid #d7e2ef}.specialists-heading{width:100%;padding:0 8px}.specialists-heading strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(35px,3vw,46px);font-weight:700;line-height:1.02;letter-spacing:-.025em}.specialists-heading span{margin-top:0;font-family:"Brush Script MT","Segoe Script",cursive;font-size:clamp(42px,3.6vw,56px);font-weight:500;line-height:.9;letter-spacing:0}.specialists-heading p{display:flex;align-items:center;justify-content:center;gap:13px;margin:18px 0 2px;font-size:clamp(15px,1.25vw,18px);line-height:1.2;white-space:nowrap}.specialists-heading i{padding:0;color:#259347;font-size:16px}.specialists-actual img{height:285px;margin-top:8px;object-fit:cover;object-position:center 64%}
@media(max-width:1050px){.family-page-hero{grid-template-columns:1fr}.family-page-hero-image{width:min(760px,100%)}.featured-family{grid-template-columns:1fr}.specialists-actual{width:min(620px,100%);margin:auto}.specialists-actual img{height:360px}}
@media(max-width:650px){.family-page-hero-image{max-height:none;aspect-ratio:3/2;object-fit:contain}.specialists-actual{padding:20px 14px 0}.specialists-heading strong{font-size:34px}.specialists-heading span{font-size:43px}.specialists-heading p{gap:8px;font-size:14px}.specialists-actual img{height:300px}}

/* High School monthly wellness guides */
.monthly-guides-page { min-height: 100vh; background: #fff; }
.monthly-guides-main { padding-bottom: 38px; }
.monthly-heading { margin: 12px 0 24px; }
.monthly-heading h1 { margin: 0; color: var(--navy); font-size: clamp(36px, 4.4vw, 61px); line-height: 1.05; letter-spacing: -0.045em; }
.monthly-heading p { margin: 13px 0 0; color: #39465f; font-size: clamp(16px, 1.5vw, 21px); }
.monthly-notice { display: grid; grid-template-columns: 68px 1fr; gap: 19px; align-items: center; margin-bottom: 27px; padding: 12px 20px; border: 1px solid #b8dee5; border-radius: 13px; background: linear-gradient(90deg, #eff9fa, #f9fcfd); }
.notice-icon { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #11929a, #00757d); box-shadow: 0 5px 12px rgba(0,118,128,.2); }
.notice-icon svg { width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.monthly-notice p { margin: 0; color: #49536b; font-size: 16px; line-height: 1.45; }
.monthly-notice strong { color: #007f89; font-size: 18px; }
.month-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 22px; }
.month-card { min-width: 0; min-height: 250px; display: flex; flex-direction: column; align-items: center; padding: 18px 16px 16px; border: 1px solid #c8d6e5; border-radius: 13px; background: #fff; text-align: center; box-shadow: 0 5px 14px rgba(8,43,104,.06); }
.month-card h2 { margin: 0; color: var(--navy); font-size: 18px; line-height: 1.1; text-transform: uppercase; }
.month-icon { width: 69px; height: 69px; display: grid; place-items: center; margin: 14px 0 10px; border: 1px solid #dfe5ec; border-radius: 50%; color: #596478; background: linear-gradient(145deg, #f8f9fb, #e9edf2); }
.month-icon svg { width: 43px; height: 43px; fill: none; stroke: currentColor; stroke-width: 2.1; stroke-linecap: round; stroke-linejoin: round; }
.month-card p { min-height: 46px; margin: 0 0 14px; color: #3b465e; font-size: 14px; line-height: 1.35; }
.month-coming, .month-button { width: 100%; min-height: 38px; display: flex; align-items: center; justify-content: center; margin-top: auto; border-radius: 10px; font-weight: 750; }
.month-coming { color: #3d465a; background: #edf0f4; cursor: not-allowed; }
.month-active { border: 2px solid #008993; box-shadow: 0 6px 16px rgba(0,137,147,.16); }
.month-active h2 { color: #00818a; }
.month-active .month-icon { color: #fff; border-color: transparent; background: linear-gradient(145deg, #14a5aa, #007782); }
.month-button { position: relative; padding: 0 12px; color: #fff; background: linear-gradient(90deg, #0c9298, #00747d); text-decoration: none; transition: filter .18s, transform .18s; }
.month-button:hover { filter: brightness(1.07); transform: translateY(-1px); }
.month-button:focus-visible { outline: 4px solid #f6c944; outline-offset: 3px; }
.month-arrow { position: absolute; right: 9px; width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: #087b83; background: #fff; font-size: 16px; line-height: 1; }

@media (max-width: 1050px) {
  .site-header-inner { grid-template-columns: 220px 1px 1fr 220px; gap: 18px; }
  .hero-copy { width: 61%; }
  .cycle-grid { grid-template-columns: repeat(3, 1fr); row-gap: 28px; }
  .cycle-step:not(:last-child)::after { display: none; }
  .grade-grid { gap: 20px; }
  .grade-circle { width: 205px; height: 205px; }
  .featured-family { grid-template-columns: minmax(260px, 36fr) minmax(330px, 44fr) minmax(140px, 20fr); gap: 18px; }
  .month-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 820px) {
  .page-shell { width: min(100% - 22px, 720px); }
  .site-header-inner { grid-template-columns: 1fr 1fr; min-height: auto; padding: 14px 18px; }
  .header-divider { display: none; }
  .site-title { grid-column: 1 / -1; grid-row: 2; text-align: center; }
  .district-logo { width: 235px; }
  .counseling-logo { width: 225px; }
  .hero { min-height: 590px; background-position: 62% center; }
  .hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 61%, rgba(255,255,255,.12) 100%); }
  .hero-copy { width: 100%; padding: 30px 22px 180px; }
  .hero-copy p { max-width: 600px; }
  .hero-heart { width: 70px; height: 70px; top: auto; bottom: 70px; right: 24px; }
  .quick-items { grid-template-columns: repeat(2, 1fr); }
  .ribbons { width: 90%; }
  .path-grid, .grade-grid, .family-card-grid { grid-template-columns: 1fr; max-width: 520px; }
  .selected-path { grid-template-columns: auto 1fr; }
  .selected-path ul { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 10px 20px; }
  .grade-grid { gap: 30px; }
  .focus-panel { grid-template-columns: repeat(2, 1fr); padding-top: 18px; }
  .focus-cell { min-height: 145px; padding-top: 24px; }
  .focus-cell:nth-of-type(3) { border-left: 0; border-top: 1px solid #bccbdd; }
  .focus-cell:nth-of-type(4) { border-top: 1px solid #bccbdd; }
  .library-intro { grid-template-columns: 1fr; }
  .respect-mark { width: min(270px, 72vw); justify-self: center; }
  .lesson-grid, .teacher-grid { grid-template-columns: 1fr; }
  .planning-resource-row { grid-template-columns: minmax(0, 1fr) minmax(210px, .58fr); gap: 18px; }
  .featured-family { grid-template-columns: minmax(250px, 2fr) minmax(0, 3fr); }
  .specialists-photo { width: min(100%, 560px); margin: 0 auto; }
  .featured-copy { padding: 0; }
  .family-house { grid-column: 1 / -1; }
  .family-house img { max-width: 190px; }
  .community-bar { grid-template-columns: 70px 1fr; }
  .community-bar .community-resource-link { grid-column: 1 / -1; }
  .month-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
  .page-shell { width: min(100% - 16px, 520px); }
  .site-header-inner { gap: 10px; padding: 12px; }
  .district-logo, .counseling-logo { width: 165px; }
  .site-title { font-size: 22px; }
  .hero { min-height: 650px; }
  .hero-copy { padding-inline: 16px; }
  .hero-copy h1 { font-size: 31px; }
  .quick-item { font-size: 10px; }
  .cycle-card { padding-inline: 15px; }
  .cycle-grid { grid-template-columns: 1fr 1fr; }
  .section-title { gap: 10px; font-size: 19px; }
  .section-title::before, .section-title::after { width: 18px; }
  .selected-path { grid-template-columns: 1fr; text-align: center; }
  .selected-path .path-icon { margin: 0 auto; }
  .selected-path ul { justify-content: center; }
  .grade-panel { padding-inline: 12px; }
  .supporting-resource-nav { grid-template-columns: 1fr; gap: 12px; }
  .supporting-resource-card { min-height: 82px; padding: 14px 15px; }
  .supporting-resource-icon { flex-basis: 48px; width: 48px; height: 48px; }
  .supporting-resource-icon svg { width: 36px; height: 36px; }
  .supporting-current-label { font-size: 9px; }
  .grade-circle { width: 190px; height: 190px; }
  .compact-header .site-header-inner { min-height: auto; }
  .compact-header .district-logo, .compact-header .counseling-logo { width: 165px; }
  .library-intro h1 { font-size: 39px; }
  .focus-panel { grid-template-columns: 1fr; }
  .focus-cell:not(:first-of-type) { border-left: 0; border-top: 1px solid #bccbdd; }
  .lesson-card { padding-inline: 18px; }
  .lesson-title { grid-template-columns: 64px 1fr; }
  .lesson-emblem { width: 60px; height: 60px; }
  .lesson-title h2 { font-size: 27px; }
  .planning-resource-row { grid-template-columns: 1fr; }
  .planning-resource-card { min-height: 0; }
  .morning-announcements-link { padding: 22px 18px; }
  .featured-family { padding: 15px; }
  .featured-family { grid-template-columns: 1fr; }
  .featured-copy { padding: 0; }
  .family-house { grid-column: auto; width: 100%; margin: 0 auto; }
  .family-house img { max-width: 180px; }
  .featured-copy h2 { font-size: clamp(30px, 10vw, 38px); }
  .community-bar { grid-template-columns: 1fr; text-align: center; }
  .community-bar svg { margin: 0 auto; }
  .conversation-art { padding: 7px; }
  .monthly-heading { text-align: center; }
  .monthly-heading h1 { font-size: 35px; }
  .monthly-notice { grid-template-columns: 52px 1fr; gap: 12px; padding: 12px; }
  .notice-icon { width: 48px; height: 48px; }
  .monthly-notice p, .monthly-notice strong { font-size: 14px; }
  .month-grid { grid-template-columns: 1fr; gap: 15px; }
  .month-card { min-height: 230px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* Counselor Connection */
.counselor-connection-page .page-shell { width: min(1460px, calc(100% - 36px)); }
.counselor-connection-page { background: #fff; color: #071b60; overflow-x: hidden; }
.cc-main { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr); gap: 42px; align-items: center; padding: 48px 0 38px; }
.cc-lockup-image { display: block; width: 100%; max-width: 735px; height: auto; margin: 0 auto; object-fit: contain; }
.cc-brand-lockup { display: flex; align-items: center; justify-content: center; gap: 22px; }
.cc-brand-lockup img { width: clamp(100px, 11vw, 152px); height: auto; flex: 0 0 auto; }
.cc-title-wrap { position: relative; min-width: 0; padding-top: 12px; }
.cc-the { position: absolute; top: 0; left: 14%; color: #071b60; font-size: clamp(18px, 1.7vw, 28px); font-weight: 850; letter-spacing: .04em; }
.cc-title-wrap h1 { margin: 0; font-size: clamp(54px, 7vw, 92px); line-height: .95; letter-spacing: -.06em; font-weight: 850; color: #0e37aa; background: linear-gradient(90deg,#184fc3 0%,#071b60 43%,#06915f 77%,#06879a 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.cc-script { margin: -5px 0 0; font-family: "Brush Script MT", "Segoe Script", cursive; color: #071b60; font-size: clamp(54px, 6vw, 84px); line-height: .9; transform: rotate(-2deg); }
.cc-tagline { margin: 14px 0 0; text-align: center; font-size: clamp(20px, 2.2vw, 33px); font-style: italic; font-weight: 650; }
.cc-tagline span:nth-child(1) { color: #1555c4; }.cc-tagline span:nth-child(2) { color: #319126; }.cc-tagline span:nth-child(3) { color: #7b2fa4; }
.cc-series { max-width: 620px; margin: 30px auto 20px; padding: 11px 24px; border-radius: 14px; background: linear-gradient(90deg,#06144e,#0b2b7e); color: white; text-align: center; font-size: clamp(18px, 1.8vw, 27px); font-weight: 800; }
.cc-description { max-width: 660px; margin: 0 auto; text-align: center; font-size: clamp(16px, 1.45vw, 22px); line-height: 1.65; font-weight: 650; }.cc-plan-text{color:#2e9424}.cc-teach-text{color:#1555c4}.cc-partner-text{color:#7b2fa4}.cc-thrive-text{color:#087f96}
.cc-session { padding: 28px 34px 24px; border-radius: 20px; background: linear-gradient(145deg,#f5f7fc,#f0f2f8); box-shadow: inset 0 0 40px rgba(17,57,139,.02); }
.cc-session-heading { display: flex; gap: 22px; align-items: flex-start; }.cc-round-icon { display: inline-grid; place-items: center; flex: 0 0 74px; width: 74px; height: 74px; border-radius: 50%; background: linear-gradient(145deg,#071451,#0d2c78); color: white; }.cc-round-icon svg { width: 48px; height: 48px; fill: none; stroke: currentColor; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.cc-session-heading p { margin: 12px 0 14px; font-size: clamp(18px,1.65vw,25px); font-weight: 850; }.cc-session-heading h2 { margin: 0; font-size: clamp(28px,3vw,43px); line-height: 1.1; color: #0b2265; }
.cc-session-details { margin: 20px 0 28px; padding-left: 96px; color: #30323b; font-size: clamp(21px,2vw,28px); font-weight: 650; }.cc-session-details p { margin: 7px 0; }
.cc-session-action { border-top: 1px solid #b9c8e0; padding: 28px 0 0; text-align: center; }.cc-live-button { display: inline-flex; justify-content: center; align-items: center; gap: 16px; width: min(100%,430px); min-height: 72px; padding: 16px 25px; border: 0; border-radius: 14px; color: white; background: linear-gradient(110deg,#245ad9,#1551d2); font: inherit; font-size: clamp(20px,2vw,28px); font-weight: 800; opacity: .76; cursor: not-allowed; }.cc-live-button svg { width: 38px; fill: currentColor; stroke: currentColor; }.cc-session-action p { margin: 10px 0 0; color: #50617c; font-size: 14px; font-weight: 650; }
.cc-cover { padding: 0 0 42px; }.cc-cover>h2 { display: flex; align-items: center; gap: 34px; margin: 0 0 22px; font-size: clamp(22px,2.25vw,32px); letter-spacing: .06em; text-align: center; white-space: nowrap; }.cc-cover>h2 span { height: 1px; background: #aabbd3; flex: 1; }
.cc-cover-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }.cc-topic { min-width: 0; padding: 0 34px 8px; text-align: center; }.cc-topic + .cc-topic { border-left: 1px solid #b4c2d5; }.cc-topic-icon { display: inline-grid; place-items: center; width: 94px; height: 94px; border-radius: 50%; color: white; }.cc-topic-icon svg { width: 62px; height: 62px; fill: none; stroke: currentColor; stroke-width: 2.7; stroke-linecap: round; stroke-linejoin: round; }.cc-topic h3 { margin: 12px 0; font-size: clamp(22px,2vw,31px); }.cc-topic p { display: grid; grid-template-columns: 10px 1fr; gap: 14px; align-items: start; margin: 0; color: #071b60; text-align: left; font-size: clamp(16px,1.45vw,21px); line-height: 1.45; font-weight: 600; }.cc-topic p i { width: 8px; height: 8px; margin-top: 11px; border-radius: 50%; background: currentColor; }.cc-plan .cc-topic-icon{background:linear-gradient(145deg,#54a72e,#237d18)}.cc-plan h3,.cc-plan p i{color:#2e9424}.cc-teach .cc-topic-icon{background:linear-gradient(145deg,#2770e6,#0d4abe)}.cc-teach h3,.cc-teach p i{color:#1555c4}.cc-partner .cc-topic-icon{background:linear-gradient(145deg,#9840ba,#6f238e)}.cc-partner h3,.cc-partner p i{color:#7b2fa4}.cc-thrive .cc-topic-icon{background:linear-gradient(145deg,#1597ac,#087388)}.cc-thrive h3,.cc-thrive p i{color:#087f96}
.cc-help { display: grid; grid-template-columns: 1.15fr 1fr 1fr .72fr; align-items: center; margin-bottom: 36px; padding: 20px 28px; border-radius: 18px; background: linear-gradient(145deg,#f4f6fb,#eef1f7); }.cc-help>*+* { border-left: 1px solid #b8c6da; padding-left: 38px; }.cc-help-title { display: flex; align-items: center; gap: 20px; }.cc-help-title h2 { margin: 0; font-size: clamp(22px,2vw,31px); }.cc-help-title p { margin: 5px 0 0; color: #1252b7; font-family: "Brush Script MT", "Segoe Script", cursive; font-size: clamp(24px,2.4vw,36px); }.cc-help address { display: grid; gap: 10px; font-style: normal; }.cc-help address strong { color: #071b60; font-size: clamp(17px,1.45vw,22px); }.cc-help address a { display: flex; align-items: center; gap: 10px; color: #104db3; font-size: clamp(13px,1.2vw,18px); text-decoration: none; overflow-wrap: anywhere; }.cc-help address svg { width: 28px; height: 28px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; }.cc-email-button { display: flex; align-items: center; justify-content: center; gap: 18px; color: #071b60; font-size: clamp(17px,1.45vw,22px); font-weight: 800; text-decoration: none; }.cc-email-button .cc-round-icon { flex-basis: 64px; width: 64px; height: 64px; }.cc-email-button .cc-round-icon svg { width: 40px; }

@media (max-width: 1050px) { .cc-main { grid-template-columns: 1fr; }.cc-intro { max-width: 760px; margin: 0 auto; }.cc-session { max-width: 760px; width: 100%; margin: 0 auto; }.cc-cover-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px 0; }.cc-topic:nth-child(3) { border-left: 0; }.cc-help { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 0; }.cc-help>*:nth-child(3) { border-left: 0; }.cc-help>*:nth-child(n+3) { border-top: 1px solid #b8c6da; padding-top: 20px; } }
@media (max-width: 650px) { .cc-main { padding: 28px 0; gap: 28px; }.cc-lockup-image { max-width: 100%; }.cc-session { padding: 22px 16px; }.cc-session-heading { gap: 14px; }.cc-session-heading .cc-round-icon { width: 58px; height: 58px; flex-basis: 58px; }.cc-session-heading .cc-round-icon svg { width: 38px; }.cc-session-details { padding-left: 0; text-align: center; }.cc-cover>h2 { gap: 12px; font-size: 20px; }.cc-cover-grid { grid-template-columns: 1fr; }.cc-topic { padding: 20px 20px 26px; }.cc-topic + .cc-topic { border-left: 0; border-top: 1px solid #b4c2d5; }.cc-help { grid-template-columns: 1fr; padding: 20px; }.cc-help>*+*,.cc-help>*:nth-child(3) { border-left: 0; border-top: 1px solid #b8c6da; padding: 20px 0 0; }.cc-help-title { justify-content: center; }.cc-help address { text-align: center; }.cc-help address a { justify-content: center; }.cc-email-button { padding-bottom: 3px; } }

/* Counselor Connection Library */
.cc-library-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;margin-bottom:28px;padding:24px 30px;border:1px solid #d4dfef;border-radius:18px;background:#fff;box-shadow:0 6px 18px rgba(7,27,96,.09)}
.cc-library-icon{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;color:#fff;background:#071b60}.cc-library-icon svg{width:44px;height:44px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cc-library-copy h2{margin:0 0 7px;color:#071b60;font-size:clamp(20px,2vw,29px);letter-spacing:.02em}.cc-library-copy p{margin:0;color:#132c67;font-size:clamp(15px,1.35vw,19px);line-height:1.45}
.cc-library-button{display:flex;align-items:center;justify-content:center;gap:18px;min-width:220px;min-height:60px;padding:13px 24px;border:2px solid #1458cf;border-radius:10px;color:#1458cf;font-size:18px;font-weight:800;text-decoration:none}.cc-library-button span{font-size:30px;line-height:1}.cc-library-button:hover{background:#edf4ff}.cc-library-button:focus-visible{outline:4px solid #f6c944;outline-offset:4px}
.cc-library-page{min-height:100vh;background:linear-gradient(145deg,#fff 60%,#f5f9ff)}.cc-library-site-header{border-bottom:1px solid #cbd7e8;background:#fff}.cc-library-site-header .page-shell{display:flex;align-items:center;min-height:112px;padding-block:16px}.cc-library-site-header img{display:block;width:262px;max-width:58vw;height:auto;object-fit:contain}.cc-library-breadcrumbs{padding-block:24px}.cc-library-breadcrumbs li:last-child{color:#1558cf;font-weight:800}
.cc-library-hero{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(400px,1.15fr);gap:60px;align-items:center;padding-top:18px;padding-bottom:34px}.cc-library-brand img{display:block;width:min(650px,100%);height:auto;object-fit:contain}.cc-library-heading h1{margin:0 0 26px;color:#071b60;font-size:clamp(34px,4vw,59px);line-height:1.04;letter-spacing:-.035em}.cc-library-info{display:flex;align-items:center;gap:22px;padding:22px 28px;border:1px solid #c9dcf8;border-radius:13px;background:#f6f9fe}.cc-library-info>span{display:grid;place-items:center;width:56px;height:56px;flex:0 0 56px;border:3px solid #115bd4;border-radius:50%;color:#115bd4;font:800 35px Georgia,serif}.cc-library-info p{margin:0;color:#071b60;font-size:clamp(16px,1.3vw,20px);line-height:1.5}
.cc-month-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin-bottom:36px}.cc-month-card{--month:#155bd1;display:flex;min-width:0;min-height:245px;flex-direction:column;align-items:center;padding:24px 14px 18px;border:1px solid #dbe2eb;border-radius:14px;background:#fff;box-shadow:0 5px 14px rgba(7,27,96,.08);text-align:center}.cc-month-blue{--month:#145bd3}.cc-month-green{--month:#238f1c}.cc-month-purple{--month:#8425ab}.cc-month-teal{--month:#087f90}.cc-calendar-icon{display:grid;place-items:center;width:78px;height:78px;border-radius:50%;color:#fff;background:var(--month)}.cc-calendar-icon svg{width:50px;height:50px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.cc-month-card h2{margin:18px 0 20px;color:var(--month);font-size:clamp(18px,1.5vw,23px)}.cc-month-card button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;margin-top:auto;padding:10px 9px;border:2px solid var(--month);border-radius:8px;color:var(--month);background:#fff;font:700 clamp(12px,1vw,15px)/1.2 inherit;opacity:1;cursor:default}.cc-month-card button span{font-size:23px;line-height:.7}
@media(max-width:1180px){.cc-library-hero{grid-template-columns:1fr;gap:28px}.cc-library-brand{max-width:720px;margin:auto}.cc-library-heading{text-align:center}.cc-library-info{max-width:760px;margin:auto;text-align:left}.cc-month-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.cc-library-banner{grid-template-columns:auto 1fr}.cc-library-button{grid-column:1/-1;width:100%}.cc-month-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cc-library-banner{grid-template-columns:1fr;padding:22px;text-align:center}.cc-library-icon{margin:auto}.cc-library-site-header .page-shell{min-height:90px}.cc-library-hero{padding-top:4px}.cc-library-heading h1{font-size:34px}.cc-library-info{align-items:flex-start;padding:18px}.cc-library-info>span{width:46px;height:46px;flex-basis:46px;font-size:28px}.cc-month-grid{grid-template-columns:1fr;gap:16px}.cc-month-card{min-height:225px}.cc-library-button{min-width:0}}
.cc-featured-lesson-link{display:inline-flex;align-items:center;justify-content:center;margin-top:.7rem;padding:.5rem .85rem;border:2px solid currentColor;border-radius:999px;color:#075bcc;font-weight:800;font-size:.82rem;text-decoration:none}.cc-featured-lesson-link:hover{background:#eaf3ff}.cc-featured-lesson-link:focus-visible,.audio-action a:focus-visible,.pm-actions a:focus-visible,.conversation-page a:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}
.audio-action a{cursor:pointer;text-decoration:none}
.parent-minute-card .pm-actions a{display:grid;place-items:center;min-height:43px;padding:.35rem .5rem;border:2px solid var(--pm);border-radius:9px;background:#fff;color:var(--pm);font:800 .78rem/1.15 Arial,sans-serif;text-align:center;text-decoration:none}.parent-minute-card.is-available{box-shadow:0 12px 30px rgba(3,89,61,.16)}.parent-minute-card.is-available .pm-actions a:hover{background:var(--pm);color:#fff}
.conversation-heading{max-width:780px;margin:2rem auto 1.5rem;text-align:center}.conversation-heading .eyebrow{margin:0 0 .35rem;color:#087a42;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.conversation-heading h1{margin:.2rem 0 .65rem;color:#06265e;font-size:clamp(2rem,5vw,3.6rem);line-height:1.05}.conversation-heading p:last-child{color:#17396f;font-size:clamp(1rem,2vw,1.2rem);line-height:1.55}.conversation-portrait{width:min(760px,100%);margin:0 auto}.conversation-portrait img{display:block;width:100%;height:auto;object-fit:contain;border-radius:20px;box-shadow:0 14px 38px rgba(7,41,98,.14)}.conversation-accessible{width:min(1100px,100%);margin:2.2rem auto;padding:clamp(1.15rem,3vw,2.3rem);border:1px solid #bfd9c7;border-radius:22px;background:#fff;color:#102e63;box-shadow:0 10px 30px rgba(7,41,98,.08);overflow-wrap:anywhere}.conversation-accessible>h2{margin:0 0 1.4rem;color:#06265e;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.2}.conversation-domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem}.conversation-domain-grid>section{min-width:0;padding:1.15rem;border:1px solid #d5e3f5;border-top:5px solid #16844c;border-radius:14px;background:#fbfdff}.conversation-domain-grid>section:nth-child(2){border-top-color:#1266c7}.conversation-domain-grid>section:nth-child(3){border-top-color:#7330a7}.conversation-domain-grid>section:nth-child(4){border-top-color:#08775d}.conversation-domain-grid h3,.conversation-tips h3{margin:0 0 .8rem;color:#073574;font-size:1.12rem;line-height:1.3}.conversation-domain-grid ol{margin:0;padding-left:1.45rem}.conversation-domain-grid li{margin:.65rem 0;line-height:1.55}.conversation-tips{margin-top:1.25rem;padding:1.2rem;border-radius:14px;background:#f0f8ee}.conversation-tips ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem 1.5rem;margin:0;padding-left:1.35rem}.conversation-tips li{line-height:1.5}.conversation-back{display:flex;width:max-content;max-width:100%;margin:0 auto 3rem;padding:.8rem 1.15rem;border-radius:999px;background:#073574;color:#fff;font-weight:800;text-decoration:none}.conversation-back:hover{background:#0d559f}@media(max-width:720px){.conversation-domain-grid,.conversation-tips ul{grid-template-columns:1fr}.conversation-accessible{border-radius:16px}.conversation-heading{margin-top:1.25rem}}
.cc-month-card .cc-month-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:46px;margin-top:auto;padding:10px 9px;border:2px solid var(--month);border-radius:8px;color:#fff;background:var(--month);font:700 clamp(12px,1vw,15px)/1.2 inherit;text-align:center;text-decoration:none}.cc-month-card .cc-month-link span{font-size:23px;line-height:.7}.cc-month-card.is-available{box-shadow:0 10px 26px rgba(20,91,211,.18)}.cc-month-card .cc-month-link:hover{filter:brightness(.92)}.cc-month-card .cc-month-link:focus-visible{outline:4px solid #f6c944;outline-offset:4px}
.cc-recap-page{min-height:100vh;background:#fff;color:#071b60}.cc-recap-shell{width:min(1000px,calc(100% - 32px));margin:auto;padding:20px 0 34px}.cc-recap-breadcrumbs{padding:0 0 22px}.cc-recap-breadcrumbs li:last-child{color:#237d18;font-weight:800}.cc-recap-header{text-align:center}.cc-recap-header>img{width:min(570px,84vw);height:auto;margin:0 auto 20px;object-fit:contain}.cc-recap-header h1{margin:0;color:#071b60;font-size:clamp(31px,5vw,53px);line-height:1.05;letter-spacing:.015em}.cc-recap-script{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin:5px 40px 4px}.cc-recap-script span{height:2px;background:#1760ce}.cc-recap-script p{margin:0;color:#1760ce;font:italic clamp(30px,5vw,49px)/1.1 Georgia,serif}.cc-recap-intro{margin:10px auto 20px;font-size:clamp(17px,2vw,22px)}.cc-recap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:16px 58px 24px}.cc-recap-card{--recap:#2d9227;display:flex;min-width:0;min-height:320px;flex-direction:column;align-items:center;padding:22px 28px;border:1px solid #dce2e9;border-radius:18px;background:#fff;box-shadow:0 5px 12px rgba(7,27,96,.1);text-align:center}.cc-recap-icon{display:grid;place-items:center;width:104px;height:104px;border-radius:50%;color:#fff;background:var(--recap)}.cc-recap-icon svg{width:66px;height:66px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.cc-recap-card h2{margin:9px 0 6px;color:var(--recap);font-size:30px}.cc-recap-card .recap-rule{width:60%;height:2px;background:var(--recap)}.cc-recap-card p{margin:13px 0 0;font-size:clamp(17px,2vw,22px);line-height:1.45}.recap-plan{--recap:#2e9424}.recap-teach{--recap:#1555c4}.recap-partner{--recap:#7b2fa4}.recap-thrive{--recap:#087f96}.cc-recap-resources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.cc-resource-card{--resource:#096828;display:grid;grid-template-columns:auto 1fr;gap:8px 20px;align-items:center;min-width:0;padding:24px 28px;border:1px solid #dce6dd;border-radius:16px;background:linear-gradient(135deg,#f4faf3,#fff)}.cc-resource-icon{grid-row:1/3;display:grid;place-items:center;width:90px;height:90px;border-radius:50%;color:#fff;background:var(--resource)}.cc-resource-icon svg{width:56px;height:56px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.cc-resource-card h2{margin:0;color:var(--resource);font-size:clamp(21px,2.2vw,28px)}.cc-resource-card p{margin:5px 0 0;font-size:17px;line-height:1.45}.cc-resource-card a{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:14px;min-height:54px;margin-top:8px;border-radius:9px;background:var(--resource);color:#fff;font-size:18px;font-weight:800;text-align:center;text-decoration:none}.cc-resource-card a:hover{filter:brightness(.92)}.cc-resource-card a:focus-visible,.cc-recap-page a:focus-visible{outline:4px solid #f6c944;outline-offset:4px}.resource-awareness{--resource:#6c209e;background:linear-gradient(135deg,#faf5ff,#fff)}
.cc-recording-card{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(270px,360px);gap:20px;align-items:center;margin:10px 58px 26px;padding:20px 24px;border:1px solid #c9daf4;border-radius:16px;background:linear-gradient(135deg,#f1f6ff,#fff);box-shadow:0 5px 12px rgba(7,27,96,.08)}.cc-recording-icon{display:grid;place-items:center;width:82px;height:82px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#2770e6,#0d4abe)}.cc-recording-icon svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.cc-recording-copy h2{margin:0;color:#0b2265;font-size:clamp(21px,2.2vw,28px)}.cc-recording-copy p{margin:6px 0 0;color:#17396f;font-size:17px;line-height:1.45}.cc-recording-button{display:grid;gap:3px;min-height:64px;padding:10px 18px;border:2px solid #7b8fad;border-radius:10px;color:#425776;background:#eef2f7;font:800 16px/1.25 inherit;text-align:center;cursor:not-allowed}.cc-recording-button small{font-size:12px;font-weight:700}
@media(max-width:760px){.cc-recap-script{margin-inline:0;gap:12px}.cc-recording-card{grid-template-columns:auto 1fr;margin-inline:0}.cc-recording-button{grid-column:1/-1;width:100%}.cc-recap-grid{grid-template-columns:1fr;margin-inline:0}.cc-recap-card{min-height:0}.cc-recap-resources{grid-template-columns:1fr}.cc-resource-card{padding:20px}.cc-resource-icon{width:74px;height:74px}.cc-resource-icon svg{width:46px;height:46px}}
@media(max-width:440px){.cc-recap-shell{width:min(100% - 20px,1000px)}.cc-recap-script p{font-size:28px}.cc-recap-card{padding:20px 18px}.cc-resource-card{grid-template-columns:1fr;text-align:center}.cc-resource-icon{grid-row:auto;margin:auto}.cc-resource-card a{grid-column:auto;font-size:16px}}
.prototype-site.family-activities-page{min-height:100vh;height:auto;max-height:none;overflow-x:hidden;overflow-y:auto;background:#f7f9fc}.family-activities-page .family-activities-main,.family-activities-page .family-activities-content{height:auto;max-height:none;overflow:visible}.family-activities-content{padding-bottom:44px}.family-activities-heading{margin:22px 0 28px}.family-activities-heading h1{margin:0;color:#071b60;font:700 clamp(46px,6vw,76px)/1 Georgia,"Times New Roman",serif;letter-spacing:-.035em}.family-activities-heading p{margin:10px 0 0;color:#17396f;font-size:clamp(18px,2vw,24px)}.family-activities-heading strong{color:#087f65}.activity-level-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.activity-level{--level:#078d82;min-width:0;border:1px solid color-mix(in srgb,var(--level) 35%,white);border-radius:21px;background:#fff;box-shadow:0 7px 20px rgba(7,27,96,.07);overflow:hidden}.activity-level>header{display:flex;align-items:center;gap:18px;min-height:124px;padding:20px 24px;border-bottom:1px solid color-mix(in srgb,var(--level) 35%,white);background:linear-gradient(135deg,color-mix(in srgb,var(--level) 8%,white),#fff)}.activity-level-icon{display:grid;place-items:center;width:72px;height:72px;flex:0 0 72px;border-radius:20px;color:#fff;background:var(--level);font-size:38px;font-weight:900;box-shadow:0 6px 14px color-mix(in srgb,var(--level) 25%,transparent)}.activity-level h2{margin:0;color:var(--level);font-size:clamp(25px,2.2vw,35px);line-height:1.05}.activity-level header p{margin:6px 0 0;color:var(--level);font-size:20px}.middle-level{--level:#1266ce}.high-level{--level:#71279d}.activity-level ol{margin:0;padding:0 24px 16px;list-style:none;counter-reset:activity}.activity-level li{counter-increment:activity;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:22px 0;border-bottom:2px dashed color-mix(in srgb,var(--level) 55%,white)}.activity-level li:last-child{border-bottom:0}.activity-level li::before{content:counter(activity);display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;background:var(--level);font-size:22px;font-weight:900}.activity-level h3{margin:0 0 6px;color:#071b60;font-size:19px;line-height:1.25}.activity-level li p{margin:0;color:#17396f;font-size:16px;line-height:1.55}.family-tip{display:flex;align-items:center;gap:24px;margin-top:22px;padding:20px 28px;border:2px solid #94b849;border-radius:18px;background:linear-gradient(100deg,#f7faef,#fff)}.family-tip>span{display:grid;place-items:center;width:84px;height:84px;flex:0 0 84px;border-radius:50%;color:#fff;background:linear-gradient(145deg,#7fad26,#4b8f1c);font-size:54px;line-height:1}.family-tip h2{margin:0;color:#08752d;font-size:30px}.family-tip p{margin:5px 0 0;color:#17396f;font-size:18px;line-height:1.55}.family-activities-page a:focus-visible{outline:4px solid #f6c944;outline-offset:4px}@media(max-width:1050px){.activity-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.high-level{grid-column:1/-1}}@media(max-width:720px){.activity-level-grid{grid-template-columns:1fr}.high-level{grid-column:auto}.activity-level>header{min-height:0}.family-tip{align-items:flex-start}.family-tip>span{width:66px;height:66px;flex-basis:66px;font-size:42px}}@media(max-width:460px){.family-activities-heading h1{font-size:42px}.activity-level>header{padding:18px}.activity-level-icon{width:58px;height:58px;flex-basis:58px;font-size:30px}.activity-level ol{padding-inline:18px}.activity-level li{grid-template-columns:40px minmax(0,1fr);gap:11px}.activity-level li::before{width:38px;height:38px}.family-tip{display:block;padding:20px}.family-tip>span{margin:0 auto 12px}.family-tip{text-align:center}}
.family-activities-page .family-activities-content{width:min(1360px,calc(100% - 48px));padding-bottom:34px}.family-activities-page .family-activities-heading{margin:28px 0 25px}.family-activities-page .family-activities-heading h1{font-size:clamp(50px,5.3vw,76px);letter-spacing:-.025em}.family-activities-page .activity-level-grid{gap:18px}.family-activities-page .activity-level{border-width:1.5px;border-radius:22px;box-shadow:0 4px 14px rgba(7,27,96,.05)}.family-activities-page .activity-level>header{display:grid;grid-template-columns:minmax(120px,.78fr) minmax(150px,1fr);gap:16px;min-height:124px;padding:10px 18px;background:linear-gradient(110deg,#effaf7,#fff)}.family-activities-page .middle-level>header{background:linear-gradient(110deg,#edf5ff,#fff)}.family-activities-page .high-level>header{background:linear-gradient(110deg,#f8f0fd,#fff)}.family-activities-page .activity-illustrations{display:flex;align-items:flex-end;justify-content:center;gap:2px;height:105px;min-width:0}.family-activities-page .activity-illustrations svg{display:block;max-height:100%;overflow:visible;stroke-linecap:round;stroke-linejoin:round}.family-activities-page .backpack{width:78px;fill:#11a79c;stroke:#063f4f;stroke-width:3}.family-activities-page .backpack .heart-fill{fill:#fff;stroke:#fff}.family-activities-page .teddy{width:72px;fill:#c98235;stroke:#673811;stroke-width:2.7}.family-activities-page .teddy-heart{fill:#078c84;stroke:#075d5b}.family-activities-page .blue-pack{fill:#2d80dc;stroke:#073d81}.family-activities-page .plant{width:62px;fill:#5ca82b;stroke:#235710;stroke-width:3}.family-activities-page .plant path:nth-last-child(-n+2){fill:#287ac7;stroke:#0b457c}.family-activities-page .grad-cap{width:92px;fill:#71309d;stroke:#371451;stroke-width:3}.family-activities-page .bulb{width:57px;fill:#fffaf0;stroke:#9a5f05;stroke-width:3}.family-activities-page .activity-level h2{font-size:clamp(28px,2.25vw,36px)}.family-activities-page .activity-level header p{font-size:20px}.family-activities-page .activity-level ol{padding:0 22px 14px}.family-activities-page .activity-level li{grid-template-columns:46px minmax(0,1fr);gap:13px;padding:20px 0}.family-activities-page .activity-level li::before{width:42px;height:42px;font-size:21px}.family-activities-page .activity-level h3{font-size:18px}.family-activities-page .activity-level li p{font-size:16px;line-height:1.5}.family-activities-page .family-tip{display:grid;grid-template-columns:auto minmax(0,1fr) 190px;gap:24px;margin-top:20px;padding:16px 24px;border-width:1.5px;background:linear-gradient(100deg,#f8fbef,#fff)}.family-activities-page .family-tip-heart{display:grid;place-items:center;width:86px;height:86px;flex:none;border-radius:50%;color:#fff;background:linear-gradient(145deg,#86b52c,#4e971b);font-size:55px}.family-activities-page .family-tip-art{justify-self:end;width:180px}.family-activities-page .family-tip-art svg{width:100%;height:auto;fill:none;stroke:#163a36;stroke-width:3;stroke-linejoin:round}.family-activities-page .family-tip-art .leaf{fill:#77b72b}.family-activities-page .family-tip-art .pot{fill:#fff9ea}.family-activities-page .family-tip-art .frame{fill:#25aab3}.family-activities-page .family-tip-art .frame-heart{fill:#8450ad;stroke:#64338a}.family-activities-page .family-tip h2{font-size:29px}.family-activities-page .family-tip p{font-size:17px;line-height:1.55}
@media(max-width:1100px){.family-activities-page .family-activities-content{width:min(100% - 32px,1360px)}.family-activities-page .activity-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-activities-page .high-level{grid-column:1/-1}.family-activities-page .activity-level>header{grid-template-columns:145px 1fr}.family-activities-page .family-tip{grid-template-columns:auto 1fr}.family-activities-page .family-tip-art{display:none}}
@media(max-width:740px){.family-activities-page .activity-level-grid{grid-template-columns:1fr}.family-activities-page .high-level{grid-column:auto}.family-activities-page .activity-level>header{grid-template-columns:130px 1fr}.family-activities-page .family-tip{grid-template-columns:1fr;text-align:center}.family-activities-page .family-tip-heart{margin:auto}.family-activities-page .family-activities-heading h1{font-size:46px}}
@media(max-width:430px){.family-activities-page .family-activities-content{width:min(100% - 20px,1360px)}.family-activities-page .activity-level>header{grid-template-columns:108px 1fr;padding-inline:12px}.family-activities-page .activity-illustrations{height:88px}.family-activities-page .activity-level h2{font-size:27px}.family-activities-page .activity-level header p{font-size:18px}.family-activities-page .activity-level ol{padding-inline:15px}.family-activities-page .activity-level li{grid-template-columns:40px minmax(0,1fr);gap:10px}.family-activities-page .activity-level li::before{width:38px;height:38px}.family-activities-page .family-tip{padding:18px}}
.family-activities-page .elementary-level{--level:#007a70}

/* Empowering Families: Parent Connection Minutes */
.featured-family.parent-connection-minutes{grid-template-columns:minmax(260px,.78fr) minmax(0,2.22fr);gap:26px;align-items:stretch;padding:24px;overflow:visible}
.parent-minute-specialists{min-height:0;justify-content:flex-start;padding:20px 18px 18px}
.parent-minute-specialists .specialists-heading strong{font-size:clamp(29px,2.2vw,38px)}
.parent-minute-specialists .specialists-heading span{font-size:clamp(35px,2.8vw,47px)}
.parent-minute-specialists .specialists-heading p{margin-top:13px;font-size:clamp(13px,1vw,16px)}
.parent-minute-specialists img{width:100%;height:auto;max-height:245px;margin:8px auto 0;object-fit:contain;object-position:center bottom}
.specialists-description{margin:13px auto 0;color:#294c75;text-align:center;font-size:14px;line-height:1.5}
.parent-minutes-content{min-width:0;display:flex;flex-direction:column}
.parent-minutes-content>.featured-label{align-self:flex-start;margin:1px 0 14px}
.parent-minute-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;flex:1}
.parent-minute-topic{min-width:0;display:flex;flex-direction:column;align-items:center;padding:18px 16px;border:1px solid #c8e3cf;border-radius:20px;background:#fff;text-align:center;box-shadow:0 7px 18px rgba(7,43,96,.07)}
.parent-minute-topic>img,.responsibility-house{display:block;width:min(170px,72%);height:145px;margin:0 auto 5px;object-fit:contain}
.responsibility-house{fill:none;stroke:#722a98;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.responsibility-house .house-wash{fill:#eee1f5;stroke:none}
.parent-minute-topic h2{margin:0;color:#087b2d;font-size:clamp(28px,2.6vw,40px);line-height:1;letter-spacing:-.035em;overflow-wrap:anywhere}
.parent-minute-responsibility{position:relative;overflow:hidden;border-color:#dcc9e7;background:linear-gradient(180deg,#fff,#fcf9fe)}
.parent-minute-responsibility h2{color:#68258e;font-size:clamp(24px,2.25vw,36px)}
.parent-minute-subtitle{margin:6px 0 14px;color:#17396f;font:800 clamp(17px,1.45vw,21px)/1.2 "Segoe UI",Arial,Helvetica,sans-serif}
.parent-minute-actions{display:grid;width:100%;gap:8px;margin-top:auto}
.parent-minute-actions a,.parent-minute-actions button{min-height:43px;display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 10px;border:2px solid #168442;border-radius:999px;color:#08752d;background:#fff;font:800 12px/1.2 "Segoe UI",Arial,Helvetica,sans-serif;text-decoration:none;text-transform:uppercase}
.parent-minute-actions a:first-child{color:#fff;background:#087b2d}
.parent-minute-actions a:hover{background:#eaf6ed}.parent-minute-actions a:first-child:hover{background:#096b2b}
.parent-minute-actions a:focus-visible{outline:4px solid #f6c944;outline-offset:3px}
.parent-minute-actions-pending button{border-color:#bda3ca;color:#5e3c6e;background:#f4edf7;cursor:not-allowed;opacity:.82}
.parent-minute-topic.parent-minute-responsibility>.parent-minute-coming-soon{position:absolute!important;z-index:10!important;top:16px!important;right:16px!important;display:flex!important;width:auto!important;min-width:126px!important;min-height:36px!important;margin:0!important;padding:9px 16px!important;align-items:center!important;justify-content:center!important;transform:none!important;border:0!important;border-radius:12px!important;clip-path:none!important;color:#fff!important;background:#0b2d70!important;box-shadow:0 4px 12px rgba(11,45,112,.24)!important;font:900 11px/1 "Segoe UI",Arial,Helvetica,sans-serif!important;letter-spacing:.08em!important;white-space:nowrap!important}
@media(max-width:1050px){.featured-family.parent-connection-minutes{grid-template-columns:1fr}.parent-minute-specialists{width:min(620px,100%);margin:auto}.parent-minute-specialists img{max-height:330px}.parent-minutes-content>.featured-label{align-self:center}.parent-minute-topic-grid{grid-template-columns:1fr}.parent-minute-topic{width:min(620px,100%);margin:auto}}
@media(max-width:720px){.parent-minute-topic-grid{grid-template-columns:1fr}.featured-family.parent-connection-minutes{padding:15px}.parent-minute-topic{padding:18px 14px}.parent-minute-actions a,.parent-minute-actions button{min-height:48px;font-size:13px}}

/* Hidden September Conversation Starters preview */
.september-conversation-page{background:linear-gradient(180deg,#f7fbf8,#f5f3fa)}
.september-conversation-heading{max-width:940px}
.september-conversation-heading .eyebrow{color:#6b2e89}
.september-topic-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}
.september-topic-row p{display:flex;align-items:center;justify-content:center;min-height:58px;margin:0;padding:10px 14px;border:1px solid #c6ddcc;border-radius:15px;background:#eef8f0;color:#145f32;font-size:16px;line-height:1.35}
.september-topic-row p:last-child{border-color:#d8c7e2;background:#f4edf7;color:#5f277d}
.september-conversation-content{border-color:#c9d9cc;background:linear-gradient(150deg,#fff,#fbfdfb)}
.september-conversation-content>.conversation-domain-grid>section:nth-child(1){border-top-color:#13834c;background:#f8fcf9}
.september-conversation-content>.conversation-domain-grid>section:nth-child(2){border-top-color:#2468bd;background:#f8fbff}
.september-conversation-content>.conversation-domain-grid>section:nth-child(3){border-top-color:#743395;background:#fcf9fe}
.september-conversation-content>.conversation-domain-grid>section:nth-child(4){border-top-color:#087d70;background:#f7fcfb}
.september-family-tip{background:linear-gradient(110deg,#edf8ed,#faf6fd);border:1px solid #c8ddca}
.september-family-tip p{margin:0;color:#17396f;line-height:1.6}
.trusted-adult-note{display:grid;grid-template-columns:62px 1fr;gap:16px;align-items:center;margin-top:18px;padding:15px 18px;border:1px solid #bfd8ca;border-radius:14px;background:#f1f8f3}
.trusted-adult-note svg{width:54px;height:54px;fill:none;stroke:#087a42;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.trusted-adult-note p{margin:0;color:#17396f;line-height:1.55}
@media(max-width:720px){.september-topic-row{grid-template-columns:1fr}.trusted-adult-note{grid-template-columns:1fr;text-align:center}.trusted-adult-note svg{margin:auto}}

/* September Conversation Starters: same portrait series treatment as August */
.september-series-page{min-height:100vh;height:auto;max-height:none;overflow-x:hidden;overflow-y:auto;background:#f5f8fc;color:#071b60}
.september-series-page main{min-height:0;height:auto;max-height:none;overflow:visible}
.september-resource-sheet{width:min(1120px,calc(100% - 32px));margin:10px auto 34px;padding:24px 26px 20px;border:1px solid #dfe8e2;border-radius:24px;background:#fff;box-shadow:0 12px 35px rgba(7,42,96,.1)}
.september-resource-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:stretch;min-height:300px;border-radius:18px;overflow:hidden;background:linear-gradient(90deg,#fff 0%,#fff 58%,#f4faf5 100%)}
.september-resource-title{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:24px 24px 24px 16px;text-align:center}
.september-month{display:flex;align-items:center;gap:16px;margin:0;color:#08753b;font:900 clamp(38px,4.4vw,62px)/1 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.025em;text-transform:uppercase}
.september-month::before,.september-month::after{content:"";flex:1;height:3px;background:#08753b}
.september-resource-title h1{margin:8px 0 12px;color:#0b347f;font:900 clamp(37px,4.7vw,64px)/.95 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.01em;text-transform:uppercase}
.september-resource-title>p:last-child{max-width:680px;margin:0 auto;color:#17396f;font-size:clamp(16px,1.6vw,21px);line-height:1.45}
.september-resource-hero>img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:center;border-radius:18px}
.september-trait{position:relative;margin:18px auto 10px;padding:11px 28px;isolation:isolate;text-align:center}
.september-trait::before{content:"";position:absolute;z-index:-1;inset:3px 0;background:linear-gradient(90deg,#05632f,#078241 45%,#08763b);clip-path:polygon(1% 12%,5% 5%,9% 12%,15% 3%,23% 10%,31% 2%,40% 10%,49% 4%,58% 10%,67% 2%,77% 9%,87% 3%,96% 10%,100% 3%,98% 91%,91% 84%,83% 95%,73% 87%,64% 96%,55% 88%,46% 96%,37% 87%,28% 95%,19% 86%,10% 94%,2% 87%)}
.september-trait h2{margin:0;color:#fff;font:900 clamp(30px,3.6vw,48px)/1.15 "Segoe UI",Arial,Helvetica,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.prevention-month{width:max-content;max-width:100%;margin:0 auto;padding:8px 18px;border:1px solid #d3c3e3;border-radius:999px;background:#f6f0fa;color:#5f277d;text-align:center;font-size:14px;font-weight:850}
.september-intro{text-align:center;padding:16px 10px 22px}
.september-intro h2{margin:0;color:#071b60;font-size:clamp(21px,2.2vw,30px);line-height:1.25}
.september-intro p{max-width:900px;margin:6px auto 0;color:#17396f;font-size:16px;line-height:1.45}
.september-domain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.september-domain{--domain:#087d43;display:flex;min-width:0;flex-direction:column;padding:0 13px 13px;border:1.5px solid var(--domain);border-radius:18px;background:#fff}
.september-domain .domain-icon{display:grid;place-items:center;width:72px;height:72px;margin:-2px auto 8px;border:5px solid #fff;border-radius:50%;color:#fff;background:var(--domain);box-shadow:0 3px 9px rgba(7,42,96,.14)}
.september-domain .domain-icon svg{width:45px;height:45px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.september-domain h2{min-height:72px;margin:0;color:var(--domain);font:900 clamp(18px,1.7vw,23px)/1.1 Impact,"Arial Narrow",Arial,sans-serif;letter-spacing:.01em;text-align:center;text-transform:uppercase}
.september-domain h2 span{display:block;margin-top:4px;font:italic 700 19px/1.05 "Brush Script MT","Segoe Script",cursive;text-transform:none}
.september-domain ol{display:flex;flex:1;flex-direction:column;gap:15px;margin:13px 0 16px;padding:0;list-style:none}
.september-domain li{position:relative;padding-left:25px;color:#102e63;font-size:14px;line-height:1.48}
.september-domain li::before{content:"♡";position:absolute;top:-1px;left:0;color:var(--domain);font-size:22px;font-weight:900;line-height:1}
.september-domain .domain-closing{display:flex;align-items:center;justify-content:center;min-height:64px;margin:auto 0 0;padding:10px;border-radius:13px;color:#174a34;background:#eaf5e9;text-align:center;font-size:13px;font-weight:800;line-height:1.35}
.academic-domain{--domain:#1458ba}.academic-domain .domain-closing{color:#153e7b;background:#e8f0fb}
.social-domain{--domain:#6d2c9b}.social-domain .domain-closing{color:#56257a;background:#f0e8f6}
.readiness-domain{--domain:#08775d}.readiness-domain .domain-closing{color:#0b5f4c;background:#e8f4ef}
.september-lower-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:18px;margin-top:24px}
.easy-connect,.conversation-tip-panel{border:1px solid #c9d9e8;border-radius:18px;background:#fff;overflow:hidden}
.easy-connect h2,.conversation-tip-panel h2{margin:0;padding:10px 18px;color:#fff;background:linear-gradient(90deg,#0c347c,#164d9c);font:700 24px/1.15 "Brush Script MT","Segoe Script",cursive;text-align:center}
.easy-connect>div{display:grid;grid-template-columns:54px 1fr;gap:12px;align-items:center;margin:0 16px;padding:12px 0}
.easy-connect>div+div{border-top:1px dashed #9cacc2}
.easy-connect>div>span,.conversation-tip-panel>div>span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;color:#fff;background:#16823d;font-size:25px;font-weight:800}
.easy-connect p,.conversation-tip-panel p{margin:0;color:#17396f;font-size:14px;line-height:1.45}
.easy-connect strong,.conversation-tip-panel strong{display:block;color:#08743a;font-size:16px;text-transform:uppercase}
.conversation-tip-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;padding:0 18px 10px}
.conversation-tip-panel h2{grid-column:1/-1;margin:0 -18px 5px;color:#08743a;background:#fff;font-size:30px}
.conversation-tip-panel>div{display:grid;grid-template-columns:50px 1fr;gap:11px;align-items:center;padding:14px 0}
.conversation-tip-panel>div:nth-of-type(n+3){border-top:1px solid #d6e4d7}
.conversation-tip-panel>div>span{color:#08743a;background:#e8f4e5}
.conversation-tip-panel strong{color:#102e63;text-transform:none}
.september-closing{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px 0 12px;padding:13px 18px;border:1px solid #aed3b0;border-radius:15px;color:#08743a;background:linear-gradient(90deg,#f7fbf2,#fff,#f7fbf2);font-size:clamp(17px,2vw,24px);font-weight:800;text-align:center}
.september-closing span{font-size:34px}.september-closing strong{font:700 1.25em/1 "Brush Script MT","Segoe Script",cursive}
.september-accessibility-note{display:flex;align-items:center;gap:10px;color:#17396f;font-size:12px;line-height:1.35}
.september-accessibility-note>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;color:#fff;background:#124897;font-size:20px}
.september-accessibility-note p{margin:0}
.september-preview-return{display:flex;justify-content:center}.september-preview-return .conversation-back{margin-bottom:3rem}
.september-series-page a:focus-visible{outline:4px solid #f6c944;outline-offset:4px}
@media(max-width:980px){.september-resource-hero{grid-template-columns:1fr}.september-resource-hero>img{min-height:0;max-height:420px;object-position:center}.september-domain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.september-domain h2{min-height:0}.september-lower-grid{grid-template-columns:1fr}}
@media(max-width:620px){.september-resource-sheet{width:min(100% - 16px,1120px);padding:12px 10px 16px;border-radius:17px}.september-resource-title{padding:20px 10px}.september-resource-hero>img{max-height:300px}.september-month{font-size:36px}.september-resource-title h1{font-size:40px}.september-trait{padding-inline:8px}.prevention-month{width:100%;border-radius:12px}.september-domain-grid{grid-template-columns:1fr;gap:20px}.september-domain{padding-inline:16px}.september-domain li{font-size:15px}.conversation-tip-panel{grid-template-columns:1fr}.conversation-tip-panel>div:nth-of-type(n+2){border-top:1px solid #d6e4d7}.september-closing{flex-direction:column}.september-accessibility-note{align-items:flex-start}}
@media(max-width:390px){.september-resource-title h1{font-size:33px}.september-month{gap:9px;font-size:31px}.september-domain li{padding-left:23px}.easy-connect>div{grid-template-columns:44px 1fr;margin-inline:10px}.easy-connect>div>span{width:40px;height:40px}.conversation-tip-panel{padding-inline:12px}.conversation-tip-panel h2{margin-inline:-12px}}

/* September preview duplicated from the approved August page structure */
.september-template-page{min-height:100vh;height:auto;max-height:none;overflow-x:hidden;overflow-y:auto;background:#f4f8fc}
.september-template-page main,.september-template-page .conversation-main{min-height:0;height:auto;max-height:none;overflow:visible}
.september-template-page .conversation-portrait{width:min(1100px,100%);padding:12px}
.september-poster-shell{background:#fff}
.september-poster{color:#071b60;background:#fff;font-family:"Segoe UI",Arial,Helvetica,sans-serif}
.poster-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:stretch;min-height:310px;overflow:hidden;border-radius:14px;background:linear-gradient(90deg,#fff 0%,#fff 60%,#eff8f1)}
.poster-title{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:26px 24px 24px 20px;text-align:center}
.poster-title>p{display:flex;align-items:center;gap:18px;margin:0;color:#08753b;font:900 clamp(39px,4.7vw,62px)/1 Impact,"Arial Narrow",Arial,sans-serif;text-transform:uppercase}
.poster-title>p::before,.poster-title>p::after{content:"";height:3px;flex:1;background:#08753b}
.poster-title h2{margin:8px 0 12px;color:#0b347f;font:900 clamp(38px,5vw,66px)/.95 Impact,"Arial Narrow",Arial,sans-serif;text-transform:uppercase}
.poster-title span{color:#17396f;font-size:clamp(16px,1.7vw,21px);line-height:1.45}
.poster-hero img{display:block;width:100%;height:100%;min-height:310px;object-fit:cover;object-position:center;border-radius:14px}
.poster-trait{position:relative;isolation:isolate;margin:18px 0 8px;padding:12px 20px;text-align:center}
.poster-trait::before{content:"";position:absolute;z-index:-1;inset:2px 0;background:linear-gradient(90deg,#05632f,#078241 48%,#08763b);clip-path:polygon(1% 12%,6% 4%,12% 11%,20% 3%,29% 10%,38% 2%,48% 10%,58% 3%,68% 10%,78% 2%,88% 10%,99% 4%,98% 90%,91% 85%,82% 95%,72% 87%,62% 96%,52% 88%,42% 96%,32% 87%,22% 95%,12% 86%,2% 93%)}
.poster-trait strong{color:#fff;font-size:clamp(30px,4vw,48px);font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.poster-awareness{width:max-content;max-width:100%;margin:0 auto;padding:7px 18px;border:1px solid #d3c3e3;border-radius:999px;color:#5f277d;background:#f6f0fa;text-align:center;font-size:14px;font-weight:850}
.poster-intro{display:flex;flex-direction:column;gap:5px;padding:16px 12px 24px;text-align:center}
.poster-intro strong{font-size:clamp(20px,2.3vw,29px)}.poster-intro span{font-size:16px;line-height:1.45}
.poster-domains{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.poster-domain{--poster:#087d43;display:flex;min-width:0;flex-direction:column;padding:0 12px 12px;border:1.5px solid var(--poster);border-radius:18px;background:#fff}
.poster-domain-icon{display:grid;place-items:center;width:72px;height:72px;margin:-2px auto 8px;border:5px solid #fff;border-radius:50%;color:#fff;background:var(--poster);box-shadow:0 3px 10px rgba(7,42,96,.15);font-size:40px}
.poster-domain h3{min-height:70px;margin:0;color:var(--poster);font:900 clamp(17px,1.65vw,22px)/1.1 Impact,"Arial Narrow",Arial,sans-serif;text-align:center;text-transform:uppercase}
.poster-domain h3 span{display:block;margin-top:4px;font:italic 700 19px/1 "Brush Script MT","Segoe Script",cursive;text-transform:none}
.poster-domain ul{display:flex;flex:1;flex-direction:column;gap:14px;margin:12px 0 15px;padding:0;list-style:none}
.poster-domain li{position:relative;padding-left:24px;color:#102e63;font-size:13px;line-height:1.48}
.poster-domain li::before{content:"♡";position:absolute;left:0;top:-1px;color:var(--poster);font-size:21px;font-weight:900;line-height:1}
.poster-domain>p{display:flex;align-items:center;justify-content:center;min-height:64px;margin:auto 0 0;padding:9px;border-radius:13px;color:#174a34;background:#eaf5e9;text-align:center;font-size:12px;font-weight:800;line-height:1.35}
.poster-blue{--poster:#1458ba}.poster-blue>p{color:#153e7b;background:#e8f0fb}
.poster-purple{--poster:#6d2c9b}.poster-purple>p{color:#56257a;background:#f0e8f6}
.poster-teal{--poster:#08775d}.poster-teal>p{color:#0b5f4c;background:#e8f4ef}
.poster-lower{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:18px;margin-top:24px}
.poster-connect,.poster-tips{border:1px solid #c9d9e8;border-radius:18px;background:#fff;overflow:hidden}
.poster-connect h3,.poster-tips h3{margin:0;padding:10px 16px;color:#fff;background:linear-gradient(90deg,#0c347c,#164d9c);font:700 24px/1.15 "Brush Script MT","Segoe Script",cursive;text-align:center}
.poster-connect>div{display:grid;grid-template-columns:52px 1fr;gap:11px;align-items:center;margin:0 14px;padding:11px 0}
.poster-connect>div+div{border-top:1px dashed #9cacc2}
.poster-connect b,.poster-tips b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#fff;background:#16823d;font-size:24px}
.poster-connect p,.poster-tips p{margin:0;color:#17396f;font-size:13px;line-height:1.42}
.poster-connect strong,.poster-tips strong{display:block;color:#08743a;font-size:15px;text-transform:uppercase}
.poster-tips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:0 16px 9px}
.poster-tips h3{grid-column:1/-1;margin:0 -16px 4px;color:#08743a;background:#fff;font-size:29px}
.poster-tips>div{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;padding:13px 0}
.poster-tips>div:nth-of-type(n+3){border-top:1px solid #d6e4d7}
.poster-tips b{color:#08743a;background:#e8f4e5}.poster-tips strong{color:#102e63;text-transform:none}
.poster-closing{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0 12px;padding:12px 18px;border:1px solid #aed3b0;border-radius:14px;color:#08743a;background:linear-gradient(90deg,#f7fbf2,#fff,#f7fbf2);font-size:clamp(17px,2vw,23px);font-weight:800;text-align:center}
.poster-closing b{font-size:32px}.poster-closing strong{font:700 1.25em/1 "Brush Script MT","Segoe Script",cursive}
.poster-accessibility{display:flex;align-items:center;gap:10px;padding:2px 6px 5px;color:#17396f;font-size:12px;line-height:1.35}
.poster-accessibility>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:50%;color:#fff;background:#124897;font-size:20px}
.poster-accessibility p{margin:0}
.september-template-page .accessible-takeaway{margin:12px 0 0;padding:10px;border-radius:10px;color:#174a34;background:#eef7ee;font-size:14px;line-height:1.45}
.september-template-page .conversation-domain-grid>section:nth-child(2) .accessible-takeaway{color:#153e7b;background:#edf3fb}
.september-template-page .conversation-domain-grid>section:nth-child(3) .accessible-takeaway{color:#56257a;background:#f3edf8}
.september-template-page .conversation-domain-grid>section:nth-child(4) .accessible-takeaway{color:#0b5f4c;background:#edf7f3}
@media(max-width:950px){.poster-hero{grid-template-columns:1fr}.poster-hero img{min-height:0;max-height:390px}.poster-domains{grid-template-columns:repeat(2,minmax(0,1fr))}.poster-domain h3{min-height:0}.poster-lower{grid-template-columns:1fr}}
@media(max-width:620px){.september-template-page .conversation-portrait{padding:6px}.poster-title{padding:20px 10px}.poster-title>p{font-size:34px}.poster-title h2{font-size:39px}.poster-hero img{max-height:290px}.poster-awareness{width:100%;border-radius:11px}.poster-domains{grid-template-columns:1fr;gap:19px}.poster-domain{padding-inline:15px}.poster-domain li{font-size:14px}.poster-tips{grid-template-columns:1fr}.poster-tips>div:nth-of-type(n+2){border-top:1px solid #d6e4d7}.poster-closing{flex-direction:column}.poster-accessibility{align-items:flex-start}}

.parent-minute-card .pm-title{margin:-10px 0 14px;color:#17396f;font-size:.9rem;font-weight:750;line-height:1.3}.conversation-accessible>p{margin:0 0 1rem;line-height:1.65}