/* A quiet deployment brief: restrained surfaces, clear boundaries, no simulated CLI. */
#scene .bundle-deployer-page { --bundle-line:hsl(var(--border-default)); }
#scene .bundle-deployer-page :where(p,figure,ol) { margin:0; }
#scene .bundle-topline { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px; }
#scene .bundle-eyebrow { font:500 11px/1.5 var(--font-mono,monospace); letter-spacing:.12em; color:hsl(var(--text-muted)); }
#scene .bundle-status { display:inline-flex; align-items:center; gap:8px; white-space:nowrap; font-size:12px; color:hsl(var(--text)); }
#scene .bundle-status::before { content:''; width:6px; height:6px; border:1px solid hsl(var(--reference)); border-radius:50%; }
#scene .bundle-hero { padding-bottom:28px; border-bottom:1px solid var(--bundle-line); }
#scene .bundle-deployer-page h1 { max-width:none; margin-bottom:12px; font-size:clamp(32px,4vw,52px); font-weight:500; color:hsl(var(--text-strong)); }
#scene .bundle-deck { max-width:60ch; color:hsl(var(--text-muted)); font-size:17px; line-height:1.6; }
#scene .bundle-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(24px,4vw,54px); padding-block:30px; }
#scene .bundle-deployer-page h2 { margin:0 0 10px; color:hsl(var(--text-strong)); font-size:22px; letter-spacing:-.025em; }
#scene .bundle-requirement { font:500 11px/1.5 var(--font-mono,monospace); text-transform:uppercase; letter-spacing:.1em; color:hsl(var(--reference)); }
#scene .bundle-steps { list-style:none; padding:0; margin-top:22px; }
#scene .bundle-step { display:grid; grid-template-columns:30px minmax(0,1fr); gap:14px; padding:18px 0; border-top:1px solid var(--bundle-line); }
#scene .bundle-number { padding-top:2px; font:400 12px/1.5 var(--font-mono,monospace); color:hsl(var(--text-faint)); }
#scene .bundle-step h3 { margin:0 0 8px; color:hsl(var(--text-strong)); font-size:17px; font-weight:500; }
#scene .bundle-step p { color:hsl(var(--text-muted)); font-size:14px; line-height:1.65; }
#scene .bundle-flow { padding:20px; margin-bottom:24px; border:1px solid var(--bundle-line); border-radius:6px; background:hsl(var(--surface) / .55); }
#scene .bundle-flow figcaption { color:hsl(var(--text-muted)); font-size:13px; }
#scene .bundle-flow-trail { display:flex; list-style:none; padding:0; gap:20px; margin-top:20px; }
#scene .bundle-flow-node { position:relative; flex:1; min-width:0; padding-top:13px; border-top:1px solid hsl(var(--reference) / .55); font-size:13px; line-height:1.5; color:hsl(var(--text)); }
#scene .bundle-flow-node:not(:last-child)::after { content:'→'; position:absolute; right:-16px; top:9px; color:hsl(var(--text-faint)); }
#scene .bundle-flow-note { margin-top:18px; font:400 10px/1.5 var(--font-mono,monospace); color:hsl(var(--text-faint)); }
#scene .bundle-boundary-table { width:100%; table-layout:fixed; border-collapse:collapse; margin-top:18px; font-size:13px; line-height:1.5; }
#scene .bundle-boundary-table :is(th,td) { padding:11px 0; text-align:left; vertical-align:top; border-bottom:1px solid var(--bundle-line); }
#scene .bundle-boundary-table :is(th,td):first-child { padding-right:20px; }
#scene .bundle-boundary-table th { font-weight:500; color:hsl(var(--text-strong)); }
#scene .bundle-boundary-table th:first-child { color:hsl(var(--reference)); }
#scene .bundle-boundary-table td { color:hsl(var(--text-muted)); }
#scene .bundle-boundary-note { padding-top:14px; color:hsl(var(--text-faint)); font-size:12px; line-height:1.6; }
#scene .bundle-release { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:32px; padding-top:24px; border-top:1px solid var(--bundle-line); }
#scene .bundle-release h2 { grid-column:1; font-size:17px; }
#scene .bundle-release p { grid-column:1; max-width:65ch; font-size:13px; line-height:1.6; color:hsl(var(--text-muted)); }
#scene .bundle-release .bundle-release-note { margin-top:8px; font-size:12px; color:hsl(var(--text-faint)); }
#scene .bundle-back { grid-column:2; grid-row:1/4; align-self:center; display:inline-flex; align-items:center; min-height:44px; color:hsl(var(--text)); font-size:13px; text-decoration:none; }
#scene .bundle-back::after { content:'↗'; margin-left:12px; color:hsl(var(--reference)); }
#scene .bundle-back:hover { color:hsl(var(--text-strong)); }
@media(max-width:760px) {
 #scene .bundle-layout { grid-template-columns:1fr; gap:26px; padding-block:24px; }
 #scene .bundle-topline { align-items:flex-start; gap:10px; }
 #scene .bundle-eyebrow { font-size:10px; max-width:18ch; }
 #scene .bundle-status { font-size:11px; }
 #scene .bundle-hero { padding-bottom:22px; }
 #scene .bundle-deck { font-size:15px; }
 #scene .bundle-release { display:block; }
 #scene .bundle-back { margin-top:14px; }
}