/* flex-credits, round 4 (2026-10-04): facing-page commentary.
   Linked only from article-flex-credits.html. On desktop the article is a two-page
   spread: the terms on the left page, the commentary on the right, keyed across the
   fold by clause number. Exhibit A is an allotment gauge that drains while the alert
   thresholds light. On phones each clause is followed by its commentary. */

.fx-page{
  --fx-ink:#16150f; --fx-ink2:#33312a; --fx-mut:#6b6660; --fx-hair:#d4cdbf; --fx-hair2:#e3ddd1;
  --fx-paper:#f7f5f0; --fx-paper2:#ece8de; --fx-nv:#16304F; --fx-navy:#0e1330;
  --fx-red:#e5322d; --fx-red2:#A93A3A; --fx-gold:#B8862F; --fx-go:#2E7D5B;
  --fx-w:1200px; --fx-fold:76px;
  background:var(--fx-paper);
}
.fx-page ::selection{background:#B8862F;color:#16150f;}
.fx-page a:focus-visible,.fx-page button:focus-visible{outline:2px solid var(--fx-nv);outline-offset:3px;}
.fx section{padding:0;}
.fx .fx-wide{width:min(var(--fx-w),calc(100vw - 32px));margin:0 auto;}

/* ---------- title page ---------- */
.fx .fx-hero{padding:clamp(1.6rem,4vw,3rem) 0 clamp(2rem,4vw,3rem);text-align:center;}
.fx .fx-hero .back-link{display:inline-block;margin-bottom:2.4rem;}
.fx .fx-hero .fx-wide{display:flex;flex-direction:column;align-items:center;}
.fx .fx-series{margin:0 0 1rem;font-family:var(--serif);font-style:italic;font-size:1.08rem;color:var(--fx-mut);}
.fx .fx-hero h1{margin:0;max-width:15ch;font-size:clamp(2.4rem,5.6vw,4.4rem);font-weight:500;line-height:1.02;letter-spacing:-.028em;color:var(--fx-ink);}
.fx .fx-hero .dek{max-width:40ch;margin:1.5rem 0 0;font-family:var(--serif);font-size:clamp(1.18rem,1.9vw,1.42rem);line-height:1.42;color:var(--fx-ink2);}
.fx .fx-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem 1.6rem;margin:1.5rem 0 0;font-family:var(--sans);font-size:.86rem;color:var(--fx-mut);}
.fx .fx-meta b{color:var(--fx-ink);font-weight:600;}
.fx .fx-how{max-width:44ch;margin:2rem 0 0;padding-top:1.1rem;border-top:1px solid var(--fx-hair);font-family:var(--serif);font-style:italic;font-size:1rem;line-height:1.5;color:var(--fx-mut);}

