/* Brand Voice.
   Scoped to .bv so nothing here reaches the rest of the site, and every colour resolves
   through the Victory environment tokens so High Sun and Night Road are one composition
   in two lights. Type: Public Sans owns labels, controls and reading copy; Source Serif 4
   owns the statements, with italic reserved for the turn in a line, not for decoration. */

.bv{
  --bv-paper:var(--v-canvas-1);
  --bv-surface:var(--v-panel-1);
  --bv-soft:var(--v-panel-3);
  --bv-ink:var(--v-ink);
  --bv-muted:var(--v-ink-mute);
  --bv-rule:var(--v-edge);
  --bv-hair:var(--v-edge-hair);
  --bv-motif:var(--v-motif);
  --bv-accent:var(--v-accent);
  --bv-blue:var(--v-focus);
  --bv-serif:var(--v-editorial);
  --bv-sans:var(--v-ui);
  --bv-onink:var(--v-canvas-1);
  --bv-gutter:56px;
  --bv-chapter:clamp(76px,9vw,128px);
  color:var(--bv-ink);
  font-family:var(--bv-sans);
  font-synthesis:none;
}
.vic[data-vic-env="night"] .bv{--bv-onink:var(--v-canvas-2)}
.bv *,.bv *::before,.bv *::after{box-sizing:border-box}
.bv p,.bv h1,.bv h2,.bv h3,.bv figure,.bv blockquote,.bv dl,.bv dd{margin:0}
/* The page resets its own controls plainly. The writer keeps its own styling because
   its rules carry its root twice, which outranks an element selector without needing a
   selector level this page cannot rely on everywhere. */
.bv button{font:inherit;color:inherit;background:transparent;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
.bv select{font:inherit;color:var(--bv-ink)}
.bv a{color:inherit;text-decoration:none}
.bv button:focus-visible,.bv a:focus-visible,.bv select:focus-visible{outline:3px solid var(--bv-blue);outline-offset:5px}
.bv [hidden]{display:none !important}

/* the shell has no skip link of its own, so this one carries its own manners */
.skip-link{
  position:fixed;top:-120px;left:16px;z-index:999;padding:14px 18px;border-radius:3px;
  background:var(--v-ink,#20282D);color:var(--v-canvas-1,#FFF8EC);
  font:600 13px/1 var(--v-ui,system-ui,sans-serif);text-decoration:none;
}
.skip-link:focus{top:12px}

/* ------------------------------------------------------------------ measures */
.bv-wrap{max-width:1360px;width:calc(100% - (var(--bv-gutter) * 2));margin-inline:auto}
/* A grid or flex child is min-width:auto by default, so one long specimen can push a
   whole column past the viewport at 360px. Every child here is allowed to shrink and
   wrap instead; the track keeps the width the layout asked for. */
.bv-head,.bv-roles__panel,.bv-road,.bv-road__copy,.bv-trait,.bv-tone,.bv-prin,.bv-specs,
.bv-why,.bv-chan,.bv-close__body,.bv-record__facts,.bv-hero__grid,.bv-hero__foot,
.bv-pick,.bv-cap,.bv-type,.bv-spec,.bv-chan__head,.bv-chan__pick,.bv-exhibit__act{min-width:0}
.bv-head>*,.bv-roles__panel>*,.bv-road>*,.bv-road__copy>*,.bv-trait>*,.bv-tone>*,.bv-prin>*,
.bv-specs>*,.bv-why>*,.bv-chan>*,.bv-close__body>*,.bv-record__facts>*,.bv-hero__grid>*,
.bv-hero__foot>*,.bv-pick>*,.bv-cap>*,.bv-type>*,.bv-spec>*,.bv-chan__head>*,
.bv-chan__pick>*,.bv-exhibit__act>*{min-width:0}
.bv-ch{padding-block:var(--bv-chapter);scroll-margin-top:96px}
.bv-ch--writing{background:var(--bv-soft)}
.bv-ch--belief{background:var(--bv-soft)}
.bv-ch--character{background:var(--bv-surface)}
.bv-ch--style{background:var(--bv-soft)}
.bv-ch--record{border-top:1px solid var(--bv-rule)}

/* ------------------------------------------------------------- shared atoms */
.bv-kick{font:650 11px/1.6 var(--bv-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--bv-accent)}
.bv-eyebrow{font:650 11px/1.6 var(--bv-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--bv-muted)}
.bv-note{font:400 13px/1.65 var(--bv-sans);color:var(--bv-muted)}
.bv-note--wide{display:block;max-width:80ch;margin-top:28px}
.bv-n{font-size:9px;color:var(--bv-muted);font-variant-numeric:tabular-nums}
.bv h1,.bv h2,.bv h3,.bv .bv-sentence,.bv .bv-close__big{
  font-family:var(--bv-serif);font-weight:400;font-optical-sizing:auto;letter-spacing:-.045em;
}
.bv em{font-family:var(--bv-serif);font-style:italic;font-weight:400;color:var(--bv-accent);font-optical-sizing:none}
.bv-link{
  display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid currentColor;
  padding-bottom:8px;font:550 14px/1 var(--bv-sans);
}
.bv-link span{font-size:24px;font-weight:300;line-height:1}
.bv .bv-action{
  display:inline-flex;align-items:center;justify-content:space-between;gap:32px;
  min-height:50px;padding:13px 20px;background:var(--bv-ink);color:var(--bv-onink);
  font:600 14px/1 var(--bv-sans);border-radius:3px;
}
.bv .bv-action span{font-size:23px;line-height:1}
.bv .bv-action:hover{background:var(--bv-blue);color:var(--v-panel-1)}
.bv-anchor{display:block;height:0;overflow:hidden;scroll-margin-top:96px}

.bv-cap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:23px;border-bottom:1px solid var(--bv-rule)}
.bv-cap>span:last-child{font:400 11px/1.6 var(--bv-sans);color:var(--bv-muted);text-align:right}
.bv-head{display:grid;grid-template-columns:1.45fr 1fr;gap:48px;align-items:end;margin:39px 0 44px}
.bv-head h2{font-size:clamp(44px,4.5vw,72px);line-height:1.12}
.bv-head p{font:400 16px/1.65 var(--bv-sans);max-width:38ch;padding-bottom:7px;color:var(--bv-muted)}

/* ---------------------------------------------------------------------- hero */
.bv-hero{max-width:1360px;width:calc(100% - (var(--bv-gutter) * 2));margin-inline:auto;padding:34px 0 40px}
.bv-hero__top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:40px}
.bv-hero__tag{font:400 10px/1.6 var(--bv-sans);letter-spacing:.05em;color:var(--bv-muted)}
.bv-hero__grid{display:grid;grid-template-columns:1.06fr 1fr;gap:48px;align-items:stretch}
.bv-hero__copy{padding:6px 0 24px}
.bv-hero .bv-eyebrow{font-size:10px}
.bv-hero h1{font-size:clamp(70px,7.5vw,116px);line-height:.99;letter-spacing:-.055em;margin:25px 0 27px}
.bv-lede{font:400 16px/1.65 var(--bv-sans)}
.bv-hero .bv-link{margin-top:32px}

