/* Mythic Frontier / publication, reading and lesson compositions.
   Broad blue typographic mastheads; catalog rows borrow only
   Franco Maria Ricci's editorial structure, never its warm/gold palette.
   Existing copy, native anchors, publication gates and scripts are retained. */

html.mythic-site :is(.publication-page, .reading-page, .financial-modeling-page, .not-found-page) main {
  --page-rule: #d1d1da;
  --page-muted: #45454f;
}
html.mythic-site :is(.publication-page, .reading-page, .financial-modeling-page) main :is(h1, h2, h3, .display) {
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -.035em;
}
html.mythic-site :is(.publication-page, .reading-page, .financial-modeling-page) main :is(h1, h2, h3, .display) :is(em, .u) {
  color: inherit;
  font-style: normal;
  text-decoration: none;
}
html.mythic-site :is(.publication-page, .reading-page, .financial-modeling-page) .section {
  padding-block: clamp(64px, 6vw, 112px);
}
html.mythic-site :is(.publication-page, .financial-modeling-page) main .h2 {
  font-size: clamp(37px, 4.25vw, 62px);
  line-height: 1.12;
}
html.mythic-site :is(.publication-page, .financial-modeling-page) .sec-head {
  max-width: 100%;
  margin-bottom: 40px;
}
html.mythic-site :is(.publication-page, .financial-modeling-page) .sec-head .lede {
  max-width: 70ch;
  font-size: 18px;
  line-height: 1.75;
  margin-top: 24px;
}