/* ---------- the spread ---------- */
.fx .fx-book{padding:0 0 3rem;}
.fx .spread{position:relative;width:min(var(--fx-w),100vw);margin:0 auto;
  display:grid;grid-template-columns:minmax(0,1fr) var(--fx-fold) minmax(0,1fr);
  background:
    linear-gradient(90deg,transparent calc(50% - 46px),rgba(22,21,15,.05) calc(50% - 8px),rgba(22,21,15,.11) 50%,rgba(22,21,15,.04) calc(50% + 10px),transparent calc(50% + 40px)),
    linear-gradient(90deg,var(--fx-paper2) 50%,#fbfaf6 50%);
  border-top:1px solid var(--fx-hair);border-bottom:1px solid var(--fx-hair);}
.fx .rh{padding:1.3rem 0 1rem;font-family:var(--serif);font-style:italic;font-size:.98rem;color:var(--fx-mut);}
.fx .rh-l{grid-column:1;padding-left:clamp(1.4rem,4vw,3.4rem);}
.fx .rh-r{grid-column:3;text-align:right;padding-right:clamp(1.4rem,4vw,3.4rem);}
.fx .rh span{display:block;padding-bottom:.7rem;border-bottom:1px solid var(--fx-hair);}

.fx .ent{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) var(--fx-fold) minmax(0,1fr);align-items:start;padding:2.4rem 0 1.4rem;}
.fx .cl{grid-column:1;padding:0 2rem 0 clamp(1.4rem,4vw,3.4rem);position:sticky;top:96px;}
.fx .cm{grid-column:3;padding:0 clamp(1.4rem,4vw,3.4rem) 0 2rem;}
.fx .key{grid-column:2;justify-self:center;margin-top:.1rem;min-width:2.6rem;padding:.28rem .4rem;text-align:center;
  background:#fbfaf6;border:1px solid var(--fx-ink);font-family:var(--sans);font-size:.78rem;font-weight:600;color:var(--fx-ink);font-variant-numeric:tabular-nums;letter-spacing:.02em;}

/* the left page: contract language */
.fx .ct{display:flex;align-items:baseline;gap:.8rem;margin:0 0 .6rem;font-family:var(--serif);font-size:1.12rem;font-weight:600;font-variant-caps:all-small-caps;letter-spacing:.05em;color:var(--fx-ink);}
.fx .cn{white-space:nowrap;font-family:var(--sans);font-variant-caps:normal;font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--fx-red2);font-variant-numeric:tabular-nums;}
.fx .cl>p{margin:0 0 .9rem;max-width:34rem;font-family:var(--serif);font-size:1.04rem;line-height:1.62;color:var(--fx-ink2);text-align:justify;hyphens:auto;-webkit-hyphens:auto;}
.fx .cl i{font-style:italic;color:var(--fx-ink);}
.fx .part{margin:0 0 .3rem;font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--fx-red2);text-align:left !important;}
.fx .part-t{margin:0 0 .8rem !important;font-family:var(--serif) !important;font-size:clamp(1.7rem,2.8vw,2.3rem) !important;font-weight:500;line-height:1.08 !important;letter-spacing:-.02em;color:var(--fx-ink) !important;text-align:left !important;}
.fx .part-n{font-size:.94rem !important;font-style:italic;color:var(--fx-mut) !important;text-align:left !important;}
.fx .ent-part{padding-top:2.8rem;}
.fx .ent-r{padding:1.2rem 0 .6rem;}

/* schedule 1 */
.fx table.sched{width:100%;max-width:34rem;margin:.6rem 0 0;border-collapse:collapse;font-family:var(--sans);font-size:.88rem;}
.fx .sched caption{caption-side:top;text-align:left;padding:0 0 .5rem;font-family:var(--serif);font-style:italic;font-size:.98rem;color:var(--fx-mut);}
.fx .sched thead th{text-align:left;font-weight:600;color:var(--fx-ink);padding:.4rem 0;border-top:1px solid var(--fx-ink);border-bottom:1px solid var(--fx-ink);}
.fx .sched thead th:last-child,.fx .sched td{text-align:right;}
.fx .sched tbody th{text-align:left;font-weight:400;color:var(--fx-ink2);padding:.45rem 1rem .45rem 0;border-bottom:1px solid var(--fx-hair);}
.fx .sched td{padding:.45rem 0;border-bottom:1px solid var(--fx-hair);font-weight:600;color:var(--fx-ink);font-variant-numeric:tabular-nums;white-space:nowrap;}

/* the right page: commentary */
.fx .cm-on{margin:0 0 .5rem;font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--fx-mut);}
.fx .cm p{margin:0 0 1.1rem;max-width:36rem;font-family:var(--serif);font-size:1.13rem;line-height:1.66;color:var(--fx-ink);}
.fx .cm p.cm-on{font-size:.95rem;color:var(--fx-mut);margin-bottom:.5rem;}
.fx .cm .cm-lead{font-size:1.3rem;line-height:1.5;}
.fx .cm b{font-weight:600;}
.fx .cm h2{margin:.2rem 0 1rem;max-width:20ch;font-size:clamp(1.5rem,2.4vw,1.95rem);font-weight:500;line-height:1.12;letter-spacing:-.02em;color:var(--fx-ink);}
.fx .cm p+h2{margin-top:2.2rem;}
.fx .cm .cm-short{font-family:var(--sans);font-size:.95rem;line-height:1.6;color:var(--fx-ink2);padding-top:.9rem;border-top:1px solid var(--fx-hair);}
.fx .cm .cm-do{font-size:1.08rem;padding-top:1rem;border-top:1px solid var(--fx-ink);}

