/* The invest family. Four pages, four presentations:
   invest (.inv-) a two-word switch that re-composes the page,
   business case (.bc-) an annotated paper sheet with gold margin notes,
   sample report (.sr-) a dark printed dossier with gold tabular figures,
   market report (.mr-) long-form editorial with pull quotes.
   Palette is the brand's only; layout is logical so Hebrew mirrors. */
.inv-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
:root { --dim: color-mix(in oklab, var(--ink) 74%, var(--bg)); --faint: color-mix(in oklab, var(--ink) 70%, var(--bg)); }

/* ===================================================================== */
/* invest.html: start from your number                                   */
/* ===================================================================== */
.inv-hero { max-width: var(--maxw); margin-inline: auto; padding: 10.5rem var(--gutter) 0; text-align: center; }
.inv-hero .kicker { margin-bottom: 1.75rem; }
.inv-hero__title { font-size: var(--t-3xl); line-height: .98; letter-spacing: -0.028em; max-width: 14ch; margin-inline: auto; }
.inv-hero__lede { margin: 1.75rem auto 0; max-width: 46ch; color: var(--dim); }

.inv-switch { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center;
  margin-top: clamp(3rem, 6vw, 5rem); border-bottom: 1px solid var(--hair); }
.inv-switch__btn { display: grid; gap: 1.9rem; padding: 0 0 1.75rem; background: none; border: 0; cursor: pointer; color: color-mix(in oklab, var(--ink) 66%, var(--bg));
  transition: color 500ms var(--ease); }
.inv-switch__btn:first-of-type { justify-items: end; text-align: end; }
.inv-switch__btn:last-of-type { justify-items: start; text-align: start; }
.inv-switch__word { font: italic 400 clamp(3.4rem, 1.4rem + 8.4vw, 10.5rem)/.9 var(--display); letter-spacing: -0.035em; transition: transform 700ms var(--ease); }
:lang(he) .inv-switch__word { font-style: normal; letter-spacing: 0; }
.inv-switch__sub { font: 500 .72rem/1.4 var(--text); letter-spacing: .2em; text-transform: uppercase; color: var(--faint); }
:lang(he) .inv-switch__sub { letter-spacing: .04em; }
.inv-switch__btn[aria-selected="true"] { color: var(--gold); cursor: default; }
.inv-switch__btn[aria-selected="true"] .inv-switch__sub { color: var(--ink); }
@media (hover: hover) and (pointer: fine) { .inv-switch__btn[aria-selected="false"]:hover { color: var(--ink); } .inv-switch__btn[aria-selected="false"]:hover .inv-switch__word { transform: translateY(-4px); } }
.inv-switch__or { font: italic 400 var(--t-xl)/1 var(--display); color: var(--gold-soft); padding-inline: clamp(1rem, 3vw, 3rem); padding-bottom: 1.75rem; }
:lang(he) .inv-switch__or { font-style: normal; }
.inv-switch__rule { position: absolute; bottom: -1px; left: 0; height: 2px; width: var(--w, 0px); background: var(--gold); transform: translateX(var(--x, 0px));
  transition: transform 700ms var(--ease), width 700ms var(--ease); }

.inv-stage { max-width: var(--maxw); margin-inline: auto; padding-inline: var(--gutter); }
.inv-track { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 3rem clamp(2rem, 6vw, 6rem); padding-block: clamp(4rem, 8vw, 7rem) 2rem; outline: none; }
.inv-track[hidden] { display: none; }
.inv-track__lead { align-self: center; }
.inv-track__title { font-size: var(--t-2xl); line-height: 1.04; letter-spacing: -0.02em; max-width: 15ch; }
.inv-track__body { margin-top: 1.5rem; color: var(--dim); max-width: 48ch; }
.inv-blank { margin-top: 3rem; font: italic 400 var(--t-xl)/1.6 var(--display); max-width: 26ch; }
:lang(he) .inv-blank { font-style: normal; }
.inv-blank--amount { margin-top: .6rem; font-size: var(--t-base); }
.inv-blank__field { display: inline-flex; align-items: baseline; gap: .2em; border-bottom: 1px solid var(--gold); padding-inline: .1em; }
.inv-blank__field:focus-within { box-shadow: 0 1px 0 var(--gold); }
.inv-blank__input { width: 4.2em; background: transparent; border: 0; color: var(--gold); font: inherit; font-style: normal; text-align: center; padding: 0; outline: none; caret-color: var(--gold); }
.inv-blank--amount .inv-blank__input { width: 6.5em; }
.inv-blank__input:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
.inv-blank__unit { color: var(--gold-soft); font-style: normal; }
.inv-blank__send { margin-top: 1.6rem; }
.inv-blank__cap { margin-top: 1rem; font-size: var(--t-sm); color: var(--gold-soft); max-width: 40ch; }

.inv-track__plates { position: relative; min-height: 30rem; }
.inv-plate { margin: 0; overflow: hidden; background: var(--surface); }
.inv-plate__img { width: 100%; height: 100%; object-fit: cover; }
.inv-plate--tall { width: 78%; aspect-ratio: 4 / 5; margin-inline-start: auto; }
.inv-plate--small { position: absolute; inset-inline-start: 0; bottom: -2.5rem; width: 44%; aspect-ratio: 1; outline: 1px solid var(--gold-soft); outline-offset: 10px; }

