/* Shared by index.html and dcn-landing.html: the Partner Currency graphic, the hidden-currency reveal, the journey map.
   Pages provide --text, --text-2, --text-3, --surface, --amber, --amber-deep, --line-2, --line-strong, --brand-blue, --display, --mono. */
  .curfig{margin:6px 0 40px;padding:36px 28px 26px;text-align:center;background:radial-gradient(ellipse at 15% 20%,rgba(96,165,250,0.08),transparent 45%),radial-gradient(ellipse at 85% 30%,rgba(245,166,35,0.07),transparent 45%),var(--surface);border:1px solid var(--line-2);border-radius:18px;overflow:hidden}
  .curfig .cf-title{max-width:none;margin:0}
  .cf-def{max-width:68ch;margin:26px auto 0;font-size:14.5px;line-height:1.6;color:var(--text-2);padding:12px 16px;border:1px solid var(--line-2);border-radius:12px;background:rgba(255,255,255,0.02)}
  .cf-def b{color:var(--amber)}
  .cf-title{font-family:var(--display);font-weight:800;font-size:clamp(28px,4.2vw,52px);line-height:1.04;letter-spacing:-0.02em;color:var(--text)}
  .cf-grad{background:linear-gradient(90deg,#60A5FA 0%,#A78BFA 45%,#F5A623 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
  .cf-sub{color:var(--text-2);font-size:clamp(15px,1.6vw,19px);margin:12px auto 30px;max-width:60ch}
  .cf-flow{display:grid;grid-template-columns:150px 44px 150px 56px minmax(0,1fr);align-items:center;text-align:left}
  .cf-ic{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;border:2px solid currentColor;flex:none}
  .cf-ic svg,.cf-acct svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .cf-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;color:#60A5FA;padding:22px 10px;border:1px solid rgba(96,165,250,0.45);border-radius:14px;background:rgba(96,165,250,0.06);box-shadow:0 0 30px rgba(96,165,250,0.12)}
  .cf-brand strong{font-family:var(--display);font-size:20px;color:var(--text)}
  .cf-brand .cf-ic{color:#60A5FA;background:rgba(96,165,250,0.10);box-shadow:0 0 22px rgba(96,165,250,0.35)}
  .cf-brand .cf-ic svg{stroke:#60A5FA}
  .cf-acct svg{width:34px;height:34px}
  .cf-brand span{font-size:14px;color:var(--text-2)}
  .cf-arrow{height:2px;background:#60A5FA;position:relative;margin:0 4px}
  .cf-arrow::after{content:"";position:absolute;right:-1px;top:-5px;border:6px solid transparent;border-left:8px solid #60A5FA;border-right:0}
  .cf-acct{aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;color:var(--text);padding:12px;background:#0B0B0B;position:relative}
  .cf-acct::before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:conic-gradient(from 200deg,#60A5FA,#A78BFA,#F5A623,#60A5FA);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
  .cf-acct strong{font-family:var(--display);font-size:15px;line-height:1.2}
  .cf-fork{width:100%;height:100%;min-height:200px;fill:none;stroke:rgba(255,255,255,0.45);stroke-width:2;vector-effect:non-scaling-stroke}
  .cf-partners{display:flex;flex-direction:column;gap:14px;min-width:0}
  .cf-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1.2fr);gap:16px;align-items:center;padding:16px 18px;border-radius:16px;border:1px solid var(--line-2);background:rgba(255,255,255,0.02)}
  .cf-a{border-color:rgba(245,166,35,0.6);background:linear-gradient(90deg,rgba(245,166,35,0.10),rgba(245,166,35,0.03));box-shadow:0 0 30px rgba(245,166,35,0.12)}
  .cf-a .cf-ic{color:var(--amber)} .cf-b .cf-ic{color:var(--text-3)}
  .cf-ic{width:56px;height:56px}
  .cf-who strong{display:block;font-family:var(--display);font-size:18px;color:var(--text)}
  .cf-who span{font-size:13.5px;color:var(--text-2)}
  .cf-score{display:flex;flex-direction:column;align-items:center;gap:4px}
  .cf-k{font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);white-space:nowrap}
  .cf-score svg{width:72px;height:72px}
  .cf-score .trk{fill:none;stroke:rgba(255,255,255,0.1);stroke-width:8}
  .cf-score .val{fill:none;stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}
  .cf-a .val{stroke:var(--amber-deep)} .cf-b .val{stroke:#22C55E}
  .cf-score text{fill:var(--text);font-family:var(--display);font-weight:800;font-size:28px;text-anchor:middle;dominant-baseline:central}
  .cf-facts{list-style:none;margin:0;padding:0 0 0 14px;border-left:1px solid var(--line-2);font-size:13px;color:var(--text-2)}
  .cf-facts li{padding:3px 0 3px 16px;position:relative}
  .cf-facts li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%}
  .cf-a .cf-facts li::before{background:var(--amber)} .cf-b .cf-facts li::before{background:var(--text-3)}
  .curfig figcaption{display:flex;align-items:center;gap:16px;margin-top:28px;font-family:var(--mono);font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--text-2)}
  .curfig figcaption::before,.curfig figcaption::after{content:"";flex:1;height:1px;background:var(--line-2)}
  @media(max-width:1100px){.cf-card{grid-template-columns:auto minmax(0,1fr) auto}.cf-facts{grid-column:1/-1;border-left:0;border-top:1px solid var(--line-2);padding:10px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}}
  @media(max-width:860px){
    .cf-flow{grid-template-columns:1fr;justify-items:center;gap:0}
    .cf-brand{flex-direction:row;text-align:left;width:100%;max-width:420px;padding:14px 16px}
    .cf-brand strong{font-size:18px} .cf-brand .cf-ic{width:48px;height:48px}
    .cf-arrow{width:2px;height:28px;margin:4px 0}
    .cf-arrow::after{right:-5px;top:auto;bottom:-1px;border:6px solid transparent;border-top:8px solid #60A5FA;border-bottom:0}
    .cf-acct{width:130px}
    .cf-fork{display:none}
    .cf-partners{width:100%;margin-top:18px}
  }
  @media(max-width:640px){
    .curfig{padding:24px 14px 20px}
    .cf-card{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:14px 12px}
    .cf-card .cf-ic{width:42px;height:42px} .cf-card .cf-ic svg{width:22px;height:22px}
    .cf-who strong{font-size:16px} .cf-who span{font-size:12.5px}
    .cf-score svg{width:56px;height:56px} .cf-k{font-size:8.5px}
    .cf-facts{grid-template-columns:1fr;font-size:12.5px}
    .curfig figcaption{font-size:9.5px;letter-spacing:.14em;gap:10px;text-align:center}
  }
  .cf-meters{display:flex;align-items:center;gap:16px}
  .cf-cur{display:flex;flex-direction:column;align-items:center;gap:8px}
  .cf-bars{display:flex;gap:4px}
  .cf-bars i{width:10px;height:26px;border-radius:3px;background:rgba(255,255,255,0.08)}
  .cf-bars i.on{background:var(--amber)}
  .cf-bars i.hid{background:transparent;border:1.5px dashed rgba(245,166,35,0.6)}
  .cf-b .cf-bars i.on{background:var(--amber-deep)}
  .cf-def .cf-ill{display:block;margin-top:6px;font-size:12px;color:var(--text-3)}
  @media(max-width:640px){.cf-card{grid-template-columns:auto minmax(0,1fr)}.cf-meters{grid-column:1/-1;justify-content:flex-start;gap:22px}.cf-bars i{width:8px;height:20px}}
  /* hidden currency: before and after */
  .hc{display:grid;grid-template-columns:minmax(0,1fr) 64px minmax(0,1.25fr);align-items:center;gap:8px;margin-top:8px}
  .hc-side{display:flex;flex-direction:column;gap:10px}
  .hc-k{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-3)}
  .hc-after .hc-k{color:var(--amber)}
  .hc-card{border-radius:16px;padding:20px;border:1px solid var(--line-2);background:rgba(255,255,255,0.02)}
  .hc-after .hc-card{border-color:rgba(245,166,35,0.6);background:linear-gradient(135deg,rgba(245,166,35,0.12),rgba(245,166,35,0.03));box-shadow:0 0 40px rgba(245,166,35,0.15)}
  .hc-name{display:flex;align-items:center;gap:12px;margin-bottom:14px}
  .hc-name strong{font-family:var(--display);font-size:20px;color:var(--text)}
  .hc-name .cf-ic{width:44px;height:44px;color:var(--text-3)} .hc-name .cf-ic svg{width:22px;height:22px}
  .hc-after .hc-name .cf-ic{color:var(--amber)}
  .hc-dl{display:flex;flex-direction:column;gap:8px;margin:0}
  .hc-dl div{display:flex;justify-content:space-between;gap:12px;font-size:14px;border-top:1px solid var(--line-2);padding-top:8px}
  .hc-dl dt{color:var(--text-3)} .hc-dl dd{color:var(--text-2);margin:0;text-align:right}
  .hc-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
  .hc-chips li{font-size:14px;color:var(--text);padding:7px 12px;border-radius:100px;border:1px solid rgba(245,166,35,0.45);background:rgba(245,166,35,0.08)}
  .hc-note{font-size:14px;color:var(--text-3);margin:0}
  .hc-after .hc-note{color:var(--text-2)}
  .hc-arrow svg{width:48px;height:24px;fill:none;stroke:var(--amber);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;margin:auto}
  .hc-before .hc-card{opacity:.75}
  .hc-partner{margin-top:24px;font-size:16px;color:var(--text-2);text-align:center}
  .hc-partner b{color:var(--amber)} .hc-partner span{display:block;font-size:12px;color:var(--text-3);margin-top:4px}
  @media(max-width:760px){.hc{grid-template-columns:1fr}.hc-arrow{transform:rotate(90deg);height:40px;display:flex;align-items:center}}
  /* journey map: 7 roles x 9 stages, routes drawn as arrows */
  .jm-routes{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
  .jm-routes button{display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:13.5px;font-weight:600;color:var(--text-2);background:rgba(255,255,255,0.03);border:1px solid var(--line-2);border-radius:100px;padding:7px 14px 7px 7px;cursor:pointer}
  .jm-routes button span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:rgba(255,255,255,0.08);font-size:12px}
  .jm-routes button:hover,.jm-routes button:focus-visible{border-color:var(--amber);color:var(--text)}
  .jm-routes button[aria-pressed="true"]{border-color:var(--amber);color:var(--text);background:rgba(245,166,35,0.1)}
  .jm-routes button[aria-pressed="true"] span{background:var(--amber);color:#1A1A1A}
  .jm-box{overflow-x:auto;border:1px solid var(--line-2);border-radius:14px;background:var(--surface)}
  .jm{position:relative;display:grid;grid-template-columns:150px repeat(9,minmax(70px,1fr));min-width:820px}
  .jm-corner{border-bottom:1px solid var(--line-2)}
  .jm-stage{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);text-align:center;padding:10px 4px;border-bottom:1px solid var(--line-2)}
  .jm-lane{font-family:inherit;font-size:12.5px;font-weight:700;text-align:left;padding:10px 12px;border:0;border-bottom:1px solid var(--line-2);background:var(--surface);cursor:pointer;line-height:1.25;position:sticky;left:0;z-index:3;border-left:4px solid}
  .jm-lane.jm-p{color:var(--amber);border-left-color:var(--amber)} .jm-lane.jm-b{color:var(--brand-blue);border-left-color:var(--brand-blue)}
  .jm-lane:hover,.jm-lane:focus-visible,.jm-lane.on{background:rgba(255,255,255,0.05)}
  .jm-lane[data-lane="bae"]{border-top:2px solid var(--line-strong)}
  .jm-cell{min-height:54px;border-bottom:1px solid var(--line-2);border-left:1px dashed rgba(255,255,255,0.04);display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;padding:4px}
  .jm-cell[data-l="bae"]{border-top:2px solid var(--line-strong)}
  .jm-cell.lit{background:rgba(255,255,255,0.025)}
  .jm-stop{position:relative;z-index:2;width:28px;height:28px;border-radius:50%;font-family:inherit;font-size:12px;font-weight:800;cursor:pointer;color:#111;border:0}
  .jm-stop.jm-p{background:var(--amber)} .jm-stop.jm-b{background:var(--brand-blue)}
  .jm-stop.told{background:transparent;border:2px dashed;width:24px;height:24px}
  .jm-stop.told.jm-p{border-color:var(--amber);color:var(--amber)} .jm-stop.told.jm-b{border-color:var(--brand-blue);color:var(--brand-blue)}
  .jm-stop:focus-visible{outline:2px solid #fff;outline-offset:2px}
  .jm-paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
  .jm-paths .ln{fill:none;stroke-width:2}
  .jm-paths .ln-p{stroke:var(--amber)} .jm-paths .ln-b{stroke:var(--brand-blue)}
  .jm-paths .ln.told{stroke-dasharray:4 4;opacity:.7}
  .jm-legend{display:flex;flex-wrap:wrap;gap:14px;margin:10px 0 0;font-size:12px;color:var(--text-3)}
  .jm-legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:-1px}
  .jm-legend .lp{background:var(--amber)} .jm-legend .lb{background:var(--brand-blue)} .jm-legend .ld{border:1.5px dashed var(--text-3)}
  .jm-detail{margin-top:16px;border:1px solid var(--line-2);border-radius:14px;padding:16px 18px;background:rgba(255,255,255,0.02)}
  .jm-dh{font-weight:700;color:var(--text);margin:0 0 10px}
  .jm-detail ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-2);line-height:1.45}
  .jm-detail li.on{color:var(--text)} .jm-detail li.told{opacity:.75}
  .jm-detail b.jm-p{color:var(--amber)} .jm-detail b.jm-b{color:var(--brand-blue)}
  .jm-detail .st{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:0 4px}
  .jm-detail .rt{font-size:11.5px;color:var(--text-3)}
  .jm-detail ol.jm-role{list-style:none;padding-left:0}
  .hc-g{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);margin:4px 0 8px}
  .hc-chips+.hc-g{margin-top:14px}
  .hc-ready li{border-style:dashed}
  .hc-quotes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}
  .hc-q{margin:0;padding:14px 16px;border-radius:12px;font-family:var(--display);font-weight:700;font-size:clamp(16px,1.8vw,20px);color:var(--text);border:1px solid var(--line-2);border-left:4px solid}
  .hc-q span{display:block;font-family:var(--mono);font-weight:400;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px}
  .hc-qp{border-left-color:var(--amber)} .hc-qp span{color:var(--amber)}
  .hc-qb{border-left-color:var(--brand-blue)} .hc-qb span{color:var(--brand-blue)}
  .hc-partner{font-size:15px}
  @media(max-width:760px){.hc-quotes{grid-template-columns:1fr}}
  /* every Partner Org is amber; B is dimmer, not grey */
  .cf-b{border-color:rgba(245,166,35,0.3)}
  .cf-b .cf-ic{color:var(--amber-deep)}
  .cf-b .cf-facts li::before{background:var(--amber-deep)}
  /* shared today / could share */
  .cf-facts{padding:0 0 0 14px;border-left:1px solid var(--line-2)}
  .cf-facts ul{list-style:none;margin:0 0 6px;padding:0}
  .cf-fk{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin:0 0 2px}
  .cf-fk-c{margin-top:6px}
  .cf-facts ul.cf-could li{color:var(--text-3)}
  .cf-a .cf-facts ul.cf-could li::before,.cf-b .cf-facts ul.cf-could li::before{background:transparent;border:1.5px dashed var(--amber)}
  @media(max-width:1100px){.cf-facts{display:block;border-left:0;border-top:1px solid var(--line-2);padding:10px 0 0}}
  /* share more -> trust -> opportunities */
  .hc-loop{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;counter-reset:hl}
  .hc-loop li{position:relative;padding:14px 18px 14px 18px;border:1px solid var(--line-2);display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,0.02)}
  .hc-loop li:first-child{border-radius:12px 0 0 12px} .hc-loop li:last-child{border-radius:0 12px 12px 0}
  .hc-loop li+li{border-left:0}
  .hc-loop li+li::before{content:"\2192";position:absolute;left:-9px;top:50%;transform:translateY(-50%);color:var(--amber);background:var(--bg,#0D0D0D);font-size:14px;line-height:1;padding:2px 0}
  .hc-loop b{font-size:16px;color:var(--text)} .hc-loop span{font-size:13px;color:var(--text-2)}
  @media(max-width:760px){.hc-loop{grid-template-columns:1fr}.hc-loop li,.hc-loop li:first-child,.hc-loop li:last-child{border-radius:0;border-left:1px solid var(--line-2)}.hc-loop li:first-child{border-radius:12px 12px 0 0}.hc-loop li:last-child{border-radius:0 0 12px 12px}.hc-loop li+li{border-top:0}.hc-loop li+li::before{content:"\2193";left:18px;top:-9px;transform:none}}
  /* awareness, currency silo, trust (30 Oct) */
  .cf-who .cf-aw{display:inline-block;margin-top:8px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:100px;border:1px solid var(--line-2);color:var(--text-3)}
  .cf-aw-high{color:var(--text);border-color:rgba(255,255,255,0.3)}
  .cf-silo-wrap{display:flex;align-items:center;gap:8px}
  .cf-silo{display:flex;flex-direction:column;width:30px;height:96px;border-radius:6px;overflow:hidden;border:1px solid rgba(245,166,35,0.35)}
  .cf-silo i{display:block;width:100%}
  .cf-silo .s-vis{background:var(--amber)}
  .cf-silo .s-hid{background:repeating-linear-gradient(45deg,rgba(245,166,35,0.35) 0 4px,rgba(245,166,35,0.1) 4px 8px)}
  .cf-silo .s-none{background:rgba(255,255,255,0.05)}
  .cf-silo-k{list-style:none;margin:0;padding:0;font-size:11px;color:var(--text-3);text-align:left;line-height:1.5}
  .cf-silo-k b{color:var(--text);font-weight:800;margin-right:3px}
  .cf-silo-k .k-vis b{color:var(--amber)} .cf-silo-k .k-hid b{color:var(--amber-soft,#F8C46B)}
  .cf-a .val{stroke:#22C55E} .cf-b .val{stroke:var(--amber-deep)}
  .cf-three{list-style:none;margin:24px auto 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:900px;text-align:left}
  .cf-three li{padding:12px 14px;border:1px solid var(--line-2);border-radius:12px;display:flex;flex-direction:column;gap:2px;background:rgba(255,255,255,0.02)}
  .cf-three b{color:var(--text);font-size:15px} .cf-three span{color:var(--text-2);font-size:13.5px}
  .cf-three em{font-style:normal;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-top:4px}
  .cf-three li:nth-child(2) b{color:var(--amber)} .cf-three li:nth-child(3) b{color:#22C55E}
  @media(max-width:760px){.cf-three{grid-template-columns:1fr}}
  /* roomier cards: facts under the meters, in two columns */
  .cf-card{grid-template-columns:auto minmax(0,1fr) auto;row-gap:12px}
  .cf-facts{grid-column:1/-1;border-left:0;border-top:1px solid var(--line-2);padding:10px 0 0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-auto-flow:column;column-gap:18px}
  .cf-fk-c{margin-top:0}
  .cf-who .cf-aw{white-space:nowrap}
  @media(max-width:640px){.cf-card{grid-template-columns:auto minmax(0,1fr)}.cf-facts{grid-template-columns:1fr;grid-auto-flow:row}.cf-fk-c{margin-top:6px}}
  /* three meters side by side: currency, awareness (perception), trust (evidence) */
  .cf-meters{display:grid;grid-template-columns:auto auto auto;gap:0;align-items:stretch}
  .cf-m{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 16px;text-align:center}
  .cf-m+.cf-m{border-left:1px solid var(--line-2)}
  .cf-k2{font-size:11px;color:var(--text-3);line-height:1.3;max-width:13ch}
  .cf-ring{width:68px;height:68px;margin-top:auto}
  .cf-ring.r-aw .val{stroke:#C4C0BA} .cf-ring.r-hi .val{stroke:#22C55E} .cf-ring.r-mid .val{stroke:var(--amber-deep)}
  .cf-a .cf-ring.r-hi .val,.cf-b .cf-ring.r-hi .val{stroke:#22C55E}
  .cf-a .cf-ring.r-mid .val,.cf-b .cf-ring.r-mid .val{stroke:var(--amber-deep)}
  .cf-a .cf-ring.r-aw .val,.cf-b .cf-ring.r-aw .val{stroke:#C4C0BA}
  .cf-silo-k{display:flex;flex-direction:column;gap:2px}
  .cf-silo-k .k-hid b{color:#F8C46B}
  .cf-card{grid-template-columns:auto minmax(0,1fr) auto}
  @media(max-width:1100px){.cf-card{grid-template-columns:auto minmax(0,1fr)}.cf-meters{grid-column:1/-1;justify-content:start}}
  @media(max-width:640px){.cf-meters{grid-template-columns:1fr 1fr;row-gap:14px}.cf-m{padding:0 8px}.cf-m.cf-cur{grid-column:1/-1;align-items:flex-start;border:0}.cf-m.cf-awm{border-left:0}.cf-ring{width:56px;height:56px}}
  .cf-ring .trk{fill:none;stroke:rgba(255,255,255,0.1);stroke-width:8}
  .cf-ring .val{fill:none;stroke-width:8;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}
  .cf-ring text{fill:var(--text);font-family:var(--display);font-weight:800;font-size:28px;text-anchor:middle;dominant-baseline:central}
  .cf-card{grid-template-columns:auto minmax(0,1fr)}
  .cf-meters{grid-column:1/-1;grid-template-columns:1.3fr 1fr 1fr;border-top:1px solid var(--line-2);padding-top:12px}
  .cf-m.cf-cur{align-items:flex-start;padding-left:0}
  @media(max-width:640px){.cf-meters{grid-template-columns:1fr 1fr}}

/* Example-brands notice next to every video and product image (Kevin, 30 Oct) */
.ex-note{font-size:12px;line-height:1.55;color:var(--text-3);margin:10px 0 0}
.ex-note::before{content:'i';display:inline-grid;place-items:center;width:14px;height:14px;margin-right:6px;border:1px solid currentColor;border-radius:50%;font:700 9px/1 var(--mono);vertical-align:1px}