/* Real captures stay in the page; each layout respects the source's proportions. */
.scene-window{height:472px}
.scene{padding:24px}
.scene .capture{margin-top:18px;margin-bottom:16px;min-height:0;overflow:visible}
.condition-crops{width:100%;max-width:438px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.capture.conditions .condition-crops img{width:auto;height:auto;max-width:100%;max-height:none}
.capture.conditions .condition-crops img:last-child{width:100%;height:82px;object-fit:none;object-position:left top}
.capture.spending img{width:100%;max-width:484px;height:auto;max-height:none}
.capture.progress img{height:auto;max-height:100%;width:auto;max-width:100%;object-fit:contain}
.capture.proof img{width:262px;max-width:100%;height:auto;max-height:none;border-radius:8px}
.scene-explanation{margin-top:0;font-size:14px}
.method-layout{display:block;margin-top:36px}
.method-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border-top:0}
.method-options button{height:100%;min-height:160px;padding:22px;border:1px solid var(--line);border-radius:10px}
.method-options button[aria-selected=true]{border-color:#b7cbf8}
.method-options .option-title{font-size:19px}
.method-options .option-copy{font-size:15px}
.method-panel{margin-top:24px}
.method-comparison{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,432px);align-items:center;gap:48px;max-width:1040px;margin-inline:auto;padding:28px 32px;border:1px solid var(--line);border-radius:12px;background:#fff}
.method-comparison>img{display:block;width:100%;height:auto;aspect-ratio:432/150}
.method-example>p:first-child{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 8px}
.method-example>strong{display:block;font-size:24px;font-weight:600;line-height:1.3;min-height:1.3em;margin-bottom:12px}
.method-example>p:last-child{font-size:15px;line-height:1.6;max-width:38ch;min-height:4.8em;margin:0;color:var(--muted)}
.media-caption{justify-content:center;text-align:center;margin-top:14px}
.proof-section{max-width:1120px;grid-template-columns:minmax(0,1.2fr) minmax(262px,.8fr);gap:80px}
.proof-copy{max-width:540px}
.proof-figure{width:100%;max-width:310px;justify-self:center;padding:0;background:transparent;border-radius:0}
.proof-figure>img{width:262px;height:auto;margin-inline:auto;border-radius:8px;box-shadow:0 16px 36px -24px #15243a70}
.proof-figure figcaption{display:block;text-align:center;font-size:14px;line-height:1.6;margin-top:20px}
.table-scroll{scrollbar-width:thin;scrollbar-color:#97aaca #e1e7f0;overscroll-behavior-x:contain}
.table-scroll img{width:1748px;min-width:1748px;max-width:none;height:auto}
.monitor-figure figcaption{display:block}
.scroll-hint{display:block;font-size:13px}
@media(max-width:1150px){.scene{padding:20px}.scene-window{height:470px}.proof-section{gap:40px}.method-options button{padding:18px}}
@media(min-width:641px) and (max-width:900px){.method-comparison{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:24px;padding:24px}.method-example>strong{font-size:22px}.method-example>p:last-child{min-height:6.4em}}
@media(max-width:900px){.scene-window{height:472px}.method-options .option-title{font-size:17px}.method-options .option-copy{font-size:14px}.method-options button{min-height:190px}.proof-section{grid-template-columns:minmax(0,1fr) 262px;gap:36px}.proof-copy h2{font-size:32px}.proof-figure figcaption{font-size:13px}.method-image{min-height:0}}
@media(max-width:640px){
 .scene{padding:20px 14px}.scene-window{height:472px}.scene-heading h2{max-width:none}
 .condition-crops{gap:12px}.scene .capture{margin-block:16px}.scene-explanation{font-size:14px}
 .method-options{grid-template-columns:1fr;gap:10px}.method-options button{min-height:0;padding:16px 18px}.method-options .option-title{font-size:18px}.method-options .option-copy{font-size:15px;max-width:none;margin-top:6px}
 .method-panel{margin-top:20px}
 .method-comparison{grid-template-columns:minmax(0,1fr);gap:24px;padding:22px 16px}
 .method-example>strong{font-size:22px}
 .method-example>p:last-child{max-width:none;min-height:4.8em}
 .method-comparison>img{width:432px;max-width:100%;justify-self:center}
 .media-caption{font-size:13px;text-align:left;justify-content:flex-start}
 .proof-section{grid-template-columns:1fr;gap:32px;max-width:none}.proof-figure{max-width:310px}.proof-figure>img{width:262px;max-width:100%;height:auto}.proof-figure figcaption{font-size:13px;margin-top:16px}
}
@media(max-width:360px){.scene{padding-inline:10px}.scene-window{height:486px}.method-image{padding:8px}}