.inv-ledger { grid-column: 1 / -1; margin-top: 5rem; }
.inv-ledger__title { font-size: var(--t-xl); padding-bottom: 1.4rem; border-bottom: 1px solid var(--gold-soft); }
.inv-ledger__list { list-style: none; margin: 0; padding: 0; }
.inv-ledger__row { display: grid; grid-template-columns: 6rem minmax(0, 19rem) minmax(0, 1fr); gap: .5rem 2rem; align-items: baseline; padding-block: 1.5rem; border-bottom: 1px solid var(--hair); }
.inv-ledger__n { font: 400 var(--t-2xl)/1 var(--display); color: var(--gold); font-variant-numeric: lining-nums tabular-nums; }
.inv-ledger__name { font: 400 var(--t-xl)/1.15 var(--display); margin: 0; }
.inv-ledger__body { color: var(--dim); max-width: 56ch; }
.inv-swap { display: inline-flex; align-items: center; gap: 1rem; margin-top: 2.5rem; padding: .4rem 0; background: none; border: 0; cursor: pointer;
  font: italic 400 var(--t-xl)/1.2 var(--display); color: var(--gold); }
:lang(he) .inv-swap { font-style: normal; }
.inv-swap__arrow { position: relative; width: 2.6rem; height: 1px; background: currentColor; transition: width 400ms var(--ease); }
.inv-swap__arrow::after { content: ""; position: absolute; inset-inline-end: 0; top: -4px; width: 9px; height: 9px; border-top: 1px solid currentColor; border-inline-end: 1px solid currentColor; transform: rotate(45deg); }
[dir="rtl"] .inv-swap__arrow::after { transform: rotate(-45deg); }
@media (hover: hover) and (pointer: fine) { .inv-swap:hover .inv-swap__arrow { width: 3.6rem; } }

/* re-composition: the leaving route fades down, the arriving one rises in layers */
.inv-track.is-leaving { opacity: 0; transform: translateY(14px); transition: opacity 320ms var(--ease), transform 320ms var(--ease); }
.inv-track.is-entering .inv-track__lead > * { animation: inv-rise 900ms var(--ease) both; }
.inv-track.is-entering .inv-track__lead > :nth-child(2) { animation-delay: 70ms; }
.inv-track.is-entering .inv-track__lead > :nth-child(3) { animation-delay: 140ms; }
.inv-track.is-entering .inv-track__lead > :nth-child(n+4) { animation-delay: 220ms; }
.inv-track.is-entering .inv-plate--tall { animation: inv-wipe 1100ms var(--ease) both; }
.inv-track.is-entering .inv-plate--small { animation: inv-wipe 1100ms 180ms var(--ease) both; }
.inv-track.is-entering .inv-plate__img { animation: inv-settle 1600ms var(--ease) both; }
.inv-track.is-entering .inv-ledger__row { animation: inv-rise 800ms var(--ease) both; animation-delay: calc(260ms + var(--i, 0) * 60ms); }
@keyframes inv-rise { from { opacity: 0; transform: translateY(18px); } }
@keyframes inv-wipe { from { clip-path: inset(0 0 100% 0); } to { clip-path: inset(0); } }
@keyframes inv-settle { from { transform: scale(1.08); } }

.inv-both { max-width: var(--maxw); margin-inline: auto; padding: clamp(6rem, 12vw, 10rem) var(--gutter) 0; }
.inv-both__title { font-size: var(--t-2xl); line-height: 1.05; max-width: 16ch; }
.inv-both__grid { list-style: none; margin: 3.5rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(14rem, 1fr)); gap: 2.5rem; }
.inv-both__grid li { padding-inline-start: 1.25rem; border-inline-start: 1px solid var(--gold-soft); }
.inv-both__name { font-size: var(--t-xl); line-height: 1.15; }
.inv-both__body { margin-top: .8rem; font-size: var(--t-sm); color: var(--dim); }

.inv-read { max-width: var(--maxw); margin-inline: auto; padding: clamp(6rem, 12vw, 10rem) var(--gutter) 4rem; }
.inv-read__title { font: 500 .72rem/1.4 var(--text); letter-spacing: .22em; text-transform: uppercase; color: var(--gold-soft); }
.inv-read__list { list-style: none; margin: 1.5rem 0 0; padding: 0; display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 1px; background: var(--hair); border: 1px solid var(--hair); }
.inv-read__link { display: grid; gap: .7rem; align-content: start; height: 100%; padding: 2rem 1.75rem 2.25rem; background: var(--bg); text-decoration: none; transition: background-color 300ms var(--ease); }
.inv-read__name { font: 400 1.45rem/1.2 var(--display); }
.inv-read__name::after { content: " \2192"; color: var(--gold); }
[dir="rtl"] .inv-read__name::after { content: " \2190"; }
.inv-read__note { font-size: var(--t-sm); color: var(--faint); }
.inv-read li:first-child { grid-row: span 2; }
.inv-read li:first-child .inv-read__link { align-content: end; padding-top: 6rem; background: var(--surface); }
.inv-read li:first-child .inv-read__name { color: var(--gold); font-size: var(--t-2xl); line-height: 1.05; }
@media (hover: hover) and (pointer: fine) { .inv-read__link:hover { background: var(--surface); } .inv-read__link:hover .inv-read__name { color: var(--gold); } }

/* ===================================================================== */
/* business-case.html: the anatomy of a report                           */
/* ===================================================================== */
.bc-hero { max-width: var(--maxw); margin-inline: auto; padding: 11rem var(--gutter) 4rem; }
.bc-hero__title { font-size: var(--t-3xl); line-height: 1; letter-spacing: -0.028em; max-width: 17ch; }
.bc-hero__lede { margin-top: 1.75rem; max-width: 52ch; color: var(--dim); }

.bc-anatomy { max-width: var(--maxw); margin-inline: auto; padding: 4rem var(--gutter) 2rem; }
.bc-anatomy__head { display: grid; grid-template-columns: minmax(0, 46rem) minmax(0, 1fr); column-gap: clamp(2rem, 5vw, 5rem); align-items: end; }
.bc-anatomy__title { font: italic 400 var(--t-2xl)/1.05 var(--display); color: var(--gold); }
:lang(he) .bc-anatomy__title { font-style: normal; }
.bc-anatomy__sub { color: var(--dim); font-size: var(--t-sm); max-width: 32ch; }

.bc-doc { --paper: var(--ink); --sk: color-mix(in oklab, var(--bg) 20%, var(--paper)); --sk2: color-mix(in oklab, var(--bg) 9%, var(--paper));
  list-style: none; margin: 3rem 0 0; padding: 0; }
.bc-part { display: grid; grid-template-columns: minmax(0, 46rem) minmax(0, 1fr); column-gap: clamp(2rem, 5vw, 5rem); }
.bc-seg { position: relative; background: var(--paper); color: var(--bg); padding: 2rem clamp(1.4rem, 3.5vw, 2.8rem) 2.2rem; border-bottom: 1px dashed var(--sk); }
.bc-seg::before { content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 3px; background: var(--gold); transform: scaleY(0); transition: transform 600ms var(--ease); }
.bc-part.is-on .bc-seg::before { transform: scaleY(1); }
.bc-part:nth-child(2) .bc-seg { border-radius: 0; }
.bc-seg--cap { display: flex; justify-content: space-between; align-items: center; padding-block: 1.3rem; border-bottom: 2px solid var(--bg); border-radius: var(--r) var(--r) 0 0; }
.bc-part:last-child .bc-seg { border-bottom: 0; border-radius: 0 0 var(--r) var(--r); }
.bc-doc__brand { font: 500 .72rem/1 var(--text); letter-spacing: .26em; text-transform: uppercase; }
.bc-doc__mark { width: 3rem; height: 2px; background: var(--gold-soft); }
.bc-seg__head { display: flex; align-items: baseline; gap: .8rem; font: 500 1.3rem/1.2 var(--display); color: var(--bg); }
.bc-seg__n { font: italic 400 1.3rem/1 var(--display); color: var(--gold-soft); min-width: 2.2rem; }

.bc-m { margin-top: 1.3rem; display: grid; gap: .65rem; }
.bc-ln { display: block; height: .55rem; border-radius: 2px; background: var(--sk); }
.bc-ln.w9 { width: 88%; } .bc-ln.w6 { width: 58%; background: var(--sk2); }
.bc-pills { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: .35rem; }
.bc-pills i { width: 4.6rem; height: 1.35rem; border: 1px solid var(--sk); border-radius: 99px; }
.bc-lead { display: grid; grid-template-columns: 34% minmax(0, 1fr) 13%; gap: .6rem; align-items: end; }
.bc-lead i, .bc-lead em { height: .5rem; border-radius: 2px; background: var(--sk); }
.bc-lead b { border-bottom: 1px dotted var(--sk); height: .3rem; }
.bc-lead em { background: var(--gold-soft); }
.bc-lead--total { margin-top: .3rem; padding-top: .7rem; border-top: 1.5px solid var(--bg); }
.bc-lead--total i { background: var(--bg); } .bc-lead--total em { background: var(--bg); }
.bc-m--set { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.4rem; align-items: end; }
.bc-hist { display: flex; align-items: end; gap: 4px; height: 5.5rem; border-bottom: 1px solid var(--sk); }
.bc-hist i { flex: 1; height: calc(var(--h) * 10%); background: var(--gold-soft); border-radius: 1px 1px 0 0; }
.is-soft .bc-hist i { background: color-mix(in oklab, var(--gold-soft) 55%, var(--paper)); }
.bc-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3px; }
.bc-grid i { height: 1rem; background: var(--sk2); }
.bc-grid i:nth-child(-n+5) { background: var(--sk); }
.bc-m--yield { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.4rem; align-items: center; }
.bc-tiles { display: grid; grid-template-columns: repeat(2, 1fr); gap: .5rem; }
.bc-tiles i { height: 2.6rem; border: 1px solid var(--sk); border-top: 2px solid var(--gold-soft); }
.bc-sens { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; }
.bc-sens i { height: 1.35rem; background: var(--sk2); }
.bc-sens i:nth-child(4n+1) { background: var(--sk); }
.bc-sens i.is-base { background: var(--bg); }
.bc-m--flip { gap: .8rem; }
.bc-case { display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: 1rem; align-items: center; }
.bc-case__n { font: 500 .72rem/1 var(--text); letter-spacing: .12em; text-transform: uppercase; }
.bc-case__bar { position: relative; height: 1rem; }
.bc-case__bar::before { content: ""; position: absolute; inset-block: -4px; left: 50%; width: 1px; background: var(--bg); }
.bc-case__bar i { position: absolute; inset-block: 0; left: 50%; width: calc(var(--w) * .5%); transform-origin: left; background: var(--gold-soft); }
.bc-case__bar i.is-loss { transform: scaleX(-1); background: none; border: 1px solid var(--bg); }
.bc-m--risks { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .5rem; }
.bc-m--risks span { display: grid; gap: .4rem; padding: .7rem; border: 1px solid var(--sk); }
.bc-m--risks i { height: .45rem; width: 70%; background: var(--bg); opacity: .7; }
.bc-m--risks b { height: .35rem; background: var(--sk2); }

.bc-note { position: relative; align-self: start; padding: 1.85rem 0 2rem; }
.bc-note::before { content: ""; position: absolute; top: 2.55rem; inset-inline-start: calc(-1 * clamp(2rem, 5vw, 5rem)); width: calc(clamp(2rem, 5vw, 5rem) - .9rem); height: 1px;
  background: var(--gold-soft); transform: scaleX(.35); transform-origin: var(--origin, left); transition: transform 600ms var(--ease), background-color 400ms var(--ease); }
[dir="rtl"] .bc-note::before { --origin: right; }
.bc-part.is-on .bc-note::before { transform: scaleX(1); background: var(--gold); }
.bc-note__n { font: italic 400 var(--t-xl)/1 var(--display); color: var(--gold-soft); }
.bc-note__q { margin-top: .5rem; font: italic 400 var(--t-xl)/1.2 var(--display); color: var(--ink); transition: color 400ms var(--ease); max-width: 22ch; }
:lang(he) .bc-note__q, :lang(he) .bc-note__n { font-style: normal; }
.bc-part.is-on .bc-note__q { color: var(--gold); }
.bc-note__a { margin-top: .7rem; font-size: var(--t-sm); color: var(--dim); max-width: 40ch; }

.bc-terms { max-width: var(--maxw); margin-inline: auto; padding: clamp(6rem, 11vw, 9rem) var(--gutter) 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem; }
.bc-terms__col { padding-top: 1.5rem; border-top: 1px solid var(--gold-soft); }
.bc-terms__title { font: italic 400 var(--t-xl)/1.1 var(--display); color: var(--gold); }
:lang(he) .bc-terms__title { font-style: normal; }
.bc-terms__body { margin-top: 1rem; color: var(--dim); }
.bc-terms__link { display: inline-block; margin-top: 1.2rem; color: var(--gold); text-underline-offset: .35em; text-decoration-thickness: 1px; }

.bc-sample { max-width: var(--maxw); margin-inline: auto; padding: clamp(5rem, 10vw, 8rem) var(--gutter) 2rem; }
.bc-sample__link { display: grid; gap: 1rem; padding: clamp(2rem, 5vw, 4rem); text-decoration: none; background: var(--surface); border: 1px solid color-mix(in oklab, var(--gold-soft) 55%, transparent); transition: background-color 300ms var(--ease), border-color 300ms var(--ease); }
.bc-sample__link { position: relative; grid-template-columns: minmax(0, 1fr) auto; }
.bc-sample__link > :not(.bc-sample__thumb) { grid-column: 1; }
.bc-sample__thumb { grid-column: 2; grid-row: 1 / span 4; align-self: center; position: relative; display: grid; gap: .55rem; align-content: start; width: 12rem; aspect-ratio: 3 / 4;
  padding: 0 1.1rem 1.1rem; background: var(--bg); border: 1px solid var(--hair); box-shadow: 0 30px 60px -30px rgb(0 0 0 / .9); transform: rotate(3deg); transition: transform 600ms var(--ease); }
[dir="rtl"] .bc-sample__thumb { transform: rotate(-3deg); }
.bc-sample__band { height: .9rem; margin-inline: -1.1rem; margin-bottom: .8rem; background: var(--gold); }
.bc-sample__thumb i { height: .5rem; background: color-mix(in oklab, var(--ink) 70%, transparent); }
.bc-sample__thumb i.w8 { width: 80%; } .bc-sample__thumb i.w5 { width: 50%; margin-bottom: .6rem; }
.bc-sample__thumb b { height: 1.6rem; border-top: 1px solid var(--gold-soft); background: linear-gradient(to right, var(--gold) 0 30%, transparent 30%) bottom / 100% 3px no-repeat; }
.bc-sample__stamp { position: absolute; inset-inline-end: -.8rem; bottom: 1.4rem; padding: .25rem .5rem; border: 1px solid var(--gold); color: var(--gold); background: var(--bg);
  font: italic 400 .95rem/1 var(--display); transform: rotate(-8deg); }
@media (hover: hover) and (pointer: fine) { .bc-sample__link:hover .bc-sample__thumb { transform: rotate(0deg) translateY(-4px); } }
.bc-sample__kicker { margin: 0; }
.bc-sample__title { font: 400 var(--t-2xl)/1.05 var(--display); max-width: 18ch; }
.bc-sample__note { font-size: var(--t-sm); color: var(--faint); }
.bc-sample__cta { font: italic 400 var(--t-xl)/1.2 var(--display); color: var(--gold); }
:lang(he) .bc-sample__cta { font-style: normal; }
.bc-sample__cta::after { content: " \2192"; }
[dir="rtl"] .bc-sample__cta::after { content: " \2190"; }
@media (hover: hover) and (pointer: fine) { .bc-sample__link:hover { background: var(--raised); border-color: var(--gold); } }

/* ===================================================================== */
/* sample-report.html: a printed dossier                                 */
/* ===================================================================== */
.page--sample-report main { padding-top: 5.6rem; }
.sr-banner { background: var(--gold); color: var(--bg); padding: 1rem var(--gutter); text-align: center; }
.sr-banner__text { font: 500 .8rem/1.5 var(--text); letter-spacing: .14em; text-transform: uppercase; }
:lang(he) .sr-banner__text, :lang(el) .sr-banner__text { letter-spacing: .06em; }
.sr-num, .sr-table, .sr-kpi__v, .sr-dl dd, .sr-zone__v, .sr-flip__res, .sr-panel__stats { font-variant-numeric: lining-nums tabular-nums; }
.sr-doc { max-width: 80rem; margin-inline: auto; padding-inline: var(--gutter); }
.sr-cover { position: relative; padding-block: clamp(4rem, 8vw, 6.5rem) 4rem; border-bottom: 1px solid var(--gold-soft); }
.sr-cover__title { font-size: var(--t-2xl); line-height: 1.05; letter-spacing: -0.02em; max-width: 20ch; }
.sr-cover__lede { margin-top: 1.5rem; max-width: 60ch; color: var(--dim); font-size: var(--t-base); }
.sr-chips { list-style: none; margin: 2.25rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem 1.25rem; }
.sr-chips li { font: 500 .72rem/1.4 var(--text); letter-spacing: .14em; text-transform: uppercase; color: var(--gold-soft); }
.sr-chips li + li::before { content: "·"; margin-inline-end: 1.25rem; color: var(--gold); }
.sr-stamp { position: absolute; top: clamp(4rem, 8vw, 6.5rem); inset-inline-end: 0; padding: .55rem 1.1rem; border: 1.5px solid var(--gold); color: var(--gold);
  font: italic 400 var(--t-xl)/1 var(--display); transform: rotate(-5deg); }
:lang(he) .sr-stamp { font-style: normal; }

.sr-sec { display: grid; grid-template-columns: 14rem minmax(0, 1fr); gap: 2rem clamp(2rem, 4vw, 4rem); padding-block: 4.5rem; border-bottom: 1px solid var(--hair); }
.sr-sec__side { position: sticky; top: 6.5rem; align-self: start; display: grid; gap: .6rem; }
.sr-sec__n { font: 400 var(--t-xl)/1 var(--display); color: var(--gold); font-variant-numeric: lining-nums; }
.sr-sec__title { font-size: var(--t-xl); line-height: 1.1; }
.sr-sec__body { display: grid; gap: 1.5rem; min-width: 0; }
.sr-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); border-top: 1px solid var(--gold-soft); }
.sr-kpi { padding: 1.5rem 1.25rem 1.5rem 0; border-bottom: 1px solid var(--hair); }
.sr-kpi + .sr-kpi { padding-inline-start: 1.25rem; border-inline-start: 1px solid var(--hair); }
.sr-kpi__v { font: 400 clamp(1.7rem, 1.1rem + 1.5vw, 2.6rem)/1 var(--display); color: var(--gold); white-space: nowrap; }
.sr-kpi--sm .sr-kpi__v { font-size: clamp(1.35rem, 1.1rem + .7vw, 1.8rem); }
.sr-kpi.is-loss .sr-kpi__v { color: var(--ink); }
.sr-kpi__l { margin-top: .7rem; font-size: var(--t-sm); color: var(--dim); }
.sr-lead { font: 400 clamp(1.2rem, 1.05rem + .5vw, 1.45rem)/1.45 var(--display); max-width: 52ch; }
.sr-intro { color: var(--dim); max-width: 64ch; }
.sr-fine { font-size: var(--t-sm); color: var(--faint); max-width: 70ch; }
.sr-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; align-items: start; }
.sr-box, .sr-panel { background: var(--surface); padding: clamp(1.25rem, 2.5vw, 1.9rem); border-top: 1px solid var(--gold-soft); min-width: 0; display: grid; gap: 1rem; align-content: start; }
.sr-box__title, .sr-panel__title { font-size: 1.35rem; line-height: 1.2; }
.sr-dl { margin: 0; }
.sr-dl__row { display: flex; justify-content: space-between; gap: 1rem; padding-block: .6rem; border-top: 1px solid var(--hair); }
.sr-dl dt { color: var(--dim); }
.sr-dl dd { margin: 0; color: var(--gold); text-align: end; white-space: nowrap; }
.sr-dl__name { display: block; color: var(--ink); }
.sr-dl__kind { display: block; font-size: var(--t-sm); color: var(--faint); }
.sr-cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); border-top: 1px solid var(--hair); border-inline-start: 1px solid var(--hair); }
.sr-card { padding: 1.4rem; border-inline-end: 1px solid var(--hair); border-bottom: 1px solid var(--hair); }
.sr-card__title { font-size: 1.2rem; color: var(--gold); }
.sr-card__text { margin-top: .5rem; font-size: var(--t-sm); color: var(--dim); }
.sr-stack { display: grid; gap: 1.25rem; }
.sr-stack .sr-panel { grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 1rem clamp(1.5rem, 3vw, 2.5rem); align-items: start; }
.sr-panel__a { display: grid; gap: 1rem; min-width: 0; }
.sr-panel__b { margin-top: 0; }
.sr-panel__stats { font-size: var(--t-sm); color: var(--gold); }
.sr-hist { width: 100%; height: auto; display: block; }
.sr-hist rect { fill: var(--gold); }
.sr-hist.is-soft rect { fill: var(--gold-soft); }
.sr-hist text { fill: var(--gold-soft); font: 500 9px var(--text); text-anchor: middle; }
.sr-hist line { stroke: var(--hair); }
.sr-axis { display: flex; justify-content: space-between; gap: 1rem; margin-top: .5rem; font-size: .75rem; color: var(--faint); }
.sr-panel__sub { font-size: var(--t-sm); color: var(--dim); }
.sr-zones { list-style: none; margin: 0; padding: 0; display: grid; gap: .5rem; }
.sr-zone { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr) 4.8rem; gap: .75rem; align-items: center; font-size: var(--t-sm); }
.sr-zone__name { color: var(--dim); }
.sr-zone__bar { height: 6px; background: var(--raised); }
.sr-zone__bar i { display: block; height: 100%; background: var(--gold-soft); }
.sr-zone__v { color: var(--gold); text-align: right; }
.sr-scroll { overflow-x: auto; }
.sr-table { width: 100%; min-width: 30rem; border-collapse: collapse; font-size: var(--t-sm); }
.sr-table th { text-align: left; font: 500 .68rem/1.3 var(--text); letter-spacing: .1em; text-transform: uppercase; color: var(--gold-soft); padding: .6rem .5rem .6rem 0; border-bottom: 1px solid var(--gold-soft); }
.sr-table td { padding: .55rem .5rem .55rem 0; color: var(--gold); border-bottom: 1px solid var(--hair); white-space: nowrap; }
.sr-table--sens th, .sr-table--sens td { text-align: center; padding: .8rem .5rem; }
.sr-table--sens th[scope="row"] { text-align: left; font: 400 var(--t-sm) var(--text); letter-spacing: 0; text-transform: none; color: var(--gold); border-bottom: 1px solid var(--hair); }
.sr-table--sens td.is-base { background: var(--gold); color: var(--bg); font-weight: 500; }
.sr-reserved { border: 1px dashed color-mix(in oklab, var(--ink) 24%, transparent); padding: 2rem; display: grid; gap: .8rem; }
.sr-flip { min-width: 36rem; }
.sr-flip__row { display: grid; grid-template-columns: 8.5rem minmax(0, 1fr) minmax(0, 1fr) 11.5rem; gap: 0 .75rem; align-items: center; padding-block: .85rem; border-bottom: 1px solid var(--hair); }
.sr-flip__row--head { font-size: var(--t-sm); color: var(--faint); padding-top: 0; }
.sr-flip__hl, .sr-flip__hr { text-align: right; }
.sr-flip__name { display: block; font-family: var(--display); font-size: 1.1rem; }
.sr-flip__ppsm { display: block; font-size: .75rem; color: var(--gold-soft); }
.sr-flip__loss { display: flex; justify-content: flex-end; }
.sr-flip__loss i { display: block; height: 1.3rem; border: 1px solid var(--dim); border-right: 0; }
.sr-flip__gain { border-left: 1px solid var(--faint); }
.sr-flip__gain i { display: block; height: 1.3rem; background: var(--gold); }
.sr-flip__res { text-align: right; color: var(--gold); white-space: nowrap; }
.sr-flip__row.is-loss .sr-flip__res { color: var(--ink); }
.sr-flip__foot { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; padding-top: 1rem; font-size: var(--t-sm); }
.sr-flip__fname { color: var(--ink); font-weight: 500; }
.sr-num { color: var(--gold); }
.sr-led { display: grid; }
.sr-led__row { display: flex; align-items: baseline; gap: .6rem; padding-block: .55rem; }
.sr-led__dots { flex: 1; border-bottom: 1px dotted color-mix(in oklab, var(--ink) 28%, transparent); transform: translateY(-.25em); }
.sr-led__row--total, .sr-led--total-last .sr-led__row:last-child { margin-top: .4rem; padding-top: .8rem; border-top: 1px solid var(--gold); font-weight: 500; }
.sr-risks { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr)); gap: 2.5rem 2rem; }
.sr-risk__n { font: 400 var(--t-xl)/1 var(--display); color: var(--gold); }
.sr-risk__title { margin-top: .8rem; font-size: 1.2rem; line-height: 1.2; }
.sr-risk__text { margin-top: .5rem; font-size: var(--t-sm); color: var(--dim); }
.sr-colophon { display: grid; gap: 1rem; justify-items: start; padding-block: 4rem 6rem; max-width: 70ch; font-size: var(--t-sm); color: var(--dim); }
.sr-back { color: var(--gold); text-underline-offset: .35em; text-decoration-thickness: 1px; margin-top: .5rem; }
.sr-colophon .cta { margin-top: 1rem; }