/* close: the two terms */
.fx .two{list-style:none;margin:.6rem 0 0;padding:0;max-width:34rem;border-top:1px solid var(--fx-ink);}
.fx .two li{display:flex;gap:1rem;align-items:baseline;padding:.8rem 0;border-bottom:1px solid var(--fx-hair);font-family:var(--serif);font-size:1.24rem;line-height:1.35;color:var(--fx-ink);}
.fx .two-n{margin-top:.8rem !important;font-style:italic;color:var(--fx-mut) !important;}

/* ---------- Exhibit A: the allotment gauge ---------- */
.fx .gauge{margin:0;max-width:34rem;font-family:var(--sans);}
.fx .g-cap{display:flex;gap:.8rem;align-items:baseline;margin:0 0 1rem;font-family:var(--serif);font-size:1.12rem;font-weight:600;color:var(--fx-ink);}
.fx .g-read{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.6rem 0 .7rem;border-top:1px solid var(--fx-ink);}
.fx .g-wk{font-family:var(--serif);font-size:1.05rem;color:var(--fx-mut);}
.fx .g-n{display:inline-block;min-width:1ch;font-family:var(--serif);font-size:2.6rem;font-weight:500;line-height:1;color:var(--fx-ink);font-variant-numeric:tabular-nums lining-nums;margin-left:.15em;}
.fx .g-st{position:relative;display:grid;text-align:right;font-family:var(--serif);font-style:italic;font-size:1rem;color:var(--fx-red2);}
.fx .g-st>span{grid-area:1 / 1;opacity:0;}
.fx .g-st .s3{opacity:1;}
.fx .g-track{position:relative;height:58px;margin:2.2rem 0 0;}
.fx .g-ovz{position:absolute;left:0;top:10px;bottom:10px;width:22%;
  background:repeating-linear-gradient(45deg,rgba(169,58,58,.08) 0 4px,rgba(169,58,58,.24) 4px 5.5px);}
.fx .g-ovz span{position:absolute;left:0;top:-1.7rem;font-size:.76rem;font-weight:600;color:var(--fx-red2);}
.fx .g-tank{position:absolute;left:22%;right:0;top:10px;bottom:10px;border:1px solid var(--fx-ink);border-left:0;background:#fbfaf6;overflow:hidden;}
.fx .g-fill{position:absolute;inset:0;background:var(--fx-nv);transform-origin:left center;transform:scaleX(0);}
.fx .g-over{position:absolute;left:0;width:22%;top:10px;bottom:10px;background:var(--fx-red2);transform-origin:right center;transform:scaleX(1);}
.fx .g-tick{position:absolute;left:var(--x);top:0;bottom:0;width:0;border-left:2px solid var(--fx-gold);}
.fx .g-tick.t100{border-left-color:var(--fx-red2);border-left-width:3px;}
.fx .g-even{position:absolute;left:var(--x);top:4px;bottom:4px;border-left:1px dashed var(--fx-mut);}
.fx .g-even span{position:absolute;right:.4rem;bottom:-1.6rem;white-space:nowrap;font-size:.74rem;color:var(--fx-mut);}
.fx .g-cap-line{position:absolute;left:22%;top:-4px;bottom:-4px;border-left:3px dashed var(--fx-go);}
.fx .g-cap-line span{position:absolute;left:.5rem;top:-1.75rem;white-space:nowrap;font-size:.76rem;font-weight:600;color:var(--fx-go);}
.fx .g-scale{position:relative;height:1.3rem;margin-top:.3rem;font-size:.74rem;color:var(--fx-mut);font-variant-numeric:tabular-nums;}
.fx .g-scale span{position:absolute;left:var(--x);transform:translateX(-50%);white-space:nowrap;}
.fx .g-alerts{list-style:none;margin:1.4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--fx-hair);}
.fx .g-alerts li{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .6rem .6rem 0;border-bottom:1px solid var(--fx-hair);}
.fx .g-alerts b{font-size:.88rem;font-weight:600;color:var(--fx-gold);}
.fx .g-alerts .a100 b{color:var(--fx-red2);}
.fx .g-alerts span{font-size:.8rem;color:var(--fx-mut);}
.fx .g-note{margin:1rem 0 0 !important;font-family:var(--sans) !important;font-size:.84rem !important;line-height:1.55 !important;color:var(--fx-mut) !important;text-align:left !important;}
.fx .g-link{background:none;border:0;padding:0;font:inherit;font-family:var(--serif);font-style:italic;font-size:.95rem;color:var(--fx-ink2);cursor:pointer;text-decoration:underline;text-decoration-color:rgba(107,102,96,.5);text-underline-offset:3px;}
.fx .g-link:hover{color:var(--fx-red2);}

