/* ============================================================================
   THE RECORD : the house dress for long-form (ART_DIRECTION AD9, AD13, AD14, AD21)
   Built by scripts/record/render_deepdive.py into canton-catalyst-site /record.css.
   Paper ground, ink, ledger rules (between rows, never through text), red-ink section
   numbers, rubber-stamp tier marks and
   a seal. House type per AD16: Fraunces display, Inter body, JetBrains Mono data.
   Colours come from design/art/art_tokens.json "record" and "tiers". Text colours on
   paper are the *_ink variants, each 4.5:1 or better on paper and panel (AD21c).
   Nothing sits in a box that shows where a picture starts: figures and pictures are
   transparent on the paper (AD21). Panels are for text only.
   ============================================================================ */
:root{
  --rc-paper:#F6F0E1;      /* record.paper            */
  --rc-panel:#EFE6D2;      /* a ruled card on paper   */
  --rc-panel2:#E7DCC4;     /* a cell inside a card    */
  --rc-ink:#1E1C1A;        /* record.ink        14.9:1 */
  --rc-ink2:#3A352E;       /* body text         10.7:1 */
  --rc-ink3:#5B5448;       /* secondary          6.6:1 */
  --rc-ink4:#6E665A;       /* tertiary, paper and panel only, 5.0 / 4.6:1 */
  --rc-blue:#1F3C88;       /* record.blue_black  9.0:1, links and eyebrows */
  --rc-red:#B3261E;        /* record.red_ink     5.8:1, corrections only   */
  --rc-gold:#B8912F;       /* record.seal_gold, marks only, never text     */
  --rc-gold-ink:#7A5C14;   /* seal text          5.5:1 */
  --rc-rule:rgba(31,60,136,.18);   /* record.ledger_rule */
  --rc-hair:rgba(30,28,26,.16);
  --rc-conf:#2E7D4F;  --rc-conf-ink:#276B43;   /* tiers.confirmed, ink 5.6:1   */
  --rc-ann:#C98A00;   --rc-ann-ink:#8A5D00;    /* tiers.announced, ink 5.1:1   */
  --rc-spec:#7D828C;  --rc-spec-ink:#5F646E;   /* tiers.speculated, ink 5.2:1  */
  --rc-open:#6B6F78;  --rc-open-ink:#5A5E66;   /* open question, ink 5.9:1     */
  --rc-measure:680px;
  --rc-line:1.72;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{background:var(--rc-paper)}
body.record{background:var(--rc-paper);color:var(--rc-ink2);font-family:'Inter',system-ui,sans-serif;font-size:17.5px;line-height:var(--rc-line);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;counter-reset:rc-h2 rc-fig}
.record a{color:var(--rc-blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(31,60,136,.45)}
.record a:hover{text-decoration-color:var(--rc-blue)}
.record .container{max-width:calc(var(--rc-measure) + 56px);margin:0 auto;padding:0 28px}
@media(max-width:560px){.record .container{padding:0 16px}body.record{font-size:17px}}

/* ---------- the ledger head: nav ---------- */
.record .nav{background:var(--rc-paper);border-bottom:3px double var(--rc-ink);position:sticky;top:0;z-index:100}
.record .nav-inner{display:flex;align-items:center;justify-content:space-between;height:58px;gap:12px}
.record .nav-logo{display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;color:var(--rc-ink);text-decoration:none}
.record .nav-mark{width:28px;height:28px;flex:none;display:flex;align-items:center;justify-content:center}
.record .nav-mark svg{width:28px;height:28px}
.record .nav-desk{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--rc-ink3)}
.record .back{font-size:13.5px;color:var(--rc-ink3);text-decoration:none}
.record .back:hover{color:var(--rc-ink)}
@media(max-width:560px){.record .nav-desk{display:none}}
.record .skip-link{position:absolute;left:-9999px}
.record .skip-link:focus{left:16px;top:12px;background:var(--rc-ink);color:var(--rc-paper);padding:8px 12px;z-index:200}

/* ---------- title block ---------- */
.record .kicker{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rc-blue);margin:56px 0 16px;display:flex;align-items:center;gap:12px}
.record .kicker::before{content:'//';letter-spacing:0;color:var(--rc-blue)}
.record h1{font-family:'Fraunces',Georgia,serif;font-size:clamp(32px,5vw,50px);font-weight:600;line-height:1.08;letter-spacing:-.02em;color:var(--rc-ink);margin-bottom:16px}
.record .meta{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.02em;color:var(--rc-ink3);padding:10px 0;border-top:1px solid var(--rc-ink);border-bottom:1px solid var(--rc-hair);margin-bottom:34px}