/* ===================================================================== */
/* market-report.html: long-form editorial                               */
/* ===================================================================== */
.mr-progress { position: fixed; z-index: 40; inset-block: 0; inset-inline-start: 0; width: 2px; background: var(--hair); }
.mr-progress i { display: block; height: 100%; background: var(--gold); transform-origin: top; transform: scaleY(var(--p, 0)); }
.mr-hero { max-width: var(--maxw); margin-inline: auto; padding: clamp(9rem, 14vw, 12.5rem) var(--gutter) clamp(4rem, 8vw, 6rem); text-align: center; border-bottom: 1px solid var(--hair); }
.mr-hero__kicker { margin-bottom: 2.25rem; }
.mr-hero__title { display: grid; justify-items: center; line-height: .86; letter-spacing: 0; }
.mr-hero__l1 { font-size: clamp(3.6rem, .6rem + 13.5vw, 14.5rem); letter-spacing: -0.025em; color: var(--gold); }
.mr-hero__l2 { margin-top: .35em; font-size: clamp(1.4rem, .7rem + 3.2vw, 3.8rem); letter-spacing: .32em; padding-inline-start: .32em; }
:lang(he) .mr-hero__l1, :lang(he) .mr-hero__l2 { letter-spacing: 0; padding-inline-start: 0; }
.mr-hero__sub { margin: 2.5rem auto 0; max-width: 34ch; font: italic 400 var(--t-xl)/1.3 var(--display); color: var(--dim); }
:lang(he) .mr-hero__sub { font-style: normal; }

.mr-body { max-width: var(--maxw); margin-inline: auto; padding: clamp(4rem, 8vw, 6rem) var(--gutter) 6rem; display: grid; grid-template-columns: 13rem minmax(0, 40rem) minmax(0, 1fr); column-gap: clamp(2rem, 4vw, 4.5rem); }
.mr-toc { position: sticky; top: 7rem; align-self: start; font-size: var(--t-sm); }
.mr-toc__title { font: 500 .7rem/1.4 var(--text); letter-spacing: .22em; text-transform: uppercase; color: var(--gold-soft); margin-bottom: 1rem; }
.mr-toc ol { list-style: none; margin: 0; padding: 0; }
.mr-toc a { display: grid; grid-template-columns: 2rem minmax(0, 1fr); padding-block: .7rem; border-top: 1px solid var(--hair); text-decoration: none; color: var(--faint); transition: color 300ms var(--ease); }
.mr-toc a span:first-child { font-family: var(--display); font-style: italic; }
.mr-toc a.is-on { color: var(--gold); }
@media (hover: hover) and (pointer: fine) { .mr-toc a:hover { color: var(--ink); } }
.mr-article { min-width: 0; }
.mr-sec { display: flow-root; padding-block: 1rem 2.5rem; scroll-margin-top: 6rem; }
.mr-sec__title { display: grid; gap: .8rem; font-size: var(--t-2xl); line-height: 1.05; letter-spacing: -0.02em; margin-bottom: 1rem; }
.mr-sec__n { font: 500 .72rem/1 var(--text); letter-spacing: .3em; color: var(--gold-soft); }
.mr-p { margin-top: 1.4rem; font-size: clamp(1.05rem, 1rem + .2vw, 1.16rem); line-height: 1.8; color: color-mix(in oklab, var(--ink) 86%, var(--bg)); }
.mr-sec__title + .mr-p::first-letter { float: inline-start; font: 400 4.4em/.82 var(--display); margin-inline-end: .1em; margin-top: .08em; color: var(--gold); }
.mr-pull { margin-block: 2rem; }
.mr-pull__mark { display: block; font: 400 4.5rem/.6 var(--display); color: var(--gold-soft); height: 2rem; }
.mr-pull__text { font: italic 400 var(--t-2xl)/1.1 var(--display); color: var(--gold); letter-spacing: -0.015em; }
:lang(he) .mr-pull__text { font-style: normal; letter-spacing: 0; }
.mr-pull--end .mr-pull__text { font-size: clamp(1.5rem, 1.2rem + 1vw, 2.1rem); }
.mr-pull--end { float: inline-end; width: min(22rem, 52%); margin-inline: 2.5rem calc(-1 * min(18rem, 24vw)); margin-block: .8rem 1.5rem; }
.mr-pull--wide { margin-block: 3.5rem 1rem; margin-inline-end: calc(-1 * min(22rem, 28vw)); padding-block: 2rem; border-block: 1px solid var(--gold-soft); }
.mr-pull--wide .mr-pull__text { font-size: var(--t-3xl); line-height: 1; }
.mr-pull--start { float: inline-start; width: 46%; margin-inline: 0 2.5rem; margin-block: 1.4rem 1rem; padding-inline-start: 1.25rem; border-inline-start: 2px solid var(--gold); }
.mr-pull--start .mr-pull__mark { display: none; }
.mr-band { position: relative; margin: 2rem calc(-1 * min(22rem, 28vw)) 3rem 0; aspect-ratio: 21 / 8; overflow: hidden; background: var(--surface); }
[dir="rtl"] .mr-band { margin: 2rem 0 3rem calc(-1 * min(22rem, 28vw)); }
.mr-band--narrow { aspect-ratio: 3 / 1; margin-inline-end: 0; }
[dir="rtl"] .mr-band--narrow { margin-inline: 0; }
.mr-band__img { position: absolute; inset: -12% 0; width: 100%; height: 124%; object-fit: cover; transform: translate3d(0, var(--py, 0px), 0); }
.mr-end { margin-top: 3rem; padding-top: 2.25rem; border-top: 1px solid var(--gold-soft); clear: both; }
.mr-end__note { color: var(--dim); }
.mr-end__links { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.75rem; }
.mr-end__link { padding: .9rem 1.25rem; border: 1px solid var(--hair); text-decoration: none; font-size: var(--t-sm); transition: border-color 200ms var(--ease), color 200ms var(--ease); }
.mr-end__link--gold { border-color: var(--gold-soft); color: var(--gold); }
@media (hover: hover) and (pointer: fine) { .mr-end__link:hover { border-color: var(--gold); color: var(--gold); } }

/* ===================================================================== */
/* narrow screens                                                        */
/* ===================================================================== */
@media (max-width: 1100px) {
  .mr-body { grid-template-columns: minmax(0, 1fr); }
  .mr-toc { display: none; }
  .mr-article { max-width: 42rem; margin-inline: auto; }
  .mr-pull--end { margin-inline-end: 0; }
  .mr-pull--wide { margin-inline-end: 0; }
  .mr-band, [dir="rtl"] .mr-band { margin-inline: 0; }
}
@media (max-width: 900px) {
  .inv-hero { padding-top: 8rem; }
  .inv-switch__word { font-size: clamp(2.6rem, 14vw, 5rem); }
  .inv-switch__btn { gap: 1.2rem; }
  .inv-switch__sub { font-size: .62rem; letter-spacing: .12em; }
  .inv-switch__or { padding-inline: .75rem; }
  .inv-track { grid-template-columns: minmax(0, 1fr); }
  .inv-track__plates { min-height: 0; padding-bottom: 2.5rem; }
  .inv-plate--tall { width: 82%; aspect-ratio: 4 / 4.4; }
  .inv-plate--small { width: 42%; bottom: 0; }
  .inv-ledger { margin-top: 3rem; }
  .inv-read__list { grid-template-columns: minmax(0, 1fr); }
  .inv-read li:first-child { grid-row: auto; }
  .inv-read li:first-child .inv-read__link { padding-top: 3rem; }
  .inv-ledger__row { grid-template-columns: 3.2rem minmax(0, 1fr); }
  .inv-ledger__n { font-size: var(--t-xl); grid-row: span 2; }
  .inv-ledger__body { grid-column: 2; }

  .bc-hero { padding-top: 8rem; }
  .bc-anatomy__head, .bc-part { grid-template-columns: minmax(0, 1fr); }
  .bc-anatomy__sub { margin-top: 1rem; }
  .bc-seg { border-radius: var(--r); border-bottom: 0; }
  .bc-seg--cap { border-radius: var(--r) var(--r) 0 0; }
  .bc-part:nth-child(2) .bc-seg { border-radius: 0 0 var(--r) var(--r); }
  .bc-note { padding: 1.2rem 0 2.2rem; padding-inline-start: 1.25rem; margin-inline-start: 1rem; border-inline-start: 1px solid var(--gold-soft); }
  .bc-note::before { display: none; }
  .bc-m--set, .bc-m--yield { grid-template-columns: minmax(0, 1fr); }
  .bc-m--risks { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bc-terms { grid-template-columns: minmax(0, 1fr); }
  .bc-sample__link { grid-template-columns: minmax(0, 1fr); }
  .bc-sample__thumb { display: none; }
  .sr-stack .sr-panel { grid-template-columns: minmax(0, 1fr); }

  .page--sample-report main { padding-top: 4.6rem; }
  .sr-banner__text { font-size: .7rem; letter-spacing: .08em; }
  .sr-stamp { position: static; display: inline-block; margin-top: 2rem; }
  .sr-sec { grid-template-columns: minmax(0, 1fr); padding-block: 3.25rem; }
  .sr-sec__side { position: static; }
  .sr-two { grid-template-columns: minmax(0, 1fr); }
  .sr-kpi { padding-inline: 0 1rem; }
  .sr-kpi + .sr-kpi { padding-inline-start: 1rem; }
  .sr-kpi__v { white-space: normal; }
  .sr-flip__foot { grid-template-columns: minmax(0, 1fr); }

  .mr-pull--end, .mr-pull--start { float: none; width: auto; margin-inline: 0; }
  .mr-band, .mr-band--narrow { aspect-ratio: 4 / 3; }
}
@media (max-width: 520px) {
  .sr-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sr-kpi:nth-child(odd) { padding-inline-start: 0; border-inline-start: 0; }
  .sr-kpi__v { font-size: var(--t-xl); }
}

@media (prefers-reduced-motion: reduce) {
  .inv-track.is-leaving, .inv-track.is-entering *, .inv-switch__rule, .inv-switch__word, .bc-seg::before, .bc-note::before { animation: none !important; transition: none !important; }
  .mr-band__img { transform: none; }
}

/* Stock interiors are labelled (LEGAL-REVIEW.md 11). */
.inv-plate { position: relative; }
.inv-plate__tag { position: absolute; inset-block-end: .6rem; inset-inline-start: .6rem; padding: .35rem .55rem; background: color-mix(in oklab, var(--bg) 86%, transparent); border-radius: 2px; }

/* Sample report: row headers (S2) keep the look of data cells; scroll areas are focusable. */
.sr-table tbody th[scope="row"] { font: 400 var(--t-sm)/1.4 var(--text); letter-spacing: 0; text-transform: none; color: var(--gold); border-bottom: 1px solid var(--hair); white-space: nowrap; padding: .55rem .5rem .55rem 0; }
.sr-scroll:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }
.vh { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }