/* N5: a single visual comparison; all styles are scoped to this component. */
.box-figures{--box-gold:var(--metal,#c6a16c);padding:120px 0;border-top:1px solid var(--line);scroll-margin-top:112px;font-family:Arial,Helvetica,sans-serif}
.box-figures .figures-heading{margin:0 0 32px;font-size:clamp(30px,3vw,40px);line-height:1.15;letter-spacing:-.035em;font-weight:500;max-width:680px}
.box-figures .tag{margin:0 0 12px}.figures-columns{display:grid;grid-template-columns:3fr 2fr;gap:48px}.figures-panel{min-width:0}.figures-panel>h3{margin:0 0 14px;font-size:15px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.figures-intro{font-size:16px;line-height:1.5;max-width:480px;margin:0 0 20px}.memory-scene{display:grid;grid-template-columns:3fr 2fr;gap:26px;align-items:center}.gpu-side{min-width:0}.gpu-stack{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.gpu-card{text-align:center;min-width:0}.gpu-card svg{width:100%;height:51px;display:block;color:var(--muted)}.gpu-card .gpu-size{display:block;font-size:16px;line-height:1.3;margin-top:5px}
.gpu-total{font-size:18px;line-height:1.45;margin:18px 0 4px}.single-box{text-align:center;margin:0;border-left:1px solid var(--line);padding-left:22px}.single-box svg{width:100%;max-width:144px;height:125px;color:var(--box-gold)}.single-box figcaption strong{display:block;font-size:20px;line-height:1.3;font-weight:500;margin:10px 0}.single-box figcaption span{display:block;font-size:17px;line-height:1.4}
.storage-panel{border-left:1px solid var(--line);padding-left:42px}.paper-scene{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.paper-scene svg{width:100%;height:238px;color:var(--ink)}.paper-scene .gold{stroke:var(--box-gold)}.storage-big{display:block;font-size:clamp(42px,4vw,56px);line-height:1;letter-spacing:-.04em;font-weight:500;margin-bottom:18px}.storage-pages,.storage-height{display:block;font-size:19px;line-height:1.4}.storage-height{margin-top:15px;color:var(--muted)}.figures-footnote{margin:30px 0 0;font-size:13px;color:var(--muted);line-height:1.5}.figures-footnote a{margin-left:10px;text-underline-offset:3px}.figures-defs{position:absolute;width:0;height:0;overflow:hidden}
.box-figures[data-animating] .gpu-card{animation:gpu-arrive .3s ease-out both;animation-delay:calc(var(--card-order)*150ms)}
@keyframes gpu-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1000px){.figures-columns{gap:28px;grid-template-columns:1fr 1fr}.memory-scene{gap:14px;grid-template-columns:3fr 2fr}.single-box{padding-left:12px}.storage-panel{padding-left:26px}.paper-scene{grid-template-columns:1fr}.paper-scene svg{height:170px}.storage-big{font-size:42px;margin-bottom:8px}.storage-pages,.storage-height{font-size:17px}.storage-height{margin-top:8px}}
@media(max-width:760px){.box-figures{padding:72px 0;scroll-margin-top:92px}.figures-columns{grid-template-columns:1fr;gap:42px}.box-figures .figures-heading{margin-bottom:28px}.storage-panel{border-left:0;border-top:1px solid var(--line);padding:30px 0 0}.paper-scene{grid-template-columns:1fr 1fr}.paper-scene svg{height:220px}.gpu-stack{gap:12px 8px}.gpu-card svg{height:44px}.gpu-card .gpu-size{font-size:15px}.gpu-total{font-size:17px}.single-box svg{height:108px}.single-box figcaption strong{font-size:18px}.single-box figcaption span{font-size:16px}.figures-footnote{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.box-figures[data-animating] .gpu-card{animation:none!important}}

.storage-landmark{display:block;font-size:17px;line-height:1.4;margin-top:10px;color:var(--box-gold)}

@media(max-width:760px){.memory-scene{grid-template-columns:1fr}.single-box{border-left:0;padding-left:0;margin-top:16px}.single-box svg{max-width:144px}.gpu-stack{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 10px}}

/* Integration review: retain the page container, prevent intrinsic SVG/text overflow. */
.box-figures{max-width:100%;scroll-margin-top:16px}.figures-columns>*{min-width:0}.paper-scene{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.paper-scene>*{min-width:0}.storage-landmark{color:var(--muted);overflow-wrap:break-word}.single-box svg{height:125px;max-width:170px}
@media(max-width:760px){.box-figures{scroll-margin-top:16px}.single-box svg{height:115px}}