/* motion: ghost state before the drain, set by flex-credits.js */
@media screen and (prefers-reduced-motion:no-preference){
  .fx .gauge.armed .g-fill{transform:scaleX(var(--r,1));}
  .fx .gauge.armed .g-over{transform:scaleX(var(--o,0));}
  .fx .gauge.armed .g-tick{opacity:.22;transition:opacity .3s ease;}
  .fx .gauge.armed .g-tick.lit{opacity:1;}
  .fx .gauge.armed .g-alerts li{opacity:.3;transition:opacity .35s ease;}
  .fx .gauge.armed .g-alerts li.lit{opacity:1;}
  .fx .gauge.armed .g-ovz span{opacity:0;transition:opacity .4s ease;}
  .fx .gauge.armed.ov .g-ovz span{opacity:1;}
  .fx .gauge.armed .g-cap-line{opacity:0;transition:opacity .6s ease;}
  .fx .gauge.armed.capped .g-cap-line{opacity:1;}
  .fx .gauge.armed .g-st .s3{opacity:0;}
  .fx .gauge.armed[data-st="0"] .s0,.fx .gauge.armed[data-st="1"] .s1,.fx .gauge.armed[data-st="2"] .s2,.fx .gauge.armed[data-st="3"] .s3{opacity:1;}
  .fx .gauge.armed .g-n{transition:none;}
}

.fx .fx-src{width:min(44rem,calc(100vw - 32px));margin:2.6rem auto 0;font-family:var(--sans);font-size:.82rem;line-height:1.6;color:var(--fx-mut);}
.fx .fx-src h2{margin:0 0 .6rem;font-family:var(--serif);font-size:1.05rem;font-weight:600;color:var(--fx-ink);}
.fx .fx-src p{margin:0 0 .7rem;}
.fx .fx-src a{color:var(--fx-nv);}
.fx .fx-cta{padding:1rem 0 2.4rem;}

/* ---------- restored plates (2026-10-05) ----------
   The bill runs from the left page edge across the fold, caption set as commentary
   on the right page. The burn curve is a wide plate centered over the fold. No frames. */
.fx .fx-plate{margin:0;}
.fx .fx-plate img{display:block;width:100%;height:auto;}
.fx .fx-asym img{grid-column:1 / span 2;grid-row:1;}
.fx .fx-asym figcaption{grid-column:3;grid-row:1;align-self:end;}
.fx .fx-asym figcaption.cm{font-family:var(--serif);font-size:1.13rem;line-height:1.6;color:var(--fx-ink);}
.fx .fx-asym .cm-on{display:block;margin:0 0 .5rem;font-style:italic;font-size:.95rem;color:var(--fx-mut);}
.fx .fx-wide-plate{display:block;padding:2.8rem 0 2rem;}
.fx .fx-wide-plate img{width:min(46rem,calc(100% - 2rem));margin:0 auto;}
.fx .fx-wide-plate figcaption{width:min(46rem,calc(100% - 2rem));margin:.8rem auto 0;padding-top:.7rem;border-top:1px solid var(--fx-hair);font-family:var(--serif);font-style:italic;font-size:1rem;line-height:1.5;color:var(--fx-mut);text-align:center;}

