.c-page-hero{
  padding:var(--hero-pad) 0 var(--space-7);
  background:#FFFFFF;
  color:#232938;
}
.c-page-hero[data-hero-form]{background:#FFFFFF;color:#232938}
.c-page-hero-copy{display:grid;align-items:start;gap:var(--space-3)}
.c-page-hero-copy.is-centered{max-width:58rem;margin-inline:auto;text-align:center}
.c-page-hero-copy.is-centered .c-actions{justify-content:center}
.c-page-hero-copy>p{max-width:44rem;color:var(--muted);font-size:var(--text-md)}
.c-page-hero-copy.is-centered>p{margin-inline:auto}
.c-page-hero-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(24rem,1.1fr);gap:var(--space-6);align-items:start}
.c-page-hero-stage{min-width:0;height:34rem;overflow:hidden;border-radius:var(--radius-lg);background:var(--soft)}
.c-page-hero-stage>*:only-child{width:100%;max-width:none;height:100%}
[data-hero-form="centered-text"] .c-page-hero-copy{max-width:58rem;margin-inline:auto;text-align:center}
[data-hero-form="centered-text"] .c-page-hero-copy .c-kicker{margin-inline:auto}
[data-hero-form="centered-text"] .c-page-hero-copy .c-actions{justify-content:center}
[data-hero-form="centered-text"] .c-page-hero-copy>p{margin-inline:auto}
[data-hero-face="confirmed-draft"]:has(.hero-art){overflow:visible;border-radius:0;background:transparent}
.c-section{padding:var(--space-7) 0}
.c-section-compact{padding:var(--space-6) 0}
.c-section-soft{background:var(--soft);color:var(--ink)}
.c-section-sand{background:var(--sand);color:#332A21}
.c-section-clay{background:var(--clay);color:#3A2824}
.c-section-lilac{background:var(--lilac);color:#2D2838}
.c-section-sage{background:var(--sage);color:#243027}
.c-section-dark{
  background-color:#171A24;
  background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.055) 1px,transparent 1.2px);
  background-size:20px 20px;
  color:#C9CED8
}
.c-section-dark h1,.c-section-dark h2,.c-section-dark h3,.c-section-dark h4{color:#F7F8FB}
.c-section-dark p{color:#AEB5C1}
.c-reading-shell{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:var(--space-6);align-items:start}
.c-reading-toc{position:sticky;top:calc(var(--header-height) + 2rem);padding:var(--space-3);border-radius:var(--radius-md);background:var(--soft)}
.c-reading-body{min-width:0;padding:var(--space-4);border-radius:var(--radius-md);background:#FFFFFF}
.c-reading-body h2,.c-reading-body h3{font-size:var(--text-xl);margin:var(--space-5) 0 var(--space-2)}
.c-reading-body p,.c-reading-body ul,.c-reading-body ol{margin:0 0 var(--space-3)}
@media(max-width:64rem){
  .c-page-hero-split{grid-template-columns:1fr}
  .c-page-hero-stage{height:auto;min-height:0;overflow:visible}
  .c-reading-shell{grid-template-columns:1fr}
  .c-reading-toc{position:static}
}
@media(max-width:42rem){
  [data-hero-form] .c-page-hero-stage,[data-hero-form] .hero-art{width:min(calc(100% - var(--gutter)*2),100%);margin-inline:auto;height:auto;min-height:0;overflow:visible;transform:none}
  .hero-art{grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:var(--space-3)}
  .hero-art>*{grid-area:auto!important;grid-column:1;width:auto;max-width:none;justify-self:stretch}
  .hero-art .art-backdrop{inset:0}
  .c-reading-body{padding:var(--space-3)}
}

[data-hero-face="confirmed-draft"]:not([data-face-root]):not(:has(> .hero-queue)):not(:has(> .hero-art)){height:auto;min-height:0;min-width:0}
[data-hero-face="confirmed-draft"]:not([data-face-root]):has(.hero-art){min-height:510px;overflow:visible;background:transparent;border-radius:0;--mono:var(--mv-font-mono,ui-monospace,SFMono-Regular,Menlo,monospace);--green:#27785d}
[data-hero-face="confirmed-draft"]:not([data-face-root])::before,[data-hero-face="confirmed-draft"]:not([data-face-root])::after{display:none;content:none}
[data-hero-face="confirmed-draft"]:not([data-face-root])>img{display:none}
[data-hero-face="confirmed-draft"] .hero-art{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);
  grid-template-areas:
    "left main right"
    "bottom main status";
  width:min(1120px,100%);
  margin:0 auto;
  gap:18px;
  position:relative;
  text-align:left;
}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:22px;
  background:linear-gradient(135deg,rgba(255,255,255,.45),rgba(229,233,240,.25));
  border:1px solid rgba(255,255,255,.7);
}
[data-hero-face="confirmed-draft"] .hero-art .cluster{
  grid-area:main;
  z-index:1;
  display:grid;
  align-content:start;
  padding:24px;
  border:1px solid #DCE1E8;
  border-radius:16px;
  background:#FFFFFF;
  box-shadow:0 22px 55px rgba(41,49,66,.11);
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{
  z-index:1;
  display:grid;
  gap:12px;
  padding:18px;
  border:1px solid #E0E4EA;
  border-radius:13px;
  background:#FFFFFF;
  box-shadow:0 13px 32px rgba(44,52,67,.08);
}
[data-hero-face="confirmed-draft"] .hero-art .queue-card:nth-of-type(2){grid-area:left;align-self:start}
[data-hero-face="confirmed-draft"] .hero-art .queue-card:nth-of-type(3){grid-area:right;align-self:start}
[data-hero-face="confirmed-draft"] .hero-art .queue-card:nth-of-type(4){grid-area:bottom;align-self:end}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{
  grid-area:status;
  z-index:1;
  display:grid;
  gap:13px;
  align-self:end;
  padding:18px;
  border-radius:13px;
  background:#171A24;
  color:#F6F8FB;
  box-shadow:0 16px 34px rgba(23,26,36,.18);
}
[data-hero-face="confirmed-draft"] .hero-art .float-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#252C3A;
  font-size:13px;
  font-weight:700;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card .float-title{color:#F7F9FC}
[data-hero-face="confirmed-draft"] .hero-art .node-label{
  display:inline-flex;
  align-items:center;
  width:max-content;
  padding:4px 8px;
  border-radius:6px;
  background:#F1F3F7;
  color:#586171;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:10px;
  letter-spacing:.05em;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#72D4C7;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:10px;
  letter-spacing:.04em;
}
[data-hero-face="confirmed-draft"] .hero-art .status-live:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#44BDAE;
  box-shadow:0 0 0 4px rgba(68,189,174,.15);
}
[data-hero-face="confirmed-draft"] .hero-art .build-row{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:10px;
  padding:10px 0;
  border-top:1px solid #E7E9EE;
  color:#616979;
  font-size:11px;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-card .build-row{
  border-top-color:#303441;
  color:#C7CDD7;
}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{
  padding:3px 7px;
  border-radius:999px;
  background:#E8F4EF;
  color:#236753;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:9px;
  white-space:nowrap;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{
  height:5px;
  overflow:hidden;
  border-radius:999px;
  background:#303642;
}
[data-hero-face="confirmed-draft"] .hero-art .runner-line:after{
  content:"";
  display:block;
  width:72%;
  height:100%;
  border-radius:inherit;
  background:#35A8AC;
}
[data-hero-face="confirmed-draft"] .hero-art svg{
  width:100%;
  height:auto;
  margin:12px 0 4px;
}
@media(max-width:46rem){
  [data-hero-face="confirmed-draft"]:not([data-face-root]):not(:has(> .hero-queue)):not(:has(> .hero-art)){min-height:0}
  [data-hero-face="confirmed-draft"] .hero-art{height:auto}
  [data-hero-face="confirmed-draft"] .cluster{position:relative;inset:auto;width:100%;height:auto}
  [data-hero-face="confirmed-draft"] .float-card,
  [data-hero-face="confirmed-draft"] .node-label{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;width:auto;max-width:none;display:inline-block;margin:.35rem .35rem 0 0}
  [data-hero-face="confirmed-draft"] .queue-card,
  [data-hero-face="confirmed-draft"] .runner-card{width:100%;height:auto;min-height:0}
}