.bv-field{
  position:relative;overflow:hidden;min-height:600px;align-self:stretch;border-radius:2px;
  color:var(--bv-motif);
  background:linear-gradient(135deg,#D8E0D3,#AEC2BD 55%,#789F9F);
}
.vic[data-vic-env="night"] .bv-field{background:#123E51}
.bv-field__light{position:absolute;inset:0;background:radial-gradient(ellipse at 10% 0%,rgba(255,244,213,.65),transparent 68%)}
.vic[data-vic-env="night"] .bv-field__light{background:radial-gradient(ellipse at 8% 10%,rgba(201,218,208,.34),transparent 58%),linear-gradient(135deg,transparent 35%,rgba(1,16,26,.7) 85%)}
.bv-field__lines{position:absolute;inset:-20%;transform:rotate(-45deg);background:repeating-linear-gradient(90deg,transparent 0,transparent 69px,rgba(16,55,72,.13) 70px,transparent 71px)}
.vic[data-vic-env="night"] .bv-field__lines{background:repeating-linear-gradient(90deg,transparent 0,transparent 69px,rgba(229,230,210,.11) 70px,transparent 71px)}
.bv-field__mark{position:absolute;width:89%;height:auto;left:7%;top:15%;filter:drop-shadow(16px 28px 0 rgba(0,0,0,.08))}
.bv-field figcaption{
  position:absolute;bottom:35px;left:34px;right:34px;display:flex;justify-content:space-between;gap:20px;
  font:400 22px/1.2 var(--bv-serif);color:#103748;
}
.bv-field__corner{position:absolute;top:25px;right:28px;font:400 10px/1 var(--bv-sans);letter-spacing:.14em;color:#103748}
.vic[data-vic-env="night"] .bv-field figcaption,.vic[data-vic-env="night"] .bv-field__corner{color:#EEE8D9}

.bv-hero__foot{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:start;gap:24px;padding-top:32px;margin-top:32px;border-top:1px solid var(--bv-rule)}
.bv-hero__foot p{font:400 13px/1.65 var(--bv-sans);color:var(--bv-muted)}
/* .bv-hero__thesis was a 19px serif display line; it is now the first item in
   the hero supporting row and takes the shared Public Sans supporting style. */
.bv-hero__foot .bv-link{border-bottom:0;padding-top:6px;gap:25px;font-size:12px}

/* ------------------------------------------------------------------- writing */
.bv-ch--writing .bv-head{grid-template-columns:1.35fr .8fr;margin-bottom:36px}
.vw-fallback p{font:400 18px/1.62 var(--bv-serif);max-width:62ch;margin:0 0 18px}
.vw-fallback .bv-eyebrow{display:block;margin-bottom:22px}
.vw-fallback .bv-note{margin-top:24px}

/* --------------------------------------------------------------------- roles */
.bv-roles{position:relative;height:440px;overflow:hidden;background:var(--bv-surface);border-block:1px solid var(--bv-rule)}
.bv-roles__svg{position:absolute;inset:0;width:100%;height:100%}
.bv-roles__svg--tall{display:none}
.bv-roles__dir{fill:var(--bv-blue);opacity:.09}
.bv-roles__line{stroke:var(--bv-blue);stroke-width:1.1;opacity:.35;fill:none}
.bv-roles__line--faint{opacity:.14}
.bv-roles__sym{transition:opacity .25s}
.bv-roles__sym--pilgrim>path{fill:var(--bv-motif)}
.bv-roles__sym--ally>path{stroke:var(--bv-blue);stroke-width:8;fill:none}
.bv-roles__guidepost{stroke:var(--bv-blue);stroke-width:4;fill:none}
.bv-roles__guideflag{fill:var(--bv-motif)}
.bv-roles__sym text{font:600 13px var(--bv-sans);fill:var(--bv-muted);letter-spacing:2px}
.bv-roles__tools{stroke:var(--bv-muted);stroke-width:2;opacity:.3;fill:none}
/* the selected role holds full strength; the others recede rather than disappear,
   because the point of the diagram is that they are all on the same road */
.bv-roles[data-bv-active-role="Pilgrim"] .bv-roles__sym--ally,
.bv-roles[data-bv-active-role="Pilgrim"] .bv-roles__sym--guide,
.bv-roles[data-bv-active-role="Guide"] .bv-roles__sym--ally,
.bv-roles[data-bv-active-role="Guide"] .bv-roles__sym--pilgrim,
.bv-roles[data-bv-active-role="Ally"] .bv-roles__sym--pilgrim,
.bv-roles[data-bv-active-role="Ally"] .bv-roles__sym--guide{opacity:.56}
.bv-roles[data-bv-active-role="Tools"] .bv-roles__dir{opacity:.2}
.bv-roles[data-bv-active-role="Tools"] .bv-roles__tools{opacity:1;stroke:var(--bv-motif);stroke-width:4}
.bv-roles__cap{position:absolute;bottom:17px;left:24px;right:24px;display:flex;justify-content:space-between;font:400 10px/1 var(--bv-sans);letter-spacing:.05em;color:var(--bv-muted)}
.bv-roles__panel{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;margin-top:32px}
.bv-pick--roles{gap:20px}
.bv-pick--roles button{
  flex:1;display:flex;gap:12px;justify-content:space-between;text-align:left;
  border-top:1px solid var(--bv-rule);padding:16px 0;font:400 13px/1.4 var(--bv-sans);
}
.bv-pick--roles button span{font-size:9px;color:var(--bv-muted)}
.bv-pick--roles button[aria-pressed="true"]{border-top:2px solid var(--bv-motif);font-weight:650}
.bv-roles__copy{border-left:1px solid var(--bv-rule);padding-left:32px;min-height:75px}
.bv-roles__line{font:400 27px/1.25 var(--bv-serif);margin-top:7px}
p.bv-roles__line{stroke:none}

/* --------------------------------------------------------------- the pickers */
.bv-pick{display:flex}
.bv-pick__select{display:none}
.bv-pick--belief{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0 28px;
  border-top:1px solid var(--bv-rule);margin-bottom:35px;
}
.bv-pick--belief button,.bv-pick--principle button{
  display:flex;gap:15px;align-items:center;min-height:69px;text-align:left;
  border-bottom:1px solid var(--bv-rule);font:400 13px/1.35 var(--bv-sans);padding:14px 0;
}
.bv-pick--belief button[aria-pressed="true"],.bv-pick--principle button[aria-pressed="true"]{color:var(--bv-accent);font-weight:650}
.bv-pick--belief button[aria-pressed="true"] .bv-n,.bv-pick--principle button[aria-pressed="true"] .bv-n{color:var(--bv-accent)}

/* ------------------------------------------------------- the sentence exhibit */
.bv-exhibit{position:relative}
.bv-exhibit__top{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:40px}
.bv-ver{display:flex;gap:2px;padding:3px;border:1px solid var(--bv-rule);border-radius:3px;flex-shrink:0}
.bv-ver button{padding:6px 11px;font:400 10px/1 var(--bv-sans);min-height:29px;border-radius:2px}
.bv-ver button[aria-pressed="true"]{background:var(--bv-ink);color:var(--bv-onink)}
.bv-sentence{
  font-size:clamp(42px,5.4vw,78px);line-height:1.14;letter-spacing:-.035em;
  max-width:1100px;margin:34px 0 30px;min-height:180px;
}
.bv-sentence.is-changed{animation:bv-in .36s ease}
@keyframes bv-in{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
.bv-exhibit__act{display:flex;gap:24px;align-items:center;margin-top:24px}
.bv-why{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;margin-top:32px;padding-top:24px;border-top:1px solid var(--bv-rule)}
.bv-why p{font:400 13px/1.6 var(--bv-sans);margin-top:8px;max-width:45ch;color:var(--bv-ink)}

/* ----------------------------------------------------------------- the road */
.bv-road{display:grid;grid-template-columns:1fr 1.07fr;gap:64px;align-items:stretch}
.bv-road__art{
  position:relative;min-height:505px;overflow:hidden;border-radius:3px;
  background:linear-gradient(135deg,#FBF1DC,#E5DFCE 52%,#D6E1DC);border:1px solid var(--bv-rule);
}
.vic[data-vic-env="night"] .bv-road__art{background:#072C3D;border-color:transparent}
.bv-road__field{position:absolute;inset:-80px;background:repeating-linear-gradient(135deg,transparent,transparent 69px,rgba(16,55,72,.1) 70px,transparent 71px)}
.vic[data-vic-env="night"] .bv-road__field{background:repeating-linear-gradient(135deg,transparent,transparent 69px,rgba(222,229,210,.1) 70px,transparent 71px)}
.bv-road__mark{position:absolute;inset:48px 44px 62px;width:calc(100% - 88px);height:calc(100% - 110px);object-fit:contain}
.bv-road__num{position:absolute;inset:0;display:grid;place-items:center;font:300 220px/1 var(--bv-serif);letter-spacing:-.1em;color:var(--bv-motif)}
.bv-road__art figcaption{position:absolute;bottom:25px;left:25px;right:25px;text-align:center;font:400 10px/1.5 var(--bv-sans);color:var(--bv-muted)}
.bv-road__copy{display:flex;flex-direction:column;justify-content:space-between;gap:26px;padding:12px 0 8px}
.bv-road__reader{font:400 clamp(36px,3.7vw,54px)/1.15 var(--bv-serif);letter-spacing:-.025em;margin-top:18px;max-width:18ch}
.bv-road__duty{border-top:1px solid var(--bv-rule);padding-top:22px}
.bv-road__duty p:last-child{font:400 15px/1.55 var(--bv-sans);max-width:44ch;margin-top:10px}
.bv-road__ex p:last-child{font:400 28px/1.3 var(--bv-serif);margin-top:10px;max-width:22ch}
.bv-pick--road{display:grid;grid-template-columns:repeat(7,1fr);margin-top:32px;border-block:1px solid var(--bv-rule)}
.bv-pick--road button{position:relative;text-align:left;padding:20px 12px 20px 0;font:400 12px/1.4 var(--bv-sans)}
.bv-pick--road button .bv-n{display:block;margin-bottom:9px}
.bv-pick--road button[aria-pressed="true"]{font-weight:650;color:var(--bv-accent)}
.bv-pick--road button[aria-pressed="true"]::before{content:"";position:absolute;top:-1px;left:0;right:16px;height:2px;background:var(--bv-motif)}

/* ------------------------------------------------------------- character */
.bv-trait{display:grid;grid-template-columns:210px 1fr;gap:50px;padding:8px 0 48px;border-bottom:1px solid var(--bv-rule)}
.bv-trait__rail{display:flex;flex-direction:column}
.bv-trait__rail button{
  display:flex;justify-content:space-between;align-items:center;text-align:left;
  padding:12px 14px 12px 0;border-bottom:1px solid var(--bv-rule);font:400 15px/1.4 var(--bv-sans);
}
.bv-trait__rail button span{font-size:12px;opacity:0}
.bv-trait__rail button[aria-pressed="true"]{font-weight:650;color:var(--bv-accent)}
.bv-trait__rail button[aria-pressed="true"] span{opacity:1}
.bv-trait__stage{padding:11px 0 0 10px}
.bv-trait__stage .bv-sentence{margin-top:26px;min-height:215px;max-width:24ch}
.bv-tone{display:grid;grid-template-columns:260px 1fr;gap:50px;margin:38px 0 24px}
.bv-tone__label h3{font-size:36px;line-height:1.17;margin-top:20px}
.bv-pick--tone{gap:20px;flex-wrap:wrap}
.bv-pick--tone button{padding:6px 0 10px;border-bottom:1px solid transparent;font:400 12px/1 var(--bv-sans)}
.bv-pick--tone button[aria-pressed="true"]{border-bottom-color:var(--bv-ink);font-weight:650}
.bv-tone__copy{font:400 35px/1.25 var(--bv-serif);letter-spacing:-.015em;max-width:24ch;margin-top:26px;min-height:96px}
.bv-tone__copy.is-changed{animation:bv-in .36s ease}
.bv-tone__stage .bv-note{display:block;margin-top:18px}

/* ------------------------------------------------------------- principles */
.bv-prin{display:grid;grid-template-columns:270px 1fr;gap:64px}
.bv-pick--principle{flex-direction:column;border-top:1px solid var(--bv-rule)}
.bv-pick--principle button{align-items:baseline;gap:12px;padding:14px 7px 14px 0;font-size:12px;min-height:0}
.bv-pick--principle button .bv-n{flex:0 0 15px}
.bv-ch--principles .bv-exhibit__top{align-items:flex-start}
.bv-ch--principles .bv-eyebrow{max-width:38ch}
.bv-ch--principles .bv-sentence{font-size:clamp(38px,4.6vw,66px);min-height:244px;margin-top:32px}
.bv-ch--principles .bv-why{grid-template-columns:1fr 1fr;gap:20px 32px}
.bv-ch--principles .bv-why>div:first-child{grid-column:1/-1}
.bv-ch--principles .bv-why>div:first-child p{max-width:66ch}

/* ------------------------------------------------------------------ style */
.bv-specs{display:grid;grid-template-columns:1fr 1fr;gap:0 48px;border-top:1px solid var(--bv-rule)}
.bv-spec{display:flex;flex-direction:column;align-items:flex-start;min-height:358px;padding:25px 0 29px;border-bottom:1px solid var(--bv-rule)}
.bv-spec__label{display:flex;justify-content:space-between;gap:20px;width:100%;font:600 10px/1.6 var(--bv-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--bv-muted)}
.bv-spec>p{font:400 clamp(27px,3.1vw,45px)/1.23 var(--bv-serif);letter-spacing:-.025em;margin:34px 0 30px}
.bv-spec em{color:var(--bv-ink)}
.bv-spec__why{font:400 12px/1.6 var(--bv-sans);color:var(--bv-muted);margin-top:auto}
.bv-spec .bv-action{margin-bottom:24px}
#bv-style-feedback{margin-top:10px;color:var(--bv-accent)}
.bv-type{display:flex;gap:32px;align-items:center;justify-content:space-between;font:400 11px/1.6 var(--bv-sans);color:var(--bv-muted);margin-top:25px}
.bv-type strong{color:var(--bv-ink);font-weight:600}

/* ---------------------------------------------------------------- outcome */
.bv-chan{display:grid;grid-template-columns:.9fr 1.2fr;gap:64px;margin-top:44px}
.bv-chan__intro h2{font-size:clamp(40px,4vw,58px);line-height:1.12}
.bv-chan__pick{display:flex;flex-direction:column;margin-top:32px;max-width:340px}
.bv-chan__pick button{display:flex;justify-content:space-between;text-align:left;padding:13px 0;border-bottom:1px solid var(--bv-rule);font:400 13px/1.4 var(--bv-sans)}
.bv-chan__pick button span{opacity:0;font-size:20px}
.bv-chan__pick button[aria-pressed="true"]{font-weight:650;color:var(--bv-accent)}
.bv-chan__pick button[aria-pressed="true"] span{opacity:1}
.bv-chan__spec{
  display:flex;flex-direction:column;align-items:flex-start;min-height:450px;padding:34px;
  background:var(--bv-surface);border:1px solid var(--bv-rule);box-shadow:10px 10px 0 var(--bv-soft);
}
.bv-chan__head{display:flex;align-items:center;justify-content:space-between;width:100%;gap:20px;border-bottom:1px solid var(--bv-rule);padding-bottom:24px}
.bv-chan__head svg{width:30px;height:30px;color:var(--bv-motif)}
.bv-chan__spec blockquote{font:400 clamp(31px,3vw,46px)/1.18 var(--bv-serif);letter-spacing:-.02em;padding-block:34px;max-width:16ch}
.bv-chan__spec[data-bv-channel-spec="Article"] blockquote{font-size:clamp(25px,2.3vw,35px);line-height:1.3;max-width:34ch}
.bv-chan__spec blockquote.is-changed{animation:bv-in .36s ease}
.bv-chan__spec figcaption{font:400 10px/1.6 var(--bv-sans);color:var(--bv-muted);margin-top:auto}
.bv-chan__spec .bv-link{margin-top:22px;font-size:12px;gap:30px}

.bv-close{margin-top:120px;border-top:1px solid var(--bv-rule);padding-top:40px}
.bv-close .bv-kick{display:block;margin-bottom:33px}
.bv-close__big{font-size:clamp(64px,9.4vw,144px);line-height:1.02;letter-spacing:-.055em}
.bv-close__body{display:grid;grid-template-columns:1fr 1fr;gap:64px;max-width:900px;margin:45px 0 0 auto}
.bv-close__body p{font:400 26px/1.36 var(--bv-serif);letter-spacing:-.015em}
.bv-close figcaption{margin-top:26px;text-align:right;font:600 12px/1 var(--bv-sans)}

/* -------------------------------------------------------------- provenance */
.bv-record{margin-top:40px}
.bv-record__lead{font:400 19px/1.6 var(--bv-serif);max-width:72ch}
.bv-record__facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:40px 0 8px;padding-top:28px;border-top:1px solid var(--bv-rule)}
.bv-record__facts dt{font:400 10px/1.6 var(--bv-sans);color:var(--bv-muted);margin-bottom:7px}
.bv-record__facts dd{font:400 34px/1.1 var(--bv-serif);font-variant-numeric:tabular-nums}
.bv-role{font:400 12px/1.7 var(--bv-sans);color:var(--bv-muted);margin-top:28px;max-width:80ch}
.bv-src{font:400 11px/1.7 var(--bv-sans);color:var(--bv-muted);margin-top:20px;max-width:90ch}
.bv-next{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.bv .bv-nexta{display:inline-flex;align-items:center;gap:14px;min-height:48px;padding:13px 20px;border:1px solid var(--bv-rule);border-radius:3px;font:600 13px/1 var(--bv-sans)}
.bv .bv-nexta--p{background:var(--bv-ink);color:var(--bv-onink);border-color:var(--bv-ink)}
.bv .bv-nexta:hover{border-color:var(--bv-blue)}

/* ------------------------------------------------------------- breakpoints */
@media (min-width:1600px){
  .bv-hero h1{font-size:126px}
  .bv-field{min-height:645px}
}
@media (max-width:1100px){
  .bv{--bv-gutter:32px}
  .bv-hero__grid{gap:32px}
  .bv-field{min-height:515px}
  .bv-hero h1{font-size:clamp(64px,8vw,98px)}
  .bv-field figcaption{font-size:18px;left:24px;right:24px}
  .bv-hero__foot{grid-template-columns:1fr 1fr}
  .bv-hero__foot .bv-link{grid-column:1/-1}
  .bv-head{gap:32px}
  .bv-road{gap:36px}
  .bv-road__art{min-height:440px}
  .bv-road__mark{inset:38px 26px 60px;width:calc(100% - 52px);height:calc(100% - 98px)}
  .bv-road__reader{font-size:39px}
  .bv-prin{grid-template-columns:225px 1fr;gap:38px}
  .bv-ch--principles .bv-sentence{font-size:48px;min-height:240px}
  .bv-trait{grid-template-columns:180px 1fr;gap:32px}
  .bv-tone{grid-template-columns:210px 1fr;gap:32px}
  .bv-pick--tone{gap:15px}
  .bv-tone__copy{font-size:31px}
  .bv-chan{gap:40px}
  .bv-chan__spec{padding:26px}
  .bv-close__body{gap:40px;margin-left:20%;max-width:none}
  .bv-close__body p{font-size:24px}
  .bv-why{gap:24px}
}
@media (max-width:800px){
  .bv{--bv-gutter:20px;--bv-chapter:clamp(56px,10vw,72px)}
  .bv-hero{padding:24px 0 28px}
  .bv-hero__top{margin-bottom:31px;gap:16px}
  .bv-hero__top .bv-kick{font-size:9px}
  .bv-hero__tag{font-size:9px}
  .bv-hero__grid{grid-template-columns:1fr 1fr;gap:22px}
  .bv-hero h1{font-size:clamp(58px,8.7vw,72px)}
  .bv-hero .bv-eyebrow{font-size:9px;max-width:22ch}
  .bv-lede{font-size:13px}
  .bv-field{min-height:430px}
  .bv-field__mark{top:23%;width:100%;left:0}
  .bv-field figcaption{flex-direction:column;gap:4px;font-size:18px;bottom:24px;left:21px}
  .bv-hero__foot{padding-top:25px;margin-top:26px}
  .bv-hero__foot p{font-size:12px}
  
  .bv-cap{padding-bottom:18px}
  .bv-cap>span:last-child{font-size:10px}
  .bv-head{grid-template-columns:1fr;gap:20px;margin:29px 0 30px}
  .bv-head h2{font-size:clamp(39px,6.4vw,53px)}
  .bv-head p{font-size:15px;padding:0}
  .bv-ch--writing .bv-head{grid-template-columns:1fr;gap:20px}
  .bv-roles{height:310px}
  .bv-roles__panel{grid-template-columns:1fr 1fr;gap:28px;margin-top:24px}
  .bv-pick--roles{gap:14px;flex-wrap:wrap}
  .bv-pick--roles button{flex:1 1 40%;font-size:12px;padding:12px 0}
  .bv-roles__copy{padding-left:20px}
  p.bv-roles__line{font-size:25px}
  .bv-pick--belief{grid-template-columns:1fr 1fr;gap:0 22px}
  .bv-pick--belief button{font-size:12px;min-height:70px}
  .bv-sentence{font-size:clamp(37px,6.5vw,54px);min-height:150px}
  .bv-why{grid-template-columns:1fr 1fr;gap:20px}
  .bv-why>div:first-child{grid-column:1/-1}
  .bv-why>div:first-child p{max-width:60ch}
  .bv-road{grid-template-columns:.85fr 1fr;gap:28px}
  .bv-road__art{min-height:415px}
  .bv-road__reader{font-size:33px}
  .bv-road__copy{gap:22px;padding-top:0}
  .bv-road__duty{padding-top:17px}
  .bv-road__duty p:last-child{font-size:13px}
  .bv-road__ex p:last-child{font-size:23px}
  .bv-road__num{font-size:150px}
  .bv-pick--road{grid-template-columns:repeat(4,1fr);border-bottom:0}
  .bv-pick--road button{border-bottom:1px solid var(--bv-rule);font-size:12px;padding-block:15px}
  .bv-pick--road button[aria-pressed="true"]::before{right:14px}
  .bv-trait{grid-template-columns:1fr;gap:25px;padding-bottom:30px}
  .bv-trait__rail{flex-direction:row;flex-wrap:wrap;gap:0 20px}
  .bv-trait__rail button{font-size:13px;padding-block:10px;gap:13px}
  .bv-trait__rail button span{display:none}
  .bv-trait__stage{padding:0}
  .bv-trait__stage .bv-sentence{font-size:47px;min-height:125px;margin-bottom:0}
  .bv-tone{grid-template-columns:1fr;gap:27px}
  .bv-tone__label h3{font-size:30px;margin-top:12px}
  .bv-tone__label h3 br{display:none}
  .bv-tone__copy{font-size:31px;min-height:90px}
  .bv-prin{grid-template-columns:1fr;gap:30px}
  .bv-pick--principle{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
  .bv-pick--principle button{font-size:11px;padding-block:12px;align-items:center}
  .bv-ch--principles .bv-sentence{min-height:155px;font-size:47px}
  .bv-ch--principles .bv-exhibit__top{align-items:center}
  .bv-ch--principles .bv-eyebrow{font-size:10px;max-width:60%}
  .bv-specs{gap:0 28px}
  .bv-spec{min-height:340px}
  .bv-spec__label{flex-direction:column;gap:7px}
  .bv-spec>p{font-size:30px;margin-top:28px}
  .bv-type{flex-wrap:wrap;gap:15px}
  .bv-chan{grid-template-columns:1fr;gap:30px}
  .bv-chan__intro h2{font-size:45px}
  .bv-chan__pick{flex-direction:row;max-width:none;gap:25px;margin-top:24px}
  .bv-chan__pick button{gap:17px;flex:1}
  .bv-chan__pick button span{font-size:15px}
  .bv-chan__spec{min-height:355px}
  .bv-chan__spec blockquote{font-size:39px;max-width:18ch}
  .bv-close{margin-top:80px;padding-top:30px}
  .bv-close__big{font-size:clamp(53px,9vw,80px)}
  .bv-close__body{margin-left:0;gap:30px;margin-top:33px}
  .bv-close__body p{font-size:23px}
  .bv-record__facts{grid-template-columns:1fr 1fr;gap:24px 20px}
  .bv-record__lead{font-size:17px}
}
@media (max-width:540px){
  .bv-hero__grid{grid-template-columns:1fr;gap:22px}
  .bv-hero__copy{padding-bottom:0}
  .bv-hero h1{font-size:clamp(70px,17vw,90px);line-height:1.03;margin:21px 0 23px}
  .bv-hero h1 em{white-space:nowrap}
  .bv-hero .bv-eyebrow{max-width:none}
  .bv-lede{font-size:15px}
  .bv-hero .bv-link{margin-top:23px;font-size:12px}
  .bv-field{min-height:0;height:330px}
  .bv-field__mark{width:60%;left:21%;top:3%}
  .bv-field figcaption{flex-direction:row;font-size:19px;bottom:23px;left:23px;right:23px}
  .bv-field__corner{top:18px;right:20px}
  .bv-hero__foot{grid-template-columns:1fr;gap:18px}
  
  .bv-hero__foot p:nth-child(2){font-size:12px}
  .bv-hero__foot .bv-link{padding-top:0;justify-content:space-between}
  .bv-kick,.bv-eyebrow{font-size:10px}
  .bv-cap>span:last-child{display:none}
  .bv-head h2{font-size:41px;line-height:1.13}
  .bv-head p{font-size:14px}
  /* the wide roles field is a desktop composition; the phone gets its own drawing
     rather than the same one squeezed */
  .bv-roles{height:400px}
  .bv-roles__svg--wide{display:none}
  .bv-roles__svg--tall{display:block}
  .bv-roles__cap{left:15px;right:15px;font-size:8px}
  .bv-roles__panel{grid-template-columns:1fr;gap:16px}
  .bv-pick--roles{gap:18px;flex-wrap:nowrap}
  .bv-pick--roles button{flex:1;font-size:12px;gap:8px;padding:11px 0}
  .bv-pick--roles button span{display:none}
  .bv-roles__copy{border-left:0;padding-left:0;min-height:66px}
  p.bv-roles__line{font-size:28px}
  .bv-pick--belief{gap:0 18px;margin-bottom:28px}
  .bv-pick--belief button{font-size:11px;gap:9px;min-height:72px}
  .bv-exhibit__top{align-items:flex-start;gap:15px}
  .bv-exhibit__top>.bv-eyebrow{max-width:57%;font-size:9px}
  .bv-ver{padding:2px}
  .bv-ver button{font-size:9px;padding:5px 9px;min-height:27px}
  .bv-sentence{font-size:41px;line-height:1.16;min-height:197px;margin:27px 0 24px}
  .bv-exhibit__act{align-items:flex-start;flex-direction:column;gap:15px;margin-top:0}
  .bv .bv-action{font-size:12px;min-height:46px;padding:12px 16px;gap:25px}
  .bv-why{grid-template-columns:1fr;gap:18px;margin-top:25px;padding-top:20px}
  .bv-why p{font-size:12px;margin-top:6px}
  .bv-why>div:first-child{grid-column:auto}
  .bv-road{grid-template-columns:1fr;gap:28px}
  .bv-road__art{min-height:0;height:335px}
  .bv-road__mark{inset:28px 30px 48px;width:calc(100% - 60px);height:calc(100% - 76px)}
  .bv-road__art figcaption{bottom:18px;font-size:9px}
  .bv-road__num{font-size:180px}
  .bv-road__reader{font-size:38px;max-width:none}
  .bv-road__duty p:last-child,.bv-road__ex p:last-child{max-width:none}
  .bv-road__ex p:last-child{font-size:28px}
  .bv-pick--road{margin-top:26px}
  .bv-pick--road button{font-size:10px;padding-block:12px}
  .bv-pick--road button .bv-n{font-size:8px;margin-bottom:8px}
  .bv-trait__rail{gap:0 16px}
  .bv-trait__rail button{font-size:12px}
  .bv-trait__stage .bv-sentence{font-size:40px;line-height:1.16;min-height:185px}
  .bv-tone{gap:23px;margin-top:28px}
  .bv-pick--tone{gap:8px 19px}
  .bv-pick--tone button{font-size:11px}
  .bv-tone__copy{font-size:31px;line-height:1.27;min-height:148px;margin-top:23px}
  /* ten principles on a phone is a menu, not a rail */
  .bv-pick--principle{display:none}
  .bv-pick__select{display:block;margin-bottom:26px}
  .bv-pick__select label{display:block;margin-bottom:9px}
  .bv-pick__select select{width:100%;min-height:48px;padding:12px 30px 12px 12px;font-size:12px;background:var(--bv-surface);border:1px solid var(--bv-rule);border-radius:3px}
  .bv-ch--principles .bv-sentence{font-size:41px;min-height:236px;line-height:1.16}
  .bv-ch--principles .bv-why{grid-template-columns:1fr}
  .bv-ch--principles .bv-why>div:first-child{grid-column:auto}
  .bv-specs{grid-template-columns:1fr;gap:0}
  .bv-spec{min-height:0;padding:22px 0 26px}
  .bv-spec__label{flex-direction:row;font-size:9px;gap:14px}
  .bv-spec>p{font-size:36px;margin:28px 0 26px;line-height:1.22}
  .bv-spec__why{font-size:11px}
  .bv-spec .bv-action{margin-bottom:22px}
  .bv-type{display:block;font-size:10px;line-height:1.6;margin-top:22px}
  .bv-type p+p{margin-top:8px}
  .bv-type>span{display:block;margin-top:13px}
  .bv-chan{margin-top:30px;gap:27px}
  .bv-chan__intro h2{font-size:41px}
  .bv-chan__pick{gap:18px}
  .bv-chan__pick button{font-size:11px;gap:9px}
  .bv-chan__spec{padding:23px;min-height:384px;box-shadow:7px 7px 0 var(--bv-soft)}
  .bv-chan__head{padding-bottom:20px}
  .bv-chan__spec blockquote{font-size:37px;padding-block:28px}
  .bv-chan__spec figcaption{font-size:9px}
  .bv-chan__spec .bv-link{font-size:10px;gap:18px}
  .bv-close{margin-top:70px}
  .bv-close .bv-kick{margin-bottom:29px}
  .bv-close__big{font-size:clamp(47px,12.5vw,68px);line-height:1.08}
  .bv-close__body{grid-template-columns:1fr;gap:22px;margin-top:30px}
  .bv-close__body p{font-size:24px;line-height:1.34}
  .bv-close figcaption{text-align:left;margin-top:25px;font-size:11px}
  .bv-record__facts dd{font-size:28px}
  .bv .bv-nexta{width:100%;justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){
  .bv *,.bv *::before,.bv *::after{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* ---------------------------------------------------------- below 360px
   The hero statement's longest word is "somewhere". At the 70px floor its ink
   is 294px wide inside a 264px measure, so the glyphs — not the box — pushed the
   document 2px past a 320px viewport. A single word cannot wrap, so the size has
   to come down; it does so only under 360px, which leaves the 360, 390 and every
   larger composition exactly as it was. The channel labels get the same treatment:
   four of them will not sit in 280px while each still reserves room for its arrow. */
@media (max-width:359px){
  .bv-hero h1{font-size:clamp(52px,19vw,64px)}
  .bv-chan__pick{gap:10px}
  .bv-chan__pick button{font-size:10px;gap:4px}
  .bv-chan__pick button span{display:none}
}

/* ==========================================================================
   The September 10 pass: hero, road, closing quotation, connected work
   --------------------------------------------------------------------------
   Everything below answers a numbered correction.  The measured half of each
   relationship lives in victory-align.js; these rules set the composition and
   the fallback the page holds before the fonts resolve.
   ========================================================================== */

/* --- VOICE-01: the hero statement ---------------------------------------
   Two phrases, one thought.  They break to their own lines when the measure
   cannot hold both, and never break inside "where they are". */
.bv-hero h1.bv-h1{
  display:block;
  text-wrap:balance;
}
.bv-h1__a,.bv-h1__b{display:inline}
.bv-h1__nb{white-space:nowrap}
@media (min-width:1100px){
  .bv-hero h1.bv-h1{font-size:clamp(64px,6.6vw,104px);letter-spacing:-.05em;line-height:1.0}
  .bv-h1__a,.bv-h1__b{display:block}
}
@media (max-width:1099px){
  .bv-hero h1.bv-h1{font-size:clamp(46px,6.4vw,76px);line-height:1.03;letter-spacing:-.04em}
  .bv-h1__a,.bv-h1__b{display:block}
}
@media (max-width:520px){
  .bv-hero h1.bv-h1{font-size:clamp(38px,10.4vw,52px);line-height:1.06;letter-spacing:-.03em}
  .bv-h1__nb{white-space:normal}
}
/* The narrow-width ink fix stays in force for the new statement: at 320 the
   longest word must paint inside a 264px measure. */
@media (max-width:359px){
  .bv-hero h1.bv-h1{font-size:clamp(34px,10.6vw,40px)}
}

/* --- VOICE-02: one aligned row beneath the hero rule --------------------
   Three items, one Public Sans supporting style, one cap line.  The link is
   not a smaller thing that sits lower; it is the third item in the row. */
.bv-hero__rule{margin-top:var(--vs-6)}
.bv-hero .bv-hero__foot{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,auto);
  gap:var(--vs-4) var(--va-gutter);
  align-items:start;
  margin:0;
}
.bv-hero .bv-hero__foot > *{margin:0;min-width:0}
.bv-hero .bv-hero__thesis{color:var(--v-ink);font-weight:500}
.bv-hero .bv-link--foot{
  border-bottom:1px solid var(--v-accent);
  padding:0 0 2px;
  gap:.6em;
  font:600 var(--va-support-size)/calc(var(--va-support-lh) / var(--va-support-size)) var(--v-ui);
  align-self:start;
  justify-self:start;
  align-items:baseline;
  color:var(--v-ink);
  grid-column:auto;
}
.bv-hero .bv-link--foot .va-arrow{font-size:1em;font-weight:400;line-height:inherit}
.bv-hero .bv-link--foot:hover,.bv-hero .bv-link--foot:focus-visible{color:var(--v-accent)}
@media (max-width:899px){
  .bv-hero .bv-hero__foot{grid-template-columns:minmax(0,1fr);gap:var(--vs-3)}
  .bv-hero .bv-link--foot{grid-column:1;margin-top:var(--vs-1)}
}

/* --- VOICE-03 and VOICE-04: the road ------------------------------------
   One shared parent grid.  The introduction, the stage label, the quotation
   and both explanations all begin on the copy column's left edge; the label's
   cap line meets the top edge of the artwork beside it. */
.bv-ch--road .bv-head--road{grid-template-columns:minmax(0,1fr);margin-bottom:var(--vs-5)}
.bv-road{
  grid-template-columns:1fr 1.07fr;
  grid-template-rows:auto auto;
  column-gap:var(--va-gutter);
  row-gap:var(--vs-4);
  align-items:start;
}
.bv-road__lede{grid-column:2;grid-row:1;max-width:44ch}
.bv-road__art{grid-column:1;grid-row:2}
.bv-road__copy{grid-column:2;grid-row:2}
/* More deliberate separation between the stage label and what the reader
   says.  The exact clearance is measured from the label's baseline to the
   quotation's cap line; this is the floor. */
.bv-road__now .bv-road__reader{margin-top:var(--vs-4)}
.bv-road__copy > * + *{margin-top:var(--vs-5)}
.bv-road__duty > * + *,.bv-road__ex > * + *{margin-top:var(--vs-2)}
/* Every stage must hold, not only Turning: the longest reader line is the
   one that sets the column, so the column is sized for it and never shrinks
   under a shorter one. */
.bv-road__reader{min-height:calc(2 * 1.14em)}
.bv-road__rule{margin-top:var(--vs-6)}
.bv-road__foot .bv-note--wide{max-width:80ch}
@media (max-width:1023px){
  .bv-road{grid-template-columns:.85fr 1fr;column-gap:var(--vs-5)}
}
@media (max-width:899px){
  .bv-road{grid-template-columns:minmax(0,1fr);row-gap:var(--vs-4)}
  .bv-road__lede,.bv-road__art,.bv-road__copy{grid-column:1}
  .bv-road__lede{grid-row:1}
  .bv-road__art{grid-row:2}
  .bv-road__copy{grid-row:3}
  /* On a phone the label sits above the artwork's edge in reading order, so
     the cap-to-edge tie is released rather than forced. */
  .bv-road__now [data-va-capto]{padding-top:0 !important}
  .bv-road__reader{min-height:0}
}

/* --- VOICE-05: the closing quotation ------------------------------------
   The statement keeps its scale.  Beneath it the two paragraphs form two
   balanced columns on the page's content grid: the first on the headline's
   left edge, the second on the shared second-column start, one type scale,
   one measure, first cap lines aligned. */
.bv-close__q{margin:0}
.bv-close__body{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--va-gutter);
  margin-top:var(--vs-6);
}
.bv-close__body p{
  margin:0;
  font:400 clamp(19px,1.55vw,24px)/1.5 var(--v-ui);
  color:var(--v-ink);
  max-width:34ch;
}
/* The attribution belongs to the quotation, and it lands on a real column
   edge rather than floating at the right margin. */
.bv-close .bv-close__by{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:var(--va-gutter);
  text-align:left;
  margin-top:var(--vs-5);
  font:600 var(--va-label-size)/calc(var(--va-label-lh) / var(--va-label-size)) var(--v-ui);
  letter-spacing:.09em;
  text-transform:uppercase;
  color:var(--v-ink-label);
}
.bv-close .bv-close__by::before{content:"";display:block}
@media (max-width:899px){
  .bv-close__body{grid-template-columns:minmax(0,1fr);gap:var(--vs-4);margin-top:var(--vs-5)}
  .bv-close__body p{max-width:none;font-size:clamp(17px,4.6vw,20px)}
  .bv-close .bv-close__by{grid-template-columns:minmax(0,1fr);margin-top:var(--vs-4)}
  .bv-close .bv-close__by::before{display:none}
}

/* --- VOICE-06: connected work -------------------------------------------
   Two destinations, designed rather than listed.  The contact invitation
   stays in the contact section below; nothing here duplicates it. */
.bv-ch--linked .bv-linked{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--vs-4);
  margin-top:var(--vs-5);
}
.bv-linked__card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  column-gap:var(--vs-4);
  row-gap:var(--vs-2);
  align-items:start;
  padding:var(--vs-5) var(--vs-5) var(--vs-5) var(--vs-4);
  border:0;
  border-top:2px solid var(--v-ink);
  background:var(--v-panel-1);
  color:var(--v-ink);
  text-decoration:none;
  transition:background .18s ease,transform .18s ease;
}
.bv-linked__n{
  grid-row:1 / span 2;
  font:600 var(--va-label-size)/calc(var(--va-label-lh) / var(--va-label-size)) var(--v-ui);
  letter-spacing:.09em;
  color:var(--v-ink-label);
  padding-top:.35em;
}
.bv-linked__t{
  grid-column:2;
  font:400 clamp(23px,2vw,30px)/1.16 var(--v-editorial);
  letter-spacing:-.01em;
}
.bv-linked__d{
  grid-column:2;
  font:400 var(--va-support-size)/calc(var(--va-support-lh) / var(--va-support-size)) var(--v-ui);
  color:var(--v-ink-mute);
  max-width:36ch;
}
.bv-linked__go{
  grid-column:3;grid-row:1;
  font-size:20px;line-height:1.1;color:var(--v-accent);
  transition:transform .18s ease;
}
.bv-linked__card:hover,.bv-linked__card:focus-visible{background:var(--v-panel-2)}
.bv-linked__card:hover .bv-linked__go,.bv-linked__card:focus-visible .bv-linked__go{transform:translateX(4px)}
.bv-linked__card:focus-visible{outline:2px solid var(--v-focus);outline-offset:3px}
.bv-ch--linked .bv-role{margin-top:var(--vs-6)}
@media (prefers-reduced-motion:reduce){
  .bv-linked__card,.bv-linked__go{transition:none}
}
@media (max-width:899px){
  .bv-ch--linked .bv-linked{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:400px){
  .bv-linked__card{grid-template-columns:auto minmax(0,1fr);padding:var(--vs-4) var(--vs-3)}
  .bv-linked__go{grid-column:2;grid-row:3;justify-self:start}
}

/* --- corrections found in the rendered page ------------------------------ */
/* The hero row's three items share one supporting style, measured. */
.vic .bv-hero .bv-hero__foot .bv-hero__thesis{
  font-family:var(--v-ui);
  font-size:var(--va-support-size);
  line-height:calc(var(--va-support-lh) / var(--va-support-size));
  font-weight:500;
  letter-spacing:0;
  color:var(--v-ink);
}
/* The quotation's two columns begin on the headline's own left edge; an older
   rule indented the body by a fifth of the measure. */
.vic .bv-close .bv-close__body{margin-left:0;margin-right:0;max-width:none}
.vic .bv-close .bv-close__body p{
  font-family:var(--v-editorial);
  font-size:clamp(23px,2.05vw,30px);
  line-height:1.34;
  letter-spacing:-.015em;
  color:var(--v-ink);
  max-width:30ch;
}
@media (max-width:899px){
  .vic .bv-close .bv-close__body p{font-size:clamp(21px,5.4vw,25px);max-width:none}
}

/* The closing quotation used to be followed by a disclaimer that filled the
   foot of its chapter.  With the disclaimer gone, the chapter's own bottom
   padding and the next chapter's top padding met and read as a hole. */
.vic .bv-ch--outcome{padding-bottom:var(--vs-7)}
.vic .bv-ch--linked{padding-top:var(--vs-7)}
.vic .bv-close{margin-top:var(--vs-7)}
@media (max-width:899px){
  .vic .bv-ch--outcome{padding-bottom:var(--vs-6)}
  .vic .bv-ch--linked{padding-top:var(--vs-6)}
}
