/* zaiphr.ai — method bundle, generated by lib/css-bundles.js. Edit the sources in css/. */
/* method-v1.css */
@layer pages {
.mh-entry { background:var(--z-night); color:var(--site-display); overflow-x:clip; padding-bottom:0 !important; }
.mh-entry .mh-grid { display:grid; grid-template-columns:1.15fr 1fr;
  gap:64px; align-items:center; }
.mh-entry h1 { font:600 clamp(48px, 5.6vw, 84px)/1.05 'Fraunces', serif;
  letter-spacing:-0.02em; margin:0; max-width:14ch; }
.mh-entry h1 em { font-style:italic; font-weight:400; color:var(--z-accent); }
.mh-lede { margin:26px 0 0; font-size:18px; line-height:1.6; color:var(--site-fg-body);
  max-width:46ch; }
.mh-lede b { color:var(--site-fg-strong); font-weight:500; }
.mh-construct { position:relative; }
.mh-construct svg, .mh-construct img { width:100%; height:auto; display:block; }
.mh-construct .cap { margin-top:6px; font-size:11px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--z-fg-subtle); text-align:right; }
.mh-rail { position:sticky; top:72px; z-index:40; background:rgba(9,13,22,.88);
  -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border-top:1px solid var(--z-border);
  border-bottom:1px solid var(--z-border); }
.mh-rail ol { max-width:1280px; margin:0 auto; padding:0 32px;
  display:grid; grid-template-columns:repeat(4,1fr); gap:2px; list-style:none; }
.mh-rail a { display:block; padding:14px 4px 12px; text-decoration:none;
  border-top:3px solid transparent; margin-top:-1px; }
.mh-rail .no { font-family:var(--z-font-mono); font-size:11px;
  letter-spacing:.16em; color:var(--z-fg-subtle); }
.mh-rail .nm { font:500 15px var(--z-font-editorial); color:var(--site-fg-meta);
  margin-left:10px; }
.mh-rail li.on a { border-top-color:var(--z-accent); }
.mh-rail li.on .no { color:var(--z-accent); }
.mh-rail li.on .nm { color:var(--site-display); }
.mh-stage { background:var(--z-night); color:var(--site-display); overflow-x:clip; }
.mh-stage .mh-head { display:flex; align-items:baseline; gap:28px;
  margin-bottom:18px; }
.mh-stage .mh-no { font-family:var(--z-font-mono); font-size:15px;
  letter-spacing:.2em; color:var(--z-accent); }
.mh-stage h2 { font:600 clamp(40px, 4.4vw, 64px)/1.05 'Fraunces', serif;
  letter-spacing:-0.015em; margin:0; }
.mh-q { font:400 clamp(22px, 2.2vw, 30px)/1.3 'Fraunces', serif;
  font-style:italic; color:var(--z-accent-text); margin:0 0 44px; }
.mh-stage .mh-body { display:grid; grid-template-columns:1fr 520px;
  gap:72px; align-items:start; }
.mh-inst { position:relative; }
.mh-inst .doc { border-radius:6px; overflow:hidden;
  border:1px solid rgba(255,255,255,.1); box-shadow:0 40px 90px rgba(0,0,0,.55); }
.mh-inst .doc img { width:100%; height:auto; display:block; }
.mh-inst .cap { margin-top:12px; font-size:11px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--z-fg-subtle); }
.mh-delta { background:var(--z-ground); border:1px solid #1c2438; border-radius:12px;
  padding:36px 34px; }
.mh-delta .v { font:400 clamp(34px, 3vw, 46px)/1.15 'Fraunces', serif;
  white-space:nowrap; color:var(--site-display); }
.mh-delta .v .a { color:var(--z-accent); }
.mh-delta .k { margin:8px 0 26px; font-size:12px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--site-fg-meta); }
.mh-delta .k:last-child { margin-bottom:0; }
.mh-app { background:var(--z-ground); border:1px solid #1c2438; border-radius:12px;
  overflow:hidden; font-family:var(--z-font-editorial); }
.mh-app .bar { display:flex; align-items:center; padding:13px 18px;
  border-bottom:1px solid #1c2438; font-family:var(--z-font-mono);
  font-size:12.5px; color:var(--site-fg-quiet); }