/* Shared masthead foundation; publication-only artwork is scoped below. */
html.mythic-site :is(.mythic-publication-hero, .mythic-reading-hero, .mythic-lesson-hero) {
  --ivory-light: #fff;
  --ivory-dark: #eeeefe;
  --cloud-medium: #e1e1fa;
  --clay: #fff;
  position: relative;
  isolation: isolate;
  overflow: clip;
  background: var(--mythic-blue, #1012c8);
  color: #fff;
  padding: clamp(26px, 3vw, 64px) 0 0;
}
html.mythic-site .mythic-publication-stage {
  display: block;
  min-height: 0;
}
html.mythic-site .mythic-publication-title {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding-block: clamp(28px, 3.5vw, 74px) clamp(48px, 5vw, 100px);
}
html.mythic-site .mythic-publication-title h1 {
  max-width: none !important;
  margin-block: 26px 24px;
  color: #fff;
  font-size: clamp(62px, 8vw, 176px);
  font-family: var(--serif);
  font-weight: 400;
  line-height: .99;
  letter-spacing: -.045em;
}
html.mythic-site .bible-page .mythic-publication-title h1 {
  max-width: 25ch !important;
  font-size: clamp(58px, 7vw, 154px);
}
html.mythic-site .mythic-publication-title .eyebrow {
  color: #fff;
  font: 400 11px/1.7 var(--mono);
  letter-spacing: .11em;
}
html.mythic-site .mythic-publication-title .publication-subtitle {
  font-family: var(--sans) !important;
  font-style: normal !important;
  font-size: clamp(18px, 1.2vw, 24px) !important;
  max-width: 68ch !important;
  line-height: 1.65;
  color: #eeeefe;
}
html.mythic-site .mythic-publication-title :is(.lede, p) {
  max-width: 70ch;
  color: #eeeefe;
  font-size: clamp(17px, 1.2vw, 22px);
  line-height: 1.75;
}
html.mythic-site .mythic-publication-title .lede { max-width: 70ch !important; font-size: clamp(17px, 1.2vw, 22px) !important; }
html.mythic-site .mythic-publication-title .kicker {
  font: 400 12px/1.6 var(--mono);
}
html.mythic-site .mythic-publication-title .btn {
  border-color: #fff;
  background: #fff;
  color: var(--mythic-blue, #1012c8);
  border-radius: 0;
  min-height: 52px;
}
html.mythic-site .mythic-publication-title :is(.btn + .btn, .btn--ghost) {
  background: transparent;
  color: #fff;
}
html.mythic-site .mythic-publication-title :is(a, button):focus-visible {
  outline-color: #fff;
}
html.mythic-site :is(.mythic-publication-hero, .mythic-lesson-hero) .bookhero__strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0;
  border: 0;
  border-top: 1px solid #7777de;
  border-radius: 0;
  padding: 0;
  background: transparent;
}
html.mythic-site .mythic-lesson-hero .bookhero__strip { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 0 !important; }
html.mythic-site :is(.mythic-publication-hero, .mythic-lesson-hero) .bookhero__strip > div {
  padding: 28px 30px;
  border-left: 1px solid #7777de;
}
html.mythic-site :is(.mythic-publication-hero, .mythic-lesson-hero) .bookhero__strip > div:first-child { padding-left: 0; border-left: 0; }
html.mythic-site :is(.mythic-publication-hero, .mythic-lesson-hero) .bookhero__strip b {
  font: 400 47px/1 var(--serif);
  letter-spacing: -.03em;
  color: #fff;
}
html.mythic-site :is(.mythic-publication-hero, .mythic-lesson-hero) .bookhero__strip span {
  font: 400 10px/1.6 var(--mono);
  letter-spacing: .08em;
  color: #eeeefe;
  margin-top: 10px;
}

/* Publication openings: distinct, weathered fragments, not repeat statues.
   Art is confined to the title stage; access controls and statistics stay clean. */
html.mythic-site .publication-page .mythic-publication-hero {
  padding-top: 0;
}
html.mythic-site .publication-page .mythic-publication-stage {
  position: relative;
  /* Blend against the blue hero, including artwork beyond the wrap gutter. */
  min-height: clamp(360px, 30vw, 640px);
  display: flex;
  align-items: center;
}
html.mythic-site .publication-page .mythic-publication-title {
  width: 62%;
  padding-block: clamp(48px, 5vw, 108px);
}
html.mythic-site .publication-page .mythic-publication-title h1 {
  font-size: clamp(56px, 6.5vw, 143px);
  max-width: 17ch !important;
}
html.mythic-site .bible-page .mythic-publication-title h1 {
  font-size: clamp(54px, 5.8vw, 128px);
  max-width: 19ch !important;
}
html.mythic-site .publication-page .mythic-publication-title .publication-subtitle {
  max-width: 48ch !important;
}
html.mythic-site .publication-page .mythic-publication-art {
  position: absolute;
  z-index: 0;
  inset-block: 0;
  right: calc(-1 * var(--mythic-gutter));
  width: 55%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: .72;
  mask-image: linear-gradient(to right, transparent, #000 38%);
}
html.mythic-site .publication-page .mythic-publication-art img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 58% 45%;
  filter: grayscale(1);
  transform: scale(1.16);
}
html.mythic-site .book-page .mythic-publication-art img {
  object-position: 54% 35%;
  transform: scale(1.13);
}
html.mythic-site .lmt-page .mythic-publication-art img {
  object-position: 63% 43%;
  transform: scale(1.1);
}
@media (max-width: 1100px) {
  html.mythic-site .publication-page .mythic-publication-title { width: 67%; }
  html.mythic-site .publication-page .mythic-publication-art {
    width: 58%;
    opacity: .56;
    mask-image: linear-gradient(to right, transparent, #000 48%);
  }
}
@media (max-width: 760px) {
  html.mythic-site .publication-page .mythic-publication-stage { min-height: 0; }
  html.mythic-site .publication-page .mythic-publication-title {
    width: 100%;
    padding-block: 40px 48px;
  }
  html.mythic-site .publication-page .mythic-publication-title h1 {
    font-size: clamp(40px, 8.5vw, 64px);
  }
  html.mythic-site .publication-page .mythic-publication-art {
    width: 100%;
    opacity: .22;
    mask-image: linear-gradient(to right, transparent, #000 60%);
  }
  html.mythic-site .publication-page .mythic-publication-art img {
    object-position: 58% 38%;
  }
}
@media print {
  html.mythic-site .publication-page .mythic-publication-art { display: none !important; }
  html.mythic-site .publication-page .mythic-publication-stage { min-height: 0; display: block; background: #fff !important; }
  html.mythic-site .publication-page .mythic-publication-title { width: 100%; }
}

/* Access is a calm white desk, separate from the typographic masthead.
   Keep .is-collapsed, [hidden], honeypots and all form behavior untouched. */
html.mythic-site .mythic-publication-access {
  --ivory-dark: #35353e;
  --ivory-light: #151515;
  --cloud-medium: #45454f;
  --clay: var(--mythic-blue, #1012c8);
  background: #fff;
  color: var(--mythic-ink, #151515);
  border-bottom: 1px solid var(--page-rule);
}
/* Share the access-to-contents transition instead of stacking full section padding. */
html.mythic-site .publication-page .mythic-publication-access {
  padding-bottom: clamp(28px, 3vw, 48px);
}
html.mythic-site .publication-page .mythic-publication-access + .section {
  padding-top: clamp(28px, 3vw, 48px);
}
html.mythic-site .mythic-access-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
  gap: clamp(44px, 6vw, 140px);
  align-items: start;
}
html.mythic-site .mythic-access-copy { max-width: 76ch; }
html.mythic-site .mythic-access-copy .feature__grid { display: block; margin-top: 0 !important; }
html.mythic-site .mythic-access-copy .feature__grid > p + p { margin-top: 24px !important; }
html.mythic-site .mythic-access-copy p { line-height: 1.8 !important; }
html.mythic-site .mythic-access-copy .feature__grid > p:first-child { font-size: 18px !important; }
html.mythic-site .mythic-access-gate { border-left: 1px solid var(--page-rule); padding-left: clamp(32px, 3vw, 64px); min-width: 0; }
html.mythic-site .mythic-access-gate > :is(div, p),
html.mythic-site .mythic-access-gate .pub-gate { max-width: 72ch; }
html.mythic-site .mythic-access-gate .mythic-publication-actions { margin-top: 0 !important; margin-bottom: 24px; }
html.mythic-site .mythic-publication-access .btn--ondark {
  background: var(--mythic-blue, #1012c8);
  border-color: var(--mythic-blue, #1012c8);
  color: #fff;
  border-radius: 0;
}
html.mythic-site .mythic-publication-access .pub-gate { padding: 24px 0 0; margin: 24px 0 0; border: 0; border-top: 1px solid var(--page-rule); }
html.mythic-site .mythic-publication-access .pub-gate__row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 20px; margin-top: 24px; }
html.mythic-site .mythic-publication-access .pub-gate__label { color: #45454f; font-size: 11px; }
html.mythic-site .mythic-publication-access .pub-gate :is(input[type="email"], input[type="text"]) {
  border: 1px solid #8c8c9a;
  border-radius: 0;
  background: #fff;
  color: #151515;
  min-height: 52px;
  padding: 14px;
}
html.mythic-site .mythic-publication-access .pub-gate .btn { margin-top: 22px; min-height: 52px; width: 100%; }
html.mythic-site .mythic-publication-access .pub-gate__note { color: #45454f; font-size: 13px; line-height: 1.7; }
html.mythic-site .mythic-publication-access .pub-gate__note a { color: var(--mythic-blue, #1012c8); }
html.mythic-site .mythic-publication-access .pub-gate__err { color: #a51c30; }

/* The Book and extended curriculum are navigable document indexes. */
html.mythic-site .mythic-index-heading { margin-bottom: 42px; }
html.mythic-site .mythic-index-layout {
  display: grid;
  grid-template-columns: clamp(220px, 15vw, 330px) minmax(0, 1fr);
  gap: clamp(36px, 4.5vw, 100px);
  align-items: start;
}
html.mythic-site .mythic-index-layout .toc-jump {
  display: block;
  position: sticky;
  top: 116px;
  max-height: calc(100vh - 144px);
  overflow-y: auto;
  margin: 0;
  border-top: 1px solid var(--mythic-ink, #151515);
}
html.mythic-site .mythic-index-layout .toc-jump a {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  align-items: baseline;
  gap: 10px;
  min-height: 51px;
  padding: 16px 10px 16px 0;
  border: 0;
  border-bottom: 1px solid var(--page-rule);
  border-radius: 0;
  background: #fff;
  color: #35353e;
  font: 400 12px/1.6 var(--mono);
}
html.mythic-site .mythic-index-layout .toc-jump a b { color: var(--mythic-blue, #1012c8); font-weight: 400; margin: 0; }
html.mythic-site .mythic-index-layout .toc-jump a:hover { color: var(--mythic-blue, #1012c8); background: #f5f5ff; }
html.mythic-site .mythic-index-layout .toc-jump a:hover b { color: inherit; }
html.mythic-site .mythic-index-chapters { min-width: 0; }
html.mythic-site .mythic-index-chapters .toc-part {
  display: grid;
  grid-template-columns: minmax(170px, .75fr) minmax(0, 1.3fr);
  gap: clamp(36px, 3vw, 64px);
  padding: 36px 0;
  border: 0;
  border-top: 1px solid var(--page-rule);
  border-radius: 0;
  background: #fff;
}
html.mythic-site .mythic-index-chapters .toc-part:first-child { border-top-color: var(--mythic-ink, #151515); }
html.mythic-site .mythic-index-chapters .toc-part__h .n { font: 400 11px/1.6 var(--mono); color: var(--mythic-blue, #1012c8); }
html.mythic-site .mythic-index-chapters .toc-part__h .t {
  font: 400 clamp(30px, 2.1vw, 44px)/1.15 var(--serif);
  text-transform: none;
  letter-spacing: -.03em;
  margin-top: 13px;
}
html.mythic-site .mythic-index-chapters .toc-part__h .d { max-width: 44ch; font-size: 14px; line-height: 1.75; font-style: normal; color: #45454f; margin-top: 16px; }
html.mythic-site .mythic-index-chapters .toc-ch { border-color: var(--page-rule); padding: clamp(12px, 1vw, 20px) 0; gap: 16px; font-size: clamp(14px, 1vw, 18px); line-height: 1.6; }
html.mythic-site .mythic-index-chapters .toc-ch:first-child { padding-top: 0; }
html.mythic-site .mythic-index-chapters .toc-ch .cn { color: var(--mythic-blue, #1012c8); font-size: 11px; padding-top: 3px; }

/* The shorter references use catalog rows, not generic feature cards. */
html.mythic-site .mythic-document-sequence { display: block; border-top: 1px solid var(--mythic-ink, #151515); }
html.mythic-site .mythic-document-sequence .card {
  display: grid;
  grid-template-columns: 140px minmax(0, .85fr) minmax(0, 1.15fr);
  gap: 38px;
  align-items: start;
  border: 0;
  border-bottom: 1px solid var(--page-rule);
  border-radius: 0;
  background: #fff;
  padding: 34px 0;
  box-shadow: none;
}
html.mythic-site .mythic-document-sequence .card .kicker { font: 400 10px/1.8 var(--mono); color: var(--mythic-blue, #1012c8); padding-top: 6px; }
html.mythic-site .mythic-document-sequence .card .h3 { font-size: 32px; line-height: 1.15; margin-top: 0 !important; }
html.mythic-site .mythic-document-sequence .card .body { max-width: 72ch; font-size: 16px; line-height: 1.8; margin-top: 0 !important; color: #45454f; }
html.mythic-site .publication-page .callout { border: 0; border-left: 2px solid var(--mythic-blue, #1012c8); border-radius: 0; background: #fff; padding: 12px 0 12px 22px; }
html.mythic-site .publication-page .callout > span { color: var(--mythic-blue, #1012c8); font-size: 10px; }
html.mythic-site .publication-page .callout > p { color: #45454f; font-size: 13px; line-height: 1.75; }
html.mythic-site .mythic-license > .wrap { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 0 56px; }
html.mythic-site .mythic-license h2 { grid-column: 1; grid-row: 1 / 4; font: 400 32px/1.15 var(--serif); }
html.mythic-site .mythic-license p { grid-column: 2; max-width: 75ch; margin-top: 0 !important; font-size: 14px; line-height: 1.8; }

/* Session 01: its own craftsman fragment, confined to the title stage.
   The full blue hero owns the blend backdrop; never isolate the inner stage. */
html.mythic-site .financial-modeling-page .mythic-lesson-hero { padding-top: 0; }
html.mythic-site .financial-modeling-page .mythic-publication-stage {
  position: relative;
  min-height: clamp(360px, 30vw, 640px);
  display: flex;
  align-items: center;
}
html.mythic-site .financial-modeling-page .mythic-publication-title {
  width: 62%;
  padding-block: clamp(48px, 5vw, 108px);
}
html.mythic-site .financial-modeling-page .mythic-publication-title h1 {
  font-size: clamp(54px, 5.5vw, 120px);
  max-width: 18ch !important;
}
html.mythic-site .financial-modeling-page .mythic-publication-title .lede { max-width: 52ch !important; }
html.mythic-site .financial-modeling-page .mythic-lesson-art {
  position: absolute;
  z-index: 0;
  inset-block: 0;
  right: calc(-1 * var(--mythic-gutter));
  width: 55%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: .72;
  mask-image: linear-gradient(to right, transparent, #000 38%);
}
html.mythic-site .financial-modeling-page .mythic-lesson-art img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: 56% 44%;
  filter: grayscale(1);
  transform: scale(1.16);
}

/* Lesson body: a working sequence, a separate applied coda, clear outcomes. */
html.mythic-site .financial-modeling-page #promise { padding-top: 88px !important; }
html.mythic-site .financial-modeling-page #promise > .wrap > .grid { gap: clamp(44px, 5vw, 112px); }
html.mythic-site .financial-modeling-page #promise > .wrap > .grid > p { max-width: 78ch; }
html.mythic-site .financial-modeling-page .pillars { border-radius: 0; border: 0; border-block: 1px solid var(--page-rule); background: #fff; }
html.mythic-site .financial-modeling-page .pillars > div { padding: 26px; }
html.mythic-site .financial-modeling-page .pillars > div:first-child { padding-left: 0; }
html.mythic-site .financial-modeling-page .pillars__t { font: 400 25px/1.2 var(--serif); letter-spacing: -.02em; }
html.mythic-site .financial-modeling-page .pillars__b { font-size: 13px; line-height: 1.7; color: #45454f; }
html.mythic-site .financial-modeling-page .mythic-index-chapters .toc-part { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-block: 40px; }
html.mythic-site .financial-modeling-page .mythic-index-chapters .toc-part__h .t { font-size: 40px; }
html.mythic-site .financial-modeling-page .mythic-index-chapters .toc-part .body { font-size: 16px; line-height: 1.8; max-width: 78ch; color: #35353e; }
html.mythic-site .financial-modeling-page .mythic-index-chapters .toc-part .body + .body { margin-top: 16px; }
html.mythic-site :is(.mythic-page-closing, .financial-modeling-page #step-ai) {
  --ivory-light: #fff;
  --ivory-dark: #eeeefe;
  --cloud-medium: #e1e1fa;
  --cloud-dark: #e1e1fa;
  background: var(--mythic-blue, #1012c8);
  color: #fff;
  border: 0;
  border-radius: 0;
}
html.mythic-site .mythic-page-closing { padding-block: 72px !important; }
html.mythic-site .mythic-page-closing .feature { padding: 0; background: transparent; border-radius: 0; }
html.mythic-site .mythic-page-closing .feature__grid { align-items: center; gap: 64px; }
html.mythic-site .mythic-page-closing .display,
html.mythic-site .financial-modeling-page #step-ai .display { color: #fff; font-family: var(--serif); font-weight: 400; line-height: 1.14; letter-spacing: -.025em; }
html.mythic-site .financial-modeling-page #step-ai { padding: 40px; }
html.mythic-site .financial-modeling-page #step-ai .feature__grid { display: block; }
html.mythic-site .financial-modeling-page #step-ai .feature__grid > div + div { border-top: 1px solid #7777de; padding-top: 28px; margin-top: 28px; max-width: none !important; }
html.mythic-site :is(.mythic-page-closing, .financial-modeling-page #step-ai) .btn--ondark { color: var(--mythic-blue, #1012c8); background: #fff; border-color: #fff; border-radius: 0; }
html.mythic-site .financial-modeling-page #outcomes .grid { gap: 0 46px; }
html.mythic-site .financial-modeling-page #outcomes .card { background: #fff; border: 0; border-top: 1px solid var(--page-rule); border-radius: 0; padding: 28px 0; box-shadow: none; }
html.mythic-site .financial-modeling-page #outcomes .card .body { font-size: 15px; line-height: 1.8; color: #45454f; }

/* About and policy: broad typographic openings and readable headed sections. */
html.mythic-site .reading-page main .wrap { max-width: var(--max-w, 2200px) !important; }
html.mythic-site .about-page .mythic-publication-title h1 { font-size: clamp(53px, 6.5vw, 143px); max-width: 26ch !important; }
html.mythic-site .privacy-page .mythic-publication-title h1 { max-width: none !important; font-size: clamp(62px, 7.5vw, 165px); }
html.mythic-site .privacy-page .mythic-publication-title :is(.lede, .muted) { color: #eeeefe; }
html.mythic-site .mythic-reading-body { padding-top: 42px !important; }
html.mythic-site .mythic-reading-row { display: grid; grid-template-columns: minmax(210px, .6fr) minmax(0, 1.4fr); gap: clamp(40px, 5vw, 110px); padding: 44px 0; border-bottom: 1px solid var(--page-rule); }
html.mythic-site .mythic-reading-row .mythic-reading-heading h2 { margin: 0 !important; border: 0; padding: 0; font: 400 34px/1.2 var(--serif); color: var(--mythic-blue, #1012c8); letter-spacing: -.03em; }
html.mythic-site .mythic-reading-copy { max-width: 76ch; }
html.mythic-site .reading-page .mythic-reading-copy :is(p, ul) { margin-top: 0 !important; font-size: 16px; line-height: 1.85; color: #35353e; }
html.mythic-site .reading-page .mythic-reading-copy :is(p, ul) + :is(p, ul) { margin-top: 20px !important; }
html.mythic-site .reading-page .mythic-reading-copy li + li { margin-top: 12px; }
html.mythic-site .reading-page .mythic-reading-copy a { color: var(--mythic-blue, #1012c8); }
html.mythic-site .mythic-founder-portrait { display: block; width: 100%; max-width: 280px; height: auto; margin-top: 30px; border: 0; border-radius: 0; }

/* Error recovery is a clear destination list, not a disconnected utility page. */
html.mythic-site .not-found-page .error-page { background: var(--mythic-blue, #1012c8); color: #fff; padding: clamp(56px, 7vw, 140px) 0; min-height: 0; }
html.mythic-site .mythic-error-stage { display: block; min-height: 0; }
html.mythic-site .not-found-page .error-page__inner { max-width: none; padding: 0; }
html.mythic-site .not-found-page .error-page h1 { color: #fff; font: 400 clamp(56px, 7.5vw, 165px)/1.05 var(--serif); letter-spacing: -.04em; }
html.mythic-site .not-found-page .error-page :is(.eyebrow, .lede) { color: #eeeefe; }
html.mythic-site .not-found-page .error-page .lede { max-width: 70ch; font-size: clamp(18px, 1.2vw, 22px); line-height: 1.8; }
html.mythic-site .not-found-page .error-page__actions .btn { border-radius: 0; background: transparent; border-color: #8a8ae4; color: #fff; }
html.mythic-site .not-found-page .error-page__actions .btn--accent { background: #fff; border-color: #fff; color: var(--mythic-blue, #1012c8); }
html.mythic-site .not-found-page .error-page a:focus-visible { outline-color: #fff; }

@media (max-width: 1100px) {
  html.mythic-site .financial-modeling-page .mythic-publication-title { width: 67%; }
  html.mythic-site .financial-modeling-page .mythic-lesson-art {
    width: 58%;
    opacity: .56;
    mask-image: linear-gradient(to right, transparent, #000 48%);
  }
  html.mythic-site .mythic-access-layout { gap: 42px; }
  html.mythic-site .mythic-index-layout { grid-template-columns: 185px minmax(0, 1fr); gap: 36px; }
  html.mythic-site .mythic-index-chapters .toc-part { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  html.mythic-site .mythic-document-sequence .card { grid-template-columns: 100px minmax(0, 1fr) minmax(0, 1.15fr); gap: 24px; }
  html.mythic-site .mythic-document-sequence .card .h3 { font-size: 28px; }
  html.mythic-site .mythic-reading-row { grid-template-columns: minmax(180px, .65fr) minmax(0, 1.35fr); gap: 44px; }
}
@media (max-width: 760px) {
  html.mythic-site .financial-modeling-page .mythic-publication-stage { min-height: 0; }
  html.mythic-site .financial-modeling-page .mythic-publication-title { width: 100%; padding-block: 40px 48px; }
  html.mythic-site .financial-modeling-page .mythic-lesson-art {
    width: 100%;
    opacity: .22;
    mask-image: linear-gradient(to right, transparent, #000 60%);
  }
  html.mythic-site .financial-modeling-page .mythic-lesson-art img { object-position: 58% 38%; }
  html.mythic-site .mythic-publication-title { padding: 30px 0 48px; }
  html.mythic-site .mythic-publication-title h1 { font-size: clamp(52px, 11vw, 80px); }
  html.mythic-site .bible-page .mythic-publication-title h1 { font-size: clamp(52px, 10.7vw, 78px); }
  html.mythic-site .about-page .mythic-publication-title h1,
  html.mythic-site .financial-modeling-page .mythic-publication-title h1 { font-size: clamp(48px, 10vw, 76px); }
  html.mythic-site :is(.mythic-publication-hero, .mythic-lesson-hero) .bookhero__strip { margin-top: 0 !important; }
  html.mythic-site :is(.mythic-publication-hero, .mythic-lesson-hero) .bookhero__strip > div { padding: 22px 15px; }
  html.mythic-site :is(.mythic-publication-hero, .mythic-lesson-hero) .bookhero__strip b { font-size: 35px; }
  html.mythic-site :is(.mythic-publication-hero, .mythic-lesson-hero) .bookhero__strip span { font-size: 9px; }
  html.mythic-site .mythic-lesson-hero .bookhero__strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.mythic-site .mythic-lesson-hero .bookhero__strip > div:nth-child(3) { padding-left: 0; border-left: 0; }
  html.mythic-site .mythic-lesson-hero .bookhero__strip > div:nth-child(n+3) { border-top: 1px solid #7777de; }
  html.mythic-site .mythic-access-layout { grid-template-columns: minmax(0, 1fr); gap: 34px; }
  html.mythic-site .mythic-access-gate { border-left: 0; border-top: 1px solid var(--page-rule); padding: 30px 0 0; }
  html.mythic-site .mythic-index-layout { grid-template-columns: minmax(0, 1fr); gap: 30px; }
  html.mythic-site .mythic-index-layout .toc-jump { position: static; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; max-height: none; overflow: visible; }
  html.mythic-site .mythic-index-layout .toc-jump a { grid-template-columns: 28px minmax(0, 1fr); gap: 7px; font-size: 10px; padding-block: 14px; }
  html.mythic-site .mythic-document-sequence .card { grid-template-columns: minmax(0, 1fr); gap: 14px; padding-block: 28px; }
  html.mythic-site .mythic-document-sequence .card .h3 { font-size: 33px; }
  html.mythic-site .mythic-license > .wrap { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  html.mythic-site .mythic-license h2,
  html.mythic-site .mythic-license p { grid-column: auto; grid-row: auto; }
  html.mythic-site .financial-modeling-page #promise { padding-top: 64px !important; }
  html.mythic-site .financial-modeling-page #promise > .wrap > .grid { gap: 8px; }
  html.mythic-site .financial-modeling-page .pillars { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html.mythic-site .financial-modeling-page .pillars > div { padding: 20px 16px; border: 0; }
  html.mythic-site .financial-modeling-page .pillars > div:nth-child(odd) { padding-left: 0; }
  html.mythic-site .financial-modeling-page .pillars > div:nth-child(even) { border-left: 1px solid var(--page-rule); }
  html.mythic-site .financial-modeling-page .pillars > div:nth-child(n+3) { border-top: 1px solid var(--page-rule); }
  html.mythic-site .financial-modeling-page .pillars__t { font-size: 24px; }
  html.mythic-site .financial-modeling-page .mythic-index-chapters .toc-part__h .t { font-size: 35px; }
  html.mythic-site .financial-modeling-page #step-ai { padding: 30px 24px; }
  html.mythic-site .mythic-page-closing .feature__grid { gap: 30px; }
  html.mythic-site .mythic-reading-row { grid-template-columns: minmax(0, 1fr); gap: 24px; padding-block: 32px; }
  html.mythic-site .mythic-founder-portrait { max-width: 220px; }
}
@media (prefers-reduced-motion: reduce) {
  html.mythic-site .mythic-index-layout .toc-jump a,
  html.mythic-site .mythic-publication-title .btn { transition: none; }
}
@media print {
  html.mythic-site .financial-modeling-page .mythic-lesson-art { display: none !important; }
  html.mythic-site .financial-modeling-page .mythic-publication-stage { min-height: 0; display: block; }
  html.mythic-site .financial-modeling-page .mythic-publication-title { width: 100%; }
  html.mythic-site :is(.mythic-publication-hero, .mythic-reading-hero, .mythic-lesson-hero, .mythic-page-closing, .financial-modeling-page #step-ai, .not-found-page .error-page) { background: #fff !important; color: #111 !important; }
  html.mythic-site .mythic-index-layout .toc-jump { position: static; max-height: none; }
  html.mythic-site .mythic-publication-stage { min-height: 0; display: block; }
  html.mythic-site .mythic-publication-title :is(h1, p, .eyebrow, .publication-subtitle, .kicker) { color: #111 !important; }
}