:root {
  --paper: #fafbf9;
  --ink: #172f50;
  --blue: #377396;
  --sky: #a9d8ef;
  --pale: #eaf4f9;
  --coral: #f28d7b;
  --gold: #f5d795;
  --line: #dbe5eb;
  --muted: #50657a;
  --round: 'Trebuchet MS', 'Avenir Next', Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: auto; scroll-padding-top: 28px; }
body { margin: 0; background: var(--paper); color: var(--ink); font: 16px/1.7 Arial, sans-serif; }
a { color: inherit; text-underline-offset: 4px; }
a:focus-visible { outline: 3px solid var(--blue); outline-offset: 5px; }
.skip { position: absolute; left: 20px; top: -80px; }
.skip:focus { top: 10px; background: white; padding: 12px; z-index: 10; }
header, main, footer { max-width: 1280px; margin: auto; }
header { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 26px 48px; border-bottom: 1px solid var(--line); }
.wordmark { display: flex; align-items: center; gap: 12px; font: 700 23px/1.15 var(--round); letter-spacing: -.6px; text-decoration: none; }
.wordmark img { width: 38px; height: 38px; flex-shrink: 0; }
.wordmark small { display: block; font: 11px/1.4 Arial, sans-serif; letter-spacing: .1px; margin-top: 5px; color: var(--muted); }
nav { display: flex; flex-wrap: wrap; gap: 8px 26px; font-size: 14px; }
nav a { text-decoration: none; padding: 6px 0; }
nav a:hover { text-decoration: underline; text-decoration-color: var(--coral); text-decoration-thickness: 3px; }
.hero { display: grid; grid-template-columns: 1.45fr 1fr; gap: 48px; align-items: center; padding: 82px 48px 90px; }
.eyebrow { display: flex; align-items: center; gap: 10px; text-transform: uppercase; letter-spacing: 1.7px; font-size: 11px; font-weight: 700; margin: 0 0 22px; }
.eyebrow::before { content: ''; flex: 0 0 9px; width: 9px; height: 9px; border-radius: 50%; background: var(--coral); }
h1, h2, h3, h4 { font-family: var(--round); font-weight: 700; margin: 0; }
h1 { font-size: clamp(43px, 4.8vw, 64px); line-height: 1.08; letter-spacing: -2.6px; }
h1 em { color: var(--blue); font-style: normal; font-weight: inherit; }
h2 { font-size: clamp(32px, 3.2vw, 43px); line-height: 1.15; letter-spacing: -1.3px; }
h3 { font-size: 25px; line-height: 1.25; letter-spacing: -.5px; }
.intro { font-size: 18px; line-height: 1.7; max-width: 510px; margin: 26px 0 30px; color: var(--muted); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 50px; background: var(--ink); color: white; border: 1px solid var(--ink); padding: 13px 20px; border-radius: 12px; text-decoration: none; font-size: 14px; font-weight: 700; transition: background .15s, transform .15s; }
.button:hover { background: var(--blue); transform: translateY(-2px); }
.hero .button { background: var(--coral); border-color: var(--coral); color: var(--ink); }
.hero .button:hover { background: #f6a393; border-color: #f6a393; }
.secondary { display: inline-block; margin: 15px 0 0 18px; font-size: 14px; }
.art { position: relative; display: flex; justify-content: center; align-items: center; min-height: 330px; }
.brand-showcase { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--pale); border: 1px solid #d9e8f0; border-radius: 32px 90px 32px 32px; width: 100%; max-width: 380px; min-height: 320px; padding: 34px 22px; text-align: center; }
.brand-showcase::before { content: ''; position: absolute; top: 23px; left: 22px; width: 35px; height: 35px; background: var(--gold); border-radius: 50%; }
.brand-showcase::after { content: ''; position: absolute; bottom: 20px; right: 23px; width: 40px; height: 40px; background: var(--coral); clip-path: polygon(50% 0, 100% 100%, 0 100%); transform: rotate(13deg); }
.brand-showcase img { display: block; width: 72px; height: 72px; margin: 0 0 22px; }
.brand-showcase strong { display: block; font: 700 26px/1.25 var(--round); letter-spacing: -.8px; }
.brand-showcase span { display: block; font-size: 12px; margin-top: 10px; color: var(--muted); }
.small-caption { text-align: center; font-size: 12px; color: var(--muted); margin: 20px 0 0; }
.section { padding: 70px 48px; border-top: 1px solid var(--line); }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.split p:not(.eyebrow) { margin-top: 0; }
.lead { font-size: 19px; line-height: 1.6; margin-top: 0; max-width: 540px; }
.split .lead { font-family: var(--round); font-weight: 700; }
.practice { padding: 48px; background: var(--pale); border-radius: 26px; margin: 0 24px 72px; }
.practice-top { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 34px; }
.practice-top > p { max-width: 340px; margin: 0; color: var(--muted); }
.prompts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.prompt { position: relative; background: #fff; border: 1px solid #dce7ed; border-radius: 16px; padding: 25px 23px 18px; }
.number { display: flex; align-items: center; gap: 9px; font-size: 10px; font-weight: 700; letter-spacing: 1.7px; margin-bottom: 23px; }
.number::before { content: ''; width: 13px; height: 13px; background: var(--sky); border-radius: 50%; flex-shrink: 0; }
.prompt:nth-child(2) .number::before { background: var(--coral); border-radius: 2px; }
.prompt:nth-child(3) .number::before { background: var(--gold); clip-path: polygon(50% 0, 100% 100%, 0 100%); border-radius: 0; }
.prompt h3 { font-size: 23px; }
.prompt p { font-size: 15px; color: var(--muted); margin-bottom: 8px; }
.app { background: var(--ink); color: #fff; margin: 0 24px 74px; border-radius: 26px; padding: 52px 48px; display: grid; grid-template-columns: 1fr 1fr; gap: 65px; align-items: center; }
.app .eyebrow { color: var(--sky); }
.app h2 { font-size: 49px; line-height: 1.14; }
.app-copy { font-size: 16px; color: #e5edf5; }
.app-copy p:first-child { margin-top: 0; }
.app .button { background: var(--gold); border-color: var(--gold); color: var(--ink); margin-top: 8px; }
.app .button:hover { background: #ffe5b0; }
.resources { padding-top: 0; border: 0; }
.resource-intro { max-width: 800px; font-size: 17px; margin: 22px 0 38px; color: var(--muted); }
.resources > h3 { font-size: 24px; margin: 34px 0 20px; display: flex; gap: 11px; align-items: center; }
.resources > h3::before { content: ''; width: 12px; height: 12px; border-radius: 50%; background: var(--sky); }
.resources > h3:nth-of-type(2)::before { background: var(--coral); border-radius: 3px; }
.resource-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin-bottom: 40px; }
.resource { border: 1px solid var(--line); border-radius: 16px; padding: 26px 28px; background: white; }
.resource-org { font-size: 10px; line-height: 1.7; letter-spacing: 1px; margin: 0 0 10px; text-transform: uppercase; color: var(--muted); }
.resource h4 { font-size: 23px; line-height: 1.3; letter-spacing: -.5px; margin: 0 0 14px; }
.resource h4 a { text-decoration-color: #a9c4d6; text-decoration-thickness: 1px; }
.resource h4 a:hover { text-decoration-color: var(--ink); }
.resource > p:not(.resource-org):not(.resource-note) { font-size: 15px; margin: 0 0 14px; }
.resource-note { font-size: 12px; line-height: 1.65; color: var(--muted); margin: 17px 0 0; }
.resource-disclaimer { font-size: 12px; color: var(--muted); max-width: 850px; border-top: 1px solid var(--line); padding-top: 20px; }
.about { padding-top: 48px; padding-bottom: 55px; }
.brand-signoff { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 0 24px 45px; padding: 28px 20px; border-radius: 18px; background: var(--pale); }
.brand-signoff img { width: 38px; height: 38px; }
.brand-signoff strong { font: 700 20px/1.3 var(--round); letter-spacing: -.5px; }
.brand-signoff p { font-size: 11px; margin: 5px 0 0; color: var(--muted); }
footer { border-top: 1px solid var(--line); padding: 25px 48px 30px; display: flex; justify-content: space-between; gap: 20px; font-size: 12px; color: var(--muted); }
footer p { margin: 0; }
@media (max-width: 1000px) {
  header { flex-wrap: wrap; padding: 24px 32px; }
  .hero { padding: 62px 32px; gap: 28px; grid-template-columns: 1.5fr 1fr; }
  h1 { font-size: 48px; letter-spacing: -2px; }
  .brand-showcase { min-height: 280px; }
  .brand-showcase strong { font-size: 23px; }
  .section { padding-left: 32px; padding-right: 32px; }
  .practice { padding: 34px 28px; }
  .prompt { padding: 23px 18px; }
  .prompt h3 { font-size: 21px; }
  .split, .app { gap: 35px; }
  .secondary { margin-left: 0; margin-right: 20px; }
}
@media (max-width: 700px) {
  header { padding: 22px 24px 18px; gap: 18px; }
  .wordmark { font-size: 22px; }
  nav { gap: 3px 18px; font-size: 13px; }
  .hero { grid-template-columns: 1fr; padding: 44px 24px 48px; gap: 30px; }
  h1 { font-size: clamp(38px, 8.7vw, 56px); letter-spacing: -1.7px; }
  .intro { font-size: 17px; margin: 22px 0 24px; }
  .eyebrow { font-size: 10px; letter-spacing: 1.4px; margin-bottom: 18px; }
  .secondary { margin-left: 14px; margin-right: 0; }
  .art { min-height: 0; }
  .brand-showcase { max-width: 440px; min-height: 220px; border-radius: 24px 65px 24px 24px; padding: 25px; }
  .brand-showcase img { width: 54px; height: 54px; margin-bottom: 16px; }
  .small-caption { margin-top: 16px; }
  .section { padding: 45px 24px; }
  .split { grid-template-columns: 1fr; gap: 25px; }
  h2 { font-size: 33px; letter-spacing: -1px; }
  .practice { padding: 30px 20px; margin: 0 12px 44px; border-radius: 22px; }
  .practice-top { display: block; margin-bottom: 25px; }
  .practice-top > p { margin-top: 20px; max-width: none; font-size: 15px; }
  .prompts { grid-template-columns: 1fr; gap: 13px; }
  .prompt { padding: 24px; }
  .number { margin-bottom: 16px; }
  .prompt h3 { font-size: 23px; }
  .app { grid-template-columns: 1fr; padding: 32px 24px; gap: 22px; margin: 0 12px 48px; border-radius: 22px; }
  .app h2 { font-size: 40px; }
  .resources { padding-top: 0; }
  .resource-grid { grid-template-columns: 1fr; gap: 14px; }
  .resource { padding: 23px; }
  .resource h4 { font-size: 22px; }
  .brand-signoff { margin: 0 12px 32px; }
  .brand-signoff strong { font-size: 19px; }
  footer { padding: 24px; gap: 10px; flex-direction: column; }
}
@media (max-width: 380px) {
  .wordmark { font-size: 20px; }
  .secondary { display: block; margin-left: 0; }
  .resource { padding: 21px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .button { transition: none; }
}

/* Parent resource hub */
button { font: inherit; cursor: pointer; }
button:focus-visible, summary:focus-visible { outline: 3px solid var(--blue); outline-offset: 5px; }
button:disabled { cursor: default; opacity: .8; transform: none; }
[hidden] { display: none !important; }
header { padding-top: 23px; padding-bottom: 23px; }
nav { gap: 6px 20px; }
nav a[aria-current="page"] { color: var(--blue); text-decoration: underline; text-decoration-thickness: 3px; text-decoration-color: var(--coral); }
.parent-hero { padding-top: 58px; padding-bottom: 64px; grid-template-columns: 1.35fr 1fr; }
.parent-questions { margin-bottom: 24px; font: 700 17px/1.65 var(--round); }
.parent-questions p { margin: 0; }
.parent-hero h1 { font-size: clamp(45px, 4.7vw, 66px); }
.parent-hero .intro { font-size: 17px; margin: 22px 0 24px; }
.intro strong { font-weight: 400; color: var(--ink); }
.hero-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.hero-actions .secondary { margin: 0; }
.hero-note { font-size: 12px; color: var(--muted); margin-top: 20px; }
.conversation-preview { background: var(--pale); padding: 28px; border: 1px solid #d6e5ed; border-radius: 28px 72px 28px 28px; }
.preview-label { display: flex; gap: 12px; align-items: center; margin-bottom: 23px; font: 700 14px/1.45 var(--round); }
.chat { max-width: 94%; border-radius: 16px 16px 16px 3px; padding: 16px 18px; margin: 13px 0; font: 700 16px/1.5 var(--round); background: white; box-shadow: 0 2px 0 #172f5007; }
.chat span { display: block; margin-bottom: 5px; font: 10px/1.5 Arial,sans-serif; text-transform: uppercase; letter-spacing: 1px; color: var(--muted); }
.chat.child { margin-left: auto; background: var(--gold); border-radius: 16px 16px 3px 16px; }
.chat.last { margin-bottom: 0; }
.ten-frame-example { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 22px 0 8px; }
.ten-frame { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; }
.ten-frame i { width: clamp(13px,1.4vw,19px); height: clamp(13px,1.4vw,19px); background: var(--blue); border: 1px solid var(--blue); border-radius: 50%; }
.ten-frame i.moved { background: var(--coral); border-color: #cf6b5b; }
.ten-frame i.empty { background: transparent; border-color: #a9c4d6; }
.model-plus { font-size: 20px; }
.model-equation { text-align: center; font: 700 16px/1.4 var(--round); }
.preview-caption { text-align: center; font-size: 11px; color: var(--muted); margin: 20px 0 0; }
.featured { margin: 0 24px 0; background: var(--ink); border-radius: 26px; color: white; padding: 46px 40px; }
.section-heading { display: flex; justify-content: space-between; gap: 42px; align-items: end; margin-bottom: 32px; }
.section-heading > p { max-width: 360px; margin: 0; font-size: 16px; }
.section-heading h2 span { color: var(--sky); }
.featured .eyebrow { color: var(--sky); }
.activity-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.activity-card { display: flex; flex-direction: column; padding: 25px; border: 1px solid #536b86; background: #203c5e; border-radius: 18px; }
.activity-type { font-size: 10px; letter-spacing: .6px; margin: 0 0 16px; color: #d2e6f3; }
.activity-card h3 { font-size: 27px; min-height: 68px; }
.activity-card > p:not(.activity-type) { font-size: 14px; color: #ecf2f7; }
.activity-card .activity-skill { font-size: 12px !important; color: #c2d5e5 !important; margin-bottom: 24px; }
.activity-card .button { margin-top: auto; background: var(--gold); border-color: var(--gold); color: var(--ink); align-self: flex-start; }
.mini-wodb { display: grid; grid-template-columns: repeat(2,42px); gap: 5px; margin-bottom: 22px; height: 89px; }
.mini-wodb span { background: var(--pale); color: var(--ink); border-radius: 6px; text-align: center; font: 700 20px/42px var(--round); }
.mini-wodb span:nth-child(3) { background: var(--coral); }
.mini-lab { height: 89px; margin-bottom: 22px; display: flex; align-items: flex-start; flex-direction: column; gap: 4px; }
.mini-lab span { color: var(--ink); background: var(--sky); border-radius: 5px; font: 700 14px/1.4 var(--round); padding: 3px 9px; }
.mini-lab span:nth-child(2) { margin-left: 22px; background: var(--gold); }
.mini-lab span:nth-child(3) { margin-left: 44px; background: var(--coral); }
.mini-path { display: flex; align-items: center; gap: 4px; height: 89px; margin-bottom: 22px; }
.mini-path span { width: 35px; height: 35px; line-height: 35px; text-align: center; background: var(--pale); color: var(--ink); border-radius: 6px; }
.mini-path span:last-child { background: var(--coral); }
.philosophy em { color: var(--blue); font-style: normal; }
.philosophy .margin-note { font-size: 13px; color: var(--muted); margin-top: 24px; }
.philosophy { border: 0; }
.sense-section { padding: 45px 48px; background: #f3f0e6; margin: 0 24px 60px; border-radius: 24px; }
.sense-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
.sense-grid h3 { font-size: 23px; }
.sense-grid p { font-size: 15px; }
.source-note { font-size: 12px; color: var(--muted); margin: 22px 0 0; }
.conversation-section { margin-bottom: 0; }
.conversation-tip { margin: 26px 0 0; max-width: 850px; font-size: 15px; }
.homework-intro { max-width: 390px; margin-top: 22px !important; }
.homework-steps details { padding: 18px 0; border-top: 1px solid var(--line); }
summary { cursor: pointer; font: 700 18px/1.5 var(--round); padding-right: 8px; }
.homework-steps p { margin: 14px 0 0 !important; color: var(--muted); font-size: 15px; }
.real-world { border-top: 0; padding-top: 5px; }
.real-world > .lead { max-width: 700px; margin: 22px 0 28px; }
.world-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 26px; }
.world-grid article { border-top: 3px solid var(--sky); padding-top: 18px; }
.world-grid article:nth-child(2) { border-color: var(--coral); }
.world-grid article:nth-child(3) { border-color: var(--gold); }
.world-label { font-size: 10px; letter-spacing: 1.4px; font-weight: 700; }
.world-grid h3 { font-size: 23px; }
.world-grid article > p:not(.world-label) { font-size: 15px; }
.world-grid article > span { color: var(--muted); font-size: 12px; }
.number-path-section { margin: 0 24px 62px; padding: 42px; display: grid; grid-template-columns: 1fr 1.1fr; gap: 48px; background: var(--pale); border-radius: 24px; align-items: center; }
.path-copy p { font-size: 15px; }
.path-copy .eyebrow { font-size: 11px; }
.path-offline { color: var(--muted); font-size: 13px !important; }
.path-demo { padding: 26px; background: #fff; border-radius: 18px; border: 1px solid var(--line); }
.path-task { font-size: 16px; margin: 0 0 22px; }
.number-path { list-style: none; display: grid; grid-template-columns: repeat(10,1fr); gap: 2px; padding: 0; margin: 0; }
.number-path li { background: var(--pale); border: 1px solid #c4d8e5; padding: 8px 0; font: 700 16px/1.5 var(--round); text-align: center; border-radius: 4px; }
.number-path li.current { background: var(--ink); color: white; border-color: var(--ink); box-shadow: 0 4px 0 var(--coral); }
.number-path li.visited { background: var(--gold); border-color: #d3b775; }
.path-status { min-height: 78px; font-size: 14px; margin: 22px 0 12px; }
.path-actions { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.text-button { border: 0; padding: 8px 0; background: transparent; color: var(--ink); text-decoration: underline; text-underline-offset: 4px; font-size: 13px; }
.path-note { font-size: 11px; color: var(--muted); }
.educator-resources { margin: 30px 0; }
.educator-resources > summary { padding: 20px; background: var(--pale); border-radius: 10px; }
.educator-resources .resource-grid { margin-top: 22px; }
.hub-links { padding: 0 48px 56px; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.hub-link { background: white; border: 1px solid var(--line); border-radius: 18px; padding: 25px; text-decoration: none; }
.hub-link:hover { border-color: var(--blue); background: var(--pale); }
.hub-link span { display: block; margin-bottom: 18px; color: var(--blue); font-size: 12px; }
.hub-link h2 { font-size: 27px; }
.hub-link p { font-size: 14px; color: var(--muted); margin-bottom: 0; }
.page-hero { padding: 52px 48px 30px; }
.page-hero h1 { font-size: clamp(40px,4.5vw,58px); }
.page-hero > p:last-child { max-width: 720px; font-size: 18px; color: var(--muted); }
.page-intro-note { max-width: 820px; margin: 0 48px 30px; padding: 19px 24px; border-left: 4px solid var(--coral); background: var(--pale); font-size: 15px; }
.grade-nav { display: flex; flex-wrap: wrap; gap: 9px; padding: 0 48px 22px; }
.grade-nav a { border: 1px solid #aabfce; border-radius: 30px; background: white; padding: 10px 15px; font-size: 13px; text-decoration: none; }
.grade-nav a[aria-current="true"] { background: var(--ink); color: white; border-color: var(--ink); }
.grade-note { margin: 0 48px 32px; color: var(--muted); font-size: 12px; }
.grade-panel { padding: 0 48px 44px; scroll-margin-top: 30px; }
.grade-heading { margin-bottom: 26px; padding-top: 18px; border-top: 1px solid var(--line); }
.grade-heading h2 { font-size: 32px; }
.grade-heading p { margin: 12px 0 0; color: var(--muted); font-size: 15px; max-width: 750px; }
.model-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; align-items: start; }
.model-card { border: 1px solid var(--line); border-radius: 20px; background: #fff; overflow: hidden; }
.model-card .model-top { padding: 25px 28px 0; }
.model-card h3 { font-size: 26px; }
.model-card .model-kicker { font-size: 10px; text-transform: uppercase; letter-spacing: 1.5px; color: var(--muted); margin: 0 0 10px; }
.model-figure { background: #eef5f8; padding: 18px; margin: 22px 0 0; border-block: 1px solid var(--line); }
.math-svg { width: 100%; height: auto; display: block; max-height: 280px; }
.model-body { padding: 23px 28px 28px; }
.model-body > p { font-size: 15px; margin: 0 0 18px; }
.ask-box { padding: 16px 18px; background: #fcf3de; border-radius: 10px; font-size: 15px; }
.ask-box strong { display: block; font-size: 10px; letter-spacing: 1.2px; margin-bottom: 7px; text-transform: uppercase; }
.model-card details { margin-top: 18px; font-size: 14px; }
.model-card summary { font-size: 15px; }
.model-card details p { color: var(--muted); margin-bottom: 0; }
.cross-link { display: inline-block; margin-top: 20px; font-size: 13px; font-weight: 700; }
.slider-box { margin: 18px 0 0; padding: 16px; background: white; border: 1px solid var(--line); border-radius: 10px; }
.slider-box label { display: block; font-size: 13px; margin-bottom: 8px; }
.slider-box input { width: 100%; accent-color: var(--blue); }
.slider-box output { display: block; font: 700 16px/1.5 var(--round); margin-top: 8px; }
.story-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.story { padding: 30px; border: 1px solid var(--line); border-radius: 18px; background: white; }
.story h3 { margin-bottom: 16px; }
.story .scene { font-size: 16px; }
.story .concept { font-size: 12px; color: var(--muted); margin: 0 0 12px; }
.story details { margin-top: 22px; font-size: 15px; }
.story summary { font-size: 15px; }
.story .ask-box { margin-top: 20px; }
.starter-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.starter-card { padding: 26px; border-radius: 16px; background: white; border: 1px solid var(--line); }
.starter-card .starter-type { margin: 0 0 12px; font-size: 10px; letter-spacing: 1.3px; text-transform: uppercase; color: var(--muted); }
.starter-card h3 { font-size: 23px; margin-bottom: 16px; }
.starter-card p { font-size: 14px; margin-bottom: 0; }
.starter-card .follow { background: var(--pale); border-radius: 8px; padding: 12px 15px; }
.resource-strip { margin: 16px 48px 50px; padding: 25px; border-radius: 18px; background: var(--pale); }
.resource-strip h2 { font-size: 25px; }
.resource-strip p { font-size: 14px; max-width: 900px; }
.resource-strip a { display: inline-block; margin: 6px 20px 6px 0; font-size: 14px; }
.sources-footer { margin: 0 48px 40px; font-size: 12px; color: var(--muted); }
@media(max-width:1000px) {
  .parent-hero { grid-template-columns: 1.2fr 1fr; padding: 44px 32px; }
  .featured { padding: 36px 28px; }
  .activity-card { padding: 20px; }
  .activity-card h3 { font-size: 24px; }
  .sense-section { padding: 36px 28px; }
  .number-path-section { padding: 30px; gap: 25px; }
  .path-demo { padding: 22px 18px; }
  .hub-links { padding-inline: 32px; }
  .page-hero, .grade-panel { padding-inline: 32px; }
  .page-intro-note, .grade-note, .resource-strip, .sources-footer { margin-inline: 32px; }
  .grade-nav { padding-inline: 32px; }
}
@media(max-width:760px) {
  .parent-hero { grid-template-columns: 1fr; padding: 36px 24px 42px; gap: 25px; }
  .parent-hero > * { min-width: 0; }
  .parent-hero h1 { font-size: clamp(40px,13vw,49px); }
  .parent-questions { font-size: 16px; }
  .conversation-preview { max-width: 500px; width: 100%; margin: auto; }
  .ten-frame i { width: clamp(11px,4vw,18px); height: clamp(11px,4vw,18px); }
  .section-heading { display: block; }
  .section-heading > p { max-width: none; margin-top: 20px; }
  .featured { margin-inline: 12px; padding: 32px 22px; }
  .activity-cards { grid-template-columns: 1fr; }
  .activity-card { padding: 25px; }
  .activity-card h3 { min-height: 0; font-size: 28px; }
  .activity-card h3 br { display: none; }
  .activity-card h3 br:after { content: ' '; }
  .activity-card .button { margin-top: 0; }
  .mini-wodb, .mini-path, .mini-lab { display: none; }
  .sense-section { margin: 0 12px 40px; padding: 30px 22px; }
  .sense-grid, .world-grid { grid-template-columns: 1fr; gap: 18px; }
  .sense-grid .number { margin-bottom: 12px; }
  .number-path-section { margin: 0 12px 40px; padding: 28px 20px; grid-template-columns: 1fr; }
  .path-status { min-height: 68px; }
  .number-path li { font-size: 14px; }
  .hub-links { grid-template-columns: 1fr; padding: 0 24px 40px; gap: 12px; }
  .hub-link { padding: 22px; }
  .hub-link span { margin-bottom: 10px; }
  .page-hero { padding: 35px 24px 20px; }
  .page-hero h1 { font-size: 43px; }
  .page-hero > p:last-child { font-size: 17px; }
  .page-intro-note, .grade-note, .resource-strip, .sources-footer { margin-inline: 24px; }
  .grade-nav { padding-inline: 24px; gap: 8px; }
  .grade-nav a { padding: 10px 12px; font-size: 12px; }
  .grade-panel { padding-inline: 24px; }
  .model-grid, .story-grid, .starter-list { grid-template-columns: 1fr; }
  .model-card .model-top { padding: 23px 23px 0; }
  .model-body { padding: 22px; }
  .model-figure { padding: 12px; }
  .story { padding: 24px; }
  .grade-heading h2 { font-size: 29px; }
  .sources-footer { font-size: 11px; }
}
/* Family resource expansion: compact reading layouts and clear next steps. */
#approach{display:block;max-width:1080px;margin:auto;padding-top:50px;padding-bottom:50px}#approach>div:first-child{max-width:900px;margin-bottom:24px}#approach h2 br{display:none}#approach h2 em{display:inline}#approach h2 em:before{content:' '}#approach .margin-note{display:none}#approach>div:last-child{columns:2;column-gap:42px}#approach>div:last-child p{break-inside:avoid}#approach>div:last-child .lead{column-span:all;margin-bottom:18px}.path-preview{border:1px solid #bfd4df;background:#fff;border-radius:20px;padding:25px}.path-preview h3{font-size:34px;margin:8px 0 24px}.jump-preview{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.jump-preview span{font-size:21px;font-weight:700}.jump-preview b{font-size:13px;color:var(--blue)}.path-topic-links{display:flex;flex-wrap:wrap;gap:8px}.path-topic-links a{background:#eaf4f9;border-radius:20px;padding:7px 11px;font-size:12px}.report-invitation{display:grid;grid-template-columns:1.1fr 1fr;gap:45px;background:#edf4f7}.report-links{display:flex;flex-direction:column;justify-content:center}.report-links a{display:flex;justify-content:space-between;gap:20px;padding:19px 5px;border-bottom:1px solid #b4cbd8;text-decoration:none;font-weight:700}.report-links a:hover{text-decoration:underline}.film-invitation{background:#172f50;color:#fff;padding:40px;border-radius:22px;margin:15px auto 40px;max-width:1050px}.film-invitation h2{font-size:31px;max-width:650px}.film-invitation p{max-width:760px}.film-invitation .button{background:#f5d795;color:#172f50}.film-question{font-size:14px;margin-bottom:0;opacity:.9}.about-heading{margin-bottom:35px}.about-heading h2{margin-bottom:14px}.about-layout{display:grid;grid-template-columns:300px 1fr;gap:60px;align-items:start}.portrait-frame{position:relative;margin:0 12px 28px 0;padding:13px 13px 18px;background:#fff;border:2px solid #172f50;box-shadow:12px 12px 0 #f5d795;border-radius:90px 90px 18px 18px;transform:rotate(-3deg)}.portrait-frame img{display:block;width:100%;height:auto;border-radius:74px 74px 9px 9px}.portrait-frame figcaption{font-size:10px;text-align:center;margin-top:12px;letter-spacing:.02em}.portrait-spark{position:absolute;right:-22px;top:30px;color:#f28d7b;font-size:57px;line-height:1}.about-portrait blockquote{font-family:var(--round);font-size:24px;line-height:1.35;font-weight:700;margin:45px 0 0;color:var(--blue)}.about-story p{margin-top:0}.consulting{background:#eaf4f9;padding:45px;border-radius:24px;margin:35px auto 45px;max-width:1050px}.consulting h2{font-size:35px}.consulting p{max-width:680px}.consulting .button{overflow-wrap:anywhere}.standard-note{font-size:12px;margin-top:16px;border-top:1px solid #cadbe6;padding-top:12px}.standard-note summary{cursor:pointer;color:#377396;font-weight:700}.standard-note p{font-size:12px}.report-tabs{display:flex;gap:10px;flex-wrap:wrap;padding:0 32px 25px;max-width:1120px;margin:auto}.report-tabs a{padding:10px 18px;background:#eaf4f9;border:1px solid #bfd0dc;border-radius:24px;text-decoration:none;font-weight:700;font-size:14px}.report-section{max-width:1050px;margin:auto;padding:40px 32px;border-bottom:1px solid #cadbe6;scroll-margin-top:20px}.report-section h2{font-size:34px}.report-section>p{max-width:800px}.report-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;margin:25px 0}.report-columns h3{margin-top:0}.report-columns li{margin-bottom:12px;padding-left:4px}.report-columns ul{padding-left:20px}.report-columns .ask-box{align-self:start}.report-columns .ask-box p{margin:12px 0 0}.glossary details{padding:18px 0;border-bottom:1px solid #d8e4ea}.glossary summary{cursor:pointer;font-weight:700}.glossary details p{max-width:760px}.report-next{max-width:1050px;padding:35px 32px;margin:auto}.report-next h2{font-size:30px}.report-next a{display:inline-block;margin:0 25px 12px 0;font-weight:700}
@media(max-width:1050px){#approach{padding-left:32px;padding-right:32px}#approach>div:last-child{columns:1}#approach h2{max-width:800px}.about-layout{grid-template-columns:1fr;gap:25px}.about-portrait{max-width:300px}header nav{flex-wrap:wrap;justify-content:flex-end}.film-invitation,.consulting{margin-left:24px;margin-right:24px}}
@media(max-width:760px){.report-invitation,.report-columns,.about-layout{grid-template-columns:1fr;gap:25px}.about-portrait{max-width:300px}.about-portrait blockquote{font-size:23px;margin-top:30px}.about-story{margin-top:15px}.film-invitation,.consulting{padding:26px;margin-left:20px;margin-right:20px}.film-invitation h2,.consulting h2,.report-section h2{font-size:29px}.report-section,.report-next{padding:30px 24px}#approach{padding:35px 24px}.report-tabs{padding:0 24px 20px}.path-preview{padding:20px}.jump-preview{justify-content:flex-start;gap:10px}header nav{justify-content:center}.report-invitation h2 br{display:none}}
.reading-invitation{max-width:1050px;padding:36px 40px;margin:30px auto;background:#fff5df;border-radius:22px}.reading-invitation h2{font-size:32px;max-width:650px}.reading-invitation p{max-width:720px}.reading-routine{max-width:1120px;margin:auto;padding:35px 32px}.reading-routine h2{font-size:34px;margin-bottom:25px}.reading-routine .story-grid{padding:0}.reading-routine .sense-grid{margin:0}.reading-routine .starter-list{padding:0}.older-readers>p{max-width:760px}.reading-routine .story>p:last-child{font-size:14px}.reading-routine .sense-grid p:last-child{font-size:14px;margin-bottom:0}@media(max-width:760px){.reading-invitation{padding:26px;margin:25px 20px}.reading-routine{padding:25px 24px}.reading-routine h2,.reading-invitation h2{font-size:29px}}
.community-invitation{background:#eaf4f9;padding:24px;border-radius:15px;margin:25px 0 30px}.community-invitation h3{margin-top:0}.community-invitation a{font-weight:700}.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;max-width:1120px;margin:auto;padding:20px 32px}.community-card{border:1px solid #cbdce5;padding:27px;border-radius:18px;background:white}.community-card h2{font-size:26px;margin:12px 0 18px}.community-card .resource-org{margin-top:20px}.community-card .concept{font-weight:700;color:#377396;font-size:13px}.community-card .ask-box{margin-top:20px}.community-card .resource-note{margin-top:16px}.community-card p{font-size:15px}.community-card .resource-note{font-size:12px}@media(max-width:760px){.community-grid{grid-template-columns:1fr;padding:15px 24px}.community-card{padding:23px}}

.early-math{background:#edf3e9}.early-math>p{max-width:850px}.early-math h2{max-width:800px}.early-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0}.early-grid article{background:#fff;border:1px solid #cfddc9;border-radius:16px;padding:22px}.early-grid h3{font-size:25px;margin:15px 0}.early-grid p{font-size:15px;margin-bottom:0}.early-grid .number{font-size:10px;letter-spacing:1px}.early-research{max-width:900px;padding:18px 0;border-top:1px solid #b8cab0;font-size:14px}.early-research summary{cursor:pointer;font-weight:700}.early-links{display:flex;flex-wrap:wrap;gap:15px 30px;margin-top:14px;font-weight:700;font-size:14px}@media(max-width:1050px){.early-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.early-grid{grid-template-columns:1fr}.early-math h2{font-size:34px}}

/* Meet Abby early; botanical shapes connect the invitation to everyday math. */
.hero-wonder{display:flex;align-items:center;gap:13px;margin-top:24px;max-width:460px}.hero-wonder>img{width:50px;height:56px;flex:none}.hero-wonder strong{font:700 17px/1.35 var(--round);color:#365f58}.hero-wonder p{font-size:12px;line-height:1.6;margin:5px 0 0;color:var(--muted)}
.profile-welcome{margin:0 24px 45px;padding:38px 48px 24px;background:#f0f5f2;border:1px solid #d5e3db;border-radius:25px}.profile-intro{display:grid;grid-template-columns:240px minmax(0,1fr);gap:55px;align-items:center}.profile-welcome .about-portrait{max-width:240px;padding:10px 0}.profile-welcome .portrait-frame{margin:0 12px 0 0;box-shadow:9px 9px 0 #d4e5df}.portrait-frame .portrait-sprig{position:absolute;right:-35px;top:-18px;width:90px;height:90px;border-radius:0;transform:rotate(20deg)}.profile-copy .eyebrow{margin-bottom:12px}.profile-copy h2{font-size:38px}.profile-copy .profile-role{font-size:13px;color:#365f58;margin:10px 0 17px;font-weight:700}.profile-copy>p:not(.eyebrow):not(.profile-role){font-size:15px;line-height:1.65;margin:0 0 12px;max-width:700px}.profile-copy blockquote{font:700 18px/1.4 var(--round);color:var(--blue);margin:20px 0 0}.profile-more{border-top:1px solid #c5d8ce;margin-top:28px;padding-top:18px}.profile-more summary{font-size:14px;font-weight:700;color:#365f58;cursor:pointer;min-height:30px}.profile-more summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.profile-full-story{max-width:850px;margin:24px auto 0;font-size:16px;line-height:1.75}.profile-full-story p{margin-top:0}
.nature-wonder{background:#eaf4f9;border:1px solid #d5e6eb;border-radius:24px;padding:36px 36px 25px;margin:0 24px 45px}.nature-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:25px}.nature-heading .eyebrow{margin-bottom:12px;color:#365f58}.nature-heading h2{font-size:34px}.nature-heading h2 em{font-style:normal;color:#365f58}.nature-heading>p{max-width:330px;font-size:15px;color:var(--muted);margin:0}.nature-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-bottom:23px}.nature-examples article{display:grid;grid-template-columns:90px minmax(0,1fr);gap:12px;align-items:center}.nature-examples img{width:90px;height:115px;object-fit:contain}.nature-examples h3{font-size:19px;line-height:1.25;margin:0 0 8px}.nature-examples p{font-size:13px;line-height:1.65;margin:0;color:var(--muted)}.nature-next{display:inline-block;border-top:1px solid #b9d3df;padding-top:16px;font-size:13px;font-weight:700}
@media(max-width:1000px){.profile-welcome{padding:32px 32px 22px}.profile-intro{grid-template-columns:200px minmax(0,1fr);gap:35px}.profile-welcome .about-portrait{max-width:200px}.nature-examples article{display:block}.nature-examples img{width:100px;height:100px}.nature-wonder{padding:30px}.nature-heading>p{max-width:280px}}
@media(max-width:640px){.profile-welcome{margin:0 20px 30px;padding:28px 24px 20px}.profile-intro{grid-template-columns:1fr;gap:26px}.profile-welcome .about-portrait{max-width:190px;margin:0 auto}.profile-copy h2{font-size:34px}.profile-copy blockquote{font-size:17px}.profile-more summary{font-size:13px}.profile-full-story{font-size:15px}.hero-wonder{gap:8px}.hero-wonder strong{font-size:16px}.hero-wonder>img{width:40px}.nature-wonder{padding:26px 22px;margin:0 20px 30px}.nature-heading{display:block}.nature-heading h2{font-size:31px}.nature-heading>p{margin-top:18px;max-width:none}.nature-examples{grid-template-columns:1fr;gap:20px}.nature-examples article{display:grid;grid-template-columns:80px minmax(0,1fr);gap:13px}.nature-examples img{width:80px;height:100px}.nature-examples h3{font-size:18px}}
/* Group related choices and keep the homepage easy to scan. */
header .compact-nav{align-items:center;gap:10px 24px;flex-wrap:wrap;justify-content:flex-end}header .compact-nav>a{white-space:nowrap}.nav-group{position:relative}.nav-group>summary{list-style:none;cursor:pointer;padding:8px 0;font-size:14px;white-space:nowrap}.nav-group>summary::-webkit-details-marker{display:none}.nav-group>summary:after{content:'⌄';display:inline-block;margin-left:7px;color:#377396}.nav-group[open]>summary:after{transform:rotate(180deg)}.nav-group-current>summary{border-bottom:2px solid #f28d7b}.nav-dropdown{position:absolute;right:0;top:100%;width:265px;z-index:20;border:1px solid #c5d8df;border-radius:14px;padding:10px;background:#fff;box-shadow:0 10px 28px #172f5017}.nav-dropdown a{display:block;padding:11px 12px;border-radius:8px;font-size:14px;line-height:1.4}.nav-dropdown a:hover,.nav-dropdown a[aria-current=page]{background:#eaf4f9}.nav-group summary:focus-visible,.guide-group summary:focus-visible,.path-examples-toggle summary:focus-visible{outline:3px solid #377396;outline-offset:5px}
.family-guides{padding:40px 48px 35px}.family-guides h2{font-size:34px}.guides-intro{font-size:16px;color:var(--muted);margin:18px 0 25px;max-width:710px}.guide-group{border:1px solid #cbdce4;background:#fff;border-radius:18px;margin:14px 0;overflow:clip}.guide-group>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:24px 28px}.guide-group>summary::-webkit-details-marker{display:none}.guide-group>summary strong{display:block;font:700 24px/1.3 var(--round);letter-spacing:-.4px}.guide-group>summary small{display:block;font-size:14px;line-height:1.6;color:var(--muted);margin-top:7px}.guide-plus{font:400 31px/1 var(--round);color:#377396;transition:transform .15s}.guide-group[open]>.guide-plus,.guide-group[open]>summary .guide-plus{transform:rotate(45deg)}.guide-group[open]>summary{background:#eaf4f9;border-bottom:1px solid #cbdce4}.guide-content>.section,.guide-content>#approach,.guide-content>.sense-section,.guide-content>.conversation-section{padding:32px;margin:0;border:0;border-radius:0}.guide-content .split{gap:30px}.guide-content>.section h2,.guide-content>.sense-section h2,.guide-content>.conversation-section h2{font-size:30px}.guide-content .practice-top{align-items:start}.guide-content .resources{padding-top:32px}.guide-content>.hub-links{padding:26px 28px;margin:0;gap:14px}.guide-content>.film-invitation{margin:20px 28px 28px}.guide-content .resource-grid{gap:14px}.path-examples-toggle{margin-top:24px;border-top:1px solid #cbdce4;padding-top:16px}.path-examples-toggle>summary{cursor:pointer;font-size:14px;font-weight:700;color:#377396;padding:7px 0}.path-examples-toggle .number-path-section{margin:20px 0 0;padding:28px;gap:30px}.path-examples-toggle h2{font-size:30px}.path-examples-toggle .path-preview h3{font-size:28px}
@media(max-width:1000px){header .compact-nav{justify-content:flex-start}.family-guides{padding:30px 32px}.guide-content .practice-top{display:block}.guide-content .practice-top>p{max-width:none;margin-top:16px}.guide-content .prompts,.guide-content .sense-grid{grid-template-columns:1fr}.guide-content .split,.guide-content .report-invitation{grid-template-columns:1fr}.guide-content .report-links{gap:0}}
@media(max-width:640px){header .compact-nav{gap:8px 18px;justify-content:flex-start}.nav-group>summary,header .compact-nav>a{font-size:12px}.nav-dropdown{left:0;right:auto;width:min(260px,calc(100vw - 52px))}.nav-group:last-of-type .nav-dropdown{left:auto;right:0}.family-guides{padding:25px 20px}.family-guides h2{font-size:29px}.guide-group>summary{padding:20px}.guide-group>summary strong{font-size:21px}.guide-group>summary small{font-size:13px}.guide-content>.section,.guide-content>#approach,.guide-content>.sense-section,.guide-content>.conversation-section{padding:24px 20px}.guide-content>.hub-links{padding:20px}.guide-content>.section h2,.guide-content>.sense-section h2,.guide-content>.conversation-section h2{font-size:27px}.guide-content .resource-grid{grid-template-columns:1fr}.guide-content>.film-invitation,.guide-content>.reading-invitation{margin:20px;padding:22px}.path-examples-toggle .number-path-section{padding:20px;grid-template-columns:1fr}.path-examples-toggle h2{font-size:27px}}
.featured .path-examples-toggle>summary{color:#f5d795}.featured .path-examples-toggle .number-path-section{color:var(--ink)}.featured .path-examples-toggle .eyebrow{color:var(--blue)}
@media(max-width:640px){header .compact-nav{position:relative;width:100%}.compact-nav .nav-group{position:static}.compact-nav .nav-dropdown,.compact-nav .nav-group:last-of-type .nav-dropdown{left:0;right:auto;top:100%;width:100%;max-width:300px}}

/* A math bookshelf, with the same grade-band navigation as the visual tools. */
.book-shelf-intro{padding:8px 48px 24px}.book-shelf-intro h2{font-size:34px}.book-shelf-intro>p:last-child{max-width:750px;color:var(--muted);font-size:16px}.book-bands a{font-size:15px;font-weight:700;padding:12px 20px}.book-panel[hidden]{display:none}.book-panel .grade-heading>.eyebrow{font-size:11px;margin-bottom:12px;color:var(--blue)}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.book-card{border:1px solid var(--line);border-top:5px solid #a9cbdc;border-radius:18px;padding:27px 28px;background:white}.book-card:nth-child(even){border-top-color:#f1b5a7}.book-topic{margin:0 0 14px;color:var(--blue);font-size:12px;font-weight:700}.book-card h3{font-size:27px;line-height:1.2;overflow-wrap:anywhere}.book-author{font-size:13px;color:var(--muted);margin:12px 0 20px}.book-connection{font-size:15px;line-height:1.7}.book-connection strong{display:block;font-size:11px;letter-spacing:.8px;text-transform:uppercase;margin-bottom:6px}.book-card .ask-box{margin:20px 0;font-size:15px}.book-try{border-top:1px solid var(--line);padding-top:15px;font-size:14px}.book-try summary{cursor:pointer;font-weight:700;line-height:1.5}.book-try p{color:var(--muted);line-height:1.7}.book-source{display:inline-block;margin-top:20px;font-size:13px;font-weight:700;text-underline-offset:3px}.book-try summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-card{padding:23px}.book-card h3{font-size:25px}}
@media(max-width:760px){.book-shelf-intro{padding:6px 24px 20px}.book-shelf-intro h2{font-size:29px}.book-grid{grid-template-columns:1fr;gap:20px}.book-bands a{font-size:13px;padding:10px 14px}.book-panel{padding:0 24px 30px}.book-panel .grade-heading h2{font-size:28px}}

.book-cover{height:210px;display:flex;align-items:center;justify-content:center;background:#f6f4ed;border-radius:10px;padding:12px;margin:0 0 22px}.book-cover img{display:block;width:auto;height:auto;max-width:100%;max-height:186px;object-fit:contain;box-shadow:0 5px 10px #172f5020}.book-card{padding:24px}.book-card h3{font-size:24px}

/* Four invitations and grouped professional resources. */
.activity-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-fluency{height:89px;width:150px;margin-bottom:22px;display:flex;align-items:center}.mini-fluency svg{width:140px;height:94px;overflow:visible}.professional-topic{border:1px solid #ccdce2;border-radius:12px;margin:14px 0;background:white;padding:0 20px 18px}.professional-topic>summary{padding:19px 0 5px;font-weight:700;font-size:19px;cursor:pointer}.professional-topic>p{font-size:14px;color:var(--muted)}.professional-topic:not([open]){padding-bottom:14px}.professional-topic .resource-grid{padding-top:12px}.nav-subgroup{border-top:1px solid var(--line);padding:7px 0}.nav-subgroup>summary{font-size:13px;font-weight:700;padding:7px 10px;cursor:pointer;list-style:revert}.nav-subgroup>div{padding-left:10px}.nav-dropdown{max-height:70vh;overflow-y:auto}.bio-powerline{font-size:20px!important;line-height:1.6!important;border-left:4px solid #cf735e;padding:12px 0 12px 22px;margin-top:24px!important}.bio-powerline strong{display:block;margin-top:8px}.contact-emails{display:flex;flex-wrap:wrap;gap:10px 24px}.contact-emails a{overflow-wrap:anywhere}
@media(max-width:760px){.activity-cards{grid-template-columns:1fr}.professional-topic{padding-left:14px;padding-right:14px}.professional-topic .resource-grid{grid-template-columns:1fr}}

@media(max-width:760px){.mini-fluency{display:none}}

/* Final navigation and library-card polish. */
header .compact-nav>a{display:inline-flex;align-items:center;min-height:40px;padding:8px 0;font-weight:700}
.compact-nav>.nav-group>summary{min-height:40px;display:flex;align-items:center;font-weight:700}
.compact-nav a[aria-current="location"]{color:var(--blue);text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--coral)}
.nav-subgroup>summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:5px}
.book-grid{align-items:stretch}
.book-card{display:flex;flex-direction:column}
.book-cover{flex-shrink:0}
.book-card .book-source{margin-top:auto;padding-top:20px}
@media(min-width:641px) and (max-width:1000px){header .compact-nav{display:grid;width:100%;grid-template-columns:repeat(3,max-content);justify-content:start;gap:4px 28px}.compact-nav .nav-dropdown{left:0;right:auto}}