decaframe 0.1.0

package/dist/blocks.css

@@ -0,0 +1,2822 @@
+
+
+.page, .page * { box-sizing: border-box; margin: 0; padding: 0; }
+
+.page {
+  font-family: var(--font-sans);
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  
+  
+  font-size: var(--text-base);
+  font-weight: 400;
+  
+  
+  --ink: var(--fg);
+  --ink-subtle: var(--fg-muted);
+  --ink-subtlest: var(--fg-faint);
+  color: var(--ink);
+  
+  --highlight-mix: 16%;
+  line-height: 1.5;
+  letter-spacing: 0em;
+  
+  overflow-wrap: break-word;
+}
+
+.blk:has([data-emphasis]) .item:not([data-emphasis]),
+.blk:has([data-emphasis]) .stat:not([data-emphasis]) {
+  --ink: var(--fg-muted);
+  --ink-subtle: var(--fg-faint);
+  --ink-subtlest: var(--fg-faint);
+  
+  --icon-ink: var(--fg-muted);
+  color: var(--ink);
+}
+
+.page [data-color='grey'],   .page [data-highlight='grey']   { --c-pick: var(--c-grey); }
+.page [data-color='red'],    .page [data-highlight='red']    { --c-pick: var(--c-red); }
+.page [data-color='orange'], .page [data-highlight='orange'] { --c-pick: var(--c-orange); }
+.page [data-color='yellow'], .page [data-highlight='yellow'] { --c-pick: var(--c-yellow); }
+.page [data-color='green'],  .page [data-highlight='green']  { --c-pick: var(--c-green); }
+.page [data-color='teal'],   .page [data-highlight='teal']   { --c-pick: var(--c-teal); }
+.page [data-color='blue'],   .page [data-highlight='blue']   { --c-pick: var(--c-blue); }
+.page [data-color='purple'], .page [data-highlight='purple'] { --c-pick: var(--c-purple); }
+.page [data-color='pink'],   .page [data-highlight='pink']   { --c-pick: var(--c-pink); }
+
+.page [data-color] { color: var(--c-pick); }
+
+.page mark[data-highlight] {
+  background: color-mix(in oklch, var(--c-pick) var(--highlight-mix), var(--bg));
+  color: inherit;
+  padding: 0.05em 0.18em;
+  border-radius: 0.16em;
+  
+  -webkit-box-decoration-break: clone;
+  box-decoration-break: clone;
+}
+
+.page {
+  width: var(--frame-w);
+  
+  padding: var(--frame-pad-t) var(--frame-pad-x) var(--frame-pad-b);
+  
+  background-color: var(--bg);
+  color: var(--ink);
+  box-shadow: var(--shadow);
+  display: flex;
+  flex-direction: column;
+  
+  overflow: var(--frame-overflow, hidden);
+  
+  min-height: var(--frame-min, 0);
+}
+
+[data-format='16:9'] .page { aspect-ratio: 16 / 9; }
+[data-format='4:3'] .page { aspect-ratio: 4 / 3; }
+
+[data-format='A4'] .page { aspect-ratio: 210 / 297; }
+[data-format='fluid'] .page { aspect-ratio: auto; }
+
+[data-format='fluid'] .page { min-height: var(--fluid-floor, var(--frame-min, 0)); }
+
+[data-footer-on] .page,
+[data-page-numbers] .page,
+.page[data-footer] {
+  position: relative;
+}
+
+.page {
+  
+  counter-increment: dfx-page;
+  
+  --footer-gap: calc(24px*var(--doc-s, 1));
+  --footer-h: calc(27px*var(--doc-s, 1));
+  
+  --footer-mark-h: calc(20px*var(--doc-s, 1));
+  
+  --footer-inset: calc(24px*var(--doc-s, 1));
+  
+  --footer-words-pad: calc(200px*var(--doc-s, 1));
+  
+  --footer-mark-max-w: calc(180px*var(--doc-s, 1));
+  
+}
+
+.page {
+  
+  --footer-mark-size: auto var(--footer-mark-h);
+}
+[data-footer-wide] .page { --footer-mark-size: var(--footer-mark-max-w) auto; }
+
+.page {
+  --footer-mark-layer:
+    var(--footer-logo, none) no-repeat var(--footer-inset)
+    calc(100% - var(--footer-gap) - (var(--footer-h) - var(--footer-mark-h)) / 2)
+    / var(--footer-mark-size);
+}
+.page:dir(rtl) {
+  --footer-mark-layer:
+    var(--footer-logo, none) no-repeat calc(100% - var(--footer-inset))
+    calc(100% - var(--footer-gap) - (var(--footer-h) - var(--footer-mark-h)) / 2)
+    / var(--footer-mark-size);
+}
+
+[data-footer-on] .page { background: var(--footer-mark-layer), var(--bg); }
+.page::before,
+.page::after {
+  position: absolute;
+  bottom: var(--footer-gap);
+  
+  z-index: 2;
+  
+  font-family: var(--font-sans);
+  font-size: calc(var(--doc-text-base) * 0.86);
+  font-weight: 400;
+  letter-spacing: 0.02em;
+  
+  block-size: var(--footer-h);
+  line-height: var(--footer-h);
+  
+  color: var(--footer-plane, var(--footer, var(--fg-muted)));
+  white-space: nowrap;
+  pointer-events: none;
+}
+
+.page::before {
+  content: var(--footer-words, '');
+  inset-inline: var(--footer-inset);
+  
+  padding-inline: var(--footer-words-pad);
+  text-align: center;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.page::after {
+  content: '';
+  
+  inset-inline-end: var(--footer-inset);
+  font-variant-numeric: tabular-nums;
+}
+[data-page-numbers] .page::after { content: counter(dfx-page); }
+
+.page[data-furniture='off'] { --footer-mark-layer: none; }
+.page[data-furniture='off']::before,
+.page[data-furniture='off']::after { content: none; }
+
+.page-eyebrow {
+  font-family: var(--font-mono);
+  font-size: calc(var(--text-base) * 0.6875); font-weight: 500;
+  letter-spacing: 0.14em; text-transform: uppercase;
+  color: var(--ink-subtlest);
+}
+
+.page-title {
+  font-family: var(--font-display);
+  font-size: calc(var(--text-base) * 2.5 * var(--display-scale, 1)); font-weight: var(--weight-display);
+  text-transform: var(--display-case, none);
+  letter-spacing: calc(-0.023em * var(--track-tight)); line-height: 1.08;
+  margin-top: calc(11px*var(--s, 1)) !important;
+  position: relative;
+  padding-bottom: calc(24px*var(--s, 1) + 1px);
+  
+  margin-bottom: calc(32px*var(--s, 1)) !important;
+}
+
+.page-title::after,
+.page-subtitle::after {
+  content: '';
+  position: absolute;
+  inset-inline-start: 0;
+  bottom: 0;
+  inline-size: calc(var(--title-rule-length, 1) * 100%);
+  block-size: calc(var(--title-rule-on, 0) * var(--title-rule-weight, 1px));
+  background: var(--title-rule, transparent);
+}
+
+.page-title:has(+ .page-subtitle) {
+  padding-bottom: 0;
+  margin-bottom: calc(7px*var(--s, 1)) !important;
+}
+
+.page-title:has(+ .page-subtitle)::after { display: none; }
+
+.page-subtitle {
+  font-size: calc(var(--text-base) * 1.1875); font-weight: 400;
+  letter-spacing: calc(-0.005em * var(--track-tight)); line-height: 1.42;
+  color: var(--ink-subtle);
+  
+  position: relative;
+  padding-bottom: calc(24px*var(--s, 1) + 1px);
+  margin-bottom: calc(32px*var(--s, 1)) !important;
+}
+
+[data-align='middle'] .page > .blk:nth-child(1 of .blk) { margin-top: auto; }
+[data-align='middle'] .page > .blk:nth-last-child(1 of .blk) { margin-bottom: auto; }
+[data-align='bottom'] .page > .blk:nth-child(1 of .blk) { margin-top: auto; }
+
+.blk { list-style: none; padding: 0; margin: 0; flex-shrink: 0; }
+.page > .blk + .blk { margin-top: calc(34px*var(--s, 1)); }
+
+.page [data-placeholder]::before {
+  content: attr(data-placeholder);
+  display: block;
+  height: 0;
+  pointer-events: none;
+  color: var(--ink-subtlest);
+}
+
+@container region (max-width: 260px) {
+  .page [data-placeholder] { position: relative; }
+  .page [data-placeholder]::before {
+    position: absolute;
+    inset-inline: 0;
+    top: 0;
+    
+    height: auto;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
+
+.page [data-slot]:empty,
+.page [data-slot] > p:only-child:empty { display: none; }
+
+.i-title { font-size: calc(var(--text-base) * 1.125); font-weight: 600; letter-spacing: calc(-0.012em * var(--track-tight)); line-height: 1.25; }
+.i-body { font-size: calc(var(--text-base) * 0.90625); line-height: 1.52; color: var(--ink-subtle); }
+
+.page .i-body .blk-text {
+  letter-spacing: inherit;
+  color: inherit;
+  max-width: none;
+}
+.page .i-body .blk-text[data-arrangement='md'] { font: inherit; }
+
+.i-body > * + * { margin-top: 0.62em; }
+.i-body > .blk-bullets, .i-body > .blk-numbered { font: inherit; }
+
+.i-body .p-item + .p-item { margin-top: calc(4px*var(--s, 1)) !important; }
+.i-body ul.blk-bullets > .p-item::before { font-size: inherit; line-height: inherit; }
+.i-meta {
+  font-family: var(--font-mono);
+  font-size: calc(var(--text-base) * 0.6875); font-weight: 500;
+  letter-spacing: 0.09em; text-transform: uppercase;
+  color: var(--ink-subtlest);
+}
+
+.layout-region .item, .layout-region .stat { min-width: 0; }
+
+.item-icon {
+  display: block;
+  width: 1em; height: 1em;
+  background-color: currentColor;
+  -webkit-mask: var(--icon) center / contain no-repeat;
+  mask: var(--icon) center / contain no-repeat;
+}
+
+.page > .blk + .blk-text,
+.page > .blk + .blk-bullets,
+.page > .blk + .blk-numbered { margin-top: calc(13px*var(--s, 1)); }
+.page > .blk + .blk-heading { margin-top: calc(26px*var(--s, 1)); }
+.page > .blk + .blk-quote { margin-top: calc(20px*var(--s, 1)); }
+
+.page > .blk-heading + .blk-text,
+.page > .blk-heading + .blk-bullets,
+.page > .blk-heading + .blk-numbered { margin-top: calc(9px*var(--s, 1)); }
+
+.blk-text { font-size: calc(var(--text-base) * 1.0625); line-height: 1.58; letter-spacing: calc(-0.004em * var(--track-tight)); }
+
+.blk-text[data-arrangement='lg'] {
+  font-size: calc(var(--text-base) * 1.375); line-height: 1.45;
+  letter-spacing: calc(-0.008em * var(--track-tight));
+}
+
+.blk-text[data-arrangement='xl'] {
+  font-family: var(--font-display);
+  
+  font-size: calc(var(--text-base) * 3.25 * var(--display-scale, 1)); line-height: 1.34;
+  font-weight: var(--weight-display);
+  letter-spacing: calc(-0.026em * var(--track-tight));
+}
+.blk-text[data-arrangement='sm'] {
+  font-size: calc(var(--text-base) * 0.875); line-height: 1.62;
+  letter-spacing: calc(-0.002em * var(--track-tight));
+  color: var(--ink-subtle);
+}
+
+.blk-heading {
+  font-family: var(--font-display);
+  font-size: calc(var(--text-base) * 1.3125 * var(--display-scale, 1)); font-weight: var(--weight-display);
+  text-transform: var(--display-case, none);
+  letter-spacing: calc(-0.014em * var(--track-tight)); line-height: 1.28;
+}
+h1.blk-heading {
+  font-size: calc(var(--text-base) * 2 * var(--display-scale, 1)); line-height: 1.16;
+  letter-spacing: calc(-0.021em * var(--track-tight));
+}
+h2.blk-heading {
+  font-size: calc(var(--text-base) * 1.625); line-height: 1.22;
+  letter-spacing: calc(-0.018em * var(--track-tight));
+}
+
+h4.blk-heading {
+  font-size: calc(var(--text-base) * 1.0625); line-height: 1.4;
+  letter-spacing: calc(-0.008em * var(--track-tight));
+}
+h5.blk-heading {
+  font-size: calc(var(--text-base) * 1.0625); line-height: 1.4;
+  letter-spacing: calc(-0.004em * var(--track-tight));
+  color: var(--ink-subtle);
+}
+h6.blk-heading {
+  font-size: calc(var(--text-base) * 0.8125); line-height: 1.36;
+  font-weight: 600; text-transform: uppercase;
+  letter-spacing: calc(0.06em * var(--track-tight));
+  color: var(--ink-subtle);
+}
+
+.blk-separator {
+  border: 0; border-top: 1px solid var(--rule);
+  margin: calc(18px*var(--s, 1)) 0;
+}
+.page > .blk + .blk-separator { margin-top: calc(18px*var(--s, 1)); }
+
+.blk-code {
+  font-family: var(--font-mono);
+  font-size: calc(var(--text-base) * 0.84375); line-height: 1.55;
+  white-space: pre-wrap; overflow-wrap: anywhere;
+  background: var(--bg-subtle); color: var(--ink);
+  border-radius: var(--corner-sm);
+  padding: calc(12px*var(--s, 1)) calc(14px*var(--s, 1));
+  tab-size: 2;
+}
+.page > .blk + .blk-code { margin-top: calc(14px*var(--s, 1)); }
+
+.inline-img {
+  display: inline-block; height: 1em; width: auto;
+  vertical-align: -0.14em; object-fit: contain;
+  border-radius: calc(var(--corner-sm) * 0.5);
+}
+
+.blk-bullets, .blk-numbered { list-style: none; padding: 0; margin: 0; }
+.p-item { position: relative; padding-left: calc(26px*var(--s, 1)); }
+.p-item + .p-item { margin-top: calc(10px*var(--s, 1)) !important; }
+.p-item > .blk-text { margin-top: 0 !important; max-width: none; }
+
+.p-item::before {
+  position: absolute;
+  left: 0; top: 0;
+  color: var(--accent);
+}
+
+ul.blk-bullets > .p-item::before {
+  content: var(--bullet-glyph);
+  font-size: 0.9em;
+  
+  line-height: calc(var(--text-base) * 1.0625 * 1.58);
+}
+
+ol.blk-numbered { counter-reset: p-num; }
+ol.blk-numbered > .p-item { counter-increment: p-num; padding-left: calc(32px*var(--s, 1)); }
+ol.blk-numbered > .p-item::before {
+  content: counter(p-num, decimal-leading-zero);
+  font-family: var(--font-mono);
+  font-size: 0.72em; font-weight: 500;
+  letter-spacing: 0.02em;
+  top: 0.32em;
+}
+
+.blk-checklist { list-style: none; padding: 0; margin: 0; }
+
+.blk-checklist > li {
+  display: grid;
+  grid-template-columns: calc(26px*var(--s, 1)) 1fr;
+  align-items: start;
+}
+.blk-checklist > li + li { margin-top: calc(10px*var(--s, 1)) !important; }
+.blk-checklist > li > div { min-width: 0; }
+.blk-checklist .blk-text { margin-top: 0 !important; max-width: none; }
+
+.blk-checklist > li > label {
+  display: block;
+  position: relative;
+  
+  padding-top: 0.28em;
+  cursor: var(--pointer, pointer);
+}
+.blk-checklist > li > label > input {
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+  margin: 0;
+  cursor: inherit;
+}
+.blk-checklist > li > label > span {
+  display: block;
+  inline-size: calc(15px*var(--s, 1));
+  block-size: calc(15px*var(--s, 1));
+  border: 1px solid var(--rule-strong);
+  
+  border-radius: var(--check-corner);
+}
+
+.blk-checklist > li[data-checked='true'] > label > span {
+  background: var(--accent);
+  border-color: var(--accent);
+}
+.blk-checklist > li[data-checked='true'] > label > span::after {
+  content: '';
+  position: absolute;
+  inset-block-start: calc(0.28em + (4px*var(--s, 1)));
+  inset-inline-start: calc(4px*var(--s, 1));
+  inline-size: calc(7px*var(--s, 1));
+  block-size: calc(4px*var(--s, 1));
+  border-inline-start: 2px solid var(--bg);
+  border-block-end: 2px solid var(--bg);
+  transform: rotate(-45deg);
+}
+
+.blk-checklist > li[data-checked='true'] .blk-text { color: var(--ink-subtlest); }
+
+.blk-quote { position: relative; padding-left: calc(38px*var(--s, 1)); }
+.blk-quote::before {
+  content: '';
+  position: absolute;
+  left: 0; top: calc(4px*var(--s, 1)); bottom: calc(4px*var(--s, 1));
+  width: calc(3px*var(--s, 1));
+  background: var(--accent);
+}
+.q-text {
+  font-family: var(--font-display);
+  font-size: calc(var(--text-base) * 1.6875 * var(--display-scale, 1)); font-weight: 400;
+  letter-spacing: calc(-0.017em * var(--track-tight)); line-height: 1.34;
+  text-wrap: balance;
+}
+
+.q-attribution {
+  margin-top: calc(14px*var(--s, 1)) !important;
+  font-size: calc(var(--text-base) * 0.875); font-weight: 500;
+  letter-spacing: 0.01em;
+  color: var(--ink-subtle);
+}
+.q-attribution::before { content: '— '; color: var(--ink-subtlest); }
+
+.blk-box { --gap-y: 30px; --gap-x: 36px; }
+.blk-box > .item { --pad-t: 15px; --pad-x: 20px; }
+
+.blk-box[data-arrangement='grid'] {
+  display: grid;
+  
+  gap: calc(var(--gap-y)*var(--s, 1)) calc(var(--gap-x)*var(--s, 1));
+  
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.blk-box[data-arrangement='grid'][data-count='4'] > .item:nth-child(n + 3),
+.blk-box[data-arrangement='grid'][data-count='5'] > .item:nth-child(n + 4),
+.blk-box[data-arrangement='grid'][data-count='6'] > .item:nth-child(n + 4),
+.blk-box[data-arrangement='grid'][data-count='7'] > .item:nth-child(n + 5),
+.blk-box[data-arrangement='grid'][data-count='8'] > .item:nth-child(n + 5),
+.blk-box[data-arrangement='grid'][data-count='9'] > .item:nth-child(n + 4) { --div-top: 1; }
+.blk-box[data-arrangement='grid'] { --icon-k: 1.375; --icon-gap: 13px; }
+.blk-box[data-arrangement='grid'] .item-icon { color: var(--icon-ink, var(--accent)); }
+.blk-box[data-arrangement='grid'] .i-title { margin-bottom: calc(7px*var(--s, 1)) !important; }
+
+.blk-box .i-meta { line-height: 1; }
+.blk-box[data-arrangement='grid'] .i-meta { margin-bottom: calc(4px*var(--s, 1)); }
+
+.blk-steps .item-icon,
+.blk-timeline .item-icon { display: none; }
+
+.blk-box[data-arrangement='grid'][data-count='1'] { grid-template-columns: minmax(0, 1fr); }
+
+.blk-box[data-arrangement='grid'][data-count='1'] { --icon-k: 1.75; --icon-gap: 16px; }
+.blk-box[data-arrangement='grid'][data-count='1'] .i-title { font-size: calc(var(--text-base) * 1.4375); margin-bottom: calc(9px*var(--s, 1)) !important; }
+.blk-box[data-arrangement='grid'][data-count='1'] .i-body { font-size: calc(var(--text-base) * 1.03125); line-height: 1.5; }
+
+.blk-box[data-arrangement='grid'][data-count='2'] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+.blk-box[data-arrangement='grid'][data-count='4'] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+.blk-box[data-arrangement='grid'][data-count='7'],
+.blk-box[data-arrangement='grid'][data-count='8'] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
+
+.blk-box[data-arrangement='grid'][data-count='2'],
+.blk-box[data-arrangement='grid'][data-count='3'] { --gap-x: 36px; gap: calc(var(--gap-x)*var(--s, 1)); }
+
+.blk-box[data-arrangement='grid'][data-count='2'] > .item,
+.blk-box[data-arrangement='grid'][data-count='3'] > .item {
+  --div-lead: 1;
+  --pad-t: 17px; --pad-x: 20px;
+}
+.blk-box[data-arrangement='grid'][data-count='2'] > .item:first-child,
+.blk-box[data-arrangement='grid'][data-count='3'] > .item:first-child { --div-lead: 0; }
+
+.blk-box[data-arrangement='grid'][data-count='2'],
+.blk-box[data-arrangement='grid'][data-count='3'] { --icon-k: 2; --icon-gap: 20px; }
+.blk-box[data-arrangement='grid'][data-count='2'] .i-title,
+.blk-box[data-arrangement='grid'][data-count='3'] .i-title { font-size: calc(var(--text-base) * 1.5); margin-bottom: calc(10px*var(--s, 1)) !important; }
+.blk-box[data-arrangement='grid'][data-count='2'] .i-body,
+.blk-box[data-arrangement='grid'][data-count='3'] .i-body { font-size: calc(var(--text-base) * 1.03125); line-height: 1.5; }
+
+.blk-box[data-arrangement='grid'][data-count='7'],
+.blk-box[data-arrangement='grid'][data-count='8'],
+.blk-box[data-arrangement='grid'][data-count='9'] {
+  --gap-y: 22px; --gap-x: 28px;
+  gap: calc(var(--gap-y)*var(--s, 1)) calc(var(--gap-x)*var(--s, 1));
+}
+.blk-box[data-arrangement='grid'][data-count='7'],
+.blk-box[data-arrangement='grid'][data-count='8'],
+.blk-box[data-arrangement='grid'][data-count='9'] { --icon-k: 1.125; --icon-gap: 9px; }
+.blk-box[data-arrangement='grid'][data-count='7'] .i-title,
+.blk-box[data-arrangement='grid'][data-count='8'] .i-title,
+.blk-box[data-arrangement='grid'][data-count='9'] .i-title { font-size: calc(var(--text-base) * 0.96875); }
+.blk-box[data-arrangement='grid'][data-count='7'] .i-body,
+.blk-box[data-arrangement='grid'][data-count='8'] .i-body,
+.blk-box[data-arrangement='grid'][data-count='9'] .i-body { font-size: calc(var(--text-base) * 0.8125); line-height: 1.46; }
+
+.blk-box[data-arrangement='list'] {
+  display: grid;
+  grid-auto-flow: row;
+  --gap-y: 20px;
+  row-gap: calc(var(--gap-y)*var(--s, 1));
+}
+
+.blk-box[data-arrangement='list'] .item {
+  display: grid;
+  
+  grid-template-columns: calc(24px*var(--s, 1)) 1fr;
+  column-gap: calc(14px*var(--s, 1));
+  align-items: start;
+  
+  --lead-gutter: 38px;
+  
+  
+  --pad-t: 14px; --pad-b: 14px; --pad-x: 20px;
+  
+  --div-top: 1;
+}
+.blk-box[data-arrangement='list'] > .item:first-child { --div-top: 0; }
+
+.blk-box[data-arrangement='list'] .item-icon {
+  grid-column: 1;
+  color: var(--icon-ink, var(--accent));
+  
+  line-height: 1.25;
+}
+
+.blk-box[data-arrangement='list'] { --icon-k: 1.2; --icon-gap: 8px; }
+.blk-box[data-arrangement='list'] .item-slots { grid-column: 2; }
+
+.blk-box[data-arrangement='list'] .i-meta { margin-bottom: calc(4px*var(--s, 1)); }
+.blk-box[data-arrangement='list'] .i-title { margin-bottom: calc(6px*var(--s, 1)) !important; }
+.blk-box[data-arrangement='list'] .i-body { line-height: 1.5; }
+
+.blk-box[data-arrangement='list'][data-count='5'] .item-slots,
+.blk-box[data-arrangement='list'][data-count='6'] .item-slots {
+  display: grid;
+  grid-template-columns: calc(190px*var(--s, 1)) 1fr;
+  column-gap: calc(28px*var(--s, 1));
+  align-items: baseline;
+}
+.blk-box[data-arrangement='list'][data-count='5'] .i-title,
+.blk-box[data-arrangement='list'][data-count='6'] .i-title { margin-bottom: 0 !important; }
+
+.blk-box[data-arrangement='list'][data-count='5'] > .item > .item-slots > .i-body,
+.blk-box[data-arrangement='list'][data-count='6'] > .item > .item-slots > .i-body { grid-column: 2; grid-row: 2; }
+
+.blk-box[data-arrangement='list'][data-count='5'] > .item > .item-slots > .i-title,
+.blk-box[data-arrangement='list'][data-count='6'] > .item > .item-slots > .i-title { padding-bottom: 0; }
+.blk-box[data-arrangement='list'][data-count='5'] .item-slots:has(> .i-meta),
+.blk-box[data-arrangement='list'][data-count='6'] .item-slots:has(> .i-meta) {
+  grid-template-columns: calc(96px*var(--s, 1)) calc(190px*var(--s, 1)) 1fr;
+}
+.blk-box[data-arrangement='list'][data-count='5'] .i-meta,
+.blk-box[data-arrangement='list'][data-count='6'] .i-meta { grid-column: 1; grid-row: 1; margin-bottom: 0; }
+.blk-box[data-arrangement='list'][data-count='5'] > .item > .item-slots > .i-meta ~ .i-title,
+.blk-box[data-arrangement='list'][data-count='6'] > .item > .item-slots > .i-meta ~ .i-title { grid-column: 2; grid-row: 1; }
+.blk-box[data-arrangement='list'][data-count='5'] > .item > .item-slots > .i-meta ~ .i-body,
+.blk-box[data-arrangement='list'][data-count='6'] > .item > .item-slots > .i-meta ~ .i-body { grid-column: 3; grid-row: 1; }
+
+.blk-box[data-arrangement='list'][data-count='5'] > .item > .item-slots::before,
+.blk-box[data-arrangement='list'][data-count='6'] > .item > .item-slots::before {
+  margin-bottom: calc(-1 * var(--pad-b, var(--pad-t)) * var(--s, 1));
+  margin-inline-end: 0;
+  border-end-start-radius: var(--corner, 0px);
+}
+.blk-box[data-arrangement='list'][data-count='5'] > .item > .item-slots:has(> .i-meta)::before,
+.blk-box[data-arrangement='list'][data-count='6'] > .item > .item-slots:has(> .i-meta)::before { grid-column: 1 / 3; }
+
+.blk-box[data-arrangement='list'][data-count='6'] { --gap-y: 13px; row-gap: calc(var(--gap-y)*var(--s, 1)); }
+.blk-box[data-arrangement='list'][data-count='6'] > .item { --pad-t: 13px; }
+.blk-box[data-arrangement='list'][data-count='6'] .i-body { font-size: calc(var(--text-base) * 0.9375); line-height: 1.45; }
+
+.blk-box .item-icon {
+  
+  margin-bottom: calc(var(--icon-gap) * var(--s, 1) * var(--icon-top, 0));
+  
+  font-size: calc(var(--text-base) * var(--icon-k, 1.2));
+}
+
+.blk-box { --icon-gap: 12px; }
+
+.blk-box[data-arrangement='grid'] { --icon-top: 1; }
+.blk-box[data-arrangement='list'] { --icon-top: 0; }
+.blk-box[data-icon-position='top'] { --icon-top: 1; }
+.blk-box[data-icon-position='lead'] { --icon-top: 0; }
+
+.blk-box[data-icon-position='none'] { --icon-top: 0; }
+.blk-box[data-icon-position='none'] { --icon-top: 0; }
+
+.blk-box[data-icon-position='lead'] .item {
+  display: grid;
+  
+  --lead-gutter: 38px;
+  grid-template-columns: calc(24px*var(--s, 1)) 1fr;
+  column-gap: calc(14px*var(--s, 1));
+  align-items: start;
+}
+.blk-box[data-icon-position='lead'] .item-slots { grid-column: 2; }
+
+.blk-box[data-icon-position='lead'],
+.blk-box[data-arrangement='grid'][data-icon-position='lead'] { --icon-k: 1.2; }
+.page .blk-box[data-icon-position='lead'] .item-icon {
+  grid-column: 1;
+  line-height: 1.25;
+}
+
+.blk-box[data-icon-position='top'] .item { display: block; }
+.page .blk-box[data-icon-position='top'] .item-icon { grid-column: auto; }
+.blk-box[data-icon-position='top'] .item-slots { grid-column: auto; }
+
+.blk-box[data-icon-position='none'] .item-icon { display: none; }
+.blk-box[data-icon-position='none'] .item { display: block; }
+.blk-box[data-icon-position='none'] .item-slots { grid-column: auto; }
+
+.blk-steps { counter-reset: step; }
+
+.blk-steps[data-arrangement='across'] {
+  display: grid;
+  grid-auto-flow: column;
+  
+  grid-auto-columns: minmax(0, 1fr);
+  --gap-x: 32px; --gap-y: 32px;
+  column-gap: calc(var(--gap-x)*var(--s, 1));
+}
+
+.blk-steps > .item { --pad-t: 14px; --pad-x: 18px; --num-w: 44px; }
+
+.blk-steps > .item { --num-size: calc(var(--text-base) * 1.59375); --num-below: 20px; }
+
+.blk-steps .item { position: relative; counter-increment: step; }
+
+.blk-steps .item::before {
+  content: counter(step, decimal-leading-zero);
+  display: block;
+  font-family: var(--font-mono);
+  font-size: var(--num-size); font-weight: 500;
+  letter-spacing: calc(-0.03em * var(--track-tight)); line-height: 1;
+  
+  color: var(--marker, var(--on-fill, var(--accent)));
+  margin-bottom: calc(var(--num-below)*var(--s, 1));
+}
+
+.blk-steps[data-mark='icon'] .item:has(.item-icon)::before { content: none; }
+
+.blk-steps[data-mark='none'] .item::before { content: none; }
+
+.blk-steps[data-mark='icon'] .item-icon {
+  display: grid;
+  place-content: center;
+  position: relative;
+  width: fit-content;
+  height: auto;
+  aspect-ratio: 1;
+  font: 500 var(--num-size)/1 var(--font-mono);
+  letter-spacing: calc(-0.03em * var(--track-tight));
+  margin-bottom: calc(var(--num-below)*var(--s, 1));
+  
+  background: none;
+  -webkit-mask: none; mask: none;
+}
+
+.blk-steps[data-mark='icon'] .item-icon::before {
+  content: counter(step, decimal-leading-zero);
+  visibility: hidden;
+}
+
+.blk-steps[data-mark='icon'] .item-icon::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background-color: currentColor;
+  -webkit-mask: var(--icon) center / contain no-repeat;
+  mask: var(--icon) center / contain no-repeat;
+}
+
+.blk-steps[data-arrangement='across'] .item::after {
+  content: '';
+  position: absolute;
+  top: calc(
+    var(--pad-t) * var(--s, 1)
+    + var(--num-size) * (1.2 - 0.06 * var(--track-tight)) / 2
+    - 1px * var(--s, 1)
+  );
+  left: calc((var(--pad-x) + var(--num-w))*var(--s, 1));
+  right: calc((var(--gap-x) + var(--pad-x)) * -1 * var(--s, 1));
+  height: var(--divider-w);
+  background: var(--divider, transparent);
+}
+.blk-steps[data-arrangement='across'] .item:last-child::after { display: none; }
+
+.blk-steps[data-mark='none'][data-arrangement='across'] .item::after { display: none; }
+.blk-steps .i-title { margin-bottom: calc(7px*var(--s, 1)) !important; }
+.blk-steps .i-meta { display: none; }
+
+.blk-steps:has(.item[data-emphasis]) .item:not([data-emphasis])::before {
+  color: var(--ink-subtlest);
+}
+
+.blk-steps[data-arrangement='across'][data-count='2'] > .item,
+.blk-steps[data-arrangement='across'][data-count='3'] > .item { --num-w: 60px; }
+.blk-steps[data-arrangement='across'][data-count='2'] .item,
+.blk-steps[data-arrangement='across'][data-count='3'] .item { --num-size: calc(var(--text-base) * 2.25); --num-below: 24px; }
+.blk-steps[data-arrangement='across'][data-count='2'] .i-title,
+.blk-steps[data-arrangement='across'][data-count='3'] .i-title { font-size: calc(var(--text-base) * 1.4375); margin-bottom: calc(10px*var(--s, 1)) !important; }
+.blk-steps[data-arrangement='across'][data-count='2'] .i-body,
+.blk-steps[data-arrangement='across'][data-count='3'] .i-body { font-size: calc(var(--text-base) * 1.03125); }
+
+.blk-steps[data-arrangement='across'][data-count='4'] > .item { --num-w: 51px; }
+.blk-steps[data-arrangement='across'][data-count='4'] .item { --num-size: calc(var(--text-base) * 1.875); --num-below: 22px; }
+.blk-steps[data-arrangement='across'][data-count='4'] .i-title { font-size: calc(var(--text-base) * 1.25); margin-bottom: calc(9px*var(--s, 1)) !important; }
+.blk-steps[data-arrangement='across'][data-count='4'] .i-body { font-size: calc(var(--text-base) * 0.96875); }
+
+.blk-steps[data-arrangement='across'][data-count='5'] > .item { --num-w: 36px; --pad-t: 12px; --pad-x: 15px; }
+.blk-steps[data-arrangement='across'][data-count='5'] .item { --num-size: calc(var(--text-base) * 1.3125); --num-below: 16px; }
+.blk-steps[data-arrangement='across'][data-count='5'] .i-title { font-size: calc(var(--text-base) * 1); }
+.blk-steps[data-arrangement='across'][data-count='5'] .i-body { font-size: calc(var(--text-base) * 0.84375); }
+
+.blk-steps[data-arrangement='across'][data-count='6'] {
+  grid-auto-flow: row;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  row-gap: calc(var(--gap-y)*var(--s, 1));
+}
+.blk-steps[data-arrangement='across'][data-count='6'] > .item { --num-w: 39px; --pad-t: 12px; --pad-x: 15px; }
+.blk-steps[data-arrangement='across'][data-count='6'] .item { --num-size: calc(var(--text-base) * 1.40625); --num-below: 15px; }
+.blk-steps[data-arrangement='across'][data-count='6'] .item:nth-child(3n)::after { display: none; }
+.blk-steps[data-arrangement='across'][data-count='6'] .i-title { font-size: calc(var(--text-base) * 1.0625); }
+
+.blk-steps[data-arrangement='across']:not([data-count='1']):not([data-count='2']):not([data-count='3']):not([data-count='4']):not([data-count='5']):not([data-count='6']) {
+  grid-auto-flow: row;
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+  row-gap: calc(var(--gap-y)*var(--s, 1));
+}
+.blk-steps[data-arrangement='across']:not([data-count='1']):not([data-count='2']):not([data-count='3']):not([data-count='4']):not([data-count='5']):not([data-count='6']) > .item {
+  --num-w: 39px; --pad-t: 12px; --pad-x: 15px;
+  --num-size: calc(var(--text-base) * 1.40625); --num-below: 15px;
+}
+.blk-steps[data-arrangement='across']:not([data-count='1']):not([data-count='2']):not([data-count='3']):not([data-count='4']):not([data-count='5']):not([data-count='6']) .i-title {
+  font-size: calc(var(--text-base) * 1.0625);
+}
+.blk-steps[data-arrangement='across']:not([data-count='1']):not([data-count='2']):not([data-count='3']):not([data-count='4']):not([data-count='5']):not([data-count='6']) .item::after {
+  display: none;
+}
+
+.blk-steps[data-arrangement='list'],
+.blk-steps[data-arrangement='staircase'],
+.blk-steps[data-arrangement='funnel'],
+.blk-steps[data-arrangement='pyramid'] {
+  display: grid;
+  grid-auto-flow: row;
+  --gap-x: 0px; --gap-y: 18px;
+  row-gap: calc(var(--gap-y)*var(--s, 1));
+}
+
+.blk-steps[data-arrangement='staircase'] > .item:nth-child(2),
+.blk-steps[data-arrangement='funnel'] > .item:nth-child(2) { --tread: 1; }
+.blk-steps[data-arrangement='staircase'] > .item:nth-child(3),
+.blk-steps[data-arrangement='funnel'] > .item:nth-child(3) { --tread: 2; }
+.blk-steps[data-arrangement='staircase'] > .item:nth-child(4),
+.blk-steps[data-arrangement='funnel'] > .item:nth-child(4) { --tread: 3; }
+.blk-steps[data-arrangement='staircase'] > .item:nth-child(5),
+.blk-steps[data-arrangement='funnel'] > .item:nth-child(5) { --tread: 4; }
+
+.blk-steps[data-arrangement='staircase'] > .item:nth-child(n + 6),
+.blk-steps[data-arrangement='funnel'] > .item:nth-child(n + 6) { --tread: 4; }
+
+.blk-steps[data-arrangement='pyramid'] > .item:nth-last-child(2) { --tread: 1; }
+.blk-steps[data-arrangement='pyramid'] > .item:nth-last-child(3) { --tread: 2; }
+.blk-steps[data-arrangement='pyramid'] > .item:nth-last-child(4) { --tread: 3; }
+.blk-steps[data-arrangement='pyramid'] > .item:nth-last-child(5) { --tread: 4; }
+.blk-steps[data-arrangement='pyramid'] > .item:nth-last-child(n + 6) { --tread: 4; }
+
+.blk-steps[data-arrangement='list'] > .item,
+.blk-steps[data-arrangement='staircase'] > .item,
+.blk-steps[data-arrangement='funnel'] > .item,
+.blk-steps[data-arrangement='pyramid'] > .item {
+  inline-size: calc(100% - var(--narrow));
+}
+.blk-steps[data-arrangement='staircase'] > .item {
+  --narrow: calc(var(--stairs) * var(--step-x));
+  justify-self: start;
+  margin-inline-start: calc(var(--tread, 0) * var(--step-x));
+}
+.blk-steps[data-arrangement='funnel'] > .item,
+.blk-steps[data-arrangement='pyramid'] > .item {
+  --narrow: calc(var(--tread, 0) * var(--taper));
+  justify-self: center;
+}
+
+.blk-steps[data-arrangement='list'] .item,
+.blk-steps[data-arrangement='staircase'] .item,
+.blk-steps[data-arrangement='funnel'] .item,
+.blk-steps[data-arrangement='pyramid'] .item {
+  display: grid;
+  grid-template-columns: calc(var(--num-w)*var(--s, 1)) minmax(0, 1fr);
+  column-gap: calc(var(--num-gap)*var(--s, 1));
+  align-items: baseline;
+}
+.blk-steps[data-arrangement='list'] .item,
+.blk-steps[data-arrangement='staircase'] .item,
+.blk-steps[data-arrangement='funnel'] .item,
+.blk-steps[data-arrangement='pyramid'] .item { --num-below: 0px; }
+
+.blk-steps[data-mark='none'][data-arrangement='list'] .item,
+.blk-steps[data-mark='none'][data-arrangement='staircase'] .item,
+.blk-steps[data-mark='none'][data-arrangement='funnel'] .item,
+.blk-steps[data-mark='none'][data-arrangement='pyramid'] .item {
+  grid-template-columns: minmax(0, 1fr);
+  column-gap: 0;
+}
+
+.blk-steps[data-arrangement='list'] .item::after,
+.blk-steps[data-arrangement='staircase'] .item::after,
+.blk-steps[data-arrangement='funnel'] .item::after,
+.blk-steps[data-arrangement='pyramid'] .item::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  right: 0;
+  bottom: calc(var(--gap-y) * -0.5 * var(--s, 1));
+  height: var(--divider-w);
+  background: var(--divider, transparent);
+}
+.blk-steps[data-arrangement='list'] .item:last-child::after,
+.blk-steps[data-arrangement='staircase'] .item:last-child::after,
+.blk-steps[data-arrangement='funnel'] .item:last-child::after,
+.blk-steps[data-arrangement='pyramid'] .item:last-child::after { display: none; }
+
+.blk-steps[data-arrangement='staircase'] > .item {
+  --stairs: 4; --step-x: 8.5%; --num-w: 36px; --num-gap: 15px; --pad-t: 11px; --pad-x: 14px;
+  --num-size: calc(var(--text-base) * 1.3125);
+}
+.blk-steps[data-arrangement='funnel'] > .item,
+.blk-steps[data-arrangement='pyramid'] > .item {
+  --taper: 11%; --num-w: 36px; --num-gap: 15px; --pad-t: 11px; --pad-x: 14px;
+  --num-size: calc(var(--text-base) * 1.3125);
+}
+.blk-steps[data-arrangement='list'] .i-title,
+.blk-steps[data-arrangement='staircase'] .i-title,
+.blk-steps[data-arrangement='funnel'] .i-title,
+.blk-steps[data-arrangement='pyramid'] .i-title { font-size: calc(var(--text-base) * 1); }
+.blk-steps[data-arrangement='list'] .i-body,
+.blk-steps[data-arrangement='staircase'] .i-body,
+.blk-steps[data-arrangement='funnel'] .i-body,
+.blk-steps[data-arrangement='pyramid'] .i-body { font-size: calc(var(--text-base) * 0.84375); }
+
+:where(.blk-steps[data-arrangement='staircase']),
+:where(.blk-steps[data-arrangement='funnel']),
+:where(.blk-steps[data-arrangement='pyramid']) {
+  --fill: var(--bg-subtle);
+  --fill-on: 1;
+}
+
+.blk-steps[data-arrangement='staircase'][data-count='2'] { grid-auto-rows: minmax(calc(130px*var(--s, 1)), auto); }
+.blk-steps[data-arrangement='staircase'][data-count='2'] > .item {
+  --stairs: 1; --step-x: 34%; --num-w: 60px; --num-gap: 22px; --pad-t: 14px; --pad-x: 18px;
+}
+.blk-steps[data-arrangement='staircase'][data-count='2'] .item { --num-size: calc(var(--text-base) * 2.25); }
+.blk-steps[data-arrangement='staircase'][data-count='2'] .i-title { font-size: calc(var(--text-base) * 1.4375); }
+.blk-steps[data-arrangement='staircase'][data-count='2'] .i-body { font-size: calc(var(--text-base) * 1.03125); }
+
+.blk-steps[data-arrangement='staircase'][data-count='3'] { grid-auto-rows: minmax(calc(100px*var(--s, 1)), auto); }
+.blk-steps[data-arrangement='staircase'][data-count='3'] > .item {
+  --stairs: 2; --step-x: 17%; --num-w: 51px; --num-gap: 20px; --pad-t: 13px; --pad-x: 17px;
+}
+.blk-steps[data-arrangement='staircase'][data-count='3'] .item { --num-size: calc(var(--text-base) * 1.875); }
+.blk-steps[data-arrangement='staircase'][data-count='3'] .i-title { font-size: calc(var(--text-base) * 1.25); }
+.blk-steps[data-arrangement='staircase'][data-count='3'] .i-body { font-size: calc(var(--text-base) * 0.96875); }
+
+.blk-steps[data-arrangement='staircase'][data-count='4'] { grid-auto-rows: minmax(calc(80px*var(--s, 1)), auto); }
+.blk-steps[data-arrangement='staircase'][data-count='4'] > .item {
+  --stairs: 3; --step-x: 11.333%; --num-w: 42px; --num-gap: 17px; --pad-t: 12px; --pad-x: 15px;
+}
+.blk-steps[data-arrangement='staircase'][data-count='4'] .item { --num-size: calc(var(--text-base) * 1.5); }
+.blk-steps[data-arrangement='staircase'][data-count='4'] .i-title { font-size: calc(var(--text-base) * 1.0625); }
+.blk-steps[data-arrangement='staircase'][data-count='4'] .i-body { font-size: calc(var(--text-base) * 0.90625); }
+
+.blk-steps[data-arrangement='staircase'][data-count='5'] { grid-auto-rows: minmax(calc(66px*var(--s, 1)), auto); }
+.blk-steps[data-arrangement='staircase'][data-count='5'] > .item {
+  --stairs: 4; --step-x: 8.5%; --num-w: 36px; --num-gap: 15px; --pad-t: 11px; --pad-x: 14px;
+}
+.blk-steps[data-arrangement='staircase'][data-count='5'] .item { --num-size: calc(var(--text-base) * 1.3125); }
+.blk-steps[data-arrangement='staircase'][data-count='5'] .i-title { font-size: calc(var(--text-base) * 1); }
+.blk-steps[data-arrangement='staircase'][data-count='5'] .i-body { font-size: calc(var(--text-base) * 0.84375); }
+
+.blk-steps[data-arrangement='list'] > .item {
+  --narrow: 0px;
+  justify-self: start;
+  
+  --num-w: 33px; --num-gap: 14px; --pad-t: 10px; --pad-x: 13px;
+  --num-size: calc(var(--text-base) * 1.21875);
+}
+
+.blk-steps[data-arrangement='list'][data-count='2'] { grid-auto-rows: minmax(calc(130px*var(--s, 1)), auto); }
+.blk-steps[data-arrangement='list'][data-count='2'] > .item {
+  --num-w: 60px; --num-gap: 22px; --pad-t: 14px; --pad-x: 18px;
+}
+.blk-steps[data-arrangement='list'][data-count='2'] .item { --num-size: calc(var(--text-base) * 2.25); }
+.blk-steps[data-arrangement='list'][data-count='2'] .i-title { font-size: calc(var(--text-base) * 1.4375); }
+.blk-steps[data-arrangement='list'][data-count='2'] .i-body { font-size: calc(var(--text-base) * 1.03125); }
+
+.blk-steps[data-arrangement='list'][data-count='3'] { grid-auto-rows: minmax(calc(100px*var(--s, 1)), auto); }
+.blk-steps[data-arrangement='list'][data-count='3'] > .item {
+  --num-w: 51px; --num-gap: 20px; --pad-t: 13px; --pad-x: 17px;
+}
+.blk-steps[data-arrangement='list'][data-count='3'] .item { --num-size: calc(var(--text-base) * 1.875); }
+.blk-steps[data-arrangement='list'][data-count='3'] .i-title { font-size: calc(var(--text-base) * 1.25); }
+.blk-steps[data-arrangement='list'][data-count='3'] .i-body { font-size: calc(var(--text-base) * 0.96875); }
+
+.blk-steps[data-arrangement='list'][data-count='4'] { grid-auto-rows: minmax(calc(80px*var(--s, 1)), auto); }
+.blk-steps[data-arrangement='list'][data-count='4'] > .item {
+  --num-w: 42px; --num-gap: 17px; --pad-t: 12px; --pad-x: 15px;
+}
+.blk-steps[data-arrangement='list'][data-count='4'] .item { --num-size: calc(var(--text-base) * 1.5); }
+.blk-steps[data-arrangement='list'][data-count='4'] .i-title { font-size: calc(var(--text-base) * 1.0625); }
+.blk-steps[data-arrangement='list'][data-count='4'] .i-body { font-size: calc(var(--text-base) * 0.90625); }
+
+.blk-steps[data-arrangement='list'][data-count='5'] { grid-auto-rows: minmax(calc(66px*var(--s, 1)), auto); }
+.blk-steps[data-arrangement='list'][data-count='5'] > .item {
+  --num-w: 36px; --num-gap: 15px; --pad-t: 11px; --pad-x: 14px;
+}
+.blk-steps[data-arrangement='list'][data-count='5'] .item { --num-size: calc(var(--text-base) * 1.3125); }
+.blk-steps[data-arrangement='list'][data-count='5'] .i-title { font-size: calc(var(--text-base) * 1); }
+.blk-steps[data-arrangement='list'][data-count='5'] .i-body { font-size: calc(var(--text-base) * 0.84375); }
+
+.blk-steps[data-arrangement='list'][data-count='6'] { grid-auto-rows: minmax(calc(56px*var(--s, 1)), auto); }
+.blk-steps[data-arrangement='list'][data-count='6'] > .item {
+  --num-w: 33px; --num-gap: 14px; --pad-t: 10px; --pad-x: 13px;
+}
+.blk-steps[data-arrangement='list'][data-count='6'] .item { --num-size: calc(var(--text-base) * 1.21875); }
+.blk-steps[data-arrangement='list'][data-count='6'] .i-title { font-size: calc(var(--text-base) * 0.9375); }
+.blk-steps[data-arrangement='list'][data-count='6'] .i-body { font-size: calc(var(--text-base) * 0.8125); }
+
+.blk-steps[data-arrangement='funnel'][data-count='2'],
+.blk-steps[data-arrangement='pyramid'][data-count='2'] { grid-auto-rows: minmax(calc(130px*var(--s, 1)), auto); }
+.blk-steps[data-arrangement='funnel'][data-count='2'] > .item,
+.blk-steps[data-arrangement='pyramid'][data-count='2'] > .item {
+  --taper: 44%; --num-w: 60px; --num-gap: 22px; --pad-t: 14px; --pad-x: 18px;
+}
+.blk-steps[data-arrangement='funnel'][data-count='2'] .item,
+.blk-steps[data-arrangement='pyramid'][data-count='2'] .item { --num-size: calc(var(--text-base) * 2.25); }
+.blk-steps[data-arrangement='funnel'][data-count='2'] .i-title,
+.blk-steps[data-arrangement='pyramid'][data-count='2'] .i-title { font-size: calc(var(--text-base) * 1.4375); }
+.blk-steps[data-arrangement='funnel'][data-count='2'] .i-body,
+.blk-steps[data-arrangement='pyramid'][data-count='2'] .i-body { font-size: calc(var(--text-base) * 1.03125); }
+
+.blk-steps[data-arrangement='funnel'][data-count='3'],
+.blk-steps[data-arrangement='pyramid'][data-count='3'] { grid-auto-rows: minmax(calc(100px*var(--s, 1)), auto); }
+.blk-steps[data-arrangement='funnel'][data-count='3'] > .item,
+.blk-steps[data-arrangement='pyramid'][data-count='3'] > .item {
+  --taper: 22%; --num-w: 51px; --num-gap: 20px; --pad-t: 13px; --pad-x: 17px;
+}
+.blk-steps[data-arrangement='funnel'][data-count='3'] .item,
+.blk-steps[data-arrangement='pyramid'][data-count='3'] .item { --num-size: calc(var(--text-base) * 1.875); }
+.blk-steps[data-arrangement='funnel'][data-count='3'] .i-title,
+.blk-steps[data-arrangement='pyramid'][data-count='3'] .i-title { font-size: calc(var(--text-base) * 1.25); }
+.blk-steps[data-arrangement='funnel'][data-count='3'] .i-body,
+.blk-steps[data-arrangement='pyramid'][data-count='3'] .i-body { font-size: calc(var(--text-base) * 0.96875); }
+
+.blk-steps[data-arrangement='funnel'][data-count='4'],
+.blk-steps[data-arrangement='pyramid'][data-count='4'] { grid-auto-rows: minmax(calc(80px*var(--s, 1)), auto); }
+.blk-steps[data-arrangement='funnel'][data-count='4'] > .item,
+.blk-steps[data-arrangement='pyramid'][data-count='4'] > .item {
+  --taper: 14.667%; --num-w: 42px; --num-gap: 17px; --pad-t: 12px; --pad-x: 15px;
+}
+.blk-steps[data-arrangement='funnel'][data-count='4'] .item,
+.blk-steps[data-arrangement='pyramid'][data-count='4'] .item { --num-size: calc(var(--text-base) * 1.5); }
+.blk-steps[data-arrangement='funnel'][data-count='4'] .i-title,
+.blk-steps[data-arrangement='pyramid'][data-count='4'] .i-title { font-size: calc(var(--text-base) * 1.0625); }
+.blk-steps[data-arrangement='funnel'][data-count='4'] .i-body,
+.blk-steps[data-arrangement='pyramid'][data-count='4'] .i-body { font-size: calc(var(--text-base) * 0.90625); }
+
+.blk-steps[data-arrangement='funnel'][data-count='5'],
+.blk-steps[data-arrangement='pyramid'][data-count='5'] { grid-auto-rows: minmax(calc(66px*var(--s, 1)), auto); }
+.blk-steps[data-arrangement='funnel'][data-count='5'] > .item,
+.blk-steps[data-arrangement='pyramid'][data-count='5'] > .item {
+  --taper: 11%; --num-w: 36px; --num-gap: 15px; --pad-t: 11px; --pad-x: 14px;
+}
+.blk-steps[data-arrangement='funnel'][data-count='5'] .item,
+.blk-steps[data-arrangement='pyramid'][data-count='5'] .item { --num-size: calc(var(--text-base) * 1.3125); }
+.blk-steps[data-arrangement='funnel'][data-count='5'] .i-title,
+.blk-steps[data-arrangement='pyramid'][data-count='5'] .i-title { font-size: calc(var(--text-base) * 1); }
+.blk-steps[data-arrangement='funnel'][data-count='5'] .i-body,
+.blk-steps[data-arrangement='pyramid'][data-count='5'] .i-body { font-size: calc(var(--text-base) * 0.84375); }
+
+.blk-steps[data-arrangement='ring'] {
+  display: block;
+  position: relative;
+  block-size: calc((2 * (var(--ring-r) + var(--seat-h) / 2 + var(--clear)) + var(--seat-h)) * var(--s, 1));
+  --gap-x: 0px; --gap-y: 0px;
+}
+
+.blk-steps[data-arrangement='ring'] > .item:nth-child(2) { --pos: 1; }
+.blk-steps[data-arrangement='ring'] > .item:nth-child(3) { --pos: 2; }
+.blk-steps[data-arrangement='ring'] > .item:nth-child(4) { --pos: 3; }
+.blk-steps[data-arrangement='ring'] > .item:nth-child(5) { --pos: 4; }
+.blk-steps[data-arrangement='ring'] > .item:nth-child(6) { --pos: 5; }
+.blk-steps[data-arrangement='ring'] > .item:nth-child(7) { --pos: 6; }
+.blk-steps[data-arrangement='ring'] > .item:nth-child(8) { --pos: 7; }
+
+.blk-steps[data-arrangement='ring'] > .item:nth-child(n + 9) { --pos: 7; }
+
+.blk-steps[data-arrangement='ring'] > .item {
+  position: absolute;
+  inset-inline-start: 50%;
+  inset-block-start: 50%;
+  inline-size: calc(var(--seat) * var(--s, 1));
+  --angle: calc(var(--pos, 0) * var(--turn));
+  --push: calc(
+    abs(sin(var(--angle))) * var(--seat) / 2
+    + abs(cos(var(--angle))) * var(--seat-h) / 2
+    + var(--clear));
+  --out: calc((var(--ring-r) + var(--push)) * var(--s, 1));
+  
+  translate:
+    calc(sin(var(--angle)) * var(--out) - 50%)
+    calc(cos(var(--angle)) * var(--out) * -1 - 50%);
+  text-align: center;
+}
+
+.blk-steps[data-arrangement='ring'] .item-icon,
+.blk-steps[data-arrangement='ring'] .item::before {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin: 0;
+  translate:
+    calc(sin(var(--angle)) * var(--push) * var(--s, 1) * -1 - 50%)
+    calc(cos(var(--angle)) * var(--push) * var(--s, 1) - 50%);
+}
+
+.blk-steps[data-arrangement='ring'] .item::after {
+  content: '';
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  inline-size: calc(2 * var(--ring-r) * var(--s, 1));
+  block-size: calc(2 * var(--ring-r) * var(--s, 1));
+  translate:
+    calc(sin(var(--angle)) * var(--out) * -1 - 50%)
+    calc(cos(var(--angle)) * var(--out) - 50%);
+  background: var(--divider, transparent);
+  --span: calc(var(--turn) - 2 * var(--gapdeg));
+  mask-image:
+    radial-gradient(closest-side,
+      transparent calc(100% - var(--divider-w)), #000 calc(100% - var(--divider-w)),
+      #000 100%, transparent 100%),
+    conic-gradient(from calc(var(--angle) + var(--gapdeg)), #000 0 var(--span), transparent var(--span));
+  mask-composite: intersect;
+}
+
+.blk-steps[data-arrangement='ring'] > .item,
+.blk-steps[data-arrangement='ring'] {
+  --turn: 45deg; --ring-r: 95px; --seat: 156px; --seat-h: 126px; --gapdeg: 12deg; --clear: 16px;
+}
+
+.blk-steps[data-arrangement='ring'][data-count='1'] .item::after { display: none; }
+.blk-steps[data-arrangement='ring'][data-count='2'],
+.blk-steps[data-arrangement='ring'][data-count='2'] > .item {
+  --turn: 180deg; --ring-r: 65px; --seat: 230px; --seat-h: 155px; --gapdeg: 26deg;
+}
+.blk-steps[data-arrangement='ring'][data-count='3'],
+.blk-steps[data-arrangement='ring'][data-count='3'] > .item {
+  --turn: 120deg; --ring-r: 71px; --seat: 210px; --seat-h: 150px; --gapdeg: 22deg;
+}
+
+.blk-steps[data-arrangement='ring'][data-count='4'],
+.blk-steps[data-arrangement='ring'][data-count='4'] > .item {
+  --turn: 90deg; --ring-r: 88px; --seat: 184px; --seat-h: 140px; --gapdeg: 20deg;
+}
+.blk-steps[data-arrangement='ring'][data-count='5'],
+.blk-steps[data-arrangement='ring'][data-count='5'] > .item {
+  --turn: 72deg; --ring-r: 80px; --seat: 184px; --seat-h: 142px; --gapdeg: 18deg;
+}
+.blk-steps[data-arrangement='ring'][data-count='6'],
+.blk-steps[data-arrangement='ring'][data-count='6'] > .item {
+  --turn: 60deg; --ring-r: 85px; --seat: 180px; --seat-h: 136px; --gapdeg: 16deg;
+}
+
+.blk-steps[data-arrangement='ring'][data-count='7'],
+.blk-steps[data-arrangement='ring'][data-count='7'] > .item {
+  --turn: 51.4286deg; --ring-r: 91px; --seat: 168px; --seat-h: 130px; --gapdeg: 14deg;
+}
+.blk-steps[data-arrangement='ring'][data-count='8'],
+.blk-steps[data-arrangement='ring'][data-count='8'] > .item {
+  --turn: 45deg; --ring-r: 95px; --seat: 156px; --seat-h: 126px; --gapdeg: 12deg;
+}
+
+.blk-steps[data-arrangement='ring'][data-count='3'] .item { --num-size: calc(var(--text-base) * 1.5); }
+.blk-steps[data-arrangement='ring'][data-count='3'] .i-title { font-size: calc(var(--text-base) * 1.0625); }
+.blk-steps[data-arrangement='ring'][data-count='3'] .i-body { font-size: calc(var(--text-base) * 0.90625); }
+.blk-steps[data-arrangement='ring'][data-count='4'] .item,
+.blk-steps[data-arrangement='ring'][data-count='5'] .item { --num-size: calc(var(--text-base) * 1.3125); }
+.blk-steps[data-arrangement='ring'][data-count='4'] .i-title,
+.blk-steps[data-arrangement='ring'][data-count='5'] .i-title { font-size: calc(var(--text-base) * 1); }
+.blk-steps[data-arrangement='ring'][data-count='4'] .i-body,
+.blk-steps[data-arrangement='ring'][data-count='5'] .i-body { font-size: calc(var(--text-base) * 0.875); }
+.blk-steps[data-arrangement='ring'][data-count='6'] .item,
+.blk-steps[data-arrangement='ring'][data-count='7'] .item,
+.blk-steps[data-arrangement='ring'][data-count='8'] .item { --num-size: calc(var(--text-base) * 1.21875); }
+.blk-steps[data-arrangement='ring'][data-count='6'] .i-title,
+.blk-steps[data-arrangement='ring'][data-count='7'] .i-title,
+.blk-steps[data-arrangement='ring'][data-count='8'] .i-title { font-size: calc(var(--text-base) * 0.9375); }
+.blk-steps[data-arrangement='ring'][data-count='6'] .i-body,
+.blk-steps[data-arrangement='ring'][data-count='7'] .i-body,
+.blk-steps[data-arrangement='ring'][data-count='8'] .i-body { font-size: calc(var(--text-base) * 0.84375); }
+
+.blk-figure-art {
+  inline-size: 100%; block-size: 100%; min-block-size: 0; pointer-events: none;
+}
+
+.blk-figure-road,
+.blk-figure-lane { fill: none; vector-effect: non-scaling-stroke; }
+.blk-figure-road {
+  stroke: var(--figure-road);
+  stroke-width: var(--road-w);
+  stroke-linecap: round;
+}
+.blk-figure-lane {
+  stroke: var(--figure-lane);
+  stroke-width: var(--lane-w);
+  stroke-dasharray: 9 9;
+  stroke-linecap: round;
+}
+
+.blk-figure-wrap { container-type: inline-size; }
+.blk-figure-wrap > .blk-figure-grid {
+  --fig-w: 100cqw;
+  --fig-u: calc(var(--fig-w) / 1144);
+  --text-base: calc(var(--fig-u) * 16);
+  --pin: calc(var(--fig-u) * 46);
+}
+.blk-figure-wrap[data-figure='road'] > .blk-figure-grid {
+  --band: calc(var(--fig-u) * 150);
+  --road-w: calc(var(--fig-u) * 26);
+  
+  --lane-w: max(1px, calc(var(--fig-u) * 2));
+  display: grid;
+  
+  grid-template-rows: auto var(--band) auto;
+  align-items: stretch;
+}
+.blk-steps[data-figure='road'] { display: contents; }
+.blk-figure-wrap[data-figure='road'] .blk-figure-art { grid-column: 1 / -1; grid-row: 2; }
+
+.blk-figure-wrap[data-figure='road'][data-count='1'] > .blk-figure-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }
+.blk-figure-wrap[data-figure='road'][data-count='2'] > .blk-figure-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+.blk-figure-wrap[data-figure='road'][data-count='3'] > .blk-figure-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+.blk-figure-wrap[data-figure='road'][data-count='4'] > .blk-figure-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
+.blk-figure-wrap[data-figure='road'][data-count='1'] .blk-figure-road,
+.blk-figure-wrap[data-figure='road'][data-count='1'] .blk-figure-lane { transform: scaleX(1); }
+.blk-figure-wrap[data-figure='road'][data-count='2'] .blk-figure-road,
+.blk-figure-wrap[data-figure='road'][data-count='2'] .blk-figure-lane { transform: scaleX(0.5); }
+.blk-figure-wrap[data-figure='road'][data-count='3'] .blk-figure-road,
+.blk-figure-wrap[data-figure='road'][data-count='3'] .blk-figure-lane { transform: scaleX(0.33333); }
+.blk-figure-wrap[data-figure='road'][data-count='4'] .blk-figure-road,
+.blk-figure-wrap[data-figure='road'][data-count='4'] .blk-figure-lane { transform: scaleX(0.25); }
+
+.blk-figure-wrap[data-figure='road']:not([data-count='1']):not([data-count='2']):not([data-count='3'])
+  > .blk-figure-grid {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+.blk-figure-wrap[data-figure='road'] .blk-figure-road,
+.blk-figure-wrap[data-figure='road'] .blk-figure-lane {
+  transform-box: view-box;
+  transform-origin: 0 0;
+}
+
+.blk-figure-wrap[data-figure='road'] .item {
+  display: flex;
+  align-items: center;
+  text-align: center;
+  gap: calc(var(--fig-u) * 10);
+  min-inline-size: 0;
+}
+
+.blk-figure-wrap .item-slots { max-inline-size: 100%; }
+
+.blk-figure-wrap[data-figure='road'] .item:nth-child(odd) {
+  grid-row: 1;
+  align-self: end;
+  flex-direction: column-reverse;
+}
+.blk-figure-wrap[data-figure='road'] .item:nth-child(even) {
+  grid-row: 3;
+  align-self: start;
+  flex-direction: column;
+}
+
+.blk-figure-wrap[data-figure='road'] .item:nth-child(1) { grid-column: 1; }
+.blk-figure-wrap[data-figure='road'] .item:nth-child(2) { grid-column: 2; }
+.blk-figure-wrap[data-figure='road'] .item:nth-child(3) { grid-column: 3; }
+.blk-figure-wrap[data-figure='road'] .item:nth-child(4) { grid-column: 4; }
+
+.blk-figure-wrap[data-figure='road'] .item:nth-child(n + 5) { grid-column: 4; }
+
+.page .blk-figure-wrap[data-figure] .item::before,
+.page .blk-figure-wrap[data-figure] .blk-steps[data-mark='icon'] .item > .item-icon {
+  display: grid;
+  place-items: center;
+  inline-size: var(--pin);
+  block-size: var(--pin);
+  border-radius: 50%;
+  margin: 0;
+  font-size: calc(var(--text-base) * 1);
+  
+  background: var(--pin-fill);
+  color: var(--pin-ink);
+  flex: none;
+}
+
+.page .blk-figure-wrap[data-figure] .blk-steps[data-mark='icon'] .item > .item-icon::after {
+  inset: calc(var(--pin) * 0.27);
+}
+.blk-steps[data-figure] > .item .i-title { margin: 0; }
+.blk-steps[data-figure] > .item .i-body { margin-block-start: calc(var(--fig-u) * 2); }
+
+:where(.blk-figure-wrap) {
+  --figure-road: color-mix(in oklch, var(--ink) 9%, var(--bg));
+  --figure-lane: var(--ink-subtle);
+  
+  --figure-slope: color-mix(in oklch, var(--ink) 20%, var(--bg));
+  --figure-face: color-mix(in oklch, var(--ink) 10%, var(--bg));
+  
+  --figure-layer: var(--ink);
+  --layer-alpha: 0.085;
+  --figure-layer-edge: color-mix(in oklch, var(--ink) 16%, var(--bg));
+}
+
+:where(.blk-steps[data-figure]) {
+  --pin-fill: var(--ink);
+  --pin-ink: var(--bg);
+}
+
+.blk-figure-wrap[data-figure='climb'] > .blk-figure-grid {
+  
+  --climb-h: calc(var(--fig-u) * 190);
+  --slope-w: calc(var(--fig-u) * 22);
+  display: grid;
+  grid-template-rows: auto;
+  align-items: start;
+}
+.blk-steps[data-figure='climb'] { display: contents; }
+.blk-figure-wrap[data-figure='climb'] .blk-figure-art {
+  grid-column: 1 / -1;
+  grid-row: 1;
+  align-self: start;
+  block-size: var(--climb-h);
+  
+  min-block-size: 0;
+}
+
+.blk-figure-wrap[data-figure='climb'][data-count='1'] > .blk-figure-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); --n: 1; }
+.blk-figure-wrap[data-figure='climb'][data-count='2'] > .blk-figure-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); --n: 2; }
+.blk-figure-wrap[data-figure='climb'][data-count='3'] > .blk-figure-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); --n: 3; }
+.blk-figure-wrap[data-figure='climb'][data-count='4'] > .blk-figure-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); --n: 4; }
+.blk-figure-wrap[data-figure='climb'][data-count='5'] > .blk-figure-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); --n: 5; }
+
+.blk-figure-wrap[data-figure='climb']:not([data-count='1']):not([data-count='2']):not([data-count='3']):not([data-count='4'])
+  > .blk-figure-grid {
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+  --n: 5;
+}
+
+.page .blk-figure-wrap[data-figure='climb'] .item {
+  grid-row: 1;
+  padding-block-start: 0;
+  --r: calc((var(--i) + 0.5) / var(--n));
+  --climb-y: calc(var(--climb-y0) + var(--r) * (var(--climb-y1) - var(--climb-y0)));
+  margin-block-start: calc(var(--climb-y) * var(--climb-h) - var(--pin) / 2);
+  align-self: start;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  gap: calc(var(--fig-u) * 10);
+  min-inline-size: 0;
+}
+
+.page .blk-figure-wrap[data-figure='climb'] .blk-steps[data-mark='none'] .item {
+  padding-block-start: calc(var(--fig-u) * 10);
+  margin-block-start: calc(var(--climb-y) * var(--climb-h));
+}
+
+.blk-figure-wrap[data-figure='climb'] .item:nth-child(1) { grid-column: 1; --i: 0; }
+.blk-figure-wrap[data-figure='climb'] .item:nth-child(2) { grid-column: 2; --i: 1; }
+.blk-figure-wrap[data-figure='climb'] .item:nth-child(3) { grid-column: 3; --i: 2; }
+.blk-figure-wrap[data-figure='climb'] .item:nth-child(4) { grid-column: 4; --i: 3; }
+.blk-figure-wrap[data-figure='climb'] .item:nth-child(5) { grid-column: 5; --i: 4; }
+.blk-figure-wrap[data-figure='climb'] .item:nth-child(n + 6) { grid-column: 5; --i: 4; }
+
+.blk-figure-slope {
+  fill: none;
+  stroke: var(--figure-slope);
+  stroke-width: var(--slope-w);
+  stroke-linecap: round;
+  stroke-linejoin: round;
+  vector-effect: non-scaling-stroke;
+}
+
+.blk-figure-face {
+  fill: var(--figure-face);
+  stroke: none;
+  -webkit-mask: linear-gradient(to bottom, #000 45%, transparent 100%);
+  mask: linear-gradient(to bottom, #000 45%, transparent 100%);
+}
+
+.blk-figure-wrap[data-figure='core'] > .blk-figure-grid {
+  
+  
+  --pin: calc(var(--fig-u) * 20);
+  
+  --layer-w: max(1px, calc(var(--fig-u) * 1.5));
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  align-items: start;
+}
+.blk-steps[data-figure='core'] { display: contents; }
+
+.blk-figure-wrap[data-figure='core'] .blk-figure-art {
+  grid-column: 1;
+  grid-row: 1 / -1;
+  
+  inline-size: var(--core-span);
+  justify-self: center;
+  block-size: 100%;
+  
+  min-block-size: 0;
+}
+
+.blk-figure-wrap[data-figure='core'][data-count='1'] > .blk-figure-grid { grid-template-rows: repeat(1, 1fr); --n: 1; }
+.blk-figure-wrap[data-figure='core'][data-count='2'] > .blk-figure-grid { grid-template-rows: repeat(2, 1fr); --n: 2; }
+.blk-figure-wrap[data-figure='core'][data-count='3'] > .blk-figure-grid { grid-template-rows: repeat(3, 1fr); --n: 3; }
+
+.blk-figure-wrap[data-figure='core']:not([data-count='1']):not([data-count='2']):not([data-count='3'])
+  > .blk-figure-grid {
+  grid-template-rows: repeat(3, 1fr);
+  --n: 3;
+}
+
+.page .blk-figure-wrap[data-figure='core'] .item {
+  grid-column: 1;
+  
+  padding-block-start: calc(var(--fig-u) * 6);
+  
+  inline-size: calc(var(--core-seat) * (var(--i) + 1) / var(--n));
+  justify-self: center;
+  align-self: start;
+  
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+  
+  gap: calc(var(--fig-u) * 10);
+  min-inline-size: 0;
+}
+
+.page .blk-figure-wrap[data-figure='core'] .blk-steps[data-mark='none'] .item {
+  padding-block-start: calc(var(--fig-u) * 10);
+}
+
+.page .blk-figure-wrap[data-figure='core'] .item::before {
+  font-size: calc(var(--pin) * 0.58);
+}
+
+.blk-figure-wrap[data-figure='core'] .item:nth-child(1) { --i: 0; grid-row: -2; }
+.blk-figure-wrap[data-figure='core'] .item:nth-child(2) { --i: 1; grid-row: -3; }
+.blk-figure-wrap[data-figure='core'] .item:nth-child(n + 3) { --i: 2; grid-row: -4; }
+
+.blk-figure-wrap[data-figure='core'] .blk-figure-layer:nth-child(1) { --j: 1; }
+.blk-figure-wrap[data-figure='core'] .blk-figure-layer:nth-child(2) { --j: 2; }
+.blk-figure-wrap[data-figure='core'] .blk-figure-layer:nth-child(3) { --j: 3; }
+.blk-figure-layer {
+  
+  rx: max(0px, calc(var(--core-r) * (var(--n) - var(--j) + 1) / var(--n)));
+  ry: max(0px, calc(var(--core-r) * (var(--n) - var(--j) + 1) / var(--n)));
+  
+  fill: var(--figure-layer);
+  fill-opacity: var(--layer-alpha);
+  stroke: var(--figure-layer-edge);
+  stroke-width: var(--layer-w);
+  
+  vector-effect: non-scaling-stroke;
+}
+
+.blk-timeline {
+  display: grid;
+  --gap-y: 9px;
+  --meta-w: 100px; --meta-gap: 38px;
+  row-gap: calc(var(--gap-y)*var(--s, 1));
+}
+
+.blk-timeline .item { position: relative; }
+.blk-timeline > .item { --pad-t: 7px; --pad-x: 16px; }
+
+.blk-timeline > .item { --dot: 11px; --ring: 1.5px; }
+
+.blk-timeline .item-slots {
+  display: grid;
+  grid-template-columns: calc(var(--meta-w)*var(--s, 1)) 1fr;
+  column-gap: calc(var(--meta-gap)*var(--s, 1));
+}
+.blk-timeline .i-meta { grid-column: 1; grid-row: 1 / span 2; text-align: right; padding-top: calc(4px*var(--s, 1)); }
+.blk-timeline .i-title { grid-column: 2; grid-row: 1; margin-bottom: calc(5px*var(--s, 1)) !important; }
+.blk-timeline .i-body { grid-column: 2; grid-row: 2; }
+
+.blk-timeline .item::before {
+  content: '';
+  position: absolute;
+  left: calc((var(--pad-x) + var(--meta-w) + var(--meta-gap) * 0.5)*var(--s, 1));
+  
+  top: calc((var(--pad-t) + 10.5px - var(--dot) * 0.5 + 1px)*var(--s, 1));
+  bottom: calc(var(--gap-y) * -1 * var(--s, 1));
+  width: var(--divider-w);
+  background: var(--divider, transparent);
+}
+.blk-timeline .item:last-child::before { display: none; }
+
+.blk-timeline .item::after {
+  content: '';
+  position: absolute;
+  left: calc((var(--pad-x) + var(--meta-w) + var(--meta-gap) * 0.5 - var(--dot) * 0.5)*var(--s, 1));
+  top: calc((var(--pad-t) + 10.5px - var(--dot) * 0.5)*var(--s, 1));
+  width: calc(var(--dot)*var(--s, 1)); height: calc(var(--dot)*var(--s, 1));
+  border-radius: 50%;
+  background: var(--marker-fill, var(--bg));
+  border: var(--ring) solid var(--marker, var(--on-fill, var(--rule-strong)));
+}
+
+.blk-timeline .item[data-emphasis]::after {
+  background: var(--accent);
+  border-color: var(--accent);
+  box-shadow: 0 0 0 calc(4px*var(--s, 1)) color-mix(in srgb, var(--accent) 22%, transparent);
+}
+
+.blk-timeline[data-mark='icon'] .item:has(.item-icon) { --dot: 24px; }
+
+.blk-timeline[data-mark='icon'][data-count='7'] .item:has(.item-icon),
+.blk-timeline[data-mark='icon'][data-count='8'] .item:has(.item-icon) { --dot: 20px; }
+
+.blk-timeline[data-mark='icon'] .item-icon {
+  display: block;
+  position: absolute;
+  
+  box-sizing: content-box;
+  left: calc((var(--pad-x) + var(--meta-w) + var(--meta-gap) * 0.5 - var(--dot) * 0.5)*var(--s, 1));
+  top: calc((var(--pad-t) + 10.5px - var(--dot) * 0.5)*var(--s, 1));
+  width: calc(var(--dot)*var(--s, 1));
+  height: calc(var(--dot)*var(--s, 1));
+  border: var(--ring) solid transparent;
+  
+  -webkit-mask: var(--icon) center / 58% no-repeat;
+  mask: var(--icon) center / 58% no-repeat;
+  
+  color: var(--marker, var(--on-fill, var(--accent)));
+  
+  z-index: 1;
+}
+
+.blk-timeline[data-mark='icon'] .item[data-emphasis] .item-icon { color: var(--on-fill, var(--bg)); }
+
+.blk-timeline[data-count='3'],
+.blk-timeline[data-count='4'] { --gap-y: 11px; }
+.blk-timeline[data-count='3'] > .item,
+.blk-timeline[data-count='4'] > .item { --pad-t: 10px; }
+.blk-timeline[data-count='3'] .i-title,
+.blk-timeline[data-count='4'] .i-title { font-size: calc(var(--text-base) * 1.4375); }
+.blk-timeline[data-count='3'] .i-body,
+.blk-timeline[data-count='4'] .i-body { font-size: calc(var(--text-base) * 1.03125); }
+
+.blk-timeline[data-count='5'] { --gap-y: 9px; }
+.blk-timeline[data-count='5'] > .item { --pad-t: 9px; }
+.blk-timeline[data-count='5'] .i-title { font-size: calc(var(--text-base) * 1.3125); }
+.blk-timeline[data-count='5'] .i-body { font-size: calc(var(--text-base) * 0.96875); }
+
+.blk-timeline[data-count='7'],
+.blk-timeline[data-count='8'] { --gap-y: 9px; --meta-w: 88px; --meta-gap: 30px; }
+.blk-timeline[data-count='7'] > .item,
+.blk-timeline[data-count='8'] > .item { --pad-t: 7px; --pad-x: 12px; }
+.blk-timeline[data-count='7'] .i-title,
+.blk-timeline[data-count='8'] .i-title { font-size: calc(var(--text-base) * 0.90625); line-height: 1.3; }
+.blk-timeline[data-count='7'] .i-meta,
+.blk-timeline[data-count='8'] .i-meta { font-size: calc(var(--text-base) * 0.59375); }
+.blk-timeline[data-count='7'] .i-body,
+
+.blk-timeline[data-count='8'] .i-body { font-size: calc(var(--text-base) * 0.78125); line-height: 1.28; }
+
+.blk-timeline[data-count='7'] .i-title,
+.blk-timeline[data-count='8'] .i-title { margin-bottom: calc(4px*var(--s, 1)) !important; }
+
+.blk-stat-row {
+  position: relative;
+  display: grid;
+  grid-auto-flow: column;
+  
+  grid-auto-columns: minmax(0, 1fr);
+  
+  --pad-t: 16px; --pad-b: 16px; --pad-x: 22px;
+  --gap-x: 15px;
+  column-gap: calc(var(--gap-x)*var(--s, 1));
+}
+
+.blk-stat-row::before {
+  content: '';
+  position: absolute;
+  top: 0; left: 0; right: 0;
+  height: 1px;
+  background: var(--row-rule, var(--rule-strong));
+  opacity: calc((1 - var(--fill-on, 0)) * (1 - var(--border-top-on, 0)) * var(--row-rule-on, 0));
+}
+
+.blk-stat-row::after {
+  content: '';
+  position: absolute;
+  top: 0; left: calc(var(--pad-x)*var(--s, 1));
+  width: calc(46px*var(--s, 1)); height: calc(2px*var(--s, 1));
+  background: var(--row-mark, var(--accent));
+  opacity: calc((1 - var(--fill-on, 0)) * var(--row-mark-on, 0));
+}
+
+.blk-stat-row > .stat { --div-lead: 1; }
+.blk-stat-row > .stat:first-child { --div-lead: 0; }
+
+.s-label {
+  font-family: var(--font-mono);
+  font-size: calc(var(--text-base) * 0.65625); font-weight: 500;
+  letter-spacing: 0.12em; text-transform: uppercase;
+  color: var(--ink-subtlest);
+  margin-bottom: calc(12px*var(--s, 1)) !important;
+}
+.s-value {
+  font-size: calc(var(--text-base) * 4); font-weight: 500;
+  letter-spacing: calc(-0.038em * var(--track-tight)); line-height: 0.95;
+  font-variant-numeric: tabular-nums lining-nums;
+  margin-bottom: calc(13px*var(--s, 1)) !important;
+}
+.s-note { font-size: calc(var(--text-base) * 0.875); line-height: 1.45; color: var(--ink-subtle); }
+
+.blk-stat-row[data-count='2'] .s-value { font-size: calc(var(--text-base) * 6.25); }
+.blk-stat-row[data-count='3'] .s-value { font-size: calc(var(--text-base) * 5.25); }
+.blk-stat-row[data-count='3'] .s-note { font-size: calc(var(--text-base) * 0.9375); }
+.blk-stat-row[data-count='5'] .s-value { font-size: calc(var(--text-base) * 3.125); }
+.blk-stat-row[data-count='5'] { --pad-x: 15px; --gap-x: 13px; }
+.blk-stat-row[data-count='5'] .s-note { font-size: calc(var(--text-base) * 0.8125); }
+
+.blk-stat-row[data-count='6'] {
+  grid-auto-flow: row;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  row-gap: calc(var(--gap-x) * var(--s, 1));
+  --pad-x: 15px; --gap-x: 13px;
+}
+.blk-stat-row[data-count='6'] .s-value { font-size: calc(var(--text-base) * 3.125); }
+.blk-stat-row[data-count='6'] .s-note { font-size: calc(var(--text-base) * 0.8125); }
+.blk-stat-row[data-count='6'] > .stat:nth-child(3n + 1) { --div-lead: 0; }
+.blk-stat-row[data-count='6'] > .stat:nth-child(n + 4) { --div-top: 1; }
+
+.blk-stat-row:not([data-count='1']):not([data-count='2']):not([data-count='3']):not([data-count='4']):not([data-count='5']):not([data-count='6']) {
+  grid-auto-flow: row;
+  grid-template-columns: repeat(5, minmax(0, 1fr));
+  row-gap: calc(var(--gap-x) * var(--s, 1));
+  --pad-x: 15px; --gap-x: 13px;
+}
+.blk-stat-row:not([data-count='1']):not([data-count='2']):not([data-count='3']):not([data-count='4']):not([data-count='5']):not([data-count='6']) .s-value {
+  font-size: calc(var(--text-base) * 3.125);
+}
+.blk-stat-row:not([data-count='1']):not([data-count='2']):not([data-count='3']):not([data-count='4']):not([data-count='5']):not([data-count='6']) .s-note {
+  font-size: calc(var(--text-base) * 0.8125);
+}
+.blk-stat-row:not([data-count='1']):not([data-count='2']):not([data-count='3']):not([data-count='4']):not([data-count='5']):not([data-count='6']) > .stat:nth-child(5n + 1) { --div-lead: 0; }
+.blk-stat-row:not([data-count='1']):not([data-count='2']):not([data-count='3']):not([data-count='4']):not([data-count='5']):not([data-count='6']) > .stat:nth-child(n + 6) { --div-top: 1; }
+
+.blk-image { --media-ratio: 8 / 3; }
+.page .media { --mpad-x: 16px; --mpad-b: 13px; }
+
+.blk-image .media { --mpad-b: 8px; }
+
+.blk-youtube {
+  --media-ratio: 16 / 9;
+  
+  --video-w: min(100%, calc(740px * var(--s, 1)));
+}
+.blk-youtube .media {
+  --mpad-b: 8px;
+  
+  inline-size: var(--video-w);
+  margin-inline: auto;
+}
+
+.blk-youtube { position: relative; }
+.video-embed {
+  position: absolute;
+  inset-block-start: 0;
+  
+  inset-inline: 0;
+  margin-inline: auto;
+  inline-size: var(--video-w);
+  aspect-ratio: var(--media-ratio, 1 / 1);
+  z-index: 3;
+  border-radius: var(--corner, 0px);
+  overflow: hidden;
+  
+  background: #000;
+}
+.video-embed iframe {
+  inline-size: 100%;
+  block-size: 100%;
+  display: block;
+  border: 0;
+}
+
+.video-embed-close {
+  position: absolute;
+  inset-block-start: calc(8px * var(--s, 1));
+  inset-inline-end: calc(8px * var(--s, 1));
+  inline-size: calc(26px * var(--s, 1));
+  block-size: calc(26px * var(--s, 1));
+  border: 0;
+  border-radius: 50%;
+  background: color-mix(in srgb, #000 55%, transparent);
+  color: #fff;
+  font-size: calc(17px * var(--s, 1));
+  line-height: 1;
+  cursor: pointer;
+  
+  z-index: 1;
+}
+
+.media-frame {
+  position: relative;
+  inline-size: 100%;
+  aspect-ratio: var(--media-ratio, 1 / 1);
+  overflow: hidden;
+  background: var(--rule);
+  
+  container-type: inline-size;
+}
+
+.media-img {
+  display: block;
+  inline-size: 100%;
+  block-size: 100%;
+  
+  object-fit: cover;
+}
+
+.media-play {
+  position: absolute;
+  inset: 0;
+  
+  display: grid;
+  grid-template: minmax(0, 1fr) / minmax(0, 1fr);
+  
+  text-decoration: none;
+  color: inherit;
+}
+
+.media-play > * { grid-area: 1 / 1; }
+.media-play-badge { place-self: center; }
+
+.media-play-badge {
+  inline-size: calc(68px * var(--s, 1));
+  block-size: calc(48px * var(--s, 1));
+  border-radius: calc(12px * var(--s, 1));
+  background: var(--bg);
+  
+  position: relative;
+  z-index: 2;
+  display: grid;
+  place-items: center;
+  
+  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ink) 14%, transparent);
+}
+.media-play-badge::before {
+  content: '';
+  
+  border-block: calc(11px * var(--s, 1)) solid transparent;
+  border-inline-start: calc(18px * var(--s, 1)) solid var(--ink);
+  border-inline-end: 0;
+  
+  margin-inline-start: calc(4px * var(--s, 1));
+}
+
+.blk-youtube .media-add-label { display: none; }
+
+.media-frame[data-framed] .media-img {
+  object-position: var(--mf-x) var(--mf-y);
+  transform: scale(var(--mf-z));
+  transform-origin: var(--mf-x) var(--mf-y);
+}
+.media-frame[data-framed] .media-img::before,
+.media-frame[data-framed] .media-img::after {
+  transform: scale(calc(1 / var(--mf-z)));
+  transform-origin: var(--mf-x) var(--mf-y);
+}
+
+.m-caption {
+  margin-top: calc(12px*var(--s, 1)) !important;
+  font-size: calc(var(--text-base) * 0.78125);
+  line-height: 1.45;
+  color: var(--ink-subtlest);
+}
+
+.media-img { position: relative; z-index: 1; color: transparent; }
+
+.media-img::before,
+.media-img::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+}
+.media-img::before { background: var(--rule); }
+.media-img::after {
+  background: var(--ink-subtlest);
+  opacity: 0.3;
+  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Ccircle cx='9' cy='9' r='1.6'/%3E%3Cpath d='m21 15-4.6-4.6a2 2 0 0 0-2.8 0L4 20'/%3E%3C/svg%3E") center / calc(56px*var(--s, 1)) no-repeat;
+}
+
+.media-frame[data-missing] {
+  background: none;
+  border: calc(1px*var(--s, 1)) dashed var(--rule-strong);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+}
+
+.media-frame[data-missing]::after { content: none; }
+
+.media-add {
+  position: relative;
+  z-index: 1;
+  display: inline-flex;
+  align-items: center;
+  gap: calc(9px*var(--s, 1));
+  padding: calc(10px*var(--s, 1)) calc(20px*var(--s, 1)) calc(10px*var(--s, 1)) calc(14px*var(--s, 1));
+  border: calc(1px*var(--s, 1)) solid var(--rule-strong);
+  border-radius: calc(999px*var(--s, 1));
+  background: var(--bg);
+  color: var(--ink-subtle);
+  font-size: calc(var(--text-base) * 0.9375);
+  line-height: 1;
+}
+.media-add-plus {
+  font-size: calc(var(--text-base) * 1.25);
+  line-height: 0.8;
+  color: var(--accent);
+}
+
+@container (max-width: 200px) {
+  .media-add-label { display: none; }
+  
+  .media-add {
+    gap: 0;
+    padding: 0;
+    inline-size: calc(38px*var(--s, 1));
+    block-size: calc(38px*var(--s, 1));
+    justify-content: center;
+  }
+  
+  .media-add-plus { line-height: 1; }
+}
+
+.m-title {
+  font-size: calc(var(--text-base) * 1.625);
+  font-weight: 600;
+  letter-spacing: calc(-0.014em * var(--track-tight));
+  line-height: 1.2;
+}
+.m-body {
+  font-size: calc(var(--text-base) * 1);
+  line-height: 1.55;
+  color: var(--ink-subtle);
+  margin-top: calc(14px*var(--s, 1)) !important;
+}
+
+.blk-image .m-title,
+.blk-image .m-body,
+.blk-image-grid .m-title,
+.blk-image-grid .m-body,
+
+.blk-youtube .m-title,
+.blk-youtube .m-body { display: none; }
+
+.blk-image-grid {
+  display: grid;
+  
+  gap: calc(12px*var(--s, 1)) calc(20px*var(--s, 1));
+  align-items: start;
+  grid-template-columns: repeat(3, 1fr);
+  --media-ratio: 1 / 1;
+}
+
+.blk-image-grid[data-count='2'] { grid-template-columns: repeat(2, 1fr); --media-ratio: 4 / 3; }
+.blk-image-grid[data-count='3'] { grid-template-columns: repeat(3, 1fr); --media-ratio: 1 / 1; }
+.blk-image-grid[data-count='4'] { grid-template-columns: repeat(4, 1fr); --media-ratio: 1 / 1; }
+
+.blk-image-grid[data-count='5'],
+.blk-image-grid[data-count='6'] {
+  grid-template-columns: repeat(6, 1fr);
+  
+  row-gap: calc(9px*var(--s, 1));
+}
+.blk-image-grid[data-count='5'] .media,
+.blk-image-grid[data-count='6'] .media { --mpad-x: 11px; --mpad-b: 7px; }
+.blk-image-grid[data-count='5'] .media,
+.blk-image-grid[data-count='6'] .media { grid-column: span 2; --media-ratio: 19 / 10; }
+.blk-image-grid[data-count='5'] .media:nth-child(-n + 2) { grid-column: span 3; --media-ratio: 29 / 10; }
+
+.blk-image-grid .m-caption {
+  margin-top: calc(9px*var(--s, 1)) !important;
+  font-size: calc(var(--text-base) * 0.75);
+  line-height: 1.4;
+}
+
+.blk-image-with-text { --media-ratio: 16 / 9; }
+
+.blk-image-with-text .media { display: flow-root; }
+
+.blk-image-with-text .media-slots { display: contents; }
+
+.blk-image-with-text .media-frame,
+.blk-image-with-text .m-caption {
+  float: left;
+  inline-size: 46%;
+  margin-right: calc(40px*var(--s, 1));
+}
+
+.blk-image-with-text .m-caption {
+  clear: left;
+  border-top: 1px solid var(--on-fill-body, var(--rule));
+  padding-top: calc(7px*var(--s, 1)) !important;
+  
+  margin-bottom: calc(10px*var(--s, 1));
+}
+
+.blk-people {
+  display: grid;
+  
+  gap: calc(11px*var(--s, 1)) calc(24px*var(--s, 1));
+  
+  
+  grid-template-columns:
+    repeat(auto-fit, minmax(calc(150px*var(--s, 1)), calc(240px*var(--s, 1))));
+}
+
+.blk-people .m-caption {
+  margin-top: calc(13px*var(--s, 1)) !important;
+  font-size: calc(var(--text-base) * 0.8125);
+  line-height: 1.35;
+  color: var(--ink-subtlest);
+}
+.blk-people .m-body {
+  margin-top: calc(7px*var(--s, 1)) !important;
+}
+
+.blk-people[data-count='2'] { grid-template-columns: repeat(2, 1fr); --media-ratio: 16 / 9; }
+.blk-people[data-count='3'] { grid-template-columns: repeat(3, 1fr); --media-ratio: 4 / 3; }
+
+.blk-people[data-count='2'] .m-title,
+.blk-people[data-count='3'] .m-title { font-size: calc(var(--text-base) * 1.375); }
+.blk-people[data-count='2'] .m-body,
+.blk-people[data-count='3'] .m-body { font-size: calc(var(--text-base) * 0.96875); }
+
+.blk-people[data-count='4'],
+.blk-people[data-count='5'],
+.blk-people[data-count='6'] {
+  --media-ratio: 1 / 1;
+  column-gap: calc(20px*var(--s, 1));
+}
+.blk-people[data-count='4'] { grid-template-columns: repeat(4, 1fr); }
+.blk-people[data-count='5'] { grid-template-columns: repeat(5, 1fr); }
+.blk-people[data-count='6'] { grid-template-columns: repeat(6, 1fr); }
+
+.blk-people[data-count='4'] .m-title { font-size: calc(var(--text-base) * 1.125); }
+.blk-people[data-count='5'] .m-title,
+.blk-people[data-count='6'] .m-title { font-size: calc(var(--text-base) * 1); }
+.blk-people[data-count='4'] .m-body { font-size: calc(var(--text-base) * 0.875); line-height: 1.45; }
+.blk-people[data-count='5'] .m-body,
+.blk-people[data-count='6'] .m-body { font-size: calc(var(--text-base) * 0.8125); line-height: 1.42; }
+.blk-people[data-count='4'] .m-caption,
+.blk-people[data-count='5'] .m-caption,
+.blk-people[data-count='6'] .m-caption {
+  margin-top: calc(10px*var(--s, 1)) !important;
+  font-size: calc(var(--text-base) * 0.75);
+}
+
+.blk-people[data-count='7'],
+.blk-people[data-count='8'] {
+  grid-template-columns: repeat(2, 1fr);
+  
+  gap: calc(9px*var(--s, 1)) calc(44px*var(--s, 1));
+  --media-ratio: 1 / 1;
+}
+.blk-people[data-count='7'] .media,
+.blk-people[data-count='8'] .media {
+  --mpad-x: 11px;
+  --mpad-b: 7px;
+  
+}
+.blk-people[data-count='7'] .media,
+.blk-people[data-count='8'] .media {
+  display: grid;
+  grid-template-columns: calc(84px*var(--s, 1)) 1fr;
+  column-gap: calc(18px*var(--s, 1));
+  align-items: center;
+}
+.blk-people[data-count='7'] .m-caption,
+.blk-people[data-count='8'] .m-caption {
+  
+  margin-top: 0 !important;
+  font-size: calc(var(--text-base) * 0.75);
+}
+.blk-people[data-count='7'] .m-title,
+.blk-people[data-count='8'] .m-title { font-size: calc(var(--text-base) * 1.0625); }
+.blk-people[data-count='7'] .m-body,
+.blk-people[data-count='8'] .m-body {
+  font-size: calc(var(--text-base) * 0.8125);
+  line-height: 1.42;
+}
+
+.blk-table {
+  width: 100%;
+  table-layout: fixed;
+  
+  border-collapse: separate;
+  border-spacing: 0;
+  
+  
+  --bar-on: calc((1 - var(--fill-on, 0)) * (1 - var(--border-top-on, 0)) * var(--table-mark-on, 0));
+  position: relative;
+}
+.blk-table::before {
+  content: '';
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-start: 0;
+  inline-size: calc(46px*var(--s, 1));
+  
+  block-size: 2px;
+  background: var(--table-mark, var(--accent));
+  opacity: var(--bar-on);
+}
+
+.blk-table > tbody > tr:first-child > .t-head {
+  font-family: var(--font-mono);
+  font-size: calc(var(--text-base) * 0.65625); font-weight: 500;
+  letter-spacing: 0.12em; text-transform: uppercase;
+  color: var(--ink-subtlest);
+  vertical-align: bottom;
+}
+
+.t-head, .t-cell {
+  font-size: calc(var(--text-base) * 0.9375);
+  line-height: 1.45;
+  color: var(--ink);
+  text-align: left;
+  vertical-align: top;
+  
+  font-variant-numeric: tabular-nums lining-nums;
+}
+
+.blk-table > tbody > tr:not(:first-child) > .t-head { font-weight: 500; }
+
+.blk-table .t-head, .blk-table .t-cell {
+  padding-top: calc(var(--tpad-t) * var(--s, 1));
+  padding-bottom: calc(var(--tpad-b, var(--tpad-t)) * var(--s, 1));
+  padding-left: calc(var(--tpad-x) * var(--s, 1));
+  padding-right: calc(var(--tpad-x) * var(--s, 1));
+}
+.blk-table { --tpad-t: 14px; --tpad-x: 14px; }
+.blk-table > tbody > tr:first-child > .t-head { --tpad-t: 15px; --tpad-b: 11px; }
+
+.blk-table[data-count='2'],
+.blk-table[data-count='3'] { --tpad-t: 20px; }
+
+.blk-table[data-count='8'],
+.blk-table[data-count='9'] { --tpad-t: 9px; }
+
+.blk-table[data-cols='5'] .t-cell,
+.blk-table[data-cols='5'] .t-head { font-size: calc(var(--text-base) * 0.875); }
+.blk-table[data-cols='6'] .t-cell,
+.blk-table[data-cols='6'] .t-head { font-size: calc(var(--text-base) * 0.8125); }
+
+.blk-table[data-cols='6'] { --tpad-x: 10px; }
+
+.page .blk { --divider-w: var(--border-sm); }
+
+.page .blk-box > .item {
+  padding-top: calc(var(--pad-t) * var(--s, 1));
+  padding-bottom: calc(var(--pad-b, var(--pad-t)) * var(--s, 1));
+  padding-left: calc(var(--pad-l, var(--pad-x)) * var(--s, 1));
+  padding-right: calc(var(--pad-r, var(--pad-x)) * var(--s, 1));
+}
+
+.page .blk-box > .item {
+  
+  background: var(--fill, transparent);
+  box-shadow: var(--elevation, none);
+  
+  border-radius: var(--corner, 0px);
+}
+
+.page .blk-box > .item .i-title { color: var(--on-fill, var(--ink)); }
+.page .blk-box > .item .i-body {
+  color: var(--on-fill-body, var(--ink-subtle));
+}
+
+.page .blk-box > .item .i-body { --on-fill-body: color-mix(in srgb, var(--on-fill) 78%, transparent); }
+
+.page .blk-box > .item .i-meta {
+  --on-fill-body: color-mix(in srgb, var(--on-fill) 78%, transparent);
+  color: var(--on-fill-body, var(--ink-subtlest));
+}
+.page .blk-box > .item .item-icon { color: var(--icon-ink, var(--on-head-fill, var(--on-fill, var(--accent)))); }
+
+.page .blk-box > .item { isolation: isolate; }
+.blk-box > .item > .item-slots {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  grid-template-rows: auto auto auto;
+}
+
+.blk-box > .item > .item-slots > * { min-width: 0; grid-column: 1; }
+.blk-box > .item > .item-slots > .i-meta { grid-row: 1; }
+.blk-box > .item > .item-slots > .i-title { grid-row: 2; padding-bottom: calc(6px*var(--s, 1)); }
+.blk-box > .item > .item-slots > .i-body { grid-row: 3; }
+.blk-box > .item > .item-slots::before {
+  content: '';
+  grid-row: 1 / 3;
+  grid-column: 1;
+  
+  align-self: stretch;
+  z-index: -1;
+  pointer-events: none;
+  background: var(--head-fill, transparent);
+  border-start-start-radius: var(--corner, 0px);
+  border-start-end-radius: var(--corner, 0px);
+  margin-top: calc(-8px*var(--s, 1));
+  
+  margin-bottom: calc(6px*var(--s, 1));
+  margin-inline-start: calc(-1 * var(--pad-l, var(--pad-x)) * var(--s, 1));
+  margin-inline-end: calc(-1 * var(--pad-r, var(--pad-x)) * var(--s, 1));
+}
+
+.blk-box > .item > .item-slots:first-child::before { margin-top: calc(-1 * var(--pad-t) * var(--s, 1)); }
+.blk-box > .item > .item-icon + .item-slots::before {
+  margin-top: calc(
+    -1 * (var(--pad-t) + var(--icon-gap) * var(--icon-top, 0)) * var(--s, 1)
+    - var(--text-base) * var(--icon-k, 1.2) * var(--icon-top, 0)
+  );
+}
+.blk-box[data-variant='leaf-corner'] > .item > .item-slots::before { border-start-start-radius: 0; }
+
+.blk-box[data-icon-position='lead'] > .item > .item-slots::before,
+.blk-box[data-arrangement='list']:not([data-icon-position]) > .item > .item-slots::before {
+  margin-inline-start: calc(-1 * (var(--pad-l, var(--pad-x)) + var(--lead-gutter)) * var(--s, 1));
+}
+
+.page .blk-box > .item .i-title { color: var(--on-head-fill, var(--on-fill, var(--ink))); }
+.page .blk-box > .item .i-meta {
+  --on-head-fill-body: color-mix(in srgb, var(--on-head-fill) 78%, transparent);
+  color: var(--on-head-fill-body, var(--on-fill-body, var(--ink-subtlest)));
+}
+.page .blk-box[data-icon-position='lead'] > .item .item-icon,
+.page .blk-box[data-arrangement='list']:not([data-icon-position]) > .item .item-icon {
+  color: var(--icon-ink, var(--on-head-fill, var(--on-fill, var(--accent))));
+}
+
+.page .blk-box > .item {
+  border-block-start:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-top-on, 0))
+    solid var(--border-top, transparent);
+  border-block-end:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-bottom-on, 0))
+    solid var(--border-bottom, transparent);
+  border-inline-start:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-lead-on, 0))
+    solid var(--border-lead, transparent);
+  border-inline-end:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-trail-on, 0))
+    solid var(--border-trail, transparent);
+}
+
+.page .blk-box > .item { position: relative; }
+.page .blk-box > .item::before,
+.page .blk-box > .item::after {
+  content: '';
+  position: absolute;
+  background: var(--divider, transparent);
+  pointer-events: none;
+}
+.page .blk-box > .item::before {
+  inset-inline: 0;
+  top: calc(var(--gap-y) * -0.5 * var(--s, 1));
+  height: calc(var(--divider-w) * var(--div-top, 0) * (1 - var(--border-top-on, 0)));
+}
+.page .blk-box > .item::after {
+  inset-block: 0;
+  inset-inline-start: calc(var(--gap-x) * -0.5 * var(--s, 1));
+  width: calc(var(--divider-w) * var(--div-lead, 0) * (1 - var(--border-lead-on, 0)));
+}
+
+.page .blk-box[data-variant='leaf-corner'] > .item { border-start-start-radius: 0; }
+
+.page .blk-steps > .item,
+.page .blk-timeline > .item {
+  padding-top: calc(var(--pad-t) * var(--s, 1));
+  padding-bottom: calc(var(--pad-b, var(--pad-t)) * var(--s, 1));
+  padding-left: calc(var(--pad-l, var(--pad-x)) * var(--s, 1));
+  padding-right: calc(var(--pad-r, var(--pad-x)) * var(--s, 1));
+}
+
+.page .blk-steps > .item,
+.page .blk-timeline > .item {
+  background: var(--fill, transparent);
+  box-shadow: var(--elevation, none);
+  
+  border-radius: var(--corner, 0px);
+}
+.page .blk-steps > .item .i-title,
+.page .blk-timeline > .item .i-title { color: var(--on-fill, var(--ink)); }
+.page .blk-steps > .item .i-body,
+.page .blk-timeline > .item .i-body { color: var(--on-fill-body, var(--ink-subtle)); }
+.page .blk-steps > .item .i-body,
+.page .blk-timeline > .item .i-body { --on-fill-body: color-mix(in srgb, var(--on-fill) 78%, transparent); }
+
+.page .blk-timeline > .item .i-meta { color: var(--on-fill-body, var(--ink-subtlest)); }
+
+.page .blk-steps > .item,
+.page .blk-timeline > .item {
+  border-block-start:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-top-on, 0))
+    solid var(--border-top, transparent);
+  border-block-end:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-bottom-on, 0))
+    solid var(--border-bottom, transparent);
+  border-inline-start:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-lead-on, 0))
+    solid var(--border-lead, transparent);
+  border-inline-end:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-trail-on, 0))
+    solid var(--border-trail, transparent);
+}
+
+.page .blk-steps > .item::before {
+  color: var(--marker, var(--on-fill, var(--accent)));
+  background: var(--marker-fill, transparent);
+  display: grid;
+  place-content: center;
+  width: fit-content;
+  aspect-ratio: 1;
+  box-shadow: 0 0 0 0.3em var(--marker-fill, transparent);
+  border-radius: calc(var(--marker-fill-on, 0) * 999px);
+}
+
+.page .blk-steps[data-mark='icon'] > .item > .item-icon {
+  color: var(--marker, var(--on-fill, var(--accent)));
+  background: var(--marker-fill, transparent);
+  box-shadow: 0 0 0 0.3em var(--marker-fill, transparent);
+  border-radius: calc(var(--marker-fill-on, 0) * 999px);
+}
+
+.page .blk-steps[data-variant='leaf-corner'] > .item,
+.page .blk-timeline[data-variant='leaf-corner'] > .item { border-start-start-radius: 0; }
+
+.page .blk-stat-row > .stat {
+  padding-top: calc(var(--pad-t) * var(--s, 1));
+  padding-bottom: calc(var(--pad-b, var(--pad-t)) * var(--s, 1));
+  padding-left: calc(var(--pad-l, var(--pad-x)) * var(--s, 1));
+  padding-right: calc(var(--pad-r, var(--pad-x)) * var(--s, 1));
+}
+
+.page .blk-stat-row > .stat {
+  background: var(--fill, transparent);
+  box-shadow: var(--elevation, none);
+  
+  border-radius: var(--corner, 0px);
+}
+
+.page .blk-stat-row > .stat .s-value { color: var(--on-fill, var(--ink)); }
+.page .blk-stat-row > .stat .s-note { color: var(--on-fill-body, var(--ink-subtle)); }
+.page .blk-stat-row > .stat .s-label { color: var(--on-fill-body, var(--ink-subtlest)); }
+.page .blk-stat-row > .stat .s-note,
+.page .blk-stat-row > .stat .s-label { --on-fill-body: color-mix(in srgb, var(--on-fill) 78%, transparent); }
+
+.page .blk-stat-row > .stat {
+  border-block-start:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-top-on, 0))
+    solid var(--border-top, transparent);
+  border-block-end:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-bottom-on, 0))
+    solid var(--border-bottom, transparent);
+  border-inline-start:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-lead-on, 0))
+    solid var(--border-lead, transparent);
+  border-inline-end:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-trail-on, 0))
+    solid var(--border-trail, transparent);
+}
+
+.page .blk-stat-row > .stat { position: relative; }
+.page .blk-stat-row > .stat::after {
+  content: '';
+  position: absolute;
+  inset-block: 0;
+  inset-inline-start: calc(var(--gap-x) * -0.5 * var(--s, 1));
+  width: calc(var(--divider-w) * var(--div-lead, 0) * (1 - var(--border-lead-on, 0)));
+  background: var(--divider, transparent);
+  pointer-events: none;
+}
+
+.page .blk-stat-row > .stat::before {
+  content: '';
+  position: absolute;
+  inset-inline: 0;
+  top: calc(var(--gap-x) * -0.5 * var(--s, 1));
+  height: calc(var(--divider-w) * var(--div-top, 0) * (1 - var(--border-top-on, 0)));
+  background: var(--divider, transparent);
+  pointer-events: none;
+}
+
+.page .blk-stat-row[data-variant='leaf-corner'] > .stat { border-start-start-radius: 0; }
+
+.page .blk-image > .media,
+.page .blk-image-grid > .media,
+.page .blk-image-with-text > .media,
+.page .blk-people > .media,
+.page .blk-youtube > .media {
+  padding-inline: calc(var(--mpad-x) * var(--s, 1));
+  padding-bottom: calc(var(--mpad-b) * var(--s, 1));
+}
+.page .blk-image-with-text > .media,
+.page .blk-people[data-count='7'] > .media,
+.page .blk-people[data-count='8'] > .media { padding-top: calc(var(--mpad-b) * var(--s, 1)); }
+
+.page .blk-image > .media > .media-frame,
+.page .blk-image-grid > .media > .media-frame,
+.page .blk-people:not([data-count='7']):not([data-count='8']) > .media > .media-frame,
+
+.page .blk-youtube > .media > .media-frame {
+  margin-inline: calc(var(--mpad-x) * var(--s, 1) * -1);
+  
+  inline-size: calc(100% + var(--mpad-x) * var(--s, 1) * 2);
+}
+
+.page .blk-image > .media,
+.page .blk-image-grid > .media,
+.page .blk-image-with-text > .media,
+.page .blk-people > .media,
+.page .blk-youtube > .media {
+  background: var(--fill, transparent);
+  box-shadow: var(--elevation, none);
+  
+  border-radius: var(--corner, 0px);
+  
+  overflow: hidden;
+}
+
+.page .blk-image > .media .m-title,
+.page .blk-image-grid > .media .m-title,
+.page .blk-image-with-text > .media .m-title,
+.page .blk-people > .media .m-title,
+.page .blk-youtube > .media .m-title { color: var(--on-fill, var(--ink)); }
+.page .blk-image > .media .m-body,
+.page .blk-image-grid > .media .m-body,
+.page .blk-image-with-text > .media .m-body,
+.page .blk-people > .media .m-body,
+.page .blk-youtube > .media .m-body { color: var(--on-fill-body, var(--ink-subtle)); }
+.page .blk-image > .media .m-caption,
+.page .blk-image-grid > .media .m-caption,
+.page .blk-image-with-text > .media .m-caption,
+.page .blk-people > .media .m-caption,
+.page .blk-youtube > .media .m-caption { color: var(--on-fill-body, var(--ink-subtlest)); }
+.page .blk-image > .media .m-body,
+.page .blk-image-grid > .media .m-body,
+.page .blk-image-with-text > .media .m-body,
+.page .blk-people > .media .m-body,
+.page .blk-image > .media .m-caption,
+.page .blk-image-grid > .media .m-caption,
+.page .blk-image-with-text > .media .m-caption,
+.page .blk-people > .media .m-caption,
+.page .blk-youtube > .media .m-body,
+.page .blk-youtube > .media .m-caption { --on-fill-body: color-mix(in srgb, var(--on-fill) 78%, transparent); }
+
+.page .blk-image > .media,
+.page .blk-image-grid > .media,
+.page .blk-image-with-text > .media,
+.page .blk-people > .media,
+.page .blk-youtube > .media {
+  border-block-start:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-top-on, 0))
+    solid var(--border-top, transparent);
+  border-block-end:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-bottom-on, 0))
+    solid var(--border-bottom, transparent);
+  border-inline-start:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-lead-on, 0))
+    solid var(--border-lead, transparent);
+  border-inline-end:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-trail-on, 0))
+    solid var(--border-trail, transparent);
+}
+
+.page .blk-image[data-variant='leaf-corner'] > .media,
+.page .blk-image-grid[data-variant='leaf-corner'] > .media,
+.page .blk-image-with-text[data-variant='leaf-corner'] > .media,
+.page .blk-people[data-variant='leaf-corner'] > .media,
+.page .blk-youtube[data-variant='leaf-corner'] > .media { border-start-start-radius: 0; }
+
+.page .blk-table {
+  
+  background: var(--fill, transparent);
+  box-shadow: var(--elevation, none);
+  border-radius: var(--corner, 0px);
+}
+
+.page .blk-table > tbody > tr:first-child > :first-child { border-start-start-radius: var(--corner, 0px); }
+.page .blk-table > tbody > tr:first-child > :last-child { border-start-end-radius: var(--corner, 0px); }
+.page .blk-table > tbody > tr:last-child > :first-child { border-end-start-radius: var(--corner, 0px); }
+.page .blk-table > tbody > tr:last-child > :last-child { border-end-end-radius: var(--corner, 0px); }
+
+.page .blk-table .t-cell { color: var(--on-fill, var(--ink)); }
+.page .blk-table > tbody > tr:not(:first-child) > .t-head { color: var(--on-fill, var(--ink)); }
+.page .blk-table > tbody > tr:first-child > .t-head { color: var(--on-fill-head, var(--ink-subtlest)); }
+.page .blk-table > tbody > tr:first-child > .t-head {
+  --on-fill-head: color-mix(in srgb, var(--on-fill) 62%, transparent);
+}
+
+.page .blk-table > tbody > tr:nth-child(even) > .t-cell { background: var(--band-fill, transparent); }
+.page .blk-table .t-head { background: var(--head-fill, transparent); }
+
+.page .blk-table > tbody > tr:first-child > * {
+  border-block-start:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-top-on, 0))
+    solid var(--border-top, transparent);
+}
+.page .blk-table > tbody > tr:last-child > * {
+  border-block-end:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-bottom-on, 0))
+    solid var(--border-bottom, transparent);
+}
+.page .blk-table > tbody > tr > :first-child {
+  border-inline-start:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-lead-on, 0))
+    solid var(--border-lead, transparent);
+}
+.page .blk-table > tbody > tr > :last-child {
+  border-inline-end:
+    calc(var(--border-weight, calc(1px * var(--s, 1))) * var(--border-trail-on, 0))
+    solid var(--border-trail, transparent);
+}
+
+.page .blk-table > tbody > tr:not(:last-child) > * {
+  border-block-end:
+    calc(var(--divider-w) * var(--divider-on, 0) * (1 - var(--border-bottom-on, 0)))
+    solid var(--divider, transparent);
+}
+.page .blk-table > tbody > tr > :not(:first-child) {
+  border-inline-start:
+    calc(var(--divider-w) * var(--divider-col-on, 0) * (1 - var(--border-lead-on, 0)))
+    solid var(--divider-col, transparent);
+}
+
+.page .blk-table[data-variant='leaf-corner'] > tbody > tr:first-child > :first-child {
+  border-start-start-radius: 0;
+}
+
+.blk-layout {
+  display: grid;
+  gap: calc(34px*var(--s, 1));
+  align-items: stretch;
+}
+
+.layout-region > .blk + .blk { margin-top: calc(34px*var(--s, 1)); }
+.layout-region > .blk + .blk-text,
+.layout-region > .blk + .blk-bullets,
+.layout-region > .blk + .blk-numbered { margin-top: calc(13px*var(--s, 1)); }
+.layout-region > .blk + .blk-heading { margin-top: calc(26px*var(--s, 1)); }
+.layout-region > .blk + .blk-quote { margin-top: calc(20px*var(--s, 1)); }
+.layout-region > .blk + .blk-separator { margin-top: calc(18px*var(--s, 1)); }
+.layout-region > .blk + .blk-code { margin-top: calc(14px*var(--s, 1)); }
+.layout-region > .blk-heading + .blk-text,
+.layout-region > .blk-heading + .blk-bullets,
+.layout-region > .blk-heading + .blk-numbered { margin-top: calc(9px*var(--s, 1)); }
+
+.blk-layout[data-layout='two-cols'] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
+.blk-layout[data-layout='three-cols'] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
+.blk-layout[data-layout='four-cols'] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
+.blk-layout[data-layout='five-cols'] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
+
+.page[data-surface='subtle'] { background: var(--footer-mark-layer), var(--bg-subtle); }
+.page[data-surface='muted'] { background: var(--footer-mark-layer), var(--bg-muted); }
+
+.page[data-surface='subtle'] .blk { --bg-subtle: var(--bg); }
+.page[data-surface='muted'] .blk { --bg-muted: var(--bg); }
+
+.page[data-surface='accent'] {
+  
+  background: var(--footer-mark-layer), var(--bg-accent);
+  color: var(--on-bg-accent);
+  --ink: var(--on-bg-accent);
+  --ink-subtle: color-mix(in srgb, var(--on-bg-accent) 94%, transparent);
+  --ink-subtlest: color-mix(in srgb, var(--on-bg-accent) 88%, transparent);
+  
+  --footer-plane: var(--ink-subtlest);
+}
+
+.page-accent {
+  overflow: hidden;
+  background: var(--accent-fill, var(--bg-muted));
+}
+.page-accent img {
+  inline-size: 100%;
+  block-size: 100%;
+  object-fit: cover;
+  display: block;
+}
+
+.page[data-accent='lead'],
+.page[data-accent='trail'],
+.page[data-accent='top'] {
+  position: relative;
+  --accent-size: calc(var(--frame-w) * 0.38);
+  --accent-gap: calc(38px*var(--doc-s, 1));
+}
+.page[data-accent='top'] { --accent-size: calc(var(--frame-w) * 0.19); }
+
+.page[data-accent='lead'] { padding-inline-start: calc(var(--accent-size) + var(--accent-gap)); }
+.page[data-accent='trail'] { padding-inline-end: calc(var(--accent-size) + var(--accent-gap)); }
+.page[data-accent='top'] { padding-block-start: calc(var(--accent-size) + var(--accent-gap)); }
+
+.page[data-accent='lead'] > .page-accent,
+.page[data-accent='trail'] > .page-accent,
+.page[data-accent='top'] > .page-accent { position: absolute; }
+
+.page[data-accent='lead'] > .page-accent { inset: 0 auto 0 0; inline-size: var(--accent-size); }
+.page[data-accent='trail'] > .page-accent { inset: 0 0 0 auto; inline-size: var(--accent-size); }
+.page[data-accent='top'] > .page-accent { inset: 0 0 auto 0; block-size: var(--accent-size); }
+
+.page[data-accent='full'] { position: relative; }
+.page[data-accent='full'] > .page-accent {
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  background: none;
+}
+.page[data-accent='full'] > :not(.page-accent) { position: relative; z-index: 1; }
+
+.page[data-accent='full'] > .page-accent::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  
+  background: var(--footer-mark-layer), color-mix(in oklab, var(--bg) 66%, transparent);
+}
+
+.layout-region {
+  outline: var(--region-rule, none);
+  outline-offset: var(--region-rule-offset, 0);
+  border-radius: var(--region-rule-corner, 0);
+}
+
+.layout-region { container-type: inline-size; container-name: region; }
+
+@container region (max-width: 560px) {
+  
+  .page .blk-box[data-arrangement='grid'],
+  .page .blk-steps[data-arrangement='across'],
+  .page .blk-stat-row {
+    grid-template-columns: minmax(0, 1fr);
+    grid-auto-flow: row;
+  }
+
+  
+  .page .layout-region .blk-box[data-arrangement='grid'] > .item,
+  .page .layout-region .blk-stat-row > .stat {
+    --div-lead: 0;
+    --div-top: 1;
+  }
+  .page .layout-region .blk-box[data-arrangement='grid'] > .item:first-child,
+  .page .layout-region .blk-stat-row > .stat:first-child {
+    --div-top: 0;
+  }
+  
+  .page .blk-stat-row { row-gap: calc(var(--gap-x) * var(--s, 1)); }
+
+  
+  .page .blk-steps[data-arrangement='across'] .item::after { display: none; }
+
+  
+  .page .blk-steps[data-arrangement='across'] { row-gap: calc(var(--gap-y) * var(--s, 1)); }
+  .page .layout-region .blk-steps[data-arrangement='across'] > .item {
+    display: grid;
+    grid-template-columns: calc(var(--num-w)*var(--s, 1)) minmax(0, 1fr);
+    column-gap: calc(var(--num-gap)*var(--s, 1));
+    align-items: baseline;
+    --num-gap: 17px;
+    --num-below: 0px;
+  }
+  .page .layout-region .blk-steps[data-mark='none'][data-arrangement='across'] > .item {
+    grid-template-columns: minmax(0, 1fr);
+    column-gap: 0;
+  }
+
+  
+  .page .blk-image-grid,
+  .page .blk-people { grid-template-columns: repeat(2, 1fr); }
+
+  
+  .page .blk-timeline > .item { --meta-w: 0px; --meta-gap: 0px; }
+  .page .blk-timeline .item-slots {
+    grid-template-columns: minmax(0, 1fr);
+    padding-inline-start: calc(18px*var(--s, 1));
+  }
+  .page .blk-timeline .i-meta {
+    grid-column: 1; grid-row: 1;
+    text-align: start;
+    padding-top: 0;
+    
+    margin-bottom: calc(8px*var(--s, 1));
+  }
+  .page .blk-timeline .i-title { grid-column: 1; grid-row: 2; }
+  .page .blk-timeline .i-body { grid-column: 1; grid-row: 3; }
+
+  
+  .page .blk-stat-row .s-value { font-size: calc(var(--text-base) * 3.125); }
+}
+
+@container region (max-width: 340px) {
+  
+  .page .blk-image-grid,
+  .page .blk-people { grid-template-columns: minmax(0, 1fr); }
+  
+  .page .blk-people[data-count='7'] .media,
+  .page .blk-people[data-count='8'] .media {
+    grid-template-columns: minmax(0, 1fr);
+    align-items: stretch;
+  }
+  .page .blk-people[data-count='7'] .m-caption,
+  .page .blk-people[data-count='8'] .m-caption { margin-top: calc(10px*var(--s, 1)) !important; }
+}
+
+.page .blk[data-place='centre'] { margin-inline-start: auto; margin-inline-end: auto; }
+.page .blk[data-place='end']    { margin-inline-start: auto; }
+
+.page .blk[data-place]:not([data-width]) { inline-size: 100%; }
+
+.blk-chart {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  grid-template-rows: auto minmax(0, 1fr) auto;
+  grid-template-areas:
+    'title  title'
+    'y-axis plot'
+    '.      x-axis';
+  
+  --pad-t: 4px; --pad-b: 4px; --pad-x: 2px;
+  --gap: 10px;
+  gap: calc(var(--gap)*var(--s, 1));
+  padding: calc(var(--pad-t)*var(--s, 1)) calc(var(--pad-x)*var(--s, 1)) calc(var(--pad-b)*var(--s, 1));
+}
+
+.blk-chart .chart-words { display: contents; }
+
+.blk-chart .c-title {
+  grid-area: title;
+  font-size: calc(19px*var(--s, 1));
+  line-height: 1.3;
+  font-weight: 600;
+}
+
+.blk-chart .c-axis-y {
+  grid-area: y-axis;
+  writing-mode: vertical-rl;
+  rotate: 180deg;
+  place-self: center;
+  font-size: calc(12px*var(--s, 1));
+  color: var(--fg-muted);
+}
+
+.blk-chart .c-axis-x {
+  grid-area: x-axis;
+  justify-self: center;
+  font-size: calc(12px*var(--s, 1));
+  color: var(--fg-muted);
+}
+
+.blk-chart .c-axis-y::before,
+.blk-chart .c-axis-x::before { white-space: nowrap; }
+
+.blk-chart .chart-plot {
+  grid-area: plot;
+  
+  width: 100%;
+  aspect-ratio: 16 / 7;
+  max-height: calc(300px*var(--s, 1));
+  min-height: calc(80px*var(--s, 1));
+}
+
+.blk-chart .chart-plot svg { display: block; width: 100%; height: 100%; }
+
+.blk-chart .chart-plot text { fill: var(--fg-muted); font-family: inherit; }
+
+.blk-chart[data-arrangement='bar'] .c-axis-x {
+  grid-area: y-axis;
+  writing-mode: vertical-rl;
+  rotate: 180deg;
+  place-self: center;
+}
+
+.blk-chart[data-arrangement='bar'] .c-axis-y {
+  grid-area: x-axis;
+  writing-mode: horizontal-tb;
+  rotate: none;
+  
+  place-self: auto;
+  justify-self: center;
+}
+
+.blk-chart[data-arrangement='pie'] .c-axis-x,
+.blk-chart[data-arrangement='pie'] .c-axis-y,
+.blk-chart[data-arrangement='donut'] .c-axis-x,
+.blk-chart[data-arrangement='donut'] .c-axis-y { display: none; }
+
+@keyframes chart-rise { from { transform: scaleY(0); } to { transform: scaleY(1); } }
+@keyframes chart-grow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
+
+[data-view='present'] .dfx-slide[data-current='true'] .blk-chart[data-arrangement='column'] .chart-plot path[fill^='var(--chart-series'] {
+  transform-box: fill-box;
+  transform-origin: bottom;
+  animation: chart-rise 420ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
+}
+
+[data-view='present'] .dfx-slide[data-current='true'] .blk-chart[data-arrangement='bar'] .chart-plot path[fill^='var(--chart-series'] {
+  transform-box: fill-box;
+  transform-origin: left;
+  animation: chart-grow 420ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
+}
+
+@keyframes chart-draw { from { stroke-dashoffset: 2400; } to { stroke-dashoffset: 0; } }
+@keyframes chart-dot { from { opacity: 0; } to { opacity: 1; } }
+@keyframes chart-wash { from { opacity: 0; } to { opacity: 1; } }
+
+[data-view='present'] .dfx-slide[data-current='true'] .blk-chart[data-arrangement='line'] .chart-plot g[clip-path] > path[fill='none'],
+[data-view='present'] .dfx-slide[data-current='true'] .blk-chart[data-arrangement='area'] .chart-plot g[clip-path] > path[fill='none'] {
+  stroke-dasharray: 2400;
+  animation: chart-draw 620ms cubic-bezier(0.22, 1, 0.36, 1) backwards;
+}
+
+[data-view='present'] .dfx-slide[data-current='true'] .blk-chart[data-arrangement='area'] .chart-plot g[clip-path] > path:not([fill='none']) {
+  animation: chart-wash 420ms ease-out 180ms backwards;
+}
+
+[data-view='present'] .dfx-slide[data-current='true'] .blk-chart[data-arrangement='line'] .chart-plot path[stroke='var(--bg)'],
+[data-view='present'] .dfx-slide[data-current='true'] .blk-chart[data-arrangement='area'] .chart-plot path[stroke='var(--bg)'] {
+  animation: chart-dot 260ms ease-out 380ms backwards;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .blk-chart .chart-plot path { animation: none; stroke-dasharray: none; }
+}
+
+.blk-diagram {
+  display: grid;
+  place-items: center;
+  
+  --diagram-max-h: calc(460px*var(--s, 1));
+  
+  position: relative;
+  
+  --pad-t: 4px; --pad-b: 4px; --pad-x: 2px;
+  padding: calc(var(--pad-t)*var(--s, 1)) calc(var(--pad-x)*var(--s, 1)) calc(var(--pad-b)*var(--s, 1));
+}
+
+.blk-diagram .diagram-drawing {
+  width: 100%;
+  min-height: calc(80px*var(--s, 1));
+  max-height: var(--diagram-max-h);
+  display: grid;
+  place-items: center;
+  
+  overflow: hidden;
+  position: relative;
+}
+
+.blk-diagram .diagram-pane {
+  width: 100%;
+  height: 100%;
+  display: grid;
+  place-items: center;
+  transform-origin: center;
+  
+}
+
+.blk-diagram .diagram-drawing svg {
+  display: block;
+  width: 100%;
+  height: auto;
+  max-height: var(--diagram-max-h);
+  
+  pointer-events: none;
+}
+
+.blk-diagram .diagram-drawing svg text { font-family: inherit; }
+
+.blk-diagram .diagram-drawing svg [stroke='black'] { stroke: var(--fg-muted); }
+.blk-diagram .diagram-drawing svg [fill='black'],
+.blk-diagram .diagram-drawing svg [fill='#000'],
+.blk-diagram .diagram-drawing svg [fill='#000000'] { fill: var(--fg-muted); }
+.blk-diagram .diagram-drawing svg [fill='white'] { fill: var(--bg); }
+
+.blk-diagram .diagram-drawing svg .katex path { fill: currentColor !important; stroke: none !important; }
+.blk-diagram .diagram-drawing { color: var(--fg); }
+
+.blk-diagram .diagram-drawing svg g.section-root > g.label[transform^='translate(0,'] text {
+  text-anchor: middle;
+}
+
+.blk-diagram .diagram-drawing svg .lineWrapper line { stroke: var(--fg-muted) !important; }
+
+.blk-diagram .diagram-drawing svg svg [style*='fill: #087ebf'] { fill: var(--bg-subtle) !important; }
+.blk-diagram .diagram-drawing svg svg [style*='stroke: #fff'] { stroke: var(--fg-muted) !important; }
+.blk-diagram .diagram-drawing svg svg [style*='fill: #fff'] { fill: var(--fg-muted) !important; }
+
+.blk-diagram .diagram-drawing [data-mode-svg] { display: none; }
+[data-mode='light'] .blk-diagram .diagram-drawing [data-mode-svg='light'],
+[data-mode='dark'] .blk-diagram .diagram-drawing [data-mode-svg='dark'] { display: contents; }
+
+.blk-diagram .diagram-problem {
+  margin: 0;
+  padding: calc(12px*var(--s, 1));
+  font-family: var(--font-mono);
+  
+  font-variant-ligatures: none;
+  font-feature-settings: 'liga' 0, 'calt' 0;
+  font-size: calc(12px*var(--s, 1));
+  line-height: 1.5;
+  color: var(--fg-muted);
+  text-align: start;
+  white-space: pre-wrap;
+  
+  overflow-wrap: anywhere;
+  max-width: calc(520px*var(--s, 1));
+}
+
+.diagram-zoom {
+  display: flex;
+  gap: calc(2px*var(--s, 1));
+  padding: calc(3px*var(--s, 1));
+  border-radius: calc(7px*var(--s, 1));
+  background: var(--bg);
+  box-shadow: 0 0 0 1px var(--edge, rgb(0 0 0 / 0.08)), 0 2px 8px rgb(0 0 0 / 0.10);
+  z-index: 2;
+}
+
+.diagram-zoom-btn {
+  display: grid;
+  place-items: center;
+  inline-size: calc(24px*var(--s, 1));
+  block-size: calc(24px*var(--s, 1));
+  padding: 0;
+  border: 0;
+  border-radius: calc(5px*var(--s, 1));
+  background: transparent;
+  color: var(--fg-muted);
+  cursor: pointer;
+}
+
+.diagram-zoom-btn:hover { background: var(--bg-muted, rgb(0 0 0 / 0.06)); color: var(--fg); }
+
+.blk-diagram .diagram-zoom {
+  position: absolute;
+  inset-block-end: calc(6px*var(--s, 1));
+  inset-inline-end: calc(6px*var(--s, 1));
+  opacity: 0;
+  transition: opacity 120ms ease;
+  
+}
+
+.blk-diagram:hover .diagram-zoom,
+.blk-diagram:has(.diagram-drawing[data-zoomed]) .diagram-zoom { opacity: 1; }