/* ---------- hero: the dictionary picture or the cover figure, transparent on paper (AD14, AD21) ---------- */
.record .hero-fig,.record .hero-pic{margin:0 0 40px;background:none;border:0}
.record .hero-fig.cover-in-body{margin:34px 0}
.record .hero-fig svg{width:100%;height:auto;display:block;
  -webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}
.record .hero-pic video,.record .hero-pic img{width:min(100%,560px);height:auto;display:block;margin:0 auto;background:transparent}
.record .hero-pic figcaption{text-align:center}

/* ---------- body ---------- */
.record article{counter-reset:rc-h2}
.record article p{margin-bottom:20px;color:var(--rc-ink2)}
.record article strong,.record article b{color:var(--rc-ink);font-weight:600}
.record article em{font-style:italic}
.record article ul,.record article ol{margin:0 0 22px 22px}
.record article li{margin-bottom:8px;color:var(--rc-ink2)}
.record article h2{font-family:'Fraunces',Georgia,serif;font-size:clamp(25px,3.2vw,31px);font-weight:600;line-height:1.22;letter-spacing:-.01em;color:var(--rc-ink);margin:56px 0 18px;scroll-margin-top:80px;counter-increment:rc-h2}
.record article h2::before{content:counter(rc-h2,decimal-leading-zero);display:block;font-family:'JetBrains Mono',monospace;font-size:12px;font-weight:500;letter-spacing:.14em;color:var(--rc-red);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--rc-rule);width:100%}
.record article h3{font-family:'Inter',sans-serif;font-size:18px;font-weight:600;color:var(--rc-ink);margin:30px 0 10px}
.record abbr[title]{text-decoration:none;border-bottom:1px dotted var(--rc-ink4);cursor:help}
.record .lede{font-size:21px;line-height:1.6;color:var(--rc-ink);font-weight:400;margin-bottom:24px}
.record hr.rule{border:0;height:6px;border-top:1px solid var(--rc-ink);border-bottom:1px solid var(--rc-ink);margin:48px 0}
.record span.key{color:var(--rc-ink);font-weight:600}

/* pull quote: blue-black ink, a double ledger rule on the left */
.record .pull{font-family:'Fraunces',Georgia,serif;font-style:italic;font-size:clamp(22px,2.7vw,27px);font-weight:400;line-height:1.36;color:var(--rc-blue);border-left:5px double var(--rc-blue);padding:4px 0 4px 22px;margin:34px 0}

/* ---------- ledger-ruled cards (text only, AD13) ---------- */
.record .toc,.record .aside,.record div.key,.record .bl,.record .series,.record .offer,.record .reg,.record .gate,.record .disc,.record .next>div,.record .q,.record pre.code{
  background-color:var(--rc-panel);border:1px solid var(--rc-hair);border-top:2px solid var(--rc-ink);border-radius:0}
