/* Content only. The saved site's header, footer, typography and appearance controls are untouched. */
.rv-hero-body{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:clamp(32px,6vw,88px);align-items:start}
.rv-hero-body .hero-context{max-width:760px!important}
.rv-portrait{margin:0;padding:0;max-width:230px}
.rv-portrait img{display:block;width:180px;max-width:100%;height:auto;margin:8px 0 16px}
.rv-portrait figcaption{font-size:.9em;line-height:1.55;max-width:230px}
.rv-name{display:block;width:155px;height:78px;color:inherit}
.rv-name svg{width:100%;height:100%;overflow:visible}
.rv-section>h2{margin-bottom:28px;max-width:1000px}
.rv-section>p,.rv-record-boundary>p{max-width:72ch}
.rv-record-boundary{max-width:870px;margin:36px 0;scroll-margin-top:110px}
.rv-record-boundary>h3{font-size:1.35em;line-height:1.35;margin:0 0 20px}
.rv-section .sr-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-block:30px}
.rv-section .sr-panel h3{margin:0 0 18px}
.rv-section .sr-panel p{margin:0 0 18px}
.rv-section .sr-panel blockquote{margin:0 0 22px;font-size:1.3em;line-height:1.4}
.rv-writing{font-size:1.35em;line-height:1.9;margin-block:24px}
.rv-section .sr-ai-example{margin-block:30px}
.rv-section .sr-ai-example blockquote{min-height:0;overflow-wrap:break-word}
.rv-section .ink-symbol{font-size:1.4em}
.rv-section .sr-ai-example blockquote .ink-symbol{display:inline-block;margin:0;font-size:1.25em;flex:none;vertical-align:middle}
.rv-section .sr-ai-example .rv-reading-marks,.rv-section .sr-ai-example .rv-reading-row,.rv-section .sr-ai-example .rv-reading-repeat{font:inherit;margin:0;letter-spacing:normal;text-transform:none;display:flex;align-items:center;gap:.5em}
.rv-section .sr-ai-example .rv-reading-row{white-space:nowrap;margin:0 0 .55em}
.rv-section .sr-ai-example .rv-reading-row:last-child{margin-bottom:0}
.rv-section .sr-ai-example .rv-reading-repeat{flex-wrap:wrap;row-gap:.25em}
.rv-section .sr-ai-example .rv-reading-equals,.rv-section .sr-ai-example .rv-reading-word,.rv-section .sr-ai-example .rv-reading-phrase{display:inline;font:inherit;margin:0;letter-spacing:normal;text-transform:none;white-space:nowrap}
.rv-section>.link{display:inline-block;margin:12px 28px 8px 0}
.rv-library{margin:0}
.rv-library dt{font-size:.78em;margin:18px 0 4px;opacity:.75}
.rv-library dd{margin:0;font-size:1.1em}
.bw-content{padding-top:55px;padding-bottom:70px}
.bw-content .page-intro{padding:0 0 40px}
.bw-content .page-intro .lead{max-width:860px;font-size:1.2em;line-height:1.6}
.bw-content .page-intro h1{max-width:1100px}
.bw-content .section,.bw-content>.rv-section{padding:42px 0;border-top:1px solid var(--line,#ccc);margin:0}
.bw-content .section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;margin-bottom:28px}
.bw-content .section-head h2{margin:0}
.bw-content h2{font-size:clamp(1.65em,3vw,2.4em);line-height:1.15}
.bw-content h3{font-size:1.35em;line-height:1.3;margin-top:0}
.bw-content .pair,.bw-content .series,.bw-content .scope-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin:24px 0}
.bw-content .series{grid-template-columns:repeat(3,minmax(0,1fr))}
.bw-content .panel,.bw-content .paper{padding:22px 0;border-top:1px solid var(--line,#ccc);min-width:0}
.bw-content .callout{border-left:2px solid currentColor;padding:4px 0 4px 22px;margin:28px 0;max-width:950px}
.bw-content .eyebrow,.bw-content .caption,.bw-content .step-num{font-size:.8em;line-height:1.55}
.bw-content .eyebrow{text-transform:uppercase;letter-spacing:.04em}
.bw-content .jump-links,.bw-content .actions,.bw-content .stage-nav,.bw-content .controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin:24px 0}
.bw-content .jump-links a,.bw-content .actions a{margin-right:12px}
.bw-content button,.bw-content .button{font:inherit;color:inherit;background:transparent;border:1px solid var(--line,#999);border-radius:0;padding:10px 14px;min-height:44px;cursor:pointer;text-decoration:none}
.bw-content button[aria-pressed=true]{border-color:currentColor;text-decoration:underline;text-underline-offset:5px}
.bw-content button:disabled{opacity:.45;cursor:default}
.bw-content .stage-controls{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}
.bw-content .stage-controls button{font-size:.83em;text-align:left}
.bw-content .stage-symbols{font-size:3em;margin:28px 0}
.bw-content .stage{padding:30px 0}
.bw-content .stage-count{font-variant-numeric:tabular-nums}
.bw-content .resource-bars{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:25px 0}
.bw-content .bar{height:12px;background:color-mix(in srgb,currentColor 12%,transparent);margin:18px 0}
.bw-content .bar>span{display:block;height:100%;width:var(--share);background:currentColor}
.bw-content label{display:block;margin:20px 0 6px}
.bw-content input,.bw-content textarea{width:100%;max-width:100%;padding:12px;border:1px solid var(--line,#999);border-radius:0;color:inherit;background:transparent;font:inherit;line-height:1.5}
.bw-content textarea{min-height:110px;resize:vertical}
.bw-content .example,.bw-content .scene,.bw-content .comparison{padding:32px 0;border-top:1px solid var(--line,#ccc)}
.bw-content details{margin:22px 0;padding:18px 0;border-block:1px solid var(--line,#ccc)}
.bw-content summary{cursor:pointer;font-weight:550;min-height:44px}
.bw-content blockquote{margin:18px 0;font-size:1.2em;line-height:1.45}
.bw-content pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85em}
.bw-content .model-answer{overflow-wrap:anywhere;line-height:1.65}
.bw-content .model-answer p{margin:0 0 1em}
.bw-content .table-scroll{overflow-x:auto}
.bw-content table{width:100%;border-collapse:collapse}
.bw-content th,.bw-content td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line,#ccc)}
.bw-content [hidden]{display:none!important}
.bw-content .math-frac{display:inline-flex;flex-direction:column;vertical-align:middle;text-align:center;font-size:.9em}
.bw-content .math-frac>span:first-child{border-bottom:1px solid currentColor}
.bw-content .math-block{display:block;text-align:center;margin:18px 0}
@media(max-width:760px){.rv-hero-body{grid-template-columns:1fr;gap:26px}.rv-portrait{display:grid;grid-template-columns:140px minmax(0,1fr);gap:0 24px;max-width:540px;align-items:start}.rv-name{width:125px;height:65px;grid-column:1}.rv-portrait img{width:140px;grid-column:1}.rv-portrait figcaption{grid-column:2;grid-row:2;font-size:.9em;max-width:270px}.bw-content .section-head,.bw-content .pair,.bw-content .series,.bw-content .scope-grid{grid-template-columns:1fr;gap:18px}.bw-content .page-intro{padding-bottom:24px}.bw-content{padding-top:30px}.bw-content .section{padding-block:30px}.bw-content .stage-controls button{font-size:.8em}.bw-content .resource-bars{gap:20px}.rv-writing{font-size:1.1em}.rv-section .sr-ai-example{display:block}.rv-section .sr-ai-example>li{margin-bottom:28px}}
@media(max-width:760px){.rv-section .sr-pair{grid-template-columns:1fr;gap:24px}}
@media(prefers-reduced-motion:reduce){.bw-content *{scroll-behavior:auto!important}}

/* Drawings inside the article only; inherits the site's existing type and palette. */
.rv-storyboard,.rv-drawn-scene{margin:30px 0;color:inherit}
.rv-scene-frames{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:30px;align-items:start}
.rv-scene-frame{min-width:0;position:relative}
.rv-scene-label{font-size:.9em!important;line-height:1.5!important;margin:0 0 14px!important}
.rv-scene-paper{position:relative;padding:23px 22px;min-height:130px;display:flex;align-items:center}
.rv-paper-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:currentColor;stroke-width:1;opacity:.55}
.rv-paper-outline path{vector-effect:non-scaling-stroke}
.rv-scene-paper blockquote{position:relative;font-size:1.15em!important;line-height:1.45!important;margin:0!important;min-height:0!important;overflow-wrap:break-word}
.rv-scene-detail{font-size:1em;line-height:1.5;margin:16px 0 0!important}
.rv-scene-photo{display:block;width:92px;height:116px;object-fit:cover;object-position:50% 24%;margin:0 0 14px}
.rv-scene-speaker{max-width:330px}
.rv-speech-bubble{min-height:130px;padding:20px 24px 43px;margin:0 0 3px}
.rv-scene-speaker .rv-scene-photo{margin:0 0 0 4px}
.rv-ai-label-canvas{position:relative;width:100%;aspect-ratio:360/220}
.rv-ai-label-canvas>svg{display:block;width:100%;height:100%;overflow:visible}
.rv-ai-label-text{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.9em;line-height:1.1;overflow-wrap:normal}
.rv-ai-label-program{font-size:1em}
.rv-ai-label-reply{white-space:nowrap}
.rv-ai-label-story .rv-scene-detail{margin-top:8px!important}
.rv-inline-name{display:inline-block;width:4.1em;height:1.7em;vertical-align:-.42em;position:relative}
.rv-inline-name svg{display:block;width:100%;height:100%;overflow:visible}
.rv-storyboard>figcaption{font-size:.9em;line-height:1.55;max-width:72ch;margin:18px 0 0}
.rv-drawn-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;max-width:1000px}
.rv-scene-drawing{min-width:0;max-width:480px}
.rv-scene-drawing>svg{display:block;width:100%;height:auto;overflow:visible}
.rv-drawn-scene figcaption{min-width:0}
.rv-drawn-scene figcaption>p{font-size:.9em;line-height:1.55;margin:12px 0 0!important}
.rv-scene-quotes blockquote{font-size:1.15em!important;line-height:1.45!important;margin:0 0 12px!important}
.sr-panel>.rv-drawn-scene,.panel>.rv-drawn-scene{display:block;margin:18px 0 26px}
.sr-panel .rv-scene-drawing,.panel .rv-scene-drawing{max-width:320px}
.rv-chat-scene>.rv-drawn-scene{max-width:760px}
.rv-scene-continuation{position:relative;border-left:1px solid currentColor;padding-left:22px}
.rv-scene-continuation:before{content:'↓';position:absolute;top:-26px;left:-7px;font-size:22px}
@media(max-width:760px){.rv-scene-frames{grid-template-columns:1fr;gap:32px}.rv-drawn-scene{grid-template-columns:1fr;gap:12px}.rv-scene-drawing{max-width:360px}.rv-scene-paper{min-height:0}.rv-storyboard,.rv-drawn-scene{margin-block:26px}.rv-scene-frame+.rv-scene-frame:before{content:'↓';display:block;margin:-12px 0 12px;font-size:24px}.rv-scene-photo{width:88px;height:110px}}

@media(min-width:761px){.rv-scene-frame+.rv-scene-frame:before{content:"→";position:absolute;left:-24px;top:85px;font-size:22px}}

@media(min-width:761px){.rv-scene-frames:has(>.rv-scene-frame:nth-child(3)):not(:has(>.rv-scene-frame:nth-child(4))){grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Reading order and navigation within main; original shared appearance retained. */
main .reader-breadcrumb{font-size:.82em;line-height:1.5;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:8px}
main .reader-route{margin-top:40px;padding-top:28px;border-top:1px solid var(--line);font-size:1em}
main .reader-next{margin-bottom:26px;max-width:75ch}
main .reader-next .link{display:inline-block;padding-block:9px}
main .reader-route-links,main .reader-example-links{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center}
main .reader-route-links .link,main .reader-example-links .link{display:inline-block;min-height:44px;padding-block:9px}
main .reader-route-links [aria-current]{text-decoration:underline;text-underline-offset:5px}
main .reader-nav-label{font-size:.8em;margin:20px 0 8px}
main .reader-example-links{font-size:.9em;margin:16px 0 0}
.bw-content .scene>p,.bw-content .prompt,.bw-content .reading dd,.bw-content .reader-question{max-width:76ch}
.bw-content .reader-question{font-size:1.08em;margin:24px 0;line-height:1.55}
.bw-content .reading dt{font-weight:550;margin-top:22px}
.bw-content .reading dd{margin:6px 0 24px}
.bw-content .reading[open]>summary{font-size:1.1em}
.bw-content .reader-optional-response,.bw-content .reader-full-condition{margin:12px 0;padding:12px 0;border-top:0}
.bw-content .reader-optional-response summary,.bw-content .reader-full-condition summary{font-size:.9em;font-weight:400}
.reader-shared-input{border-left:2px solid currentColor;padding:4px 0 4px 22px;max-width:76ch;margin:22px 0 32px}
.reader-shared-input .reader-input-label{font-size:.8em;margin:0 0 12px}
.reader-shared-input blockquote{margin:0;font-size:1.25em}
.bw-content .symbol-inputs{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:760px}
.bw-content .symbol-inputs label{margin-top:0}
.bw-content .symbol-inputs .ink-symbol{font-size:1.7em;margin-bottom:12px}
.bw-content .stage+.stage{border-top:1px solid var(--line)}
.bw-content .toggle-row{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}
.bw-content .allocation{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:800px;margin:28px 0}
.bw-content .allocation>div{min-width:0}
.bw-content .amount{font-size:1.75em;font-variant-numeric:tabular-nums;line-height:1.3}
.bw-content .track{height:14px;width:100%;background:color-mix(in srgb,currentColor 12%,transparent);margin-top:14px}
.bw-content .fill{width:var(--share);height:100%;background:currentColor}
.bw-content .raw-answer{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.bw-content .diagram{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:22px;align-items:start;margin:30px 0}
.bw-content .diagram>div{min-width:0}
.bw-content .diagram p{margin:8px 0 0}
.bw-content .diagram .connector{padding-top:3px}
@media(max-width:760px){.bw-content .diagram{grid-template-columns:1fr;gap:12px}.bw-content .diagram .connector{transform:rotate(90deg);width:max-content;padding:0}}
@media(max-width:620px){.bw-content .symbol-inputs{grid-template-columns:1fr;gap:18px}main .reader-example-links{gap:0 20px}.reader-shared-input{padding-left:16px}.bw-content .reading dd{margin-bottom:22px}}
@media(max-width:360px){.bw-content h1{font-size:1.9em}.bw-content h2{font-size:1.5em}.bw-content .allocation{grid-template-columns:1fr;gap:18px}}

/* Three records in the existing monochrome, hand-drawn style. */
.rv-ai-transition {
  --rv-ai-transition-gap: clamp(1.75rem, 3.5vw, 3rem);
  color: inherit;
  font: inherit;
  margin: 1.75em 0;
  max-width: 100%;
}
.rv-ai-transition .rv-ai-transition-example {
  margin: 0 0 1em;
  font: inherit;
  font-size: .95em;
  line-height: 1.5;
}
.rv-ai-transition .rv-ai-transition-steps {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--rv-ai-transition-gap);
  padding: 0;
  margin: 0;
  list-style: none;
  align-items: stretch;
}
.rv-ai-transition .rv-ai-transition-step {
  position: relative;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: .65em;
  min-width: 0;
  padding: 0;
  margin: 0;
}
.rv-ai-transition .rv-ai-transition-label {
  display: flex;
  align-items: baseline;
  gap: .55em;
  font: inherit;
  font-size: .95em;
  line-height: 1.45;
  margin: 0;
  min-width: 0;
}
.rv-ai-transition .rv-ai-transition-label > span:last-child {
  min-width: 0;
  overflow-wrap: break-word;
  hyphens: none;
}
.rv-ai-transition .rv-ai-transition-number {
  font-variant-numeric: tabular-nums;
  flex: none;
}
.rv-ai-transition .rv-ai-transition-record {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 0;
  padding: 1.75em 1.35em;
  isolation: isolate;
}
.rv-ai-transition .rv-ai-transition-record-reply {
  padding-top: 2.45em;
  padding-bottom: 1.25em;
}
.rv-ai-transition .rv-ai-transition-record-explanation {
  padding-inline-start: 1.55em;
}
.rv-ai-transition .rv-ai-transition-words {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  font: inherit;
  font-size: 1.08em;
  line-height: 1.5;
  text-align: center;
  overflow-wrap: break-word;
  min-width: 0;
  max-width: 100%;
}
.rv-ai-transition .rv-ai-transition-outline {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  color: inherit;
  overflow: visible;
  pointer-events: none;
}
.rv-ai-transition .rv-ai-transition-outline path {
  stroke-width: 1.25;
  vector-effect: non-scaling-stroke;
}
.rv-ai-transition .rv-ai-transition-outline .rv-ai-transition-hatch {
  stroke-width: .65;
  opacity: .5;
}
.rv-ai-transition .rv-ai-transition-outline .rv-ai-transition-echo {
  stroke-width: .7;
  opacity: .45;
}
.rv-ai-transition .rv-ai-transition-connector {
  position: absolute;
  inset-inline-start: calc(-1 * var(--rv-ai-transition-gap));
  top: calc(50% + .5em);
  width: var(--rv-ai-transition-gap);
  padding-inline: .2em;
  box-sizing: border-box;
  pointer-events: none;
}
.rv-ai-transition .rv-ai-transition-connector svg {
  display: block;
  width: 100%;
  max-height: 1.25em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.rv-ai-transition .rv-ai-transition-caption {
  margin: 1em 0 0;
  font: inherit;
  font-size: .95em;
  line-height: 1.55;
  max-width: 65ch;
}
@media (max-width: 760px) {
  .rv-ai-transition .rv-ai-transition-steps {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.75em;
  }
  .rv-ai-transition .rv-ai-transition-step {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto;
    align-items: center;
    gap: .4em;
  }
  .rv-ai-transition .rv-ai-transition-record {
    padding: 1.1em 1em;
  }
  .rv-ai-transition .rv-ai-transition-record-reply {
    padding-top: 1.65em;
    padding-bottom: .8em;
  }
  .rv-ai-transition .rv-ai-transition-record-explanation {
    padding-inline-start: 1.2em;
  }
  .rv-ai-transition .rv-ai-transition-connector {
    top: -1.35em;
    inset-inline-start: calc(50% - .575em);
    inset-inline-end: auto;
    width: 1.15em;
    padding: 0;
    transform: rotate(90deg);
  }
}