.mh-app .live { margin-left:auto; color:var(--z-live); font-size:11px;
  letter-spacing:.1em; }
.mh-app .live::before { content:"\25CF"; margin-right:6px; }
.mh-app .card { margin:16px; background:#121a2e; border:1px solid #232c48;
  border-radius:10px; padding:16px 18px; }
.mh-app .tag { display:inline-block; font-size:10px; letter-spacing:.12em;
  text-transform:uppercase; color:var(--z-accent-text); border:1px solid rgba(249,115,22,.4);
  border-radius:99px; padding:3px 9px; margin-bottom:10px; }
.mh-app h4 { font:500 16.5px var(--z-font-editorial); margin:0 0 8px; color:var(--site-fg-strong); }
.mh-app .kv { display:grid; grid-template-columns:96px 1fr; gap:5px 12px;
  font-size:13px; color:var(--site-fg-quiet); }
.mh-app .kv b { color:var(--site-fg-strong); font-weight:400; }
.mh-app .acts { display:flex; gap:8px; margin-top:14px; }
.mh-app .a1 { background:var(--z-accent); color:var(--z-on-accent); border-radius:7px;
  padding:9px 15px; font-size:12.5px; font-weight:500; }
.mh-app .a2 { border:1px solid #2a3550; color:var(--site-fg-quiet); border-radius:7px;
  padding:9px 15px; font-size:12.5px; }
.mh-livebar { background:#0b1020; border:1px solid #232c48; border-radius:12px;
  padding:14px 20px; font-family:var(--z-font-mono); margin-bottom:16px; }
.mh-livebar .row { display:flex; align-items:baseline; gap:12px;
  font-size:12.5px; color:var(--site-fg-quiet); padding:8px 0;
  border-bottom:1px solid #141b30; }
.mh-livebar .row:last-child { border-bottom:none; }
.mh-livebar .sys { color:var(--site-fg-strong); min-width:150px; }
.mh-livebar .st { margin-left:auto; font-size:11px; letter-spacing:.1em; }
.mh-on { color:var(--z-live); } .mh-on::before { content:"\25CF"; margin-right:5px; }
.mh-ok { color:var(--z-success); } .mh-hu { color:var(--site-fg-meta); }
.mh-carry { background:var(--z-night); overflow-x:clip; }
.mh-carry .in { max-width:1280px; margin:0 auto; padding:0 32px; }
.mh-carry .line { display:flex; align-items:center; gap:18px;
  border-top:1px dashed rgba(255,255,255,.16);
  border-bottom:1px dashed rgba(255,255,255,.16); padding:18px 0; }
.mh-carry .arrow { font:400 26px 'Fraunces', serif; color:var(--z-accent); }
.mh-carry .t { font-family:var(--z-font-mono); font-size:12.5px;
  letter-spacing:.08em; color:var(--site-fg-meta); }
.mh-carry .t b { color:var(--site-fg-strong); font-weight:500; }
.mh-ladder h2 { font:600 clamp(36px, 4vw, 56px)/1.06 'Fraunces', serif;
  letter-spacing:-0.015em; margin:0 0 10px; color:var(--z-ink); }
.mh-ladder .sub { color:var(--site-ink-soft); font-size:16.5px; margin:0 0 40px; max-width:56ch; }
.mh-ladder h2 em { font-style:italic; font-weight:400; color:var(--z-accent-text); }
.mh-table { width:100%; border-collapse:collapse; }
.mh-table th { text-align:left; font-family:var(--z-font-mono); font-size:11px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--z-fg-subtle);
  padding:0 16px 12px 0; border-bottom:2px solid var(--z-ink); }
.mh-table td { padding:15px 16px 15px 0; border-bottom:1px solid #ddd6c8;
  font-size:15.5px; color:#2a3145; vertical-align:baseline; }
.mh-table .st { font-family:var(--z-font-mono); font-size:11px;
  letter-spacing:.1em; color:var(--z-accent-text); white-space:nowrap; }
.mh-table .pr { font:500 17px/1.3 var(--z-font-editorial); font-variant-numeric:tabular-nums; color:var(--z-ink);
  white-space:nowrap; }
.mh-table .du { color:var(--z-fg-subtle); font-size:13.5px; white-space:nowrap; }
.mh-close { background:var(--z-night); color:var(--site-display); overflow-x:clip; }
.mh-close h2 { font:600 clamp(38px, 4.4vw, 64px)/1.06 'Fraunces', serif;
  letter-spacing:-0.015em; margin:0 0 14px; }
.mh-close h2 em { font-style:italic; font-weight:400; color:var(--z-accent); }
.mh-close .sub { color:var(--site-fg-body); font-size:17px; max-width:52ch; margin:0 0 34px; }
.mh-deeper { margin-top:56px; border-top:1px solid rgba(255,255,255,.1);
  padding-top:26px; display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.mh-deeper a { text-decoration:none; padding:14px 16px; border-radius:10px;
  border:1px solid rgba(255,255,255,.1); }
.mh-deeper a:hover { border-color:rgba(249,115,22,.5); }
.mh-deeper .no { font-family:var(--z-font-mono); font-size:10.5px;
  letter-spacing:.14em; color:var(--z-fg-subtle); display:block; margin-bottom:5px; }
.mh-deeper .nm { font-size:14.5px; color:var(--site-fg-strong); font-weight:500; }
.mh-deeper .nm::after { content:" \2192"; color:var(--z-accent); }
@media (max-width:1100px) {
  .mh-entry .mh-grid { grid-template-columns:1fr; gap:44px; }
  .mh-construct { max-width:560px; }
  .mh-stage .mh-body { grid-template-columns:1fr; gap:44px; }
  .mh-inst { max-width:560px; }
  .mh-deeper { grid-template-columns:1fr 1fr; }
}
@media (max-width:700px) {
  .mh-rail ol { padding:0 16px; }
  .mh-rail .nm { display:none; }
  .mh-rail a { text-align:center; }
  .mh-stage .mh-head { flex-direction:column; gap:8px; }
  .mh-q { font-size:22px; margin-bottom:30px; }
  .mh-carry .t { font-size:11px; }
  .mh-table td, .mh-table th { padding-right:10px; }
  .mh-table .pr { font-size:16px; }
  .mh-deeper { grid-template-columns:1fr; }
}
.sp-cols { display:grid; grid-template-columns:1fr 520px; gap:72px;
  align-items:start; }
.sp-table { width:100%; border-collapse:collapse; }
.sp-table th { text-align:left; font-family:var(--z-font-mono); font-size:11px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--site-fg-meta);
  padding:0 18px 12px 0; border-bottom:2px solid rgba(255,255,255,.3); }
.sp-table td { padding:14px 18px 14px 0;
  border-bottom:1px solid rgba(255,255,255,.1); font-size:15px;
  color:#cfd5e2; vertical-align:baseline; }
.sp-table td:first-child { color:var(--site-fg-meta); font-family:var(--z-font-mono);
  font-size:12px; letter-spacing:.08em; white-space:nowrap; }
.sp-table b { color:var(--site-display); font-weight:500; }
.sp-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.sp-cards.two { grid-template-columns:repeat(2,1fr); }
.sp-card { background:var(--z-ground); border:1px solid #1c2438; border-radius:12px;
  padding:26px 26px 24px; }
.sp-card .no { font-family:var(--z-font-mono); font-size:11px;
  letter-spacing:.16em; color:var(--z-accent); display:block;
  margin-bottom:12px; }
.sp-card h3 { font:600 22px/1.25 'Fraunces', serif; margin:0 0 6px;
  color:var(--site-display); }
.sp-card .sub { font-size:13px; color:var(--site-fg-meta); margin:0 0 14px; }
.sp-card p { font-size:14.5px; line-height:1.6; color:var(--site-fg-body); margin:0 0 14px; }
.sp-card ul { margin:0; padding:0; list-style:none; }
.sp-card li { display:flex; gap:10px; align-items:baseline; font-size:13.5px;
  color:#cfd5e2; padding:5px 0; }
.sp-card li::before { content:""; width:5px; height:5px;
  background:var(--z-accent); transform:rotate(45deg); flex:0 0 auto; }
.sp-card .price { margin:16px 0 0; font-family:var(--z-font-mono);
  font-size:12px; letter-spacing:.08em; color:var(--z-accent-text); }
.sp-for { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.sp-for .col { background:var(--z-ground); border:1px solid #1c2438;
  border-radius:12px; padding:24px 26px; }
.sp-for h3 { font:500 15px var(--z-font-editorial); margin:0 0 14px;
  letter-spacing:.06em; text-transform:uppercase; }
.sp-for .yes h3 { color:var(--z-success); } .sp-for .no h3 { color:var(--site-fg-meta); }
.sp-for ul { margin:0; padding:0; list-style:none; }
.sp-for li { font-size:14.5px; line-height:1.55; color:#cfd5e2;
  padding:7px 0; border-bottom:1px solid rgba(255,255,255,.06); }
.sp-for li:last-child { border-bottom:none; }
.sp-for li a, .sp-card li a { text-decoration:underline; text-decoration-thickness:1px;
  text-underline-offset:.22em; }
@media (max-width:1100px) {
  .sp-cols { grid-template-columns:1fr; gap:44px; }
  .sp-cards { grid-template-columns:1fr 1fr; }
}
@media (max-width:700px) {
  .sp-cards, .sp-cards.two, .sp-for { grid-template-columns:1fr; }
  .sp-table td, .sp-table th { padding-right:10px; font-size:13px; }
}
.wk-entry { background:var(--z-night); color:var(--site-display); overflow-x:clip; }
.wk-entry h1 { font:600 clamp(44px, 5.2vw, 80px)/1.06 'Fraunces', serif;
  letter-spacing:-0.02em; margin:0; max-width:16ch; }
.wk-entry h1 em { font-style:italic; font-weight:400; color:var(--z-accent); }
.wk-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.wk-item { background:var(--z-ground); border:1px solid #1c2438; border-radius:12px;
  padding:28px 28px 26px; }
.wk-item.feature { grid-column:1 / -1; }
.wk-class { display:inline-block; font-family:var(--z-font-mono);
  font-size:10.5px; letter-spacing:.14em; text-transform:uppercase;
  padding:4px 10px; border-radius:99px; margin-bottom:16px;
  border:1px solid rgba(255,255,255,.16); color:var(--site-fg-quiet); }
.wk-class.client { border-color:rgba(249,115,22,.45); color:var(--z-accent-text); }
.wk-class.product { border-color:rgba(74,222,128,.4); color:var(--z-success); }
.wk-class.worked { border-color:rgba(255,255,255,.2); color:var(--site-fg-body); }
.wk-class.proto { border-color:rgba(148,163,184,.35); color:var(--site-fg-meta); }
.wk-item h3 { font:600 clamp(22px, 2vw, 26px)/1.2 'Fraunces', serif;
  margin:0 0 6px; color:var(--site-display); }
.wk-item h3 em { font-style:italic; font-weight:400; color:var(--z-accent); }
.wk-item .sub { font-family:var(--z-font-mono); font-size:11px;
  letter-spacing:.1em; text-transform:uppercase; color:var(--z-fg-subtle);
  margin:0 0 14px; }
.wk-item p { font-size:14.5px; line-height:1.62; color:var(--site-fg-body); margin:0; }
.wk-item .tags { margin-top:16px; display:flex; gap:8px; flex-wrap:wrap; }
.wk-item .tag { font-family:var(--z-font-mono); font-size:10.5px;
  letter-spacing:.08em; color:var(--site-fg-meta); border:1px solid rgba(255,255,255,.1);
  border-radius:6px; padding:4px 9px; }
.wk-note { margin:0 0 34px; font-size:15.5px; line-height:1.6; color:var(--site-fg-meta);
  max-width:62ch; }
.wk-note b { color:var(--site-fg-strong); font-weight:500; }
@media (max-width:900px) { .wk-grid { grid-template-columns:1fr; } }
.ct-wrap { background:var(--z-night); color:var(--site-display); overflow-x:clip;
  min-height:60vh; }
.ct-wrap h1 { font:600 clamp(40px, 5vw, 72px)/1.06 'Fraunces', serif;
  letter-spacing:-0.02em; margin:0 0 18px; }
.ct-wrap h1 em { font-style:italic; font-weight:400; color:var(--z-accent); }
}
/* components/ask.css */
@layer pages {
.ask { margin: 40px 0 0; max-width: 760px; }
.ask-label { display: block; margin: 0 0 10px; font: 500 12px/1.4 var(--z-font-editorial);
  letter-spacing: .16em; text-transform: uppercase; color: var(--z-fg-subtle); }
.ask-row { display: flex; gap: 10px; align-items: stretch; }
.ask-row textarea { flex: 1 1 auto; min-height: 56px; resize: vertical; padding: 15px 16px;
  font: 400 16px/1.45 var(--z-font-editorial); color: var(--z-fg);
  background: var(--z-surface-1); border: 1px solid var(--z-border-control); border-radius: var(--z-radius-md); }
.ask-row textarea::placeholder { color: var(--z-fg-subtle); }
.ask-row textarea:focus-visible { outline: 2px solid var(--z-accent); outline-offset: 2px; }
.ask-go { flex: 0 0 auto; padding: 0 26px; border: 0; border-radius: var(--z-radius-md); cursor: pointer;
  font: 500 16px/1 var(--z-font-editorial); background: var(--z-accent); color: var(--z-on-accent);
  transition: background .15s; }
.ask-go:hover:not(:disabled) { background: var(--z-accent-deep); }
.ask-go:focus-visible { outline: 2px solid var(--z-fg); outline-offset: 3px; }
.ask-go:disabled { opacity: .55; cursor: default; }
.ask-turnstile:empty { display: none; }
.ask-turnstile { margin: 10px 0 0; }
.ask-log { display: grid; gap: 12px; margin: 18px 0 0; }
.ask-log:empty { display: none; }
.ask-msg { margin: 0; font-size: 16px; line-height: 1.6; white-space: pre-line; }
.ask-msg--user { justify-self: end; max-width: 85%; padding: 10px 14px; border-radius: var(--z-radius-md);
  background: var(--z-surface-2); color: var(--z-fg); }
.ask-msg--assistant { padding: 14px 18px; border-left: 2px solid var(--z-border-strong);
  color: var(--site-fg-strong); }
.ask-msg--assistant a { color: var(--z-accent-text); text-decoration: underline; text-underline-offset: 3px; }
.ask-msg.is-pending::after { content: "Reading the site\2026"; color: var(--z-fg-subtle); }
.ask-form.is-challenged .ask-msg.is-pending::after { content: "Check the box above to continue."; }
.ask-msg.is-error { border-left-color: var(--z-danger); color: var(--z-fg-muted); }
.ask-msg.is-decline { color: var(--z-fg-muted); }
.ask-note { margin: 14px 0 0; max-width: 68ch; font-size: 13px; line-height: 1.55; color: var(--z-fg-subtle); }
.ask-note a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 560px) {
  .ask-row { flex-direction: column; }
  .ask-go { padding: 15px 22px; }
  .ask-msg--user { max-width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .ask-go { transition: none; } }
.ask-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 12px 0 0; }
.ask-chips[hidden] { display: none; }
.ask-chip { padding: 7px 12px; border-radius: var(--z-radius-sm); cursor: pointer;
  font: 400 14px/1.3 var(--z-font-editorial); color: var(--z-fg-muted);
  background: none; border: 1px solid var(--z-border-control); text-align: left; }
.ask-chip:hover { color: var(--z-fg); border-color: var(--z-fg-subtle); }
.ask-chip:focus-visible { outline: 2px solid var(--z-accent); outline-offset: 2px; }
}
/* components/photo.css */
@layer pages {
.zi-cover, .zi-cover img { position:absolute; inset:0; width:100%; height:100%; }
.zi-cover img { display:block; max-width:none; object-fit:cover;
  object-position:var(--zi-pos, 50% 50%); }
.train-v1 .tv1-photo { --zi-pos:50% 30%; }
@media (max-width:700px) { .train-v1 .tv1-photo { --zi-pos:50% 22%; } }
}
/* components/report.css */
@layer pages {
.zd-doc { container:zd / inline-size; background:var(--z-surface-1);
  color:var(--z-fg); text-align:left;
  font:400 15px/1.55 var(--z-font-editorial);
  -webkit-text-size-adjust:100%; text-size-adjust:100%; }
.zd-page { padding:20px 18px 18px; }
.proof-v1 .pv1-page { align-self:stretch; }
.zd-doc :where(h2, h3, h4, p, dl, dd, ol, table, caption) { margin:0; padding:0; }
.zd-doc b { font-weight:600; color:var(--z-fg); }
.zd-sr { position:absolute !important; width:1px; height:1px; overflow:hidden;
  clip-path:inset(50%); white-space:nowrap; }
.zd-run { display:flex; flex-wrap:wrap; justify-content:space-between;
  gap:2px 16px;
  padding-bottom:10px; margin-bottom:18px;
  border-bottom:1px solid var(--z-border); font-size:11px; font-weight:500;
  letter-spacing:var(--z-track-label); text-transform:uppercase;
  color:var(--z-fg-subtle); }
.zd-run span { white-space:nowrap; }
.zd-sec { font:600 20px/1.25 var(--z-font-editorial); letter-spacing:-0.01em;
  color:var(--z-fg); }
.zd-no { margin-right:6px; font-size:12px; font-weight:600;
  letter-spacing:var(--z-track-wide); color:var(--z-accent-text);
  vertical-align:2px; }
.zd-sec--2 { margin-top:30px; }
.zd-lede { margin-top:8px; font-size:14.5px; color:var(--z-fg-muted);
  max-width:62ch; }
.zd-lede b { color:var(--z-fg); }
.zd-pill { display:inline-block; padding:2px 9px; border:1px solid var(--z-border);
  border-radius:var(--z-radius-pill); font-size:10.5px; font-weight:500;
  line-height:1.6; letter-spacing:0.12em; text-transform:uppercase;
  white-space:nowrap; color:var(--z-fg-muted); }
.zd-pill--ok { border-color:var(--z-success); background:var(--z-success-soft);
  color:var(--z-success-text); }
.zd-pill--warn { border-color:var(--z-warning); background:var(--z-warning-soft);
  color:var(--z-warning-text); }
.zd-pill--now { border-color:var(--z-accent); background:var(--z-accent-soft);
  color:var(--z-accent-text); }
.zd-pillars { display:block; width:100%; margin-top:18px; }
.zd-pillars tbody { display:block; }
.zd-pillars tr { display:grid; grid-template-columns:auto 1fr;
  align-items:center; column-gap:10px; padding:11px 0 12px;
  border-top:1px solid var(--z-border); }
.zd-pillars tr:last-child { border-bottom:1px solid var(--z-border); }
.zd-pillars th { grid-column:1; grid-row:1; padding:0; text-align:left;
  font-size:15px; font-weight:600; color:var(--z-fg); }
.zd-pillars .zd-st { grid-column:2; grid-row:1; padding:0; }
.zd-pillars .zd-score { grid-column:1 / -1; grid-row:2; display:flex;
  align-items:center; gap:12px; padding:8px 0 0; }
.zd-pillars .zd-ev { grid-column:1 / -1; grid-row:3; padding:5px 0 0;
  font-size:13px; line-height:1.5; color:var(--z-fg-muted); }
.zd-bar { flex:1 1 auto; height:8px; border-radius:4px;
  background:var(--z-border); overflow:hidden; }
.zd-bar i { display:block; height:100%; width:calc(var(--v) * 1%);
  border-radius:inherit; background:var(--z-accent);
  transform-origin:left center; }
.zd-n { flex:none; min-width:4.6em; text-align:right; font-size:13px;
  color:var(--z-fg-muted); font-variant-numeric:tabular-nums; }
.zd-metrics { display:flex; flex-wrap:wrap; gap:16px 32px; margin-top:22px; }
.zd-metrics div { flex:0 1 auto; max-width:100%; display:flex;
  flex-direction:column-reverse; justify-content:flex-end; }
.zd-metrics dd { font:600 26px/1.08 var(--z-font-editorial); letter-spacing:-0.01em;
  color:var(--z-accent-text); font-variant-numeric:tabular-nums; }
.zd-metrics dt { max-width:15em; margin-top:6px; font-size:10.5px; font-weight:500; line-height:1.45;
  letter-spacing:var(--z-track-label); text-transform:uppercase;
  color:var(--z-fg-subtle); }
.zd-matrix { width:100%; margin-top:22px; border-collapse:collapse;
  font-size:13.5px; line-height:1.45; font-variant-numeric:tabular-nums; }
.zd-matrix th, .zd-matrix td { padding:8px 10px; border:1px solid var(--z-border);
  text-align:left; vertical-align:top; font-weight:400; }
.zd-matrix thead th { background:var(--z-ink); color:var(--z-fg);
  border-color:var(--z-ink); font-size:12.5px; font-weight:500; }
.zd-matrix tbody th { color:var(--z-fg); }
.zd-matrix tfoot th, .zd-matrix tfoot td { font-weight:600; color:var(--z-fg); }
.zd-matrix .zd-lead { box-shadow:inset 2px 0 0 var(--z-accent); }
.zd-matrix .zd-st { padding-top:6px; padding-bottom:6px; }
.zd-matrix .zd-note { font-weight:400; color:var(--z-fg-muted); }
.zd-rec .zd-est, .zd-rec .zd-meas { white-space:nowrap; }
.zd-k { display:none; }
@container zd (max-width: 33.99rem) {
  .zd-rec, .zd-rec tbody, .zd-rec tfoot { display:block; }
  .zd-rec thead { position:absolute; width:1px; height:1px; overflow:hidden;
    clip-path:inset(50%); }
  .zd-rec tr { display:grid; grid-template-columns:auto 1fr auto;
    column-gap:14px; row-gap:4px; padding:10px 0;
    border-top:1px solid var(--z-border); }
  .zd-rec tfoot tr { border-bottom:1px solid var(--z-border); }
  .zd-matrix.zd-rec th, .zd-matrix.zd-rec td { border:0; padding:0; box-shadow:none; }
  .zd-rec th { grid-column:1 / 3; grid-row:1; }
  .zd-rec .zd-st { grid-column:3; grid-row:1; padding:0; }
  .zd-rec .zd-est { grid-column:1; grid-row:2; }
  .zd-rec .zd-meas { grid-column:2 / -1; grid-row:2; }
  .zd-rec .zd-note { grid-column:1 / -1; grid-row:3; }
  .zd-rec .zd-k { display:block; margin-top:2px; font-size:10.5px;
    font-weight:500; letter-spacing:var(--z-track-label);
    text-transform:uppercase; color:var(--z-fg-subtle); }
  .zd-rec .zd-meas .zd-k { color:var(--z-accent-text); }
  .zd-days th, .zd-days td { padding:7px 6px; }
  .zd-days thead th { white-space:nowrap; }
}
.zd-moves { list-style:none; margin-top:24px; padding-left:7px; }
.zd-moves li { position:relative; padding:0 0 16px 20px;
  border-left:2px solid var(--z-accent); }
.zd-moves li:last-child { padding-bottom:2px; }
.zd-moves li::before { content:""; position:absolute; left:-8px; top:1px;
  width:14px; height:14px; box-sizing:border-box; border-radius:50%;
  background:var(--z-surface-1); border:2.5px solid var(--z-accent); }
.zd-kl { font-size:11px; font-weight:500; line-height:1.5;
  letter-spacing:var(--z-track-label); text-transform:uppercase;
  color:var(--z-fg-subtle); }
.zd-moves li p + p { margin-top:3px; font-size:14px; color:var(--z-fg); }
.zd-src { margin-top:20px; padding-top:10px;
  border-top:1px solid var(--z-border); font-size:11.5px; line-height:1.5;
  color:var(--z-fg-subtle); }
@container zd (min-width: 30rem) {
  .zd-page { padding:28px 30px 24px; }
  .zd-sec { font-size:22px; }
  .zd-metrics dd { font-size:30px; white-space:nowrap; }
}
@media (prefers-reduced-motion: no-preference) {
  html.zm .zd-bar i { transform:scaleX(0);
    transition:transform .9s var(--z-ease) .45s; }
  html.zm .iv .zd-bar i { transform:none; }
  html.zm .iv tr:nth-child(2) .zd-bar i { transition-delay:.52s; }
  html.zm .iv tr:nth-child(3) .zd-bar i { transition-delay:.59s; }
  html.zm .iv tr:nth-child(4) .zd-bar i { transition-delay:.66s; }
  html.zm .iv tr:nth-child(5) .zd-bar i { transition-delay:.73s; }
}
@media print {
  .zd-doc { break-inside:avoid; }
  html.zm .zd-bar i { transform:none; }
  .zd-matrix thead th { -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}
}