/* ---------- one page at a time ---------- */
@media (max-width:900px){
  .fx .spread{display:block;background:none;border:0;width:100%;}
  .fx .rh{display:none;}
  .fx .ent{display:block;padding:0;border-top:1px solid var(--fx-hair);}
  .fx .cl{background:var(--fx-paper2);padding:1.6rem 16px 1.2rem;position:static;}
  .fx .cl>p,.fx table.sched,.fx .two,.fx .gauge{max-width:none;}
  .fx .cl>p{text-align:left;hyphens:manual;}
  .fx .key{display:none;}
  .fx .cm{padding:1.4rem 16px .6rem;}
  .fx .cm:empty{display:none;}
  .fx .ent-r .cl{padding-bottom:.6rem;}
  .fx .ent-part .cl{padding-top:2rem;}
  .fx .fx-plate{padding:1.6rem 16px 1.2rem;}
  .fx .fx-asym figcaption.cm{padding:.8rem 0 0;}
  .fx .fx-wide-plate img,.fx .fx-wide-plate figcaption{width:100%;}
  .fx .fx-wide-plate figcaption{text-align:left;}
}
@media (max-width:520px){
  .fx .g-alerts{grid-template-columns:minmax(0,1fr);}
  .fx .g-alerts li{flex-direction:row;justify-content:space-between;gap:1rem;}
  .fx .g-cap-line span{white-space:normal;width:14rem;top:-2.6rem;}
  .fx .g-scale span:nth-child(2){--x:46% !important;} /* QA 2026-10-05: clears the Even spend label */
  .fx .g-track{margin-top:3rem;}
  .fx .g-ovz span{top:-1.5rem;}
  .fx .sched{font-size:.82rem;}
  .fx .sched td{white-space:normal;}
}
@media print{
  .fx .spread{background:none;}
  .fx .g-link{display:none !important;}
}

