:root {
  color-scheme: light;
  --canvas: #f6ddd8;
  --surface: #fbece8;
  --wash: #ecc2b8;
  --structure: #d79e90;
  --ink: #3c2925;
  --muted: #684a42;
  --brick: #8b3f31;
  --button-ink: #fff7f3;
  --serif: 'Iowan Old Style', 'Palatino Linotype', Palatino, 'Book Antiqua', Georgia, serif;
}
* { box-sizing: border-box; }
html { scroll-padding-top: 28px; }
body { margin: 0; background: var(--canvas); color: var(--ink); font: 20px/1.65 var(--serif); }
body, main, article, section, aside, figure, nav, li, div { min-width: 0; }
[hidden] { display: none !important; }
a { color: var(--brick); text-underline-offset: .2em; text-decoration-thickness: .065em; }
a:hover { text-decoration-thickness: .12em; }
a, summary { -webkit-tap-highlight-color: #d79e9060; }
a:focus-visible, summary:focus-visible, main:focus-visible { outline: 3px solid var(--ink); outline-offset: 5px; }
p { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }
h1, h2, h3, h4, h5, h6 { font-family: var(--serif); font-weight: 400; line-height: 1.16; margin: 0; }
h1 { font-size: clamp(46px, 5.1vw, 70px); letter-spacing: -.025em; max-width: 20ch; text-wrap: balance; }
h2 { font-size: clamp(28px, 2.5vw, 34px); }
img { display: block; max-width: 100%; height: auto; font: 17px/1.6 var(--serif); color: var(--muted); }
[data-role='skip-link'] { position: absolute; z-index: 10; top: -100px; left: 20px; min-height: 48px; padding: 12px 20px; background: var(--brick); color: var(--button-ink); }
[data-role='skip-link']:focus { top: 12px; }
[data-role='reading-progress'] { position: fixed; top: 0; left: 0; z-index: 8; width: 100%; height: 4px; border: 0; appearance: none; background: transparent; color: var(--brick); pointer-events: none; }
[data-role='reading-progress']::-webkit-progress-bar { background: transparent; }
[data-role='reading-progress']::-webkit-progress-value { background: var(--brick); }
[data-role='reading-progress']::-moz-progress-bar { background: var(--brick); }
[data-role='site-header'] { background: var(--wash); }
[data-role='header-inner'] { max-width: 1264px; margin: auto; min-height: 112px; padding: 22px 36px; display: flex; align-items: center; justify-content: space-between; gap: 24px; position: relative; }
[data-role='brand'] { min-height: 52px; display: inline-flex; align-items: center; gap: 16px; font-size: 27px; line-height: 1.1; color: var(--ink); text-decoration: none; }
[data-role='brand-place'], [data-role='eyebrow'], [data-role='note-label'] { font-variant-caps: all-small-caps; font-feature-settings: 'smcp', 'c2sc'; font-synthesis: none; letter-spacing: normal; font-weight: 400; color: var(--brick); }
[data-role='brand-place'] { display: block; margin-top: 4px; font-size: 19px; line-height: 1.25; }
[data-role='brand-mark'] { width: 35px; height: 48px; border: 3px solid var(--brick); border-radius: 50% 50% 0 0; position: relative; flex-shrink: 0; }
[data-role='brand-mark']::after { content: ''; position: absolute; bottom: 0; left: 9px; height: 26px; border-left: 3px solid var(--brick); }
summary { cursor: pointer; list-style: none; min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 18px; font-size: 19px; }
summary::-webkit-details-marker { display: none; }
summary::after { content: ''; display: block; width: 9px; height: 9px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); flex: 0 0 9px; margin-right: 3px; }
details[open] > summary::after { transform: rotate(225deg); }
[data-role='menu'] > summary { padding: 12px 18px; border: 2px solid var(--brick); color: var(--brick); }
[data-role='menu-panel'] { position: absolute; top: calc(100% - 6px); right: 36px; width: min(550px, calc(100vw - 72px)); max-height: calc(100dvh - 120px); overflow-y: auto; z-index: 6; border: 2px solid var(--brick); border-radius: 36px 36px 0 0; padding: 20px 26px; background: var(--surface); }
[data-role='menu-group'] { border-bottom: 2px solid var(--wash); }
[data-role='menu-group']:last-child { border-bottom: 0; }
[data-role='menu-group'] > summary { padding: 16px 0; }
[data-role='menu-group'] ul { list-style: none; margin: 0 0 12px; padding: 0; }
[data-role='menu-link'] { min-height: 48px; padding: 10px 14px; display: flex; align-items: center; }
[data-role='menu-link']:hover, [data-role='menu-link'][aria-current='page'] { color: var(--ink); background: var(--wash); }
main { max-width: 1264px; padding: 0 36px; margin: 0 auto; }
[data-role='breadcrumbs'] { margin-top: 22px; }
[data-role='breadcrumbs'] ol { display: flex; flex-wrap: wrap; list-style: none; align-items: center; gap: 0 16px; margin: 0; padding: 0; font-size: 18px; }
[data-role='breadcrumbs'] li { display: flex; align-items: center; gap: 16px; }
[data-role='breadcrumbs'] li + li::before { content: '›'; color: var(--brick); }
[data-role='breadcrumbs'] a { display: inline-flex; align-items: center; min-height: 44px; }
[data-role='breadcrumbs'] span { color: var(--muted); }
[data-role='hero'] { padding-top: 48px; display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, .8fr); gap: 72px; align-items: center; }
[data-page='home'] [data-role='hero'] { padding-top: 64px; }
[data-page='home'] h1 { font-size: clamp(50px, 5.5vw, 76px); max-width: 20ch; }
[data-role='eyebrow'], [data-role='note-label'] { font-size: 20px; line-height: 1.4; }
[data-role='eyebrow'] { margin-bottom: 22px; }
[data-role='lead'] { color: var(--muted); max-width: 57ch; font-size: 21px; line-height: 1.6; margin: 28px 0; }
[data-role='primary-action'] { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; min-height: 56px; max-width: 100%; padding: 13px 22px; border: 2px solid var(--brick); border-radius: 0; background: var(--brick); color: var(--button-ink); font-size: 19px; line-height: 1.4; text-decoration: none; }
[data-role='primary-action']::after { content: '→'; font-size: 24px; line-height: 1; }
[data-role='primary-action']:hover { background: var(--ink); border-color: var(--ink); }
[data-role='still-life'] { margin: 0; width: 100%; max-width: 340px; justify-self: end; background: var(--wash); border-radius: 50% 50% 0 0; position: relative; }
[data-role='still-life']::before { content: '1'; position: absolute; top: -58px; left: -52px; z-index: -1; color: var(--brick); font-size: 144px; line-height: 1; font-variant-numeric: lining-nums; }
[data-role='still-life'] img { width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 50% 50% 0 0; overflow: hidden; }
[data-role='hero-mark'] { width: min(100%, 300px); min-height: 350px; justify-self: end; display: grid; place-items: center; background: var(--wash); border-radius: 50% 50% 0 0; }
[data-role='hero-mark'] span { display: none; }
[data-role='hero-mark']::before { content: '1'; color: var(--brick); font-size: 230px; line-height: 1; font-variant-numeric: lining-nums; }
[data-role='routes'] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 72px; counter-reset: route; }
[data-role='route'] { background: var(--wash); border-radius: 96px 96px 0 0; padding: 32px; counter-increment: route; }
[data-role='route']::before { content: counter(route); display: block; color: var(--brick); font-size: 64px; line-height: 1; margin-bottom: 18px; font-variant-numeric: lining-nums; }
[data-role='route-link'] { font-size: 26px; line-height: 1.3; min-height: 48px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
[data-role='route-link']::after { content: '→'; flex-shrink: 0; }
[data-role='route'] p { font-size: 18px; color: var(--muted); margin-top: 10px; }
[data-role='reading-body'] { margin: 88px 0; scroll-margin-top: 32px; }
[data-role='section-intro'] { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; border-top: 3px solid var(--structure); padding-top: 22px; padding-bottom: 42px; }
[data-role='section-intro'] p { margin: 0; font-size: 18px; color: var(--muted); }
[data-role='section-intro'] [data-role='eyebrow'] { font-size: 20px; color: var(--brick); }
[data-role='reading-grid'] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr); gap: 56px; align-items: start; }
[data-role='checklist'] { margin: 0; padding: 0; list-style: none; counter-reset: check; }
[data-role='check-item'] { padding: 36px 0; border-bottom: 2px solid var(--wash); display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 24px; counter-increment: check; }
[data-role='check-item']:first-child { padding-top: 0; }
[data-role='check-glyph'] { color: var(--brick); font-size: 62px; line-height: 1; font-variant-numeric: lining-nums; }
[data-role='check-glyph']::before { content: counter(check); }
[data-role='check-content'] h2 { margin-bottom: 20px; max-width: 32ch; }
[data-role='check-content'] p { max-width: 67ch; }
[data-role='coach-note'] { background: var(--wash); border-radius: 140px 140px 0 0; padding: 70px 32px 36px; }
[data-role='coach-note'] h2 { margin: 18px 0 24px; font-size: 30px; }
[data-role='coach-note'] p { font-size: 19px; line-height: 1.65; max-width: 67ch; }
[data-role='source-drawer'] { margin-top: 48px; background: var(--surface); border-radius: 28px 28px 0 0; border-bottom: 3px solid var(--structure); }
[data-role='source-drawer'] > summary { padding: 22px 28px; min-height: 68px; color: var(--brick); font-size: 21px; }
[data-role='source-body'] { border-top: 2px solid var(--wash); padding: 24px 28px; font-size: 19px; }
[data-role='source-body'] ul { list-style: none; padding: 0; margin: 8px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
[data-role='source-link'] { display: flex; align-items: center; min-height: 48px; padding: 10px 0; font-size: 18px; overflow-wrap: anywhere; }
[data-role='page-next'] { margin-top: 40px; display: flex; justify-content: flex-end; }
[data-role='next-link'] { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; padding: 16px 0; min-height: 56px; font-size: 21px; }
[data-role='next-link']::after { content: '→'; text-decoration: none; flex-shrink: 0; }
[data-role='site-footer'] { background: var(--wash); }
[data-role='footer-inner'] { max-width: 1264px; padding: 48px 36px; margin: auto; display: grid; grid-template-columns: 1.4fr 1fr; gap: 80px; }
[data-role='site-footer'] p { color: var(--muted); font-size: 19px; line-height: 1.65; max-width: 56ch; }
[data-role='site-footer'] ul { margin: 0; padding: 0; list-style: none; }
[data-role='site-footer'] a { min-height: 48px; display: flex; align-items: center; padding: 9px 0; font-size: 19px; }
[data-role='urgent-help'] { margin-top: 40px; padding: 36px; border-left: 5px solid var(--brick); border-radius: 44px 44px 0 0; background: var(--surface); }
[data-role='urgent-help'] h2 { margin-bottom: 16px; }
[data-role='urgent-help'] p { max-width: 67ch; }
[data-role='urgent-help'] p:last-child { font-weight: 700; }
@media (max-width: 960px) {
  [data-role='hero'] { gap: 40px; grid-template-columns: minmax(0, 1.5fr) minmax(0, .8fr); }
  [data-role='hero-mark'] { min-height: 290px; }
  [data-role='hero-mark']::before { font-size: 190px; }
  [data-role='reading-grid'] { grid-template-columns: minmax(0, 1.7fr) minmax(250px, 1fr); gap: 32px; }
  [data-role='coach-note'] { padding: 64px 24px 28px; }
  [data-role='route'] { padding: 30px 24px; }
  [data-role='footer-inner'] { gap: 40px; }
}
@media (max-width: 720px) {
  body { font-size: 19px; }
  [data-role='header-inner'] { min-height: 100px; padding: 18px 20px; gap: 14px; }
  [data-role='brand'] { font-size: 23px; gap: 10px; }
  [data-role='brand-mark'] { width: 27px; height: 39px; }
  [data-role='brand-mark']::after { left: 7px; height: 21px; }
  [data-role='brand-place'] { font-size: 18px; }
  [data-role='menu'] > summary { font-size: 18px; padding: 10px 12px; max-width: 154px; line-height: 1.3; gap: 12px; }
  [data-role='menu-panel'] { right: 20px; width: calc(100vw - 40px); padding: 16px 20px; }
  main { padding: 0 22px; }
  [data-role='hero'], [data-page='home'] [data-role='hero'] { grid-template-columns: minmax(0, 1fr); padding-top: 32px; gap: 48px; }
  h1 { font-size: clamp(40px, 11.3vw, 56px); max-width: 20ch; }
  [data-page='home'] h1 { font-size: clamp(44px, 12vw, 60px); max-width: 20ch; }
  [data-role='eyebrow'] { margin-bottom: 20px; }
  [data-role='lead'] { font-size: 20px; margin: 24px 0; }
  [data-role='primary-action'] { width: 100%; padding: 14px 18px; gap: 18px; }
  [data-role='still-life'] { max-width: 250px; margin-right: 12px; }
  [data-role='still-life']::before { top: -24px; left: -54px; font-size: 112px; }
  [data-role='still-life'] img { aspect-ratio: 5 / 4; }
  [data-role='hero-mark'] { display: none; }
  [data-role='routes'] { grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 48px; }
  [data-role='route'] { padding: 32px; border-radius: 76px 76px 0 0; }
  [data-role='route']::before { font-size: 56px; margin-bottom: 12px; }
  [data-role='reading-body'] { margin: 56px 0; }
  [data-role='section-intro'] { display: block; padding-bottom: 32px; }
  [data-role='section-intro'] p + p { margin-top: 8px; }
  [data-role='reading-grid'] { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  [data-role='check-item'] { grid-template-columns: 32px minmax(0, 1fr); gap: 16px; padding: 28px 0; }
  [data-role='check-glyph'] { font-size: 46px; }
  [data-role='check-content'] h2 { font-size: 29px; margin-bottom: 18px; }
  [data-role='coach-note'] { padding: 64px 30px 32px; }
  [data-role='coach-note'] p { font-size: 19px; }
  [data-role='source-drawer'] { margin-top: 32px; }
  [data-role='source-drawer'] > summary { padding: 20px; font-size: 20px; }
  [data-role='source-body'] { padding: 20px; }
  [data-role='source-body'] ul { grid-template-columns: minmax(0, 1fr); }
  [data-role='page-next'] { margin-top: 28px; justify-content: flex-start; }
  [data-role='next-link'] { width: 100%; }
  [data-role='footer-inner'] { padding: 36px 22px; grid-template-columns: minmax(0, 1fr); gap: 24px; }
  [data-role='breadcrumbs'] { margin-top: 18px; }
  [data-role='urgent-help'] { padding: 30px 24px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}
@media print {
  body { background: white; color: #222; font-size: 16px; }
  [data-role='site-header'], [data-role='routes'], [data-role='hero-mark'], [data-role='still-life'], [data-role='primary-action'], [data-role='reading-progress'], [data-role='site-footer'], [data-role='page-next'] { display: none !important; }
  main { padding: 0; max-width: none; }
  [data-role='hero'], [data-page='home'] [data-role='hero'], [data-role='reading-grid'] { display: block; padding-top: 16px; }
  [data-role='lead'], [data-role='eyebrow'], [data-role='section-intro'] p, [data-role='check-glyph'] { color: #222; }
  [data-role='reading-body'] { margin: 32px 0; }
  [data-role='check-item'] { break-inside: avoid; border-color: #999; }
  [data-role='coach-note'] { border: 1px solid #999; margin-top: 24px; border-radius: 0; padding: 24px; }
  [data-role='source-drawer'] { background: white; color: #222; border-color: #999; }
  [data-role='source-drawer'] > summary, [data-role='source-link'] { color: #222; }
  [data-role='source-body'] { display: block; }
}