/* Cade design system v8 (2026-10-06): the document around the specimens. Everything that is a component comes from the
   kit (/lib/v8/v8.css); this file lays the page out (cover, the table of contents, specimen frames, mono labels, swatches,
   the type rows, the state and motion tables) and repeats the few page deltas the kit leaves to a page (marked). */

/* ═════ the document ═════ */
.dsv8 code{font-family:var(--data);font-weight:700;font-size:.92em;color:var(--paper);background:#24211E;padding:1px 5px;white-space:nowrap}
.lbl{margin:12px 0 0;font-family:var(--data);font-weight:500;font-size:12px;line-height:1.6;letter-spacing:.02em;color:var(--muted)}
.lbl code{font-size:12px;margin-right:2px;color:var(--yellow);background:transparent;padding:0}
.lbl span{color:var(--muted)}
.lbl span code{color:var(--paper)}

/* the cover: the wordmark whole, the title, the stats band */
.cover{padding:152px 0 0}
.cover-in{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:28px 56px;margin-bottom:56px}
.cover-mark{display:block;width:clamp(220px,24vw,340px);height:auto}
.cover-t{min-width:0;padding-bottom:6px}
.cover-h{margin:18px 0 0;font-size:clamp(56px,8.4vw,128px);color:var(--paper)}
.cover-p{max-width:46ch}
.cover-p code{font-size:.8em}
.cover-band .band-face{grid-template-columns:auto minmax(0,1fr) auto}

/* the two columns: the contents, the document */
.doc{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0 56px;align-items:start}
.toc{position:sticky;top:104px;padding-top:112px}
.toc-k{margin:0 0 12px;font-family:var(--data);font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--orange)}
.toc-l{list-style:none;margin:0;padding:0;border-left:2px solid var(--bg5)}
.toc-l a{display:flex;align-items:center;gap:12px;min-height:36px;padding:0 0 0 16px;margin-left:-2px;border-left:2px solid transparent;font-family:var(--call);font-size:18px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.toc-l b{font-family:var(--data);font-weight:800;font-size:12px;letter-spacing:.06em;color:var(--muted-2)}
.toc-l a[aria-current]{color:var(--yellow);border-left-color:var(--yellow)}
.toc-l a[aria-current] b{color:var(--yellow)}
@media (hover:hover){.toc-l a:hover{color:var(--paper)}}
.doc-main{min-width:0}
.ds-sec .sec-hd>.tag{font-size:15px}
.ds-note{margin:0 0 8px;max-width:72ch;font-family:var(--read);font-size:17px;line-height:1.45;color:var(--muted)}
.ds-note code{font-size:13px}
.ds-h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:48px 0 18px;padding-top:16px;border-top:2px solid var(--bg5);font-family:var(--call);font-weight:500;font-size:22px;letter-spacing:.06em;text-transform:uppercase;color:var(--paper)}
.ds-h3 small{font-family:var(--data);font-weight:500;font-size:12px;letter-spacing:.04em;text-transform:none;color:var(--muted)}
.ds-h3-0{margin-top:0}

/* the specimen frame: a quiet rectangle, a little lighter than the ground so the hard shadows read */
.spec{position:relative;margin:0 0 28px;padding:30px 30px 18px;background:#191715;border:2px solid var(--bg5);min-width:0}
.spec>.lbl,.spec>figcaption{margin-top:18px;padding-top:12px;border-top:1px solid var(--bg5)}
.spec-c{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.spec-c>:first-child{margin:auto 0}
.spec-bare{padding:30px 30px 18px}
.spec-cream{background:var(--paper)}
.spec-cream .lbl,.spec-cream .lbl span{color:#4A453B}.spec-cream .lbl code{color:var(--ink)}
.g2,.g3,.g4{display:grid;gap:0 28px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g2>.spec,.g3>.spec,.g4>.spec{margin-bottom:28px}
.ds-side{display:flex;flex-direction:column;min-width:0}
.ds-side>.spec{flex:1}
.ds-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px 20px}
.ds-flat{margin:0;text-align:left}

/* ═════ 02 colour ═════ */
.sw-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:22px}
.sw{margin:0;min-width:0}
.sw-c{display:block;height:96px;border:2px solid var(--line);box-shadow:var(--sh-5)}
.sw-n{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:16px 0 0}
.sw-n code{background:transparent;padding:0;font-size:14px;color:var(--paper)}
.sw-n b{font-family:var(--data);font-weight:800;font-size:13px;color:var(--yellow)}
.sw-u{margin:6px 0 0;font-family:var(--read);font-size:15px;line-height:1.35;color:var(--muted)}

/* ═════ 03 type ═════ */
.voices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.voice{padding:22px 22px 16px;background:#191715;border:2px solid var(--bg5)}
.voice-s{margin:0;font-size:84px;line-height:1;color:var(--paper)}
.voice-call{font-family:var(--call);font-weight:500;text-transform:uppercase}
.voice-read{font-family:var(--read)}
.voice-data{font-family:var(--data);font-weight:800}
.ts{border-top:2px solid var(--bg5)}
.ts-r{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:center;gap:12px 32px;padding:22px 0;border-bottom:1px solid var(--bg5)}
.ts-r>.lbl{margin:0}
.ts-s{min-width:0}
.ts-s>*{margin:0}
.ts-hero{font-size:clamp(56px,8.6vw,132px);line-height:.86;color:var(--paper);text-shadow:var(--sh-6)}
.ts-band{font-size:var(--fs-band);color:var(--paper)}
/* the size token rows: the token's own size, in its voice */
.fs-x{color:var(--paper);line-height:1.1}
.fs-data{font-family:var(--data);font-weight:700}
.fs-call{font-family:var(--call);letter-spacing:.06em;text-transform:uppercase}
.fs-read{font-family:var(--read)}
.ts-flat{min-height:0;margin:0}
.ts-s .ribbon{align-items:flex-start}
.ds-rule{margin-top:40px}
.ds-rule .pnl-face{padding:34px 44px 38px 40px}
.ds-rule-h{margin:0;font-size:clamp(34px,3.4vw,48px)}
.ds-rule-p{margin:12px 0 0;max-width:80ch;font-family:var(--read);font-size:18px;line-height:1.45}
.ds-rule-p code{color:var(--ink);background:rgba(11,11,11,.08)}

/* ═════ 04 shapes ═════ */
.sp-pnl{padding:30px 32px 32px 30px;min-height:170px}
.sp-pnl-h{margin:0;font-size:44px}
.sp-pnl-p{margin:10px 0 0;font-family:var(--read);font-size:17px}
.pnl:not(.cream):not(.violet) .sp-pnl-h{color:var(--paper)}
.pnl:not(.cream):not(.violet) .sp-pnl-p{color:var(--muted)}
.sh-clip{width:100%;height:120px;background:var(--paper)}
.sh-field{height:56px}
.sh-chip{width:110px;height:44px}
.sh-burst{width:150px;height:120px}
.sh-ink{margin:0;font-size:72px;color:var(--yes);filter:var(--ink4)}
.ds-polys{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.shl{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:22px}
.shl-i{margin:0;min-width:0}
.shl-b{display:block;height:64px;background:var(--paper);border:2px solid var(--ink)}
.shl-i .lbl code{font-size:13px}

/* ═════ 05 actions: the state table (the kit's still state classes, .is-hover .is-focus .is-pressed .is-disabled) ═════ */
.spec-c .plate{min-width:0}
.st-t{border-top:2px solid var(--bg5)}
.st-r{display:grid;grid-template-columns:110px repeat(5,minmax(0,1fr));align-items:center;gap:14px 18px;padding:16px 0;border-bottom:1px solid var(--bg5)}
.st-hd{padding:12px 0;font-family:var(--data);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.st-c{display:flex;align-items:center;min-width:0}
.st-c .side{height:56px;font-size:24px;min-width:0;padding:0 12px}
.spec .tw{margin-top:34px}
.st-c .plate{padding:0 22px 2px 20px;font-size:20px;height:52px}
.st-na{font-family:var(--data);font-size:12px;color:#6E695F;letter-spacing:.06em;text-transform:uppercase}
.st-note{max-width:96ch;margin-top:16px}
.sp-sides{margin-top:0;max-width:340px;width:100%}

/* ═════ 06 navigation: the specimens sit in flow, solid as on scroll ═════ */
.spec-nav{padding:0 0 18px;overflow:hidden}
.spec-nav>figcaption{margin:0 30px;padding-top:12px}
.sp-nav{position:relative;inset:auto;z-index:1;background:#0E0D0C;box-shadow:0 2px 0 var(--shadow),0 5px 0 rgba(0,0,0,.45);margin-bottom:18px}
.sp-nav .nav-in{height:72px}
.sp-nav .nav-mark img{height:44px}
.sp-nav .w{padding:0 24px}
.spec-phone{display:flex;flex-direction:column;align-items:center}
.phone390{width:390px;max-width:100%;border:2px solid var(--line);box-shadow:var(--sh-6);background:radial-gradient(circle,rgba(239,233,216,.035) 0 1px,transparent 1.5px) 0 0/9px 9px,#0E0D0C;overflow:hidden}
.phone390 .sp-nav{margin:0}
.phone390 .w{padding:0 16px}
.phone390 .nav-in{gap:12px;height:72px}
.phone390 .nav-cta{height:46px;font-size:17px;padding:0 20px 2px 18px}
.phone390 .nav-mark img{height:38px}
.phone390 .nav-drop{padding:6px 16px 12px}
.phone-pad{height:96px}
.spec-phone>figcaption{align-self:stretch}
.spec-foot{padding:0 0 18px;overflow:hidden}
.spec-foot>figcaption{margin:0 30px;padding-top:12px}
.sp-foot{margin-top:0}
.sp-foot .w{padding:0 30px}

/* ═════ 07 data ═════ */
.ds-g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.ds-games{grid-template-columns:repeat(2,minmax(0,1fr))}
/* the scoreline, the log and the box score take their type sizes from the kit; the layout deltas below are /basketball/v8's and /football/v8's */
.ds-plog li{grid-template-columns:110px 54px minmax(0,1fr) auto;gap:0 18px;min-height:58px;padding:8px 20px 8px 18px;background:#1E1C1A}
.ds-plog li:first-child{background:var(--bg5);box-shadow:inset 6px 0 0 var(--yellow)}
.ds-plog .plog-m{height:30px}
.ds-plog .plog-m svg{height:100%;width:auto;display:block}
.ds-box th,.ds-box td{padding:12px 0;border-bottom:2px solid var(--bg5)}
.ds-box thead th{padding-top:0}
.ds-box td{width:22%}
.ds-duels{display:flex;flex-direction:column;gap:30px}
.ds-duel-h{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 10px}
.ds-duel-h b{font-family:var(--data);font-weight:800;font-size:30px;line-height:1;color:var(--paper)}
.ds-duel-h span{font-family:var(--call);font-size:18px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.list-hd h4{margin:0}
.ds-irow3{grid-template-columns:auto minmax(0,1fr) auto}

/* ═════ 08 rounds ═════ */
.ds-now{margin:14px 0 16px}
.ds-lc{height:clamp(300px,30vw,380px)}
.round:where([data-kind=field]) .field{min-height:320px}
.ds-field{height:280px}
.ds-sky{position:relative;filter:drop-shadow(var(--sh-9))}
.ds-sky .skc-st{clip-path:var(--clip-panel)}
.ds-slot{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;min-height:260px;padding:40px;border:2px dashed var(--line);filter:none}
.ds-slot .shout{margin:0;font-size:clamp(30px,3vw,44px);color:var(--muted)}

/* ═════ 09 forms ═════ */
.ds-amt{margin-top:0;max-width:320px}
.ds-tkr input{width:180px;padding-left:30px}
.ds-pnl{display:flex;flex-wrap:wrap;gap:16px 40px;margin:0}
.ds-pnl div{display:flex;flex-direction:column-reverse;gap:6px}
.ds-pnl dt{font-family:var(--read);font-size:15px;color:var(--muted)}
.ds-pnl dd{margin:0;font-family:var(--data);font-weight:800;font-size:28px;line-height:1}
.empty.pnl{margin:0}

/* ═════ 10 stage + art ═════ */
.ds-hero{padding:0}
.art-g{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 28px}
.art-i{min-width:0}
.art-f{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--ink)}
.art-f picture{position:absolute;inset:0}
.art-f img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.art-i .lbl{margin-top:14px}

/* ═════ 11 motion ═════ */
.ds-keys{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.ds-stamp-box{position:relative;height:190px}
.ds-stamp-box .stamp{top:50%}
.mt{margin-top:40px;border-top:2px solid var(--bg5)}
.mt-r{display:grid;grid-template-columns:230px minmax(0,1fr) 170px 230px;gap:8px 20px;padding:14px 0;border-bottom:1px solid var(--bg5);font-family:var(--read);font-size:16px;line-height:1.4;color:var(--paper)}
.mt-r span:nth-child(3),.mt-r span:nth-child(4){font-family:var(--data);font-weight:500;font-size:13px;color:var(--muted)}
.mt-r code{background:transparent;padding:0;color:var(--yellow);white-space:normal}
.mt-hd{padding:12px 0;font-family:var(--data);font-weight:800;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.mt-hd span,.mt-hd span:nth-child(n){font-family:var(--data);font-weight:800;font-size:12px;color:var(--orange)}
.mtok{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 28px}
.mtok .lbl{margin:0;padding:8px 0;border-bottom:1px solid var(--bg5)}

/* ═════ 12 rules, 14 gaps ═════ */
.rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;counter-reset:r}
.rules li{counter-increment:r;position:relative;padding:18px 0 18px 54px;border-bottom:1px solid var(--bg5);font-family:var(--read);font-size:17px;line-height:1.45;color:var(--muted)}
.rules li::before{content:counter(r,decimal-leading-zero);position:absolute;left:0;top:19px;font-family:var(--data);font-weight:800;font-size:14px;color:var(--orange)}
.rules b{display:block;margin-bottom:4px;font-family:var(--shout);font-style:italic;font-weight:800;font-size:26px;line-height:1;text-transform:uppercase;color:var(--paper)}
.ds-gaps{padding:30px 40px 34px 38px}
.gaps li::before{color:var(--yellow)}

/* ═════ the rungs ═════ */
@media (max-width:1180px){
  .doc{grid-template-columns:180px minmax(0,1fr);gap:0 36px}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .shl{grid-template-columns:repeat(4,minmax(0,1fr))}
  .voices{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mt-r{grid-template-columns:200px minmax(0,1fr) 150px}
  .mt-r span:nth-child(4){grid-column:2/-1}
  .st-r{grid-template-columns:90px repeat(5,minmax(0,1fr));gap:12px}
  .st-c .side{font-size:20px}
}
@media (max-width:1023px){
  .mtok{grid-template-columns:repeat(2,minmax(0,1fr))}
  .doc{grid-template-columns:minmax(0,1fr)}
  .toc{position:static;padding-top:48px}
  .toc-l{display:flex;flex-wrap:wrap;gap:10px;border:0}
  .toc-l a{min-height:44px;padding:0 14px;margin:0;border:2px solid var(--line);background:var(--bg1);box-shadow:var(--sh-3);gap:8px;font-size:16px}
  .toc-l a[aria-current]{border-color:var(--yellow)}
  .g3,.ds-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .art-g{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ts-r{grid-template-columns:minmax(0,1fr)}
  .st-r{grid-template-columns:repeat(5,minmax(0,1fr))}
  .st-r .st-k{grid-column:1/-1}
  .st-hd{display:none}
  .st-c{flex-direction:column;align-items:flex-start;gap:8px}
  .st-c::before{content:attr(data-k);font-family:var(--data);font-weight:700;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
}
@media (max-width:860px){
  .g2,.rules{grid-template-columns:minmax(0,1fr)}
  .ds-games{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:760px){
  .mtok{grid-template-columns:minmax(0,1fr)}
  .cover{padding-top:112px}
  .cover-in{grid-template-columns:minmax(0,1fr);gap:20px;margin-bottom:36px}
  .cover-mark{width:200px}
  .cover-h{font-size:clamp(48px,15vw,72px)}
  .cover-band .band-face{display:flex}
  .toc{padding-top:36px}
  .toc-l{flex-wrap:nowrap;overflow-x:auto;padding:0 0 10px;margin-right:-16px;scrollbar-width:none}
  .toc-l::-webkit-scrollbar{display:none}
  .toc-l li{flex:none}
  .ds-h3{margin-top:36px;font-size:19px}
  .spec,.spec-bare{padding:20px 16px 14px;margin-bottom:22px}
  .spec-nav,.spec-foot{padding:0 0 14px}
  .spec-nav>figcaption,.spec-foot>figcaption{margin:0 16px}
  .sp-nav .w,.sp-foot .w{padding:0 16px}
  .sp-nav .nav-mark img{height:38px}
  .g4,.g3,.ds-g3,.art-g,.voices{grid-template-columns:minmax(0,1fr)}
  .g2>.spec,.g3>.spec,.g4>.spec{margin-bottom:22px}
  .sw-g{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}
  .sw-c{height:72px}
  .voice-s{font-size:64px}
  .shl{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-r{grid-template-columns:repeat(2,minmax(0,1fr))}
  .st-c .side{height:52px;font-size:20px}
  .mt-r{grid-template-columns:minmax(0,1fr);gap:4px}
  .mt-r span:nth-child(4){grid-column:auto}
  .mt-hd{display:none}
  .ds-rule .pnl-face,.ds-gaps{padding:26px 22px 28px 20px}
  .rules li{padding-left:44px;font-size:16px}
  .rules b{font-size:22px}
  .ds-plog li{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"t tm res" "w w w";gap:8px 12px;padding:10px 14px 12px 14px}
  .ds-plog .plog-t{grid-area:t}
  .ds-plog .plog-m{grid-area:tm;height:26px}
  .ds-plog .plog-r{grid-area:res}
  .ds-plog .plog-w{grid-area:w}
  /* page delta, from /basketball/v8 at 760 */
  .ds-scl{--med:44px;gap:10px}
  .ds-scl .scl-t{gap:8px}
  .ds-scl .scl-n span{display:none}
  .ds-scl .scl-s{margin:0}
  .ds-scl .scl-t.home{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"m n" "s s"}
  .ds-scl .scl-t.away{display:grid;grid-template-columns:1fr auto;grid-template-areas:"n m" "s s"}
  .ds-scl .scl-t .scl-med{grid-area:m}.ds-scl .scl-t .scl-n{grid-area:n}.ds-scl .scl-t .scl-s{grid-area:s}
  .ds-scl .scl-t.away .scl-s{text-align:right}
  .ds-scl .on-air{font-size:15px;padding:5px 9px 4px}
  .ds-field{height:220px}
  /* page delta, as /home/v8: three stage tabs in one row on a phone */
  .ds-hero .hero-tabs{grid-template-columns:repeat(3,1fr);gap:8px}
  .ds-hero .hero-tabs .tab span{white-space:normal}
  .ds-tkr input{width:150px}
  .sh-ink{font-size:56px}
}
@media (max-width:360px){
  /* 320: the long swatch names and the longest code labels wrap instead of pushing the page sideways */
  .sw-n{flex-wrap:wrap}
  .dsv8 .lbl code{white-space:normal;overflow-wrap:anywhere}
}

/* ═════ 15 · the broadcast arena (v9): the section frames its specimens; the components are /lib/v8/broadcast.css ═════ */
.ds-b9 .ds-b9-k{margin:0 0 8px}
.ds-b9 .ds-b9-k a{color:var(--yellow)}
.ds-b9-h{margin:44px 0 0;font-size:var(--fs-call-l);letter-spacing:.06em;text-transform:uppercase;color:var(--orange)}
.ds-b9-row{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px}
.ds-b9-two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 28px;align-items:start}
.ds-b9 .spec-nav .bnav{position:relative}
/* the drawer as a still: in the flow, open, its own height */
.ds-drw{max-width:480px}
.ds-drw .b-drawer-p{position:relative;inset:auto;width:100%;transform:none;border-left:3px solid var(--ink)}
@media (max-width:1023px){.ds-b9-two{grid-template-columns:1fr}}
.ds-b9 .lede,.ds-b9 .lbl{overflow-wrap:anywhere}
.ds-b9 .lbl code{white-space:normal}
#b9Stand{overflow-x:auto}
@media (max-width:760px){.ds-b9 #h-broadcast{font-size:clamp(30px,9.4vw,48px)}}
@media (min-width:1101px){.ds-b9-t2{--n:2}.ds-b9-t3{--n:3}.ds-b9 #b9Gc{--n:3}}
.ds-idx9{margin-bottom:32px}
#idxRows9 .irow-l,#idxRows .irow-l{overflow-wrap:anywhere}
#b9Plates{display:grid;grid-template-columns:repeat(2,minmax(0,240px));gap:14px}
@media (max-width:760px){#b9Plates{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* captions, 2026-10-07: a name, the class or call as a tag, one short line. The long notes live in /lib/v8/README.md */
.cap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--bg5)}
.cap-n{font-family:var(--shout);font-style:italic;font-weight:800;font-size:20px;line-height:1;text-transform:uppercase;color:var(--paper)}
.cap-k{display:inline-flex;flex-wrap:wrap;gap:6px}
.ck{display:inline-block;padding:4px 8px;background:var(--bg4);box-shadow:var(--sh-2);font-family:var(--data);font-weight:700;font-size:12px;line-height:1.2;letter-spacing:0;color:var(--yellow);white-space:nowrap}
.cap-t{flex-basis:100%;font-family:var(--read);font-size:15px;line-height:1.4;color:var(--muted)}
.cap-row{border-top:0;padding-top:0;margin:0;gap:8px 12px}
.cap-row .cap-t{flex-basis:auto;font-size:14px}
.spec-cream .cap-n{color:var(--ink)}.spec-cream .cap-t{color:#4A453B}
#coreRows .irow{grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center}
#coreRows .irow-c{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.ds-cnt{display:grid;justify-items:end;line-height:1;font-family:var(--data)}
.ds-cnt b{font-size:22px;font-weight:800;color:var(--yellow)}
.ds-cnt small{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
@media (max-width:760px){.cap-n{font-size:18px}.cap-t{font-size:14px}#coreRows .irow{gap:10px 12px}}
.art-f.cut{background:var(--bg1)}.art-f.cut img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain}
#coreRows .irow-c{justify-content:flex-start;justify-items:start;text-align:left}#coreRows .irow-q{text-align:left}
#coreRows .irow-c{flex-direction:row;align-items:baseline}