/* DEV-002: isolated public design tokens; no legacy portal selectors. */
.bys-public {
  --bys-burgundy-900: #3b0d22;
  --bys-burgundy-700: #5b1735;
  --bys-burgundy-100: #f1e3e8;
  --bys-cream: #fbf8f2;
  --bys-white: #fff;
  --bys-charcoal: #262327;
  --bys-muted: #6f686c;
  --bys-border: #ded6d2;
  --bys-gold: #b4894a;
  --bys-success: #2f6b50;
  --bys-error: #a33434;
  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", Arial, sans-serif;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius-sm: .75rem;
  --radius-md: 1.25rem;
  --radius-pill: 999px;
  --content-max: 75rem;
  --reading-max: 44rem;
  margin: 0;
  background: var(--bys-cream);
  color: var(--bys-charcoal);
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.55;
  -webkit-text-size-adjust: 100%;
}

.bys-public *, .bys-public *::before, .bys-public *::after { box-sizing: border-box; }
.bys-public [hidden] { display: none !important; }
.bys-public a { color: inherit; text-underline-offset: .25em; }
.bys-public :focus-visible { outline: 3px solid var(--bys-burgundy-700); outline-offset: 5px; }
.bys-public ::selection { background: var(--bys-burgundy-100); color: var(--bys-burgundy-900); }

.bys-page {
  max-width: var(--content-max);
  min-height: 100vh;
  min-height: 100svh;
  margin-inline: auto;
  padding: var(--space-8) var(--space-6) var(--space-6);
  display: flex;
  flex-direction: column;
}

.bys-header { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); }
.bys-wordmark { display: inline-flex; align-items: center; gap: .8rem; min-height: 48px; text-decoration: none; color: var(--bys-burgundy-900) !important; }
.bys-wordmark-initials { font-family: var(--font-display); font-size: 2.5rem; font-weight: 700; line-height: 1; letter-spacing: -.035em; }
.bys-wordmark-divider { align-self: stretch; width: 1px; margin-block: .125rem; background: var(--bys-burgundy-700); }
.bys-wordmark-name { display: grid; font-size: .75rem; line-height: 1.25; font-weight: 600; }
.bys-member-link { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: 48px; padding: var(--space-2); font-size: .875rem; text-decoration: none; }
.bys-member-link:hover { text-decoration: underline; }
.bys-member-link svg { flex: 0 0 auto; }
.bys-member-desktop { display: none; }

/* Two quiet, labelled actions; Discover remains the only primary landing action. */
.bys-public-header { flex-direction: column; flex-wrap: wrap; align-items: center; gap: .5rem; }
.bys-public-navigation { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: .25rem 1rem; max-width: 100%; }
.bys-public-navigation .bys-member-link { padding: .5rem .25rem; text-align: center; }

.bys-main { flex: 1; display: grid; align-content: center; padding-block: var(--space-12); }
.bys-main:focus { outline: none; }
.bys-entry { width: 100%; max-width: 42.5rem; margin-inline: auto; text-align: center; }
.bys-eyebrow { margin: 0 0 var(--space-6); color: var(--bys-muted); font-size: .875rem; }
.bys-entry h1 { max-width: 15ch; margin: 0 auto var(--space-6); font-family: var(--font-display); font-size: clamp(2.125rem, 4.1vw, 3.25rem); font-weight: 400; line-height: 1.12; letter-spacing: -.025em; text-wrap: balance; }
.bys-introduction { max-width: 40rem; margin: 0 auto; font-size: 1rem; line-height: 1.65; color: var(--bys-muted); }
.bys-entry-actions { margin-top: var(--space-8); display: flex; flex-direction: column; align-items: center; }
.bys-primary { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: .875rem 1.5rem; border: 1px solid var(--bys-burgundy-700); border-radius: var(--radius-sm); background: var(--bys-burgundy-700); color: var(--bys-white) !important; font-size: 1rem; font-weight: 600; line-height: 1.4; text-align: center; text-decoration: none; transition: background-color 160ms ease; }
.bys-primary:hover { background: var(--bys-burgundy-900); border-color: var(--bys-burgundy-900); }
.bys-reassurance { margin: var(--space-3) 0 var(--space-4); font-size: .8125rem; line-height: 1.7; color: var(--bys-muted); }
.bys-reassurance span { margin-inline: .2rem; }
.bys-quiet-link { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: var(--space-2) .25rem; color: var(--bys-burgundy-700) !important; font-size: .9375rem; text-decoration: underline; text-decoration-thickness: 1px; text-decoration-color: var(--bys-border); }
.bys-quiet-link:hover { text-decoration-color: currentColor; }
.bys-build-note { margin: var(--space-2) 0 0; color: var(--bys-muted); font-size: .75rem; }
.bys-next-step .bys-primary { margin-top: var(--space-8); }