/* ---------- Color 2026-10-09: lead gold (the credit), navy for the allotment, red for overage ---------- */
.fx-page{--fx-gold2:#8A6413;--fx-gtint:#FBF3E0;--fx-gpage:#f6edd6;--fx-ghair:#e2cd9c;}
.fx .fx-hero,.fx .spread,.fx .key-must,.fx .sched tr,.fx .fx-pref{-webkit-print-color-adjust:exact;print-color-adjust:exact;}

/* title page: a faint field of gold credit dots fading in behind the title */
.fx .fx-hero{background-color:var(--fx-paper);
  background-image:radial-gradient(rgba(184,134,47,.2) 1.1px,transparent 1.4px),linear-gradient(180deg,var(--fx-paper) 0%,var(--fx-gtint) 100%);
  background-size:18px 18px,100% 100%;}
.fx .fx-series{color:var(--fx-gold2);}
.fx .fx-how{border-top-color:var(--fx-ghair);}

/* the spread: the terms page turns gold, like a rate card */
.fx .spread{background:
    linear-gradient(90deg,transparent calc(50% - 46px),rgba(22,21,15,.05) calc(50% - 8px),rgba(22,21,15,.11) 50%,rgba(22,21,15,.04) calc(50% + 10px),transparent calc(50% + 40px)),
    linear-gradient(90deg,var(--fx-gpage) 50%,#fbfaf6 50%);
  border-top:4px solid var(--fx-gold);}
.fx .rh-l span{border-bottom-color:var(--fx-ghair);}
.fx .cn{color:var(--fx-gold2);}
.fx .key{border-color:var(--fx-gold2);color:var(--fx-gold2);}
.fx .key-must{background:var(--fx-gold2);color:#fff;border-color:var(--fx-gold2);}
.fx .ent-r#r2 .cn,.fx .ent-r#r4 .cn{color:#fff;background:var(--fx-gold2);padding:.12rem .4rem;}
.fx .sched thead th{border-color:var(--fx-gold2);}
.fx .sched tbody th,.fx .sched td{border-bottom-color:var(--fx-ghair);}
/* schedule rows carry a log-scale gold bar under the action name */
.fx .sched tbody tr[style] th{background-image:linear-gradient(var(--fx-gold),var(--fx-gold));background-repeat:no-repeat;
  background-size:calc(var(--w) * .9) 4px;background-position:0 calc(100% - 3px);padding-bottom:.75rem;}
.fx .sched tbody tr[style] td{padding-bottom:.75rem;}
.fx .two{border-top-color:var(--fx-gold2);}
.fx .two li{border-bottom-color:var(--fx-ghair);}
.fx .two .cn{font-family:var(--serif);font-size:1.25rem;font-weight:500;}

/* buyers cooling: before and after bars beside a visibility ring */
.fx .fx-pref{display:grid;grid-template-columns:minmax(0,1fr);gap:1.2rem;align-items:center;max-width:36rem;margin:.4rem 0 1.6rem;padding:1.1rem 0;
  border-top:2px solid var(--fx-gold);border-bottom:1px solid var(--fx-ghair);font-family:var(--sans);}
.fx .cm .fx-pref p{margin:0;font-family:var(--sans);}
.fx .cm .fx-pref-h{font-size:.84rem;font-weight:600;color:var(--fx-ink);margin-bottom:.7rem;}
.fx .fx-pref-r{display:grid;grid-template-columns:5.4rem minmax(0,1fr) 2.8rem;gap:.6rem;align-items:center;padding:.3rem 0;font-size:.8rem;color:var(--fx-mut);}
.fx .fx-pref-r i{display:block;height:14px;width:calc(var(--v) * 1%);background:var(--fx-gold);}
.fx .fx-pref-r.now i{background:var(--fx-gold2);}
.fx .fx-pref-r b{font-size:.95rem;font-weight:600;color:var(--fx-ink);text-align:right;font-variant-numeric:tabular-nums;}
.fx .fx-pref-r.now b{color:var(--fx-gold2);}
.fx .fx-pref-b{display:grid;grid-template-columns:76px minmax(0,1fr);gap:1rem;align-items:center;padding-top:1rem;border-top:1px solid var(--fx-ghair);}
.fx .fx-pref-b svg{width:76px;height:76px;transform:rotate(-90deg);}
.fx .fx-pref-b circle{fill:none;stroke-width:14;}
.fx .fx-pref-b .trk{stroke:var(--fx-ghair);}
.fx .fx-pref-b .val{stroke:var(--fx-gold2);}
.fx .cm .fx-pref-b p{font-size:.86rem;max-width:20rem;line-height:1.35;color:var(--fx-ink2);}
.fx .fx-pref-b p b{display:block;font-family:var(--serif);font-weight:400;font-size:2.2rem;line-height:1;letter-spacing:-.02em;color:var(--fx-gold2);margin-bottom:.25rem;}
@media screen and (prefers-reduced-motion:no-preference){
  .fx .fx-pref.armed .fx-pref-r i,.fx .fx-pref.armed .fx-pref-b .val{opacity:.22;}
  .fx .fx-pref.armed.on .fx-pref-r i{opacity:1;transition:opacity .5s ease;}
  .fx .fx-pref.armed.on .fx-pref-r.now i{transition-delay:.6s;}
  .fx .fx-pref.armed.on .fx-pref-b .val{opacity:1;transition:opacity .6s ease 1.2s;}
}
@media (max-width:900px){
  .fx .spread{background:none;border:0;border-top:4px solid var(--fx-gold);}
  .fx .cl{background:var(--fx-gpage);}
}
@media print{ .fx .spread{background:none;} }
@media (max-width:520px){
}

/* QA 2026-10-10 */
/* on the gold terms page the gauge's alert names (bright gold, 2.8:1) and the hard cap label (green, 4.3:1) were too faint; both deepen to the page's dark gold and dark green */
.fx .g-alerts b{color:var(--fx-gold2);}
.fx .g-alerts .a100 b{color:var(--fx-red2);}
.fx .g-cap-line span{color:#1F5E42;}