/* Draft v2: a phone reading layout. All desktop and tablet rules remain original. */
@media (max-width: 600px) {
  /* NSA800: a readable introduction followed by clear, full-width sections. */
  .nsa-overview { --muted: rgba(255,255,255,.76); }
  .nsa-overview .hero { min-height: 0; padding: 32px 20px 36px; gap: 24px; }
  .nsa-overview .eyebrow { font-size: 11px; line-height: 1.5; letter-spacing: .08em; color: #f08091; }
  .nsa-overview .hero h1,
  html[lang="en"] .nsa-overview .hero h1 {
    margin-top: 12px;
    font-size: clamp(30px, 8vw, 36px);
    line-height: 1.3;
    letter-spacing: 0;
    word-break: normal;
    overflow-wrap: normal;
    text-wrap: pretty;
  }
  html[lang="en"] .nsa-overview .hero h1 { line-height: 1.2; letter-spacing: -.02em; }
  .nsa-overview .hero h1 .phone-line-break { display: block; }
  .nsa-overview .hero .lead { margin-top: 18px; font-size: 16px; line-height: 1.8; color: #d1d1d5; }
  html[lang="en"] .nsa-overview .hero .lead { line-height: 1.65; }
  .nsa-overview .hero .nsa-carousel { width: min(100%, 290px); background: transparent; }
  .nsa-overview .hero .product-visual::before { content: none; }
  .nsa-overview .hero .nsa-carousel [data-slide] { padding: 8px; }
  .nsa-overview .nsa-carousel-controls { margin-top: 0; }
  .nsa-overview .nsa-feature { padding: 48px 20px; scroll-margin-top: 72px; }
  .nsa-overview .nsa-feature .eyebrow { margin-bottom: 12px; }
  .nsa-overview .nsa-feature h2 { margin-top: 0; font-size: 26px; line-height: 1.35; letter-spacing: 0; text-wrap: pretty; }
  html[lang="en"] .nsa-overview .nsa-feature h2 { font-size: 26px; line-height: 1.25; letter-spacing: -.015em; }
  .nsa-overview .nsa-feature-copy p,
  .nsa-overview .nsa-scenes .lead { margin-top: 18px; font-size: 16px; line-height: 1.85; color: #c9c9d0; }
  html[lang="en"] .nsa-overview .nsa-feature-copy p,
  html[lang="en"] .nsa-overview .nsa-scenes .lead { line-height: 1.65; }
  .nsa-overview .nsa-tech-section { gap: 26px; }
  .nsa-overview .nsa-tech-image,
  .nsa-overview #capture > .nsa-tech-image,
  .nsa-overview #processing > .nsa-tech-image,
  .nsa-overview #space > .nsa-room-image { width: 100%; margin: 24px 0 0; }
  .nsa-overview .nsa-tech-links { margin-top: 24px; gap: 10px; }
  .nsa-overview .nsa-tech-links a { padding: 14px 12px; gap: 6px; border-radius: 4px; }
  .nsa-overview .nsa-tech-links strong { font-size: 17px; line-height: 1.3; }
  .nsa-overview .nsa-tech-links span { font-size: 14px; line-height: 1.45; }
  .nsa-overview .nsa-metrics { grid-template-columns: 1fr; gap: 18px; }
  .nsa-overview .nsa-metric { padding-bottom: 18px; }
  .nsa-overview .nsa-metric strong,
  .nsa-overview .nsa-tech-section .nsa-metric strong { font-size: 32px; line-height: 1.15; letter-spacing: -.025em; }
  .nsa-overview .nsa-metric > span { margin-top: 8px; font-size: 14px; line-height: 1.5; }
  .nsa-overview .nsa-mems-visuals,
  .nsa-overview .nsa-beam-visuals { width: 100%; gap: 24px; margin: 4px 0 0; }
  .nsa-overview .nsa-mems-visuals .nsa-pair-image { aspect-ratio: auto; min-height: 0; }
  .nsa-overview .nsa-mems-visuals figure:first-child img { width: 100%; max-width: 100%; flex: 0 1 auto; }
  .nsa-overview .nsa-mems-visuals figure:last-child .nsa-photo-edge { width: 100%; }
  .nsa-overview .nsa-beam-visuals p,
  .nsa-overview .nsa-room-image figcaption,
  .nsa-overview .nsa-tech-image figcaption { font-size: 14px; line-height: 1.7; text-align: left; }
  .nsa-overview .nsa-scenes { padding: 48px 20px; }
  .nsa-overview .nsa-scenes h2 { margin-top: 12px; font-size: 26px; line-height: 1.35; }
  .nsa-overview .nsa-scene-grid { margin-top: 26px; gap: 18px; }
  .nsa-overview .nsa-scene-card > div { padding: 20px; }
  .nsa-overview .nsa-scene-card h3 { font-size: 21px; line-height: 1.35; }
  .nsa-overview .nsa-scene-card p { margin-top: 12px; font-size: 16px; line-height: 1.8; }

  /* DCS: each parameter reads as a label then its complete value. No content hidden. */
  body[data-shared-nav=specs] .product-specs { padding: 30px 20px 48px; }
  body[data-shared-nav=specs] .product-specs-header { padding-bottom: 24px; }
  body[data-shared-nav=specs] .product-specs h1 { margin: 0; font-size: 28px; line-height: 1.25; }
  body[data-shared-nav=specs] .product-specs .spec-model { margin-top: 10px; font-size: 14px; line-height: 1.6; color: #5b5b62; }
  body[data-shared-nav=specs] .product-spec-group { padding: 28px 0 18px; gap: 16px; }
  body[data-shared-nav=specs] .product-spec-group h2 { font-size: 21px; line-height: 1.45; }
  body[data-shared-nav=specs] .product-specs .spec-row { display: block; padding: 13px 0; border-bottom: 1px solid #e7e7eb; font-size: 16px; line-height: 1.65; }
  body[data-shared-nav=specs] .product-specs .spec-row:first-child { padding-top: 0; }
  body[data-shared-nav=specs] .product-specs dt { font-size: 14px; line-height: 1.5; color: #64646c; margin-bottom: 5px; }
  body[data-shared-nav=specs] .product-specs dd { font-size: 16px; line-height: 1.65; text-align: left; overflow-wrap: break-word; word-break: normal; }
  body[data-shared-nav=specs] .product-specs .acoustic-note { margin-top: 0; text-align: left; font-size: 14px; line-height: 1.75; color: #64646c; }
  body[data-shared-nav=specs] .product-specs .spec-model.spec-charging-note { margin-top: 8px; text-align: left; font-size: 14px; line-height: 1.6; }
  body[data-shared-nav=specs] .footer { padding: 28px 20px; font-size: 14px; line-height: 1.6; }
  /* The old ceiling-image aspect-ratio:auto overrode its intrinsic loading hint. */
  .nsa-overview #space .nsa-room-image img { aspect-ratio: 1672 / 941; }


  @media (max-width: 360px) {
    html[lang="en"] .nsa-overview .hero h1 { font-size: 28px; }
  }
}

/* v3 phone: restrained spacing, native horizontal image groups. */
@media (max-width:600px) {
 .nsa-overview .hero {padding:24px 20px 28px;gap:18px}
 .nsa-overview .hero .nsa-carousel {width:min(100%,232px)}
 .nsa-overview .nsa-feature,.nsa-overview .nsa-scenes {padding:32px 20px}
 .nsa-overview .nsa-tech-section {gap:18px}
 .nsa-overview .nsa-tech-image,.nsa-overview #capture>.nsa-tech-image,.nsa-overview #processing>.nsa-tech-image,.nsa-overview #space>.nsa-room-image {width:100%;max-width:320px;margin:18px auto 0}
 .nsa-overview .nsa-mems-visuals,.nsa-overview .nsa-beam-visuals,.nsa-overview .nsa-scene-grid {
   display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88%;
   width:100%;min-width:0;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
   overscroll-behavior-x:contain;scroll-padding-inline:0;padding-bottom:10px;
   scrollbar-width:none;align-items:start;
 }
 .nsa-overview .nsa-mems-visuals>figure,.nsa-overview .nsa-beam-visuals>figure,.nsa-overview .nsa-scene-grid>article {scroll-snap-align:start;min-width:0}
 .nsa-overview .nsa-mems-visuals .nsa-pair-image {aspect-ratio:16/10;max-height:210px}
 .nsa-overview .nsa-mems-visuals .nsa-pair-image img {max-height:210px;object-fit:contain}
 .nsa-overview .nsa-mems-visuals figcaption,.nsa-overview .nsa-beam-visuals figcaption {margin-top:12px;text-align:left;font-size:14px}
 .nsa-overview .nsa-scene-grid {margin-top:18px}
 .nsa-overview .nsa-scene-card img {aspect-ratio:16/9;object-fit:contain}
 .nsa-overview .nsa-scene-card>div {padding:16px}
 .nsa-overview .nsa-scene-card h3 {font-size:20px}
 .nsa-overview .nsa-scene-card p {margin-top:10px}
 .nsa-overview .nsa-tech-links {margin-top:18px}
 body[data-shared-nav=specs] .product-specs {padding-top:24px;padding-bottom:32px}
 body[data-shared-nav=specs] .product-spec-group {padding-top:24px}
}

/* Phone image groups use the same red-line pagination as the product carousel. */
.nsa-overview .nsa-gallery-controls { display:none; }
@media(max-width:600px){
 .nsa-overview .nsa-gallery { position:relative; padding-bottom:0; cursor:grab; scrollbar-width:none; }
 .nsa-overview .nsa-mems-visuals::-webkit-scrollbar,
 .nsa-overview .nsa-beam-visuals::-webkit-scrollbar,
 .nsa-overview .nsa-scene-grid::-webkit-scrollbar { display:none; width:0; height:0; }
 .nsa-overview .nsa-gallery.is-dragging { cursor:grabbing; user-select:none; scroll-snap-type:none; }
 .nsa-overview .nsa-gallery-controls { display:flex; grid-column:1 / -1; margin-top:-12px; }
 .nsa-overview .nsa-scenes .nsa-gallery-controls { margin-top:2px; }
 .nsa-overview .nsa-carousel-controls button[aria-pressed="false"]::after { opacity:.4; }
}