.bys-footer { text-align: center; color: var(--bys-muted); font-size: .75rem; }
.bys-footer p { margin: 0; }
.bys-footer-brand { color: var(--bys-charcoal); font-size: .8125rem; }
.bys-footer-brand span { margin-inline: .25rem; }
.bys-footer .bys-legal { margin-top: var(--space-2); }
.bys-footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 0 var(--space-3); margin-top: var(--space-2); }
.bys-footer-links a { display: inline-flex; align-items: center; min-height: 44px; min-width: 44px; justify-content: center; font-size: .8125rem; }
.bys-footer .bys-preview-note { margin-top: var(--space-2); font-size: .6875rem; }
.bys-skip-link { position: absolute; top: var(--space-3); left: var(--space-3); padding: var(--space-3) var(--space-4); z-index: 10; background: var(--bys-white); transform: translateY(-200%); }
.bys-skip-link:focus { transform: translateY(0); }

/* PG-10 / CMP-05–06–10: one question at a time, native radio controls. */
.bys-discover {
  width: 100%;
  max-width: 42.5rem;
  margin-inline: auto;
  scroll-margin-top: 2rem;
}
.bys-discover-topline { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.bys-discover-topline .bys-eyebrow { margin: 0; }
.bys-discover h1 { margin: 1rem 0 1.5rem; font-family: var(--font-display); font-size: clamp(1.75rem, 3vw, 2.5rem); font-weight: 400; line-height: 1.18; letter-spacing: -.02em; text-wrap: balance; }
.bys-discover h1:focus { outline: none; }
.bys-discover p { line-height: 1.65; }
.bys-discover-note, .bys-progress-text { color: var(--bys-muted); font-size: .875rem; }
.bys-progress-text { margin: 0 0 .5rem; }
.bys-progress-text:empty { display: none; }
.bys-discover-progress { display: block; width: 100%; height: .375rem; margin-bottom: 1.5rem; border: 0; border-radius: 3px; overflow: hidden; color: var(--bys-burgundy-700); background: var(--bys-border); accent-color: var(--bys-burgundy-700); }
.bys-discover-progress::-webkit-progress-bar { background: var(--bys-border); }
.bys-discover-progress::-webkit-progress-value { background: var(--bys-burgundy-700); }
.bys-discover-progress::-moz-progress-bar { background: var(--bys-burgundy-700); }
.bys-answer-group { min-width: 0; border: 0; padding: 0; margin: 0; }
.bys-answer-group legend { padding: 0; margin-bottom: .75rem; }
.bys-answer-card { display: flex; align-items: center; gap: .875rem; min-height: 56px; padding: .875rem 1rem; margin-bottom: .625rem; border: 1px solid var(--bys-border); border-radius: var(--radius-sm); background: var(--bys-white); cursor: pointer; line-height: 1.45; }
.bys-answer-card:hover { border-color: var(--bys-burgundy-700); }
.bys-answer-card:has(input:checked) { border-color: var(--bys-burgundy-700); background: var(--bys-burgundy-100); }
.bys-answer-card:has(input:focus-visible) { outline: 3px solid var(--bys-burgundy-700); outline-offset: 3px; }
.bys-answer-card input { flex: 0 0 auto; width: 1.25rem; height: 1.25rem; margin: 0; accent-color: var(--bys-burgundy-700); }
.bys-answer-card input:focus-visible { outline-offset: 2px; }
.bys-answer-label { min-width: 0; overflow-wrap: break-word; }
.bys-discover-actions { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem 1.5rem; margin-top: 1.5rem; }
.bys-discover-intro .bys-discover-actions { justify-content: flex-start; }
.bys-discover .bys-primary, .bys-quiet-button { font-family: var(--font-body); cursor: pointer; }
.bys-discover .bys-primary:disabled { background: var(--bys-border); border-color: var(--bys-border); color: var(--bys-charcoal) !important; cursor: not-allowed; }
.bys-quiet-button { min-height: 48px; padding: .5rem .25rem; border: 0; background: transparent; color: var(--bys-burgundy-700); font-size: .9375rem; text-decoration: underline; text-underline-offset: .25em; }
.bys-result-intro { color: var(--bys-muted); }
.bys-result-module { padding-block: 1.5rem; border-top: 1px solid var(--bys-border); }
.bys-result-module h2 { margin: 0 0 .75rem; font-family: var(--font-body); font-size: 1.125rem; font-weight: 600; line-height: 1.5; }
.bys-result-module p { margin: .75rem 0 0; }
.bys-result-bag { padding: 1.5rem; margin-bottom: 1.5rem; border: 1px solid var(--bys-border); border-radius: var(--radius-sm); background: var(--bys-white); }
.bys-result-bag h2 { font-family: var(--font-display); font-size: 1.75rem; font-weight: 400; margin-top: .25rem; }
.bys-result-bag .bys-primary { margin-top: 1.25rem; }
.bys-sample-mission { font-family: var(--font-body); font-size: 1.125rem; font-weight: 600; }
.bys-sample-notice { color: var(--bys-muted); font-size: .875rem; line-height: 1.65; }
.bys-next-step > .bys-quiet-link { display: flex; }

/* PG-20: mobile-first facts and manually swipeable sample Bags. */
.bys-explore { min-width: 0; width: 100%; }
.bys-explore-topline { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.bys-explore-topline .bys-eyebrow { margin: 0; }
.bys-explore-intro { max-width: 46rem; margin: .75rem 0 2.5rem; }
.bys-explore h1, .bys-standalone-sample h1 { font: 400 clamp(1.875rem, 3.4vw, 2.75rem)/1.16 var(--font-display); letter-spacing: -.025em; text-wrap: balance; margin: 0 0 1.25rem; }
.bys-explore h1 { max-width: 24ch; }
.bys-explore-intro p { color: var(--bys-muted); margin: .75rem 0 0; line-height: 1.65; }

/* Classic programme map: a shared root, two equal support branches. */
.bys-programme-intro { max-width: 44rem; margin-bottom: 2.5rem; }
.bys-programme-intro h1 { max-width: 28ch; }
.bys-programme-jumps { display: flex; flex-wrap: wrap; gap: .25rem 1.5rem; margin-top: 1rem; }
.bys-map-caption { margin: 0 0 .625rem; color: var(--bys-burgundy-700); font-size: .75rem; line-height: 1.5; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.bys-programme-map { margin-bottom: 3.5rem; }
.bys-programme-shared { position: relative; padding: 0 0 2rem 1.25rem; }
.bys-programme-shared h2 { margin: 0 0 .75rem; font: 400 1.625rem/1.25 var(--font-display); }
.bys-programme-shared > p:not(.bys-map-caption) { margin: .5rem 0; line-height: 1.6; }
.bys-programme-shared .bys-shared-explanation { color: var(--bys-muted); font-size: .875rem; }
.bys-programme-shared::after { content: ""; position: absolute; bottom: 0; left: 0; height: 1.5rem; border-left: 1px solid var(--bys-border); }
.bys-plan-branches { position: relative; display: grid; gap: 1.5rem; padding-left: 1.25rem; }
.bys-plan-branches::before { content: ""; position: absolute; top: 0; bottom: 1.5rem; left: 0; border-left: 1px solid var(--bys-border); }
.bys-plan-card { position: relative; min-width: 0; padding: clamp(16px, 3vw, 28px); background: var(--bys-white); border: 1px solid var(--bys-border); border-top: 2px solid var(--bys-burgundy-700); border-radius: 3px; scroll-margin-top: 1.5rem; }
.bys-plan-card::before { content: ""; position: absolute; left: -1.25rem; top: 1.75rem; width: 1.25rem; border-top: 1px solid var(--bys-border); }
.bys-plan-heading { min-width: 0; }
.bys-plan-heading h3 { margin: 0 0 .75rem; color: var(--bys-burgundy-900); font: 400 2rem/1.15 var(--font-display); letter-spacing: -.015em; }
.bys-plan-heading > p:last-child { margin: 0; color: var(--bys-muted); line-height: 1.6; }
.bys-plan-details { display: grid; margin: 1.5rem 0 0; }
.bys-plan-details > div { padding: 1.125rem 0; border-top: 1px solid var(--bys-border); }
.bys-plan-details dt { font-size: .8125rem; color: var(--bys-muted); margin-bottom: .5rem; }
.bys-plan-details dd { margin: 0; line-height: 1.55; }
.bys-plan-details strong { display: block; font-size: 1rem; font-weight: 600; }
.bys-plan-details span { display: block; margin-top: .375rem; font-size: .9375rem; color: var(--bys-muted); }
.bys-plan-choice { margin: .25rem 0 0; padding-top: 1rem; border-top: 1px solid var(--bys-border); font-size: .875rem; line-height: 1.6; color: var(--bys-burgundy-900); }
.bys-programme-common { padding: 1.25rem 0 0 1.25rem; max-width: 54rem; }
.bys-programme-common p { margin: .5rem 0; font-size: .9375rem; color: var(--bys-muted); line-height: 1.65; }
.bys-programme-common strong { font-weight: 600; color: var(--bys-charcoal); }
.bys-annual-rhythm { padding: 2rem 0; margin-bottom: 3.5rem; border-block: 1px solid var(--bys-border); }
.bys-annual-intro h2 { font: 400 1.625rem/1.3 var(--font-display); margin: 0 0 .75rem; }
.bys-annual-intro > p:last-child { margin: 0; color: var(--bys-muted); line-height: 1.6; max-width: 44rem; }
.bys-season-map { list-style: none; display: grid; gap: 1.5rem; padding: 0; margin: 1.5rem 0 0; }
.bys-season-map > li { border-left: 2px solid var(--bys-border); padding-left: 1.25rem; min-width: 0; }
.bys-season-dates { font-size: .8125rem; font-weight: 600; color: var(--bys-burgundy-700); margin: 0 0 .5rem; }
.bys-season-map h3 { margin: 0 0 .5rem; font: 600 1rem/1.5 var(--font-body); }
.bys-season-map li > p:last-child { margin: 0; color: var(--bys-muted); line-height: 1.6; }
.bys-learning-in-practice { scroll-margin-top: 1.5rem; }
.bys-learning-in-practice:focus { outline: none; }

@media (min-width: 800px) {
  .bys-programme-shared { max-width: 42rem; text-align: center; margin-inline: auto; padding: 0 0 2rem; }
  .bys-programme-shared::after { left: 50%; }
  .bys-plan-branches { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 1.5rem 0 0; gap: 2rem; }
  .bys-plan-branches::before { left: calc(25% - .5rem); right: calc(25% - .5rem); top: 0; bottom: auto; border-left: 0; border-top: 1px solid var(--bys-border); }
  .bys-plan-card { display: grid; grid-template-rows: auto 1fr auto; }
  .bys-plan-card::before { left: 50%; top: -1.5rem; width: 0; height: 1.5rem; border-top: 0; border-left: 1px solid var(--bys-border); }
  .bys-plan-heading { min-height: 8rem; }
  .bys-plan-details { grid-template-rows: repeat(3, 1fr); }
  .bys-programme-common { text-align: center; padding-left: 0; margin-inline: auto; }
  .bys-season-map { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem; }
  @supports (grid-template-rows: subgrid) {
    .bys-plan-branches { grid-template-rows: repeat(5, auto); row-gap: 0; }
    .bys-plan-card { grid-row: span 5; grid-template-rows: subgrid; row-gap: 0; }
    .bys-plan-heading { min-height: 0; }
    .bys-plan-details { grid-row: span 3; grid-template-rows: subgrid; row-gap: 0; }
  }
}
.bys-explore-grid { display: grid; gap: 2.5rem; align-items: start; }
.bys-explore-grid > * { min-width: 0; }
.bys-explore-grid h2 { font: 600 1.125rem/1.5 var(--font-body); margin: 0 0 1rem; }
.bys-fact-list { list-style: none; padding: 0; margin: 0; display: grid; }
.bys-fact-list li { padding: 1rem 0; border-top: 1px solid var(--bys-border); }
.bys-fact-list h3 { font-size: 1rem; line-height: 1.4; margin: 0 0 .375rem; font-weight: 600; }
.bys-fact-list p { color: var(--bys-muted); line-height: 1.6; margin: 0; }
.bys-bag-theatre > .bys-discover-note { margin: -.5rem 0 .75rem; }
.bys-bag-controls { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; margin-bottom: .375rem; }
.bys-bag-navigation { display: flex; align-items: center; gap: .75rem; }
.bys-bag-navigation p { font-size: .875rem; min-width: 3rem; text-align: center; margin: 0; }
.bys-bag-arrow { min-width: 48px; min-height: 48px; border: 1px solid var(--bys-border); border-radius: 50%; background: transparent; color: var(--bys-burgundy-700); font: 1.25rem var(--font-body); cursor: pointer; }
.bys-bag-arrow:disabled { color: var(--bys-muted); opacity: .5; cursor: default; }
.bys-bag-controls .bys-quiet-button { font-size: .875rem; }
.bys-bag-controls .bys-quiet-button:disabled { color: var(--bys-muted); text-decoration: none; cursor: default; }
.bys-motion-note { font-size: .8125rem; line-height: 1.5; color: var(--bys-muted); margin: 0 0 1rem; min-height: 2.5em; }
.bys-bag-rail { min-width: 0; position: relative; display: grid; gap: 1rem; }
.bys-bag-card { min-width: 0; border: 1px solid var(--bys-border); border-radius: var(--radius-md); padding: 1.5rem; background: var(--bys-white); overflow-wrap: break-word; }
.bys-bag-card-top { display: flex; justify-content: space-between; align-items: center; gap: 1rem; color: var(--bys-burgundy-700); }
.bys-bag-card-top p { font-size: .875rem; margin: 0; }
.bys-bag-card-top > span { font: 400 2rem/1 var(--font-display); }
.bys-bag-card > h3 { font: 400 2rem/1.2 var(--font-display); margin: 1.5rem 0 .75rem; color: var(--bys-burgundy-900); }
.bys-bag-mission { font-weight: 600; margin-top: 0; }
.bys-bag-card > p { line-height: 1.6; }
.bys-bag-details { margin-top: 1.5rem; }
.bys-bag-details summary { width: 100%; cursor: pointer; list-style: none; }
.bys-bag-details summary::-webkit-details-marker { display: none; }
.bys-close-label { display: none; }
.bys-bag-details[open] .bys-close-label { display: inline; }
.bys-bag-details[open] .bys-open-label { display: none; }
.bys-bag-details[open] summary { background: var(--bys-burgundy-900); }
.bys-bag-details[open] + .bys-bag-intro-note { display: none; }
.bys-bag-intro-note { margin-bottom: 0; }
.bys-sample-content { padding-top: 1rem; }
.bys-sample-content p { margin: .5rem 0 0; line-height: 1.65; }
.bys-sample-close { margin-top: 1.5rem; padding-top: 1rem; border-top: 1px solid var(--bys-border); }
.bys-standalone-sample { width: 100%; max-width: 42.5rem; margin-inline: auto; }
.bys-standalone-sample .bys-introduction { margin: 0; }
.bys-standalone-activity { margin-top: 2rem; }
.bys-standalone-activity > h3 { font-size: 1.125rem; }
.bys-sample-return { display: flex; gap: .5rem 1.5rem; flex-wrap: wrap; margin-top: 1.5rem; }
.bys-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; }
.bys-bag-theatre[data-enhanced="true"][data-mobile="true"] .bys-bag-rail { display: flex; align-items: flex-start; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; padding-block: .375rem; }
.bys-bag-theatre[data-enhanced="true"][data-mobile="true"] .bys-bag-card { flex: 0 0 100%; scroll-snap-align: start; scroll-snap-stop: always; }
.bys-bag-theatre[data-enhanced="true"][data-mobile="false"] .bys-bag-card { animation: bys-bag-arrive 350ms ease; }
@keyframes bys-bag-arrive { from { opacity: .6; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

@media (min-width: 640px) and (max-width: 1023px) {
  .bys-fact-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.5rem; }
  .bys-bag-theatre { max-width: 38rem; width: 100%; margin-inline: auto; }
}
@media (min-width: 1024px) {
  .bys-explore-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 3.5rem; }
  .bys-explore-intro { margin-bottom: 3rem; }
  .bys-bag-card { padding: 2rem; }
}

@media (max-width: 639px) {
  .bys-page { padding: var(--space-4) var(--space-6) var(--space-6); }
  .bys-wordmark-name, .bys-wordmark-divider { display: none; }
  .bys-wordmark-initials { font-size: 2rem; }
  .bys-main { align-content: start; padding-block: 2.5rem; }
  .bys-eyebrow { margin-bottom: var(--space-4); font-size: .8125rem; }
  .bys-entry h1 { margin-bottom: var(--space-4); }
  .bys-primary { width: 100%; }
  .bys-entry-actions { margin-top: var(--space-6); }
  .bys-quiet-link { max-width: 100%; }
  .bys-reassurance { max-width: 30ch; }
  .bys-discover { scroll-margin-top: 1rem; }
  .bys-discover-actions { flex-direction: column; align-items: stretch; gap: .5rem; }
  .bys-discover-actions .bys-primary { order: -1; }
  .bys-discover-actions .bys-quiet-button { align-self: flex-start; }
  .bys-result-bag { padding: 1.25rem; }
}

@media (min-width: 640px) {
  .bys-public-header { flex-direction: row; gap: 1rem; }
  .bys-public-navigation { justify-content: flex-end; }
  .bys-member-mobile { display: none; }
  .bys-member-desktop { display: inline; }
  .bys-page { padding-inline: var(--space-12); }
}

/* My Learning Journey: static fictional excerpts, never a live learner profile. */
.bys-journey-invitation { display: grid; gap: 2rem; align-items: center; margin-top: 3.5rem; padding-block: 2.5rem; border-block: 1px solid var(--bys-border); scroll-margin-top: 1.5rem; }
.bys-journey-invitation h2 { font: 400 1.75rem/1.2 var(--font-display); margin: 0 0 1rem; letter-spacing: -.015em; }
.bys-journey-invitation > div > p:not(.bys-map-caption) { max-width: 42rem; }
.bys-journey-privacy { color: var(--bys-burgundy-700); font-size: .875rem; }
.bys-journey-caption { color: var(--bys-muted); font-size: .8125rem; line-height: 1.6; }
.bys-journey-invitation .bys-journey-caption { margin: .375rem 0 0; }
.bys-journey-glimpse { padding: 1.5rem; border-left: 2px solid var(--bys-border); background: #f4eee7; }
.bys-journey-glimpse ol { list-style: none; padding: 0; margin: 0; }
.bys-journey-glimpse li + li { border-top: 1px solid var(--bys-border); margin-top: 1rem; padding-top: 1rem; }
.bys-journey-glimpse time { display: block; color: var(--bys-muted); font-size: .8125rem; }
.bys-journey-glimpse li span { display: block; margin-top: .5rem; font: 400 1.25rem/1.4 var(--font-display); }
.bys-journey-sample { min-width: 0; width: 100%; max-width: 61rem; margin-inline: auto; overflow-wrap: break-word; }
.bys-journey-sample .bys-explore-topline { flex-wrap: wrap; gap: .25rem 1rem; }
.bys-journey-intro { margin: 1rem 0 2rem; max-width: 44rem; }
.bys-journey-intro h1 { font: 400 clamp(1.875rem, 3.4vw, 2.75rem)/1.18 var(--font-display); letter-spacing: -.025em; margin: 0 0 1rem; text-wrap: balance; }
.bys-journey-subtitle { font-size: 1.125rem; margin: 0; }
.bys-journey-intro > p:last-child { color: var(--bys-muted); margin: .75rem 0 0; }
.bys-journey-notice { border-left: 2px solid var(--bys-burgundy-700); padding: .25rem 0 .25rem 1rem; max-width: 49rem; color: var(--bys-muted); font-size: .875rem; }
.bys-journey-notice p { margin: .375rem 0; }
.bys-journey-notice strong { color: var(--bys-charcoal); font-weight: 600; }
.bys-journey-reader { margin-top: 2rem; display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; align-items: center; justify-content: space-between; }
.bys-journey-reader p { margin: 0; }
.bys-journey-reader p strong { display: block; font-weight: 600; }
.bys-journey-reader p span { display: block; margin-top: .25rem; color: var(--bys-muted); font-size: .8125rem; }
.bys-journey-reader nav { display: flex; flex-wrap: wrap; gap: .25rem 1rem; }
.bys-journey-chapters { display: grid; gap: 2rem; list-style: none; padding: 0; margin: 1.25rem 0 0; }
.bys-journey-chapters > li { min-width: 0; }
.bys-journey-chapter { padding: clamp(20px, 4vw, 36px); background: var(--bys-white); border: 1px solid var(--bys-border); border-top: 3px solid var(--bys-burgundy-700); border-radius: 3px; scroll-margin-top: 1.5rem; }
.bys-journey-chapter-earlier { border-top-color: var(--bys-border); }
.bys-chapter-heading { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: 1rem; padding-bottom: 1.5rem; border-bottom: 1px solid var(--bys-border); }
.bys-chapter-heading h2 { font: 400 clamp(1.375rem, 2.3vw, 1.75rem)/1.25 var(--font-display); margin: 0; letter-spacing: -.01em; }
.bys-chapter-date { margin: 0; color: var(--bys-muted); font-size: .8125rem; }
.bys-chapter-date time { display: block; margin-top: .25rem; color: var(--bys-charcoal); font-size: .875rem; }
.bys-chapter-body { display: grid; gap: 1.5rem; padding-top: 1.5rem; }
.bys-chapter-body > section { min-width: 0; }
.bys-chapter-body h3 { font: 600 1rem/1.5 var(--font-body); margin: 0 0 .75rem; }
.bys-chapter-about blockquote { margin: 0; }
.bys-chapter-about blockquote p { font: 400 1.125rem/1.65 var(--font-display); margin: 0; }
.bys-chapter-about .bys-journey-caption { margin: .875rem 0 0; }
.bys-chapter-work { padding-top: 1.5rem; border-top: 1px solid var(--bys-border); }
.bys-chapter-work > p:not(.bys-map-caption) { margin: .75rem 0 0; }
.bys-chapter-reflection { padding-top: 1rem; color: var(--bys-burgundy-900); }
.bys-chapter-reflection strong { display: block; font-size: .8125rem; margin-bottom: .375rem; font-weight: 600; }
.bys-chapter-closing { margin: 1.5rem 0 0; padding-top: 1rem; border-top: 1px solid var(--bys-border); color: var(--bys-muted); font-size: .8125rem; }
.bys-journey-next { margin: 3rem auto 0; max-width: 43rem; text-align: center; }
.bys-journey-next h2 { font: 400 1.75rem/1.25 var(--font-display); margin: 0 0 1rem; }
.bys-journey-next > p:not(.bys-map-caption) { color: var(--bys-muted); }
.bys-journey-next .bys-primary { margin-top: 1rem; }
.bys-journey-next > .bys-quiet-link { display: flex; width: fit-content; margin-inline: auto; }

@media (min-width: 800px) {
  .bys-journey-invitation { grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 3rem; }
  .bys-chapter-body { grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: 2rem; }
  .bys-chapter-work { padding-top: 0; border-top: 0; padding-left: 2rem; border-left: 1px solid var(--bys-border); }
}

@media (prefers-reduced-motion: reduce) {
  .bys-public *, .bys-public *::before, .bys-public *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
.bys-content-page { width: min(100%, 54rem); margin: 1.5rem auto; padding-block: 1rem 3rem; }
.bys-content-page h1 { font-size: clamp(1.8rem, 4vw, 2.6rem); line-height: 1.2; }
.bys-content-page h2 { font-size: 1.3rem; }
.bys-content-grid { display: grid; gap: 1.2rem; margin-block: 2rem; }
.bys-content-card { padding: 1.5rem; border: 1px solid #ded6cb; border-radius: 1rem; background: #fffdfa; }
.bys-content-text { white-space: pre-line; overflow-wrap: anywhere; }
.bys-published-fee { font-size: 1rem; font-weight: 600; color: #5b1735; }
.bys-publishing-notice { padding: 1rem; border-left: 3px solid #5b1735; background: #f5efea; margin-block: 1rem; }
@media(min-width: 700px) { .bys-content-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }