:where(.c-section,.sec){padding-block:var(--space-9)}
:where(main>section:last-child){padding-bottom:var(--space-close)}
:where(.c-section-head,.sec-head){text-align:center;max-width:var(--width-narrow);margin-bottom:3.5rem}
.c-section-head,.sec-head{margin-inline:auto}
:where(.c-section-head h2,.sec-head h2){font-size:var(--text-xl);line-height:var(--lh-title)}
:where(.c-section-head p,.sec-head p){margin-top:var(--space-2);font-size:var(--text-md);line-height:var(--lh-body);color:var(--muted)}
.c-section-head>.c-kicker,.sec-head>.c-kicker{margin-inline:auto}
.c-section-head>.c-actions,.sec-head>.c-actions{justify-content:center}
.c-hero-center{display:flex;flex-direction:column;align-items:center;text-align:center}
.c-hero-center>p{margin-inline:auto}
.c-hero-center>.c-kicker{margin-inline:auto}
.c-hero-center>.c-actions,.c-hero-center>.c-hero-facts{justify-content:center}
:where(.c-hero-facts){display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}
:where(.c-page-hero){padding-block:var(--hero-top) var(--space-7);background:#F5EFF6;background-image:var(--hero-gradient);color:#26283A}
:where(.c-page-hero h1,.c-page-hero h2){color:#26283A}
:where(.c-page-hero p){max-width:40rem;margin-top:var(--space-3);color:#55586C;font-size:var(--text-md);line-height:var(--lh-body)}
:where(.c-page-hero .c-breadcrumb){color:#5D6074}
:where(.c-page-hero .c-kicker){background:#FBF5EA;color:#3A2F1E}

:where(.c-hero-split){display:grid;grid-template-columns:minmax(0,1fr) minmax(26rem,1fr);gap:var(--space-6);align-items:start}
.c-hero-split>*{min-width:0}
:where(.c-hero-split .c-hero-copy){text-align:start}
:where(.c-hero-stage){height:auto;min-height:0;text-align:start}
:where(.c-ledger){height:auto;overflow:hidden;background:#FFFFFF;color:#26283A;border-radius:var(--r-win);box-shadow:var(--shadow)}
:where(.c-ledger-head){padding:var(--space-3);background:#FAFAFC;color:#26283A}
:where(.c-ledger-body){padding:var(--space-3);background:#FFFFFF;color:#26283A}
:where(.c-migration-path){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:var(--space-3)}
:where(.c-migration-path article){display:flex;flex-direction:column;gap:var(--space-3);height:100%;padding:var(--space-3);background:#FFFFFF;color:#26283A;border-radius:var(--r-card)}
:where(.c-migration-path article p){color:#5D6074}
:where(.c-migration-path article pre){flex:1}
:where(.c-config-advisor){padding:var(--space-3);background:#EDF5F0;color:#23402F;border-radius:var(--r-card)}
:where(.c-quote-strip){display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:var(--space-6)}
:where(.c-quote-strip figure){display:flex;flex-direction:column;gap:var(--space-3)}
:where(.c-quote-strip blockquote){font-size:var(--text-md);line-height:var(--lh-body)}
.c-quote-strip cite{margin-top:auto;font-size:var(--text-sm);line-height:1.6;font-style:normal}
:where(.c-close){padding-block:var(--space-9);background:#FDF0E8;color:#4A2A18;text-align:center}
:where(.c-close h2){color:#4A2A18;font-size:var(--text-xl);line-height:var(--lh-title)}
:where(.c-close p){margin-top:var(--space-2);color:#7A5540;font-size:var(--text-md);line-height:var(--lh-body)}
.c-close .c-actions{justify-content:center}
:where(.c-blog-lead){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;border-radius:var(--r-card);background:#FFFFFF;color:#26283A;box-shadow:var(--shadow)}
:where(.c-blog-lead .c-blog-media){position:relative;height:clamp(14rem,25vw,22rem)}
.c-blog-media img{width:100%;height:100%;object-fit:cover}
.c-blog-date{position:absolute;left:var(--space-3);top:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:var(--r-btn);background:#FBF5EA;color:#3A2F1E;font-family:var(--f-mono);font-size:var(--text-xs);line-height:1.5}
:where(.c-blog-copy){padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}
:where(.c-blog-grid){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);align-items:stretch;margin-top:var(--space-4)}
:where(.c-blog-rest,.c-blog-month){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);align-items:stretch}
.c-blog-grid>.c-card,.c-blog-rest>.c-card,.c-blog-month>.c-card{height:100%}
[data-hero-form="gradient-motion"]{position:relative;overflow:hidden;padding-top:var(--hero-top);background-color:#F5EFF6;background-image:var(--hero-gradient);background-size:280% 280%;animation:heroDrift 26s ease-in-out infinite alternate;color:#26283A}
@keyframes heroDrift{0%{background-position:0% 40%}
50%{background-position:70% 60%}
100%{background-position:100% 30%}
}
.hero-copy{text-align:center;position:relative;z-index:1}
.hero-copy h1{font-size:var(--text-display);line-height:var(--lh-display);letter-spacing:.6px;color:#26283A}
.hero-copy>p{margin:var(--space-3) auto 0;font-size:var(--text-md);line-height:var(--lh-body);color:#55586C;max-width:38.75rem}
.hero-copy>p .num{color:#26283A;font-weight:600}
.hero-copy>.c-kicker{margin-inline:auto}
.hero-cta{margin-top:var(--space-4);display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-3)}
.hero-art{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,6fr) minmax(0,1.7fr) minmax(0,.9fr) minmax(0,1.3fr);grid-template-rows:minmax(0,auto) auto;position:relative;width:min(var(--width-wide),100%);height:auto;margin:var(--space-7) auto 0;font-family:var(--f-body);color:#26283A;text-align:left}
.hero-art .art-backdrop{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 55% at 50% 70%,rgba(255,255,255,.55),rgba(255,255,255,0) 70%)}
.hero-art .cluster{grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);padding:var(--space-3) 0 7.5rem;pointer-events:none}
.hero-art .cluster[data-side="l"]{grid-column:1}
.hero-art .cluster[data-side="r"]{grid-column:5}
.hero-art .cluster svg{width:var(--art-icon,3.625rem);height:var(--art-icon,3.625rem);display:block;fill:none;stroke:var(--icon-line);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
.hero-art .cluster svg:nth-child(2){width:4.5rem;height:4.5rem;opacity:.5;margin-left:var(--space-5)}
.hero-art .cluster svg:nth-child(3){width:2.75rem;height:2.75rem;opacity:.38;margin-right:2.25rem}
.hero-art .queue-card{grid-column:2/4;grid-row:1/3;position:relative;z-index:1;background:#FFFFFF;color:#26283A;border-radius:var(--r-win) var(--r-win) 0 0;box-shadow:var(--shadow-stage);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3.7fr);grid-template-rows:auto 1fr;overflow:hidden;height:auto;min-width:0}
.hero-art .queue-card>header{grid-column:1/3;display:flex;align-items:center;gap:.75rem;padding:var(--space-2) var(--space-3);background:#FAFAFC;color:#26283A}
.hero-art .queue-card>header>svg{width:1.25rem;height:1.25rem;flex:none}
.hero-art .queue-card>header strong{font-family:var(--f-head);font-size:var(--text-base);line-height:1.5;font-weight:700;color:#26283A}
.hero-art .queue-card>header small{font-size:var(--text-xs);line-height:1.5;color:#676A7D;font-family:var(--f-mono)}
.hero-art .status-live{margin-left:auto;display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);line-height:1.5;font-weight:600;color:#4A5A9E;background:#EEF1FA;padding:.25rem .75rem;border-radius:var(--r-pill)}
.hero-art .status-live i{width:7px;height:7px;flex:none;border-radius:50%;background:var(--primary);animation:liveBlink 2.4s ease-in-out infinite}
@keyframes liveBlink{0%,100%{opacity:1}
50%{opacity:.3}
}
.hero-art .queue-card>nav{padding:var(--space-2) .75rem var(--space-2) var(--space-2);background:#FAFAFC;display:flex;flex-direction:column;gap:2px;min-width:0}
.hero-art .float-title{font-size:var(--text-xs);line-height:1.5;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#676A7D;padding:.25rem .5rem .5rem}
.hero-art .node-label{display:flex;justify-content:space-between;align-items:center;gap:var(--space-1);padding:var(--space-1);border-radius:var(--r-btn);font-size:var(--text-xs);line-height:1.5;font-weight:600;color:#3A3C50}
.hero-art .node-label em{font-style:normal;font-family:var(--f-mono);font-size:var(--text-xs);line-height:1.5;font-weight:500;color:#676A7D}
.hero-art .node-label:first-of-type{background:#EEF1FA;color:#4A5A9E}
.hero-art .node-label:first-of-type em{color:#4A5A9E}
.hero-art .runner-card{margin-top:auto;background:#FFFFFF;color:#26283A;border-radius:var(--r-btn);padding:.75rem;box-shadow:var(--shadow)}
.hero-art .runner-card b{display:block;font-family:var(--f-mono);font-size:var(--text-xs);line-height:1.5;color:#26283A}
.hero-art .runner-card span{display:block;font-size:var(--text-xs);color:#676A7D;margin-top:.25rem;line-height:1.5}
.hero-art .queue-card>div{padding:.75rem var(--space-3) 0;display:flex;flex-direction:column;min-width:0}
.hero-art .queue-card>div>p{display:flex;gap:var(--space-3);font-size:var(--text-xs);line-height:1.5;font-weight:600;color:#676A7D;padding:.25rem 0 0}
.hero-art .queue-card>div>p span{padding-bottom:.75rem}
.hero-art .queue-card>div>p span:first-child{color:#26283A;box-shadow:inset 0 -2px 0 var(--primary)}
.hero-art .queue-card>div>p em{font-style:normal;font-family:var(--f-mono);color:#4A5A9E;margin-left:.25rem}
.hero-art .build-row{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,.8fr) minmax(0,.9fr);align-items:center;gap:.75rem;padding:.75rem 0;border-bottom:1px solid var(--line);font-size:var(--text-xs);line-height:1.5;min-width:0}
.hero-art .build-row[data-head]{padding:.75rem 0 .5rem;font-size:var(--text-xs);line-height:1.5;font-weight:700;letter-spacing:.8px;color:#676A7D;text-transform:uppercase;margin-top:.75rem}
.hero-art ul{list-style:none;margin:0;padding:0}
.hero-art li.build-row{animation:rowIn .7s ease both}
.hero-art li.build-row:nth-child(1){animation-delay:.2s}
.hero-art li.build-row:nth-child(2){animation-delay:.45s}
.hero-art li.build-row:nth-child(3){animation-delay:.7s}
.hero-art li.build-row:nth-child(4){animation-delay:.95s}
.hero-art li.build-row:nth-child(5){animation-delay:1.2s}
@keyframes rowIn{from{opacity:0}
to{opacity:1}
}
.hero-art .build-row b{display:flex;align-items:center;gap:.625rem;font-weight:700;color:#26283A;min-width:0}
.hero-art .build-row b>span{min-width:0;overflow-wrap:break-word}
.hero-art .build-row b small{display:block;font-weight:500;font-size:var(--text-xs);line-height:1.5;color:#676A7D}
.hero-art .build-row b svg{width:1.625rem;height:1.625rem;flex:none}
.hero-art .build-row code{font-family:var(--f-mono);font-size:var(--text-xs);line-height:1.5;color:#3A3C50;font-variant-numeric:tabular-nums}
.hero-art .build-row span{color:#5D6074}
.hero-art .pill-ok{justify-self:start;display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);line-height:1.5;font-weight:600;color:#3B4A8A!important;background:#E8ECF8;padding:3px 10px;border-radius:var(--r-pill);white-space:nowrap}
.hero-art .runner-line{margin:var(--space-2) 0 var(--space-3);padding:.75rem var(--space-2);border-radius:var(--r-btn);background:#26283A;color:#C9CDE6;font-family:var(--f-mono);font-size:var(--text-xs);line-height:var(--lh-code);overflow-wrap:anywhere}
.hero-art .runner-line b{color:#FFFFFF;font-weight:600}
.hero-art .runner-line i{font-style:normal;color:#8FC3EC}
.hero-art .float-card{grid-column:3/5;grid-row:2;align-self:end;position:relative;z-index:2;margin:0 0 0 .5rem;background:#2E3046;color:#FFFFFF;border-radius:34px 34px 0 0;padding:10px 10px 0;box-shadow:var(--shadow-phone);min-width:0;height:auto}
.hero-art .float-card>div{background:#FFFFFF;color:#26283A;border-radius:26px 26px 0 0;padding:var(--space-2) 1.125rem var(--space-3);display:flex;flex-direction:column;gap:.75rem}
.hero-art .float-card header{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);line-height:1.5;font-weight:700;color:#26283A;font-family:var(--f-mono)}
.hero-art .float-card header svg{width:1.375rem;height:.625rem}
.hero-art .float-card .float-title{padding:0;font-size:var(--text-xs);line-height:1.5;color:#676A7D}
.hero-art .float-card section{display:flex;gap:.75rem;align-items:center}
.hero-art .float-card section>svg{width:3.5rem;height:3.5rem}
.hero-art .float-card section strong{display:block;font-family:var(--f-head);font-size:var(--text-md);line-height:1.4;color:#26283A}
.hero-art .float-card section code{font-family:var(--f-mono);font-size:var(--text-xs);line-height:1.5;color:#5D6074}
.hero-art .float-card dl{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.375rem .75rem;background:#F8F8FA;color:#26283A;border-radius:var(--r-card);padding:.75rem}
.hero-art .float-card dt{font-size:var(--text-xs);line-height:1.5;color:#676A7D}
.hero-art .float-card dd{text-align:right;font-family:var(--f-mono);font-size:var(--text-xs);line-height:1.5;color:#26283A;overflow-wrap:break-word}
.hero-art .float-card mark{display:block;text-align:center;background:#4A5A9E;color:#FFFFFF;font-weight:700;font-size:var(--text-sm);line-height:1.5;padding:.625rem 0;border-radius:var(--r-card)}
.hero-art .float-card p{font-size:var(--text-xs);color:#676A7D;line-height:1.55}
@media(max-width:64rem){
.c-hero-split{grid-template-columns:minmax(0,1fr);gap:var(--space-5)}
.c-hero-stage,.c-ledger{height:auto;min-height:0}
.c-migration-path{grid-template-columns:minmax(0,1fr)}
.c-migration-path article{min-height:0}
.hero-art{grid-template-columns:minmax(0,.25fr) minmax(0,6fr) minmax(0,1.7fr) minmax(0,.9fr) minmax(0,.25fr)}
.hero-art .cluster{visibility:hidden}
.hero-art .queue-card{grid-template-columns:minmax(0,1fr) minmax(0,4fr)}
.hero-art .queue-card>header{flex-wrap:wrap}
.hero-art .build-row{gap:.5rem}
.c-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:42rem){
[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;grid-column:1;width:auto;max-width:none;justify-self:stretch}
.hero-art .art-backdrop{inset:0}
.hero-art .cluster{display:none}
.hero-art .queue-card{grid-column:1;grid-row:auto;grid-template-columns:minmax(0,1fr);border-radius:var(--r-win);height:auto;overflow:hidden}
.hero-art .queue-card>header{grid-column:1;padding:var(--space-3);gap:var(--space-1)}
.hero-art .queue-card>header small{flex-basis:100%;order:3}
.hero-art .queue-card>nav{flex-direction:row;flex-wrap:wrap;padding:var(--space-3);gap:var(--space-1)}
.hero-art .queue-card>nav .float-title{width:100%;padding:0}
.hero-art .node-label{flex:1 1 7rem;padding:var(--space-1)}
.hero-art .runner-card{flex-basis:100%;margin-top:var(--space-1)}
.hero-art .queue-card>div{padding:var(--space-3)}
.hero-art .queue-card>div>p{gap:var(--space-2);flex-wrap:wrap}
.hero-art .build-row{grid-template-columns:minmax(0,1.8fr) minmax(0,1.2fr);gap:.5rem var(--space-1);padding:var(--space-2) 0}
.hero-art .build-row[data-head]{display:none}
.hero-art .build-row>b{grid-column:1/-1}
.hero-art .build-row>span:nth-child(3)::before{content:none}
.hero-art .build-row code{overflow:visible}
.hero-art .runner-line{margin-bottom:0}
.hero-art .float-card{grid-column:1;grid-row:auto;margin:0;border-radius:34px;padding:10px;height:auto;max-width:none}
.hero-art .float-card>div{border-radius:26px;padding:var(--space-3)}
.c-blog-lead,.c-blog-grid,.c-blog-rest,.c-blog-month{grid-template-columns:minmax(0,1fr)}
.c-section-head,.sec-head{margin-bottom:var(--space-5)}
}

/* confirmed-draft-hero-face */
[data-hero-face="confirmed-draft"]:not([data-face-root]):not([data-hero-form]):not(:has(> .hero-queue)):not(:has(> .hero-art)):not([class*="hero-art"]){height:auto;min-height:0;min-width:0}
[data-hero-face="confirmed-draft"]:not([data-face-root]):not([data-hero-form]):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]):not([data-hero-form])::before,[data-hero-face="confirmed-draft"]:not([data-face-root]):not([data-hero-form])::after{display:none;content:none}
[data-hero-face="confirmed-draft"]:not([data-face-root]):not([data-hero-form])>img{display:none}
[data-hero-face="confirmed-draft"] .hero-art{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,6fr) minmax(0,1.7fr) minmax(0,0.9fr) minmax(0,1.3fr);grid-template-rows:minmax(0,auto) auto;position:relative;width:min(1320px,100%);margin:64px auto 0;font-family:"Manrope","Segoe UI","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color:#26283A}
[data-hero-face="confirmed-draft"] .hero-art .art-backdrop{position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 55% at 50% 70%,rgba(255,255,255,.55),rgba(255,255,255,0) 70%)}
[data-hero-face="confirmed-draft"] .hero-art .cluster{grid-row:1/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:24px 0 120px}
[data-hero-face="confirmed-draft"] .hero-art .cluster[data-side="l"]{grid-column:1}
[data-hero-face="confirmed-draft"] .hero-art .cluster[data-side="r"]{grid-column:5}
[data-hero-face="confirmed-draft"] .hero-art .cluster svg{display:block;fill:none;stroke:#D9A27C;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
[data-hero-face="confirmed-draft"] .hero-art .cluster svg:nth-child(2){opacity:.5;margin-left:40px}
[data-hero-face="confirmed-draft"] .hero-art .cluster svg:nth-child(3){opacity:.38;margin-right:36px}
[data-hero-face="confirmed-draft"] .hero-art .queue-card{grid-column:2/4;grid-row:1/3;position:relative;z-index:1;background:#FFFFFF;border-radius:14px 14px 0 0;box-shadow:0 30px 70px rgba(38,40,58,.16),0 2px 8px rgba(38,40,58,.06);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3.7fr);grid-template-rows:auto 1fr;overflow:hidden}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > header{grid-column:1/3;display:flex;align-items:center;gap:12px;padding:16px 24px;background:#FAFAFC}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > header svg{flex:none}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > header strong{font-family:"Albert Sans","Avenir Next","Segoe UI","PingFang SC",sans-serif;font-size:15px;font-weight:700;color:#26283A}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > header small{font-size:12px;color:#8A8C9C;font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace}
[data-hero-face="confirmed-draft"] .hero-art .status-live{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#4A5A9E;background:#EEF1FA;padding:4px 12px;border-radius:999px}
[data-hero-face="confirmed-draft"] .hero-art .status-live i{width:7px;height:7px;border-radius:50%;background:#4A5A9E;animation:liveBlink 2.4s ease-in-out infinite}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > nav{padding:16px 12px 16px 16px;background:#FAFAFC;display:flex;flex-direction:column;gap:2px}
[data-hero-face="confirmed-draft"] .hero-art .float-title{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#8A8C9C;padding:4px 8px 8px}
[data-hero-face="confirmed-draft"] .hero-art .node-label{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px;border-radius:6px;font-size:13px;font-weight:600;color:#3A3C50}
[data-hero-face="confirmed-draft"] .hero-art .node-label em{font-style:normal;font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;font-size:11px;font-weight:500;color:#8A8C9C}
[data-hero-face="confirmed-draft"] .hero-art .node-label:first-of-type{background:#EEF1FA;color:#4A5A9E}
[data-hero-face="confirmed-draft"] .hero-art .node-label:first-of-type em{color:#4A5A9E}
[data-hero-face="confirmed-draft"] .hero-art .runner-card{margin-top:auto;background:#FFFFFF;border-radius:8px;padding:12px;box-shadow:0 1px 3px rgba(38,40,58,.07)}
[data-hero-face="confirmed-draft"] .hero-art .runner-card b{display:block;font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:#26283A}
[data-hero-face="confirmed-draft"] .hero-art .runner-card span{display:block;font-size:11px;color:#7A7C8E;margin-top:4px;line-height:1.5}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > div{padding:12px 24px 0;display:flex;flex-direction:column;min-width:0}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > div > p{display:flex;gap:24px;font-size:13px;font-weight:600;color:#8A8C9C;padding:4px 0 0}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > div > p span{padding-bottom:12px}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > div > p span:first-child{color:#26283A;box-shadow:inset 0 -2px 0 #4A5A9E}
[data-hero-face="confirmed-draft"] .hero-art .queue-card > div > p em{font-style:normal;font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;color:#4A5A9E;margin-left:4px}
[data-hero-face="confirmed-draft"] .hero-art .build-row{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,.8fr) minmax(0,.9fr);align-items:center;gap:12px;padding:12px 0;box-shadow:inset 0 -1px 0 #F0F0F4;font-size:13px}
[data-hero-face="confirmed-draft"] .hero-art .build-row[data-head]{padding:12px 0 8px;font-size:11px;font-weight:700;letter-spacing:.8px;color:#9A9CAB;text-transform:uppercase;margin-top:12px}
[data-hero-face="confirmed-draft"] .hero-art ul{list-style:none;margin:0;padding:0}
[data-hero-face="confirmed-draft"] .hero-art li.build-row{animation:rowIn .7s ease both}
[data-hero-face="confirmed-draft"] .hero-art li.build-row:nth-child(1){animation-delay:.2s}
[data-hero-face="confirmed-draft"] .hero-art li.build-row:nth-child(2){animation-delay:.45s}
[data-hero-face="confirmed-draft"] .hero-art li.build-row:nth-child(3){animation-delay:.7s}
[data-hero-face="confirmed-draft"] .hero-art li.build-row:nth-child(4){animation-delay:.95s}
[data-hero-face="confirmed-draft"] .hero-art li.build-row:nth-child(5){animation-delay:1.2s}
[data-hero-face="confirmed-draft"] .hero-art .build-row b{display:flex;align-items:center;gap:10px;font-weight:700;color:#26283A;min-width:0}
[data-hero-face="confirmed-draft"] .hero-art .build-row b small{display:block;font-weight:500;font-size:11px;color:#9A9CAB}
[data-hero-face="confirmed-draft"] .hero-art .build-row b svg{flex:none}
[data-hero-face="confirmed-draft"] .hero-art .build-row code{font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;color:#3A3C50;font-variant-numeric:tabular-nums}
[data-hero-face="confirmed-draft"] .hero-art .build-row span{color:#5D6074}
[data-hero-face="confirmed-draft"] .hero-art .pill-ok{justify-self:start;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#3B4A8A;background:#E8ECF8;padding:3px 10px;border-radius:999px;white-space:nowrap}
[data-hero-face="confirmed-draft"] .hero-art .runner-line{margin:16px 0 24px;padding:12px 16px;border-radius:8px;background:#26283A;color:#C9CDE6;font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.7}
[data-hero-face="confirmed-draft"] .hero-art .runner-line b{color:#FFFFFF;font-weight:600}
[data-hero-face="confirmed-draft"] .hero-art .runner-line i{font-style:normal;color:#8FC3EC}
[data-hero-face="confirmed-draft"] .hero-art .float-card{grid-column:3/5;grid-row:2;align-self:end;position:relative;z-index:2;margin:0 0 0 8px;background:#2E3046;border-radius:34px 34px 0 0;padding:10px 10px 0;box-shadow:0 24px 50px rgba(38,40,58,.22)}
[data-hero-face="confirmed-draft"] .hero-art .float-card > div{background:#FFFFFF;border-radius:26px 26px 0 0;padding:16px 18px 24px;display:flex;flex-direction:column;gap:12px}
[data-hero-face="confirmed-draft"] .hero-art .float-card header{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#26283A;font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace}
[data-hero-face="confirmed-draft"] .hero-art .float-card .float-title{padding:0;font-size:11px;color:#9A9CAB}
[data-hero-face="confirmed-draft"] .hero-art .float-card section{display:flex;gap:12px;align-items:center}
[data-hero-face="confirmed-draft"] .hero-art .float-card section strong{display:block;font-family:"Albert Sans","Avenir Next","Segoe UI","PingFang SC",sans-serif;font-size:17px;color:#26283A}
[data-hero-face="confirmed-draft"] .hero-art .float-card section code{font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;font-size:12px;color:#5D6074}
[data-hero-face="confirmed-draft"] .hero-art .float-card dl{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:12px;background:#F7F7FA;border-radius:10px;padding:12px}
[data-hero-face="confirmed-draft"] .hero-art .float-card dt{color:#8A8C9C}
[data-hero-face="confirmed-draft"] .hero-art .float-card dd{text-align:right;font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;color:#26283A}
[data-hero-face="confirmed-draft"] .hero-art .float-card mark{display:block;text-align:center;background:#4A5A9E;color:#FFFFFF;font-weight:700;font-size:14px;padding:10px 0;border-radius:10px}
[data-hero-face="confirmed-draft"] .hero-art .float-card p{font-size:11.5px;color:#7A7C8E;line-height:1.55}
@media(max-width:42rem){
  [data-hero-face="confirmed-draft"]:not([data-face-root]):not([data-hero-form]):not(:has(> .hero-queue)):not(:has(> .hero-art)):not([class*="hero-art"]){min-height:0}
  [data-hero-face="confirmed-draft"] .hero-art{height:auto;min-height:0;width:auto;max-width:100%;transform:none;grid-template-columns:minmax(0,1fr);grid-template-areas:none;overflow:visible}
  [data-hero-face="confirmed-draft"] .hero-art>*:not(.art-backdrop){grid-area:auto;grid-column:1;justify-self:stretch;transform:none}
  [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:not(:is(.runner-card,.queue-card,.float-card) .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{position:relative;inset:auto;width:100%;height:auto;min-height:0;transform:none}
}
/* /confirmed-draft-hero-face */