/* Run DEFXN from source: the How it works chapter layout (lifecycle.css) with a terminal card. */
#scene .download-page .download-kicker-row {display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 10px;}
#scene .download-page .download-guide-top {display:none;font:500 12px var(--font-sans,sans-serif);color:hsl(var(--reference));text-decoration:none;}
#scene .download-page .download-kicker {margin:0;font:500 10px/1.4 var(--mono-font,monospace);letter-spacing:.09em;color:hsl(var(--text-muted));}
#scene .download-page .how-chapter-header h1 {max-width:none;}
.download-terminal {gap:0;}
.download-terminal-top {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px;}
#scene .download-copy {min-height:28px;padding:4px 10px;border:1px solid hsl(var(--primary-300));border-radius:5px;background:transparent;font:500 11px var(--mono-font,monospace);color:hsl(var(--primary));cursor:pointer;}
#scene .download-copy:is(:hover,:focus-visible) {background:hsl(var(--reference-100));border-color:hsl(var(--reference-400));color:hsl(var(--text-strong));}
.download-screen {flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;}
#scene .download-code {display:flex;flex-direction:column;gap:9px;margin:18px 0 0;padding:18px 20px;border-radius:7px;background:hsl(var(--canvas) / .72);border:1px solid hsl(var(--primary-200));white-space:pre-wrap;overflow-wrap:anywhere;}
#scene .download-code code {font:500 14px/1.45 var(--mono-font,monospace);color:hsl(var(--text-strong));}
#scene .download-prompt {color:hsl(var(--primary));user-select:none;}
#scene .download-expect {display:flex;align-items:center;gap:10px;margin:14px 0 0;font:400 13px/1.45 var(--font-sans,sans-serif);color:hsl(var(--text-muted));}
#scene .download-expect[hidden] {display:none;}
#scene .download-expect::before {content:"";flex:0 0 6px;height:6px;border-radius:50%;background:hsl(var(--primary));}
#scene .download-checks {margin:18px 0 0;gap:12px 20px;}
#scene .download-checks dt {font-size:12px;}
#scene .download-checks dd {font-size:15px;color:hsl(var(--text-strong));}
.download-proves {display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px;margin-top:18px;}
#scene .download-proves ul {margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px;}
#scene .download-proves li {font:400 15px/1.35 var(--font-sans,sans-serif);color:hsl(var(--text-strong));}
#scene .download-proves-no li {color:hsl(var(--text-muted));}
#scene .download-proves-yes li::before {content:"✓  ";color:hsl(var(--primary));}
#scene .download-proves-no li::before {content:"–  ";color:hsl(var(--text-faint));}
#scene .download-page .how-chapter-side {justify-content:center;}
#scene .download-page .how-step-button {min-height:0;}
#scene .download-page .how-step:not([data-active="true"]) .how-step-button strong {color:hsl(var(--text-muted));}
#scene .download-page .how-chapter-footer {justify-content:flex-start;}
#scene .download-page .how-chapter-footer .how-deeper-link {margin-right:0;}
#scene .download-page .how-chapter-footer .download-aside-link {color:hsl(var(--text-muted));}
#scene .download-page .download-progress {margin-left:auto;font:500 11px var(--mono-font,monospace);color:hsl(var(--text-faint));}
#scene .download-page .download-previous {min-height:40px;padding:8px 10px;border:0;background:none;font:500 13px var(--font-sans,sans-serif);color:hsl(var(--text-muted));cursor:pointer;}
#scene .download-page .download-previous:hover {color:hsl(var(--text-strong));}
#scene .download-page button.how-chapter-next {min-height:40px;font:500 13px/1.4 var(--font-sans,sans-serif);cursor:pointer;}
@media(min-width:901px) and (max-height:780px){#scene .download-code {padding:14px 16px;gap:7px;margin-top:12px;}#scene .download-code code {font-size:13px;}}
@media(max-width:900px){
 #scene .download-page.how-chapter {overflow:hidden;gap:14px;}

 #scene .download-page .how-chapter-body {flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:12px;}
 #scene .download-page .how-chapter-side {order:-1;flex:0 0 auto;}
 #scene .download-page .how-steps {flex-direction:row;flex-wrap:wrap;gap:6px;}
 #scene .download-page .how-step {padding:0;border:0;display:contents;}
 #scene .download-page .how-step-button {width:auto;min-height:40px;padding:0 12px;border:1px solid hsl(var(--border-default));border-radius:6px;align-items:center;}
 #scene .download-page .how-step[data-active="true"] .how-step-button {border-color:hsl(var(--reference-400));background:hsl(var(--reference-100));}
 #scene .download-page .how-step-button strong {display:none;}
 #scene .download-page .how-step-number {font-size:12px;}
 #scene .download-page .how-step-text {order:9;flex:1 0 100%;margin:4px 0 0;font-size:14px;}
 #scene .download-page .download-terminal {flex:0 1 auto;padding:14px 16px;}
 #scene .download-page .download-terminal h2 {font-size:20px;margin-top:6px;}
 #scene .download-code {padding:12px;margin-top:10px;gap:6px;}
 #scene .download-code code {font-size:12px;}
 .download-proves {grid-template-columns:1fr;gap:10px;margin-top:10px;}
 #scene .download-proves li {font-size:13px;}
 #scene .download-page .how-chapter-footer {flex-wrap:nowrap;gap:12px;padding-top:10px;}
 #scene .download-page .how-chapter-footer :is(.download-aside-link,.download-progress,.download-previous-word) {display:none;}
 #scene .download-page .how-chapter-footer .how-deeper-link {display:none;}
 #scene .download-page .download-guide-top {display:inline;}
 #scene .download-page .download-previous {margin-right:auto;}
 .download-proves-yes {display:flex;align-items:baseline;gap:12px;}
 #scene .download-proves-yes ul {margin:0;}
 #scene .download-proves ul {gap:4px;margin-top:6px;}
 #scene .download-page .how-chapter-next {margin-left:auto;}
 #scene .download-page .download-screen {justify-content:flex-start;}
 #scene .download-page .download-checks {grid-template-columns:max-content minmax(0,1fr);gap:6px 14px;margin-top:10px;}
 #scene .download-page .download-checks dd {margin:0;font-size:13px;}
 #scene .download-page .how-chapter-footer a,#scene .download-page button.how-chapter-next {white-space:nowrap;}
}
@media(max-width:900px) and (max-height:720px){
 #scene .download-page.how-chapter {gap:10px;padding:14px 16px;}
 #scene .download-page .how-chapter-header h1 {font-size:26px;}
 #scene .download-page .download-kicker-row {margin-bottom:6px;}
 #scene .download-page .how-step-text {font-size:13px;line-height:1.45;}
 #scene .download-page .download-terminal {padding:12px 14px;}
 #scene .download-page .download-terminal h2 {font-size:17px;}
 #scene .download-page .download-expect {margin-top:8px;font-size:12px;}
 #scene .download-page .download-code {gap:4px;padding:10px 12px;}
}
@media(max-width:620px){#scene .download-page .how-chapter-header > p:last-child {display:none;}}