.record .toc{padding:20px 24px;margin:30px 0}
.record .toc-label,.record .aside-label,.record .key-label,.record .bl-label,.record .rl-t{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--rc-ink3);margin-bottom:10px}
.record .toc ol{margin:0 0 0 20px;line-height:1.9}
.record .toc a{color:var(--rc-ink2)}
.record .aside{border-left:4px solid var(--rc-gold);padding:18px 20px;margin:28px 0}
.record .aside-label{color:var(--rc-gold-ink)}
.record .aside p{font-size:16px;margin-bottom:0;color:var(--rc-ink2)}
.record .series{display:flex;align-items:center;gap:14px;border-left:4px solid var(--rc-blue);padding:14px 18px;margin:0 0 26px}
.record .series b{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--rc-blue);white-space:nowrap}
.record .series p{margin:0;font-size:15px;color:var(--rc-ink2)}
@media(max-width:560px){.record .series{flex-direction:column;align-items:flex-start;gap:6px}}
.record div.key{padding:20px 22px;margin:30px 0}
.record div.key dl{display:grid;grid-template-columns:auto 1fr;gap:9px 16px;font-size:15px;line-height:1.55}
.record div.key dt{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--rc-blue);white-space:nowrap;padding-top:2px}
.record div.key dd{color:var(--rc-ink2)}
.record div.key dt,.record div.key dd{padding-bottom:9px;border-bottom:1px solid var(--rc-rule)}
@media(max-width:560px){.record div.key dl{grid-template-columns:1fr;gap:2px 0}.record div.key dd{margin-bottom:10px}}
.record .bl{border-top:3px double var(--rc-ink);padding:22px 24px;margin:8px 0 40px}
.record .bl-label{color:var(--rc-blue)}
.record .bl ol{margin:0;padding-left:20px}
.record .bl li{font-size:16.5px;margin-bottom:12px;line-height:1.6}
.record .bl li:last-child{margin-bottom:0}
.record .offer{border-top:3px double var(--rc-ink);padding:24px 24px 20px;margin:34px 0}
.record .offer h3{margin-top:0}
.record .offer p:last-child{margin-bottom:0}
.record pre.code{border-left:4px solid var(--rc-blue);padding:18px 20px;margin:24px 0;overflow-x:auto;font-family:'JetBrains Mono',monospace;font-size:13.5px;line-height:1.6;color:var(--rc-ink);background-image:none}

/* numbered rows */
.record .q{display:flex;gap:18px;padding:16px 20px;margin:12px 0;align-items:baseline}
.record .q b{font-family:'JetBrains Mono',monospace;font-size:20px;font-weight:500;color:var(--rc-blue)}
.record .q p{margin:0;font-size:16.5px}

/* the stats ledger: ruled cells, figures in mono */
.record .stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--rc-ink);border-bottom:1px solid var(--rc-ink);margin:32px 0}
.record .stat{padding:16px 14px;border-right:1px solid var(--rc-hair)}
.record .stat:last-child{border-right:0}
.record .stat b{display:block;font-family:'JetBrains Mono',monospace;font-size:24px;font-weight:500;color:var(--rc-ink);letter-spacing:-.01em}
.record .stat span{font-size:13px;color:var(--rc-ink3);line-height:1.4;display:block;margin-top:4px}
@media(max-width:640px){.record .stats{grid-template-columns:repeat(2,1fr)}.record .stat:nth-child(2n){border-right:0}.record .stat:nth-child(-n+2){border-bottom:1px solid var(--rc-hair)}}

/* gates: a numbered seal beside each */
.record .gate{padding:18px 20px;margin:14px 0;display:flex;gap:16px;align-items:flex-start}
.record .gate-n{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;color:var(--rc-gold-ink);background:var(--rc-paper);width:30px;height:30px;border-radius:50%;border:2px solid var(--rc-gold);box-shadow:0 0 0 3px var(--rc-paper),0 0 0 4px var(--rc-gold);display:flex;align-items:center;justify-content:center;flex:0 0 30px;margin:2px 4px 0 2px}
.record .gate h3{margin:0 0 6px}
.record .gate p{margin:0;font-size:16px}

/* register entries */
.record .reg{padding:20px 22px;margin:18px 0}
.record .reg-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px}
.record .reg-id{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--rc-ink3);letter-spacing:.06em}
.record .reg h3{margin:0;font-size:17.5px;flex:1 1 100%}
.record .reg p{font-size:16px;margin-bottom:12px}
.record .reg p:last-child{margin-bottom:0}
.record .reg-dates{display:flex;flex-wrap:wrap;border:1px solid var(--rc-ink);margin-bottom:14px;background:var(--rc-paper)}
.record .reg-dates div{flex:1 1 33%;padding:10px 14px;border-right:1px solid var(--rc-hair)}
.record .reg-dates div:last-child{border-right:none}
.record .reg-dates b{display:block;font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--rc-ink);font-weight:500}
.record .reg-dates span{font-size:11px;color:var(--rc-ink3);letter-spacing:.08em;text-transform:uppercase;font-family:'JetBrains Mono',monospace}

/* checklist */
.record .chk{list-style:none;margin:22px 0;padding:0}
.record .chk li{position:relative;padding-left:32px;margin-bottom:16px;line-height:1.65}
.record .chk li::before{content:'';position:absolute;left:0;top:7px;width:16px;height:16px;border:1.5px solid var(--rc-ink);border-radius:2px;background:var(--rc-paper)}

/* ---------- tier marks: rubber stamps whose border shape carries the tier (V35, the Register) ---------- */
.record .tier{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:11.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;padding:2px 9px;border-radius:2px;margin-right:10px;vertical-align:2px;transform:rotate(-1.5deg);
  color:var(--rc-conf-ink);border:2px solid var(--rc-conf);background:rgba(46,125,79,.10);box-shadow:inset 0 0 0 1px rgba(46,125,79,.35)}
.record .tier-a{color:var(--rc-ann-ink);border:2px solid var(--rc-ann);background:linear-gradient(to top,rgba(201,138,0,.16) 50%,transparent 50%);box-shadow:none}
.record .tier-s{color:var(--rc-spec-ink);border:2px solid var(--rc-spec);background:transparent;box-shadow:none}
.record .tier-o{color:var(--rc-open-ink);border:2px dashed var(--rc-open);background:transparent;box-shadow:none}

/* the Register legend */
.record .rl{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;margin:8px 0 32px;padding:14px 0;border-top:1px solid var(--rc-ink);border-bottom:1px solid var(--rc-hair)}
.record .rl-t{width:100%;margin-bottom:0}
.record .rl .li{display:flex;align-items:center;gap:9px;font-family:'JetBrains Mono',monospace;font-size:12.5px;color:var(--rc-ink2)}
.record .rl .m{width:14px;height:14px;border-radius:2px;flex:none;display:inline-block}
.record .rl .m-c{background:var(--rc-conf);border:1px solid var(--rc-conf)}
.record .rl .m-a{background:linear-gradient(to top,var(--rc-ann) 50%,transparent 50%);border:1px solid var(--rc-ann)}
.record .rl .m-s{background:transparent;border:1.5px solid var(--rc-spec)}
.record .rl .m-o{background:transparent;border:1.5px dashed var(--rc-open)}

/* ---------- figures: transparent on paper, a ledger caption under them (AD13, AD21) ---------- */
.record figure{margin:38px 0;background:none;border:0;counter-increment:rc-fig}
.record figure svg{width:100%;height:auto;display:block}
.record figcaption{font-size:14px;line-height:1.55;color:var(--rc-ink3);padding:10px 0 0;margin-top:10px;border-top:1px solid var(--rc-ink)}
.record figure:not(.hero-pic) figcaption::before{content:'FIG. ' counter(rc-fig) '  ';font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.12em;color:var(--rc-red);white-space:pre}

/* ---------- references, next, disclosure, more, footer ---------- */
.record .refs{margin:0 0 20px 22px;font-size:15px;line-height:1.8;color:var(--rc-ink2)}
.record .refs li{margin-bottom:6px}
.record .next{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:34px 0 8px}
.record .next>div{padding:18px 20px}
.record .next b{display:block;font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--rc-blue);margin-bottom:8px}
.record .next p{margin:0;font-size:15.5px}
@media(max-width:560px){.record .next{grid-template-columns:1fr}}
.record .disc{padding:18px 20px;margin:40px 0 0;font-size:15px;line-height:1.65;color:var(--rc-ink2);border:1px solid var(--rc-ink);background-image:none}
.record article .disc{border-top:1px solid var(--rc-ink)}

/* the seal: the sign-off of every Record page */
.record .seal{display:flex;align-items:center;gap:18px;margin:48px 0 0;padding-top:22px;border-top:3px double var(--rc-ink)}
.record .seal svg{width:96px;height:96px;flex:none}
.record .seal p{font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.06em;line-height:1.7;color:var(--rc-ink3);margin:0}
.record .seal p b{color:var(--rc-ink);font-weight:600}

.record .more{border-top:1px solid var(--rc-ink);margin-top:56px;padding:28px 0 8px}
.record .more p{font-size:15px;color:var(--rc-ink2)}
.record footer{border-top:3px double var(--rc-ink);padding:28px 0;margin-top:48px}
.record .foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14px;color:var(--rc-ink3)}
.record .foot a{color:var(--rc-ink3)}
.record .foot span{color:var(--rc-ink)}

@media print{.record .nav{position:static}}
@media (prefers-reduced-motion:reduce){.record .hero-pic video{display:none}.record .hero-pic .poster{display:block}}
.record .hero-pic .poster{display:none}

/* ---------- the figure kit (ART_DIRECTION AD22 layer 2; scripts/record/figure_kit.py) ----------
   Figures are page text: every label reflows and none goes below 13px (DV2, long-form floor).
   Tier colours mean tiers; blue-black is the neutral accent; red is a wrong reading or a failure;
   gold is the subject of the piece. No figure sits on a picture plate (AD21). */
.record .rf{margin:8px 0 6px;font-size:15px;line-height:1.45;color:var(--rc-ink2)}
.record .rf p{margin:0}
.record .rf-kicker{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--rc-blue);margin-bottom:4px!important}
.record .rf-title{font-family:'Fraunces',Georgia,serif;font-size:clamp(20px,2.4vw,24px);font-weight:600;line-height:1.2;color:var(--rc-ink);margin-bottom:16px!important}
.record .rf-note{font-size:14px;color:var(--rc-ink3);margin-top:12px!important}
.record .rf-example{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--rc-ink3);text-align:right;margin-top:6px!important}
.record .rf-banner{font-family:'JetBrains Mono',monospace;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--rc-blue);border-top:2px solid currentColor;padding-top:10px;margin-top:16px!important;text-align:center}
.record .rf-t-conf{--rf-c:var(--rc-conf);--rf-ci:var(--rc-conf-ink)}
.record .rf-t-ann{--rf-c:var(--rc-ann);--rf-ci:var(--rc-ann-ink)}
.record .rf-t-spec{--rf-c:var(--rc-spec);--rf-ci:var(--rc-spec-ink)}
.record .rf-t-open{--rf-c:var(--rc-open);--rf-ci:var(--rc-open-ink)}
.record .rf-t-blue{--rf-c:var(--rc-blue);--rf-ci:var(--rc-blue)}
.record .rf-t-red{--rf-c:var(--rc-red);--rf-ci:var(--rc-red)}
.record .rf-t-gold{--rf-c:var(--rc-gold);--rf-ci:var(--rc-gold-ink)}
.record .rf-t-ink{--rf-c:var(--rc-ink);--rf-ci:var(--rc-ink)}
.record .rf-t-muted{--rf-c:var(--rc-ink4);--rf-ci:var(--rc-ink3)}
.record .rf-chip{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--rf-ci,var(--rc-ink));border:2px solid var(--rf-c,var(--rc-ink));padding:1px 8px;border-radius:2px;transform:rotate(-1.5deg);margin-top:8px}
.record .rf-cards{display:grid;gap:14px 22px}
.record .rf-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.record .rf-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.record .rf-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.record .rf-cols-1{grid-template-columns:1fr}
.record .rf-card{position:relative;border-top:2px solid var(--rf-c,var(--rc-ink));padding:10px 0 4px}
.record .rf-card.rf-dashed{border-top-style:dashed}
.record .rf-card.rf-focus{background:var(--rc-panel);padding:10px 12px 10px}
.record .rf-rows .rf-card{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:start}
.record .rf-rows .rf-card>*{grid-column:1}
.record .rf-rows .rf-card>.rf-chip,.record .rf-rows .rf-card>.rf-aside{grid-column:2;grid-row:1 / span 4;align-self:start;max-width:16em}
.record .rf-num{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--rc-red);display:block;margin-bottom:2px}
.record .rf-ck{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--rf-ci,var(--rc-ink3))}
.record .rf-ck.rf-t-conf,.record .rf-ck.rf-t-ann,.record .rf-ck.rf-t-blue,.record .rf-ck.rf-t-red,.record .rf-ck.rf-t-gold,.record .rf-ck.rf-t-open,.record .rf-ck.rf-t-spec,.record .rf-ck.rf-t-muted{color:var(--rf-ci)}
.record .rf-ct{font-weight:600;color:var(--rc-ink);font-size:16px;line-height:1.3}
.record .rf-cs{font-size:14px;color:var(--rc-ink3)}
.record .rf-cs.rf-t-conf,.record .rf-cs.rf-t-ann,.record .rf-cs.rf-t-blue,.record .rf-cs.rf-t-red,.record .rf-cs.rf-t-gold,.record .rf-cs.rf-t-open{color:var(--rf-ci);font-weight:500}
.record .rf-cb{font-size:15px;color:var(--rc-ink2);margin-top:4px!important}
.record .rf-aside{border-left:3px solid var(--rf-c,var(--rc-ink));padding-left:10px}
.record .rf-al{font-size:14px;color:var(--rf-ci,var(--rc-ink));font-weight:500}
.record .rf-flow{display:flex;flex-direction:column;gap:6px}
.record .rf-down{height:22px;width:2px;background:var(--rc-ink);margin:0 auto;position:relative}
.record .rf-down::after{content:"";position:absolute;left:-5px;bottom:-2px;border:6px solid transparent;border-top:8px solid var(--rc-ink);border-bottom:0}
.record .rf-box{border:2px solid var(--rf-c,var(--rc-ink));padding:10px 14px;text-align:center}
.record .rf-steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:10px;margin:0;padding:0;counter-reset:none}
.record .rf-step{position:relative;border-top:2px solid var(--rf-c,var(--rc-ink));padding:8px 14px 0 0;margin:0}
.record .rf-step:not(:last-child)::after{content:"→";position:absolute;right:-2px;top:-14px;font-size:16px;color:var(--rc-ink);background:var(--rc-paper);padding:0 3px}
.record .rf-sn{display:block;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.1em;color:var(--rf-ci,var(--rc-ink3));margin-bottom:4px}
.record .rf-ends{display:flex;justify-content:space-between;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.1em;color:var(--rc-ink3);margin-bottom:12px!important}
.record .rf-ends span:last-child::before{content:"→ "}
.record .rf-seq{display:grid;grid-template-columns:1fr 1fr;row-gap:6px}
.record .rf-actor{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;letter-spacing:.12em;color:var(--rc-ink);border-bottom:2px solid var(--rc-ink);padding-bottom:4px}
.record .rf-actor-b{text-align:right}
.record .rf-seq ol{grid-column:1 / -1;list-style:none;margin:6px 0 0;padding:0;border-left:2px solid var(--rc-ink);border-right:2px solid var(--rc-ink)}
.record .rf-msg{margin:10px 0;padding:0 12px;position:relative}
.record .rf-msg span{display:block;font-size:15px;color:var(--rf-ci,var(--rc-ink));border-bottom:2px solid var(--rf-c,var(--rc-ink));padding:0 18px 3px 2px;position:relative}
.record .rf-msg.rf-left span{text-align:right;padding:0 2px 3px 18px}
.record .rf-msg span::after{content:"";position:absolute;bottom:-7px;border:6px solid transparent}
.record .rf-msg.rf-right span::after{right:-6px;border-left:9px solid var(--rf-c,var(--rc-ink));border-right:0}
.record .rf-msg.rf-left span::after{left:-6px;border-right:9px solid var(--rf-c,var(--rc-ink));border-left:0}
.record .rf-bars{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.record .rf-bar{display:grid;grid-template-columns:minmax(8em,11em) minmax(0,1fr) auto;gap:4px 14px;align-items:center;margin:0}
.record .rf-bl{font-size:15px;font-weight:600;color:var(--rc-ink)}
.record .rf-track{height:18px;border-bottom:1px solid var(--rc-hair)}
.record .rf-fill{height:100%;background:var(--rf-c,var(--rc-ink));border-radius:2px;min-width:4px}
.record .rf-bv{font-family:'JetBrains Mono',monospace;font-size:14px;color:var(--rf-ci,var(--rc-ink));min-width:7em}
.record .rf-stats{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:end}
.record .rf-statcols{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end}
.record .rf-sv{font-family:'JetBrains Mono',monospace;font-size:26px;font-weight:500;color:var(--rf-ci,var(--rc-ink))}
.record .rf-col{height:180px;display:flex;align-items:flex-end;border-bottom:2px solid var(--rc-ink);margin:6px 0 8px}
.record .rf-colfill{width:70%;background:var(--rf-c,var(--rc-ink));border-radius:2px 2px 0 0}
.record .rf-lead{font-family:'Fraunces',Georgia,serif;font-size:21px;font-weight:600;line-height:1.25;color:var(--rc-ink);margin-bottom:8px!important}
.record .rf-close{font-weight:600;margin-top:8px!important;color:var(--rf-ci,var(--rc-blue))}
.record .rf-matrix{overflow-x:visible}
.record .rf-matrix table{width:100%;border-collapse:collapse;table-layout:fixed}
.record .rf-matrix th,.record .rf-matrix td{border-bottom:1px solid var(--rc-hair);padding:8px 6px;vertical-align:middle;text-align:center;font-size:14px}
.record .rf-matrix thead th,.record .rf-matrix tr:first-child th{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--rc-ink3);border-bottom:2px solid var(--rc-ink);word-break:break-word}
.record .rf-matrix th[scope=row]{text-align:left;width:38%}
.record .rf-matrix.rf-wide th[scope=row]{width:24%}
.record .rf-rl{font-size:15px;font-weight:600;color:var(--rc-ink)}
.record .rf-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.record .rf-mark{display:inline-block;width:16px;height:16px;border-radius:50%;vertical-align:-3px;border:2px solid var(--rc-ink)}
.record .rf-m-yes{background:var(--rc-blue);border-color:var(--rc-blue)}
.record .rf-m-part{background:linear-gradient(90deg,var(--rc-gold) 50%,transparent 50%);border-color:var(--rc-gold-ink)}
.record .rf-m-no{border-radius:2px;border:0;background:linear-gradient(45deg,transparent 42%,var(--rc-red) 42%,var(--rc-red) 58%,transparent 58%),linear-gradient(-45deg,transparent 42%,var(--rc-red) 42%,var(--rc-red) 58%,transparent 58%)}
.record .rf-legend{font-size:14px;color:var(--rc-ink3);margin-top:10px!important}
.record .rf-legend .rf-mark{margin:0 4px 0 12px}
.record .rf-cell{border:2px solid var(--rf-c,var(--rc-ink4));padding:6px 6px;text-align:center}
.record .rf-cell.rf-dashed{border-style:dashed}
.record .rf-cell.rf-focus{background:var(--rc-panel);border-width:3px}
.record .rf-cv{font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:600;letter-spacing:.06em;color:var(--rf-ci,var(--rc-ink))}
.record .rf-fields{margin:0;border-top:2px solid var(--rc-ink)}
.record .rf-field{display:grid;grid-template-columns:minmax(8em,12em) minmax(0,1fr);gap:4px 18px;padding:9px 0 9px 12px;border-bottom:1px solid var(--rc-hair);margin:0}
.record .rf-field dt{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.06em;color:var(--rc-ink3);padding-top:2px}
.record .rf-field dd{margin:0;font-family:'JetBrains Mono',monospace;font-size:15px;color:var(--rf-ci,var(--rc-ink))}
.record .rf-field.rf-focus{background:var(--rc-panel);box-shadow:inset 4px 0 0 var(--rf-c,var(--rc-ink))}
.record .hero-fig .rf{margin:0}
.record .rf-timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px}
.record .rf-ev{border-top:2px solid var(--rc-ink);padding-top:8px;position:relative;margin:0}
.record .rf-ev::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;border-radius:50%;background:var(--rc-paper);border:2px solid var(--rc-ink)}
.record .rf-when{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.1em;color:var(--rc-ink3);margin-top:6px!important}
.record .rf-q{border:2px solid var(--rc-ink);padding:10px 14px;text-align:center;max-width:30em;margin:0 auto 4px}
.record .rf-branches{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.record .rf-branch{border-top:2px solid var(--rf-c,var(--rc-ink));padding-top:6px}
.record .rf-ans{font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;letter-spacing:.12em;color:var(--rf-ci,var(--rc-ink))}
.record .rf-branch .rf-card{border-top:0;padding-top:4px}
.record .rf-quad{margin-top:4px}
.record .rf-qplot{display:grid;grid-template-columns:auto 1fr;gap:6px}
.record .rf-qyl{writing-mode:vertical-rl;transform:rotate(180deg);font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.1em;color:var(--rc-ink3);text-align:center}
.record .rf-qgrid{display:flex;flex-direction:column}
.record .rf-qrow,.record .rf-qxrow{display:grid;grid-template-columns:22px repeat(var(--rf-qcols),minmax(0,1fr));gap:4px}
.record .rf-qrow{border-bottom:1px dashed var(--rc-hair);min-height:32px}
.record .rf-qy{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--rc-ink3);align-self:center}
.record .rf-qc{display:flex;flex-direction:column;gap:3px;padding:3px 0;align-items:flex-start}
.record .rf-qx{font-size:13px;color:var(--rc-ink3);line-height:1.25;padding-top:4px;border-top:2px solid var(--rc-ink)}
.record .rf-qx b{font-family:'JetBrains Mono',monospace;color:var(--rc-ink)}
.record .rf-qxl{grid-column:2;font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.1em;color:var(--rc-ink3);text-align:center;margin-top:6px!important}
.record .rf-qchip{display:inline-block;font-size:13px;font-weight:600;color:var(--rc-ink);background:var(--rc-paper);border:2px solid var(--rf-c,var(--rc-ink4));border-left-width:6px;border-radius:4px;padding:1px 7px;white-space:nowrap}
.record .rf-qchip b{font-family:'JetBrains Mono',monospace;font-weight:500;color:var(--rc-ink3)}
.record .rf-qchip.rf-dashed{border-style:dashed;border-left-width:2px;background:transparent}
.record .rf-qtable{display:none;width:100%;border-collapse:collapse;font-size:14px}
.record .rf-qtable th,.record .rf-qtable td{border-bottom:1px solid var(--rc-hair);padding:5px 4px;text-align:left}
.record .rf-qtable tr:first-child th{font-family:'JetBrains Mono',monospace;font-size:13px;color:var(--rc-ink3);border-bottom:2px solid var(--rc-ink)}
.record .rf-qkey{list-style:none;padding:0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--rc-ink3)}
.record .rf-qkey .rf-qchip{width:22px;height:14px;padding:0;vertical-align:-2px}
@media (max-width:720px){
  .record .rf-cols-2,.record .rf-cols-3,.record .rf-cols-4,.record .rf-branches,.record .rf-stats{grid-template-columns:1fr}
  .record .rf-timeline{grid-template-columns:1fr 1fr}
  .record .rf-field{grid-template-columns:1fr}
  .record .rf-rows .rf-card{grid-template-columns:1fr}
  .record .rf-rows .rf-card>.rf-chip,.record .rf-rows .rf-card>.rf-aside{grid-column:1;grid-row:auto;max-width:none;justify-self:start}
  .record .rf-steps{grid-template-columns:1fr}
  .record .rf-step:not(:last-child)::after{content:"↓";right:auto;left:auto;top:auto;bottom:-14px;position:relative;display:block}
  .record .rf-bar{grid-template-columns:1fr auto}
  .record .rf-bar .rf-track{grid-column:1 / -1;grid-row:2}
  .record .rf-qplot{display:none}
  .record .rf-qtable{display:table}
  .record .rf-matrix table,.record .rf-matrix tbody,.record .rf-matrix tr,.record .rf-matrix th,.record .rf-matrix td{display:block;width:auto!important}
  .record .rf-matrix tr:first-child{display:none}
  .record .rf-matrix tr{display:flex;flex-wrap:wrap;gap:6px 14px;border-bottom:1px solid var(--rc-hair);padding:8px 0}
  .record .rf-matrix th[scope=row]{flex:0 0 100%;border:0;padding:0}
  .record .rf-matrix td{border:0;padding:0;display:flex;align-items:center;gap:6px;text-align:left}
  .record .rf-matrix td::before{content:attr(data-col);font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:.04em;color:var(--rc-ink3)}
  .record .rf-matrix.rf-wide td{flex:0 0 100%}
  .record .rf-matrix.rf-wide td::before{flex:0 0 11em}
  .record .rf-matrix.rf-wide .rf-cell{flex:1;text-align:left}
}