.model-usage-layout {display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.model-variant-pair {grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:900px){.model-variant-pair {grid-template-columns:1fr}}
.model-usage-layout figure {margin:0 auto;min-width:0;width:100%;max-width:760px}
.model-usage-layout img {display:block;width:100%;height:auto;border:1px solid var(--line)}
.model-usage-layout figcaption {margin-top:12px;font-size:.85rem;color:var(--muted)}
.model-usage-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding-left:1.5em}
.model-usage-steps li {padding-left:.3em;margin-bottom:20px}
.model-usage-steps h3 {font-size:1.1rem;margin-bottom:6px}
.model-usage-steps p {margin:0}
.model-usage-links {display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:28px}
@media(max-width:900px){.model-usage-layout {grid-template-columns:1fr;gap:24px}.model-usage-steps {grid-template-columns:1fr;gap:0}.model-usage-links {flex-direction:column}}
.model-dark .brand-logo {border-radius:4px}
.model-dark .model-package-software,.model-dark .model-connection-strip,.model-dark .model-product-panel,.model-dark .model-system-diagram,.model-dark .model-delivery,.model-dark .model-pc-cards article,.model-dark .model-mode {background:var(--tint);color:var(--ink);border-color:var(--line)}
.model-dark .model-system-photo {background:transparent;aspect-ratio:auto;max-height:450px;object-fit:contain}
.model-showcase-photo {padding:24px}
.model-dark .model-product-message {font-size:clamp(1.25rem,2vw,1.65rem);font-weight:700}
.model-dark .model-pc-selection {margin-top:40px}
.model-dark .model-pc-selection>p {margin-bottom:22px}
.model-dark .model-benefits {margin-top:28px}
.model-dark .model-operation-modes {padding-top:26px;border-top:1px solid var(--line)}
.model-dark .x420-lo-figure {max-width:none;width:100%;padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--tint)}
.model-dark .x420-lo-figure figcaption h3 {margin:0;font-size:1.4rem;line-height:1.6}
.model-dark .model-pc-list,.model-dark .model-spec-table {color:var(--ink)}
.model-dark .model-spec-table th,.model-dark .model-spec-table td,.model-dark .model-accessories th,.model-dark .model-accessories td {background:transparent}
.model-dark .model-spec-table th,.model-dark .model-accessories thead th {background:var(--tint)}
.model-dark .model-spec-condition {background:var(--surface);color:var(--muted)}
.model-dark .model-kit-note {background:var(--tint)}
.model-dark .model-quote,.model-dark .model-quote-panel {background:var(--tint);color:var(--ink)}
@media(max-width:760px){.model-showcase-photo {padding:0}.model-dark .model-system-photo {max-height:320px}.model-dark .model-benefits {gap:26px}}

.model-keep {white-space:nowrap}
.model-dark .section-intro {max-width:none}
.model-dark .model-hero-grid {grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center}
.model-showcase-photo {display:grid;gap:16px;padding:0}
.model-showcase-photo figure {min-width:0}
.model-showcase-photo .model-system-photo {width:100%;max-height:260px;object-fit:contain;background:#fff}
.model-showcase-photo figcaption {font-size:.9rem;padding:6px 0}
.model-methods .mode-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:32px}
.model-methods .mode-card {padding:28px;background:var(--surface);min-width:0}
.model-methods .mode-purpose {color:var(--brand);font-weight:700}
.model-methods .mode-card h3 {font-size:1.4rem;line-height:1.6}
.model-methods .home-mode-body {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.model-methods figure {margin:0}
.model-methods img {display:block;width:100%;height:auto}
.model-methods .mode-operation {border-top:1px solid var(--line);padding:16px 0}
.model-methods .mode-operation h4 {font-size:1.1rem;margin:0 0 12px}
.model-methods .mode-operation h4 span {color:var(--brand);margin-right:12px}
.x420-lo-grid {display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
.model-dark .x420-lo-figure {margin:24px 0 0;min-width:0}
.model-dark .x420-lo-image-link {max-width:320px}
.model-option-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:32px 0}
.model-option-grid article {background:var(--paper);padding:20px;min-width:0}
.model-option-grid img {display:block;width:100%;height:180px;object-fit:contain;background:#fff}
.model-option-grid h3 {font-size:1.1rem}
@media(max-width:900px){
 .model-dark .model-hero-grid,.model-methods .home-mode-body,.model-option-grid,.x420-lo-grid {grid-template-columns:1fr}
 .model-showcase-photo {max-width:460px;width:100%;margin:auto}
 .model-methods .mode-card {padding:22px 18px}
 .model-dark .x420-lo-image-link {max-width:280px}
 .model-option-grid img {height:200px}
}

@media(max-width:600px){.model-dark .x420-lo-figure {padding:20px 16px}}

.model-dark #lo-multiple .x420-lo-image-link {max-width:400px}

@media(max-width:900px){.model-dark #lo-multiple .x420-lo-image-link {max-width:350px}}

.model-dark .model-package-modern-specs {grid-template-columns:minmax(0,1fr)}

.model-package-modern-photos {display:grid;grid-template-columns:repeat(2,minmax(0,240px));justify-content:center;gap:24px;max-width:504px;margin:24px auto 32px}
.model-package-modern-photos figure {margin:0;min-width:0}
.model-package-modern-photos img {display:block;width:100%;height:160px;object-fit:contain;background:#fff}
.model-package-modern-photos figcaption {margin-top:8px;font-size:.9rem;line-height:1.6;text-align:center;color:var(--muted)}
@media(max-width:600px){.model-package-modern-photos {gap:16px}.model-package-modern-photos img {height:auto;aspect-ratio:3/2}}



.model-feature-list {margin:24px 0;padding-left:1.5em;line-height:1.9}
.model-feature-list li {padding-left:.2em;margin:12px 0;overflow-wrap:anywhere}
.model-feature-condition {display:block;font-size:.9rem;color:var(--muted);font-weight:400}

/* X420 hero specification boxes; other models keep their shared layout. */
.model-dark .model-hero-specs {grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0;padding:0}
.model-dark .model-hero-specs>div {display:block;padding:16px 12px;border:1px solid var(--line);background:var(--surface)}
.model-dark .model-hero-specs dt {min-height:3.2em;margin:0 0 8px}
.model-dark .model-hero-specs dd {margin:0}
.model-methods .mode-card {background:var(--paper)}
.model-dark .model-option-grid article {background:var(--surface)}
@media(max-width:600px){.model-dark .model-hero-specs {grid-template-columns:1fr}.model-dark .model-hero-specs dt {min-height:0}}

/* Full-width specifications below the compact features/photo row. */
.model-showcase-feature-grid {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:40px;align-items:stretch}
.model-showcase-feature-grid .model-feature-list {margin:12px 0}
.model-showcase-feature-grid .model-showcase-photo {position:relative;display:block;width:100%;max-width:none;margin:0;min-height:0}
.model-showcase-images {position:absolute;inset:0;display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:10px;max-width:240px;margin:auto}
.model-showcase-images figure {display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;margin:0}
.model-showcase-images .model-system-photo {height:100%;width:100%;max-height:none;min-height:0;object-fit:contain}
.model-showcase-images figcaption {font-size:.8rem;line-height:1.5;padding:4px 0;text-align:center}
.model-showcase-container>.model-hero-specs {width:100%;margin:28px 0;gap:16px}
.model-showcase-container>.model-hero-specs dt {min-height:0}
@media(max-width:900px){.model-showcase-feature-grid {grid-template-columns:1fr;gap:20px}.model-showcase-feature-grid .model-showcase-photo {height:280px}.model-showcase-images {max-width:240px}.model-showcase-container>.model-hero-specs {gap:10px}}

/* Photos span the product message and the feature list. */
.model-showcase-feature-grid .model-product-message {margin:0 0 24px}
.model-showcase-feature-grid {margin-top:24px}
.model-showcase-feature-copy {min-width:0}
.model-showcase-images {max-width:340px}
@media(max-width:900px){.model-showcase-images {max-width:240px}}

/* Use the full right-hand area indicated in the reference screenshot. */
@media(min-width:901px){
 .model-showcase-feature-grid {grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:32px}
 .model-showcase-images {max-width:none;gap:14px}
 .model-showcase-feature-copy .model-feature-list li {margin:18px 0}
 .model-showcase-feature-copy .model-feature-list {line-height:2}
}

/* Optional blocks use the same section rhythm as the shared model layout. */
.model-dark .model-demo-video {max-width:760px;margin:0 auto;padding:0;border:0}
.model-dark .model-demo-video h2 {font-size:1.7rem}
.model-dark .model-demo-video iframe {margin-top:24px}
.model-dark .model-option-grid article a {overflow-wrap:anywhere}
.model-dark .model-option-grid article p {margin-top:12px}
.model-dark .model-option-grid .accessory-status {display:block;margin:8px 0;color:var(--brand)}
.model-dark .model-package-modern-specs {grid-template-columns:minmax(0,1fr)}
.model-dark .n310-lo {margin-top:0}
.model-dark .model-showcase-photo figure {min-width:0}
.model-reference-photos .model-showcase-images {position:static;grid-template-rows:auto auto}
.model-reference-photos .model-showcase-images .model-system-photo {height:180px}
@media(max-width:900px){
 .model-reference-photos .model-showcase-feature-grid .model-showcase-photo {height:auto}
 .model-reference-photos .model-showcase-images .model-system-photo {height:160px}
}

/* Crop to gray panels in the 1536px source: x=16..758 and x=778..1520.
   Keep the cable inside the vertical crop; preserve the approved image pixels. */
/* Equal-width SSD options; keep the approved image panels at a compact size. */
.model-dark .model-storage-options {grid-template-columns:repeat(2,minmax(0,1fr))}
.model-storage-options .model-option-image {width:100%;max-width:240px;margin:0 auto 24px}
@media(max-width:760px){.model-dark .model-storage-options {grid-template-columns:1fr}}
.model-showcase-photo .model-system-photo.model-configuration-photo,
.model-package-modern-photos img.model-configuration-photo {background:transparent}
.model-ssd-option-layout {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px);gap:32px;align-items:center;margin-bottom:32px}
.model-ssd-option-layout .model-option-image {margin:0;min-width:0}
@media(max-width:900px){.model-ssd-option-layout {grid-template-columns:1fr}.model-ssd-option-layout .model-option-image {width:100%;max-width:320px;margin:auto}}

/* Enlarge only the configured hero product inside its unchanged white frame. */
.model-hero-photo-frame {height:180px;overflow:hidden;background:#fff}
.model-reference-photos .model-showcase-images .model-hero-photo-frame .model-system-photo {height:100%;transform:scale(var(--photo-zoom));transform-origin:center}
@media(max-width:900px){.model-hero-photo-frame {height:160px}}
.model-characteristic-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.model-characteristic-card:only-child {grid-column:1/-1}
.model-characteristic-card {min-width:0;padding:24px;border:1px solid var(--line)}
.model-characteristic-card h3 {margin:0 0 16px;font-size:1.2rem}
.model-characteristic-card p {margin:0 0 20px}
.model-reference-photos .model-showcase-images.model-system-only-photos {grid-template-rows:auto;max-width:400px;margin:auto}
.model-reference-photos .model-showcase-images.model-system-only-photos .model-system-photo {height:auto;max-height:320px}
.model-package-modern-photos.model-system-only-photos {grid-template-columns:minmax(0,240px)}
@media(max-width:760px){.model-characteristic-grid {grid-template-columns:1fr}.model-characteristic-card {padding:20px}}