/* Capsule only: keep the live result visible while the expanded picker scrolls. */
#navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-live {
  position:sticky;
  top:calc(var(--ns-header-offset,0px) + 12px);
  align-self:start;
  min-height:0;
  overflow:visible;
}
#navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-live-head,
#navy-style-coach .ns-view[data-page="capsule"] .ns-model-copy,
#navy-style-coach .ns-view[data-page="capsule"] .ns-model-accessory-preview {
  flex:0 0 auto;
}
#navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-live-head { border-radius:17px 17px 0 0; }
#navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-live .ns-model-result {
  flex:1 1 auto;
  min-height:0;
}
#navy-style-coach .ns-view[data-page="capsule"] .ns-model-photo-wrap {
  display:flex;
  flex:1 1 auto;
  flex-direction:column;
  min-height:0;
  overflow:visible;
  border-radius:0 0 17px 17px;
}
#navy-style-coach .ns-view[data-page="capsule"] .ns-model-empty {
  min-height:0;
  padding:20px;
}
#navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-item { scroll-margin-top:calc(var(--ns-header-offset,0px) + 18px); }
#navy-style-coach .ns-view[data-page="capsule"] #ns-capsule-live-title { scroll-margin-top:calc(var(--ns-header-offset,0px) + 12px); }
#navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-result-jump {
  display:none;
  position:fixed;
  left:12px;
  bottom:calc(12px + env(safe-area-inset-bottom,0px));
  z-index:30;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:10px 14px;
  border:2px solid var(--ns-gold);
  border-radius:12px;
  background:var(--ns-navy);
  color:var(--ns-gold);
  font:inherit;
  font-weight:700;
  text-decoration:none;
  box-shadow:0 3px 12px rgba(11,31,58,.2);
}
@media (min-width:1181px) {
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-workspace {
    align-items:start;
  }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-live {
    height:calc(100svh - var(--ns-header-offset,0px) - 24px);
  }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-live .ns-model-photo {
    flex:1 1 0;
    min-height:0;
    height:0;
    max-height:none;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center;
  }
}
@media (max-width:1180px) {
  /* A flex column gives the sticky result the whole workspace as its travel area. */
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-workspace {
    display:flex;
    flex-direction:column;
    align-items:stretch;
  }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-live {
    order:0;
    align-self:stretch;
    top:calc(var(--ns-header-offset,0px) + max(8px,env(safe-area-inset-top,0px)));
    z-index:15;
    height:auto;
    box-shadow:0 5px 16px rgba(11,31,58,.12);
  }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-choices { order:1; }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-look-builder { order:2; }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-item {
    scroll-margin-top:calc(var(--ns-header-offset,0px) + var(--ns-capsule-preview-offset,0px) + 18px);
  }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-live-head { padding:9px 12px; }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-live-head h3 { font-size:16px; }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-live .ns-model-result:not([hidden]) {
    display:grid;
    grid-template-columns:minmax(0,42fr) minmax(0,58fr);
    align-items:stretch;
    direction:ltr;
  }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-model-photo-wrap {
    grid-column:1;
    grid-row:1;
    direction:rtl;
  }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-live .ns-model-photo {
    flex:0 0 auto;
    min-height:0;
    height:clamp(150px,calc((100svh - var(--ns-header-offset,0px)) * .28),270px);
    max-height:none;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center;
  }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-live .ns-model-copy {
    grid-column:2;
    grid-row:1;
    order:0;
    min-width:0;
    padding:10px 12px;
    border-bottom:0;
    border-bottom-right-radius:17px;
    direction:rtl;
    overflow-wrap:break-word;
  }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-model-copy h3 { font-size:14px; }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-model-accessory-preview {
    width:auto;
    margin:6px;
    gap:4px;
    padding:4px 6px;
  }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-model-accessory-preview img {
    width:32px;
    height:32px;
    flex:0 0 32px;
  }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-model-accessory-preview span {
    min-width:0;
    padding:4px 0;
    overflow-wrap:break-word;
  }
}
@media (max-height:520px), (max-width:1180px) and (max-height:640px) {
  /* Short/landscape screens retain ordinary page scrolling and all controls. */
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-live {
    position:static;
    height:auto;
  }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-live .ns-model-photo {
    flex:0 0 auto;
    height:clamp(180px,calc((100svh - var(--ns-header-offset,0px)) * .6),340px);
  }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-item { scroll-margin-top:calc(var(--ns-header-offset,0px) + 12px); }
  #navy-style-coach .ns-view[data-page="capsule"] .ns-capsule-result-jump {
    display:inline-flex;
  }
}
/* Enlarged accessibility modes must scroll naturally: viewport heights also scale with zoom. */
#navy-style-coach:is(.ns-a11y-large,.ns-a11y-xlarge) .ns-view[data-page="capsule"] .ns-capsule-live {
  position:static;
  top:auto;
  height:auto;
}
#navy-style-coach:is(.ns-a11y-large,.ns-a11y-xlarge) .ns-view[data-page="capsule"] .ns-capsule-live .ns-model-photo {
  flex:0 0 auto;
  height:auto;
  max-height:none;
  object-fit:contain;
}
#navy-style-coach:is(.ns-a11y-large,.ns-a11y-xlarge) .ns-view[data-page="capsule"] .ns-capsule-item {
  scroll-margin-top:calc(var(--ns-header-offset,0px) + 18px);
}
#navy-style-coach:is(.ns-a11y-large,.ns-a11y-xlarge) .ns-view[data-page="capsule"] .ns-capsule-result-jump { display:inline-flex; }
/* Measured fall-back: position changes leave the compact image/text geometry intact. */
#navy-style-coach .ns-view[data-page="capsule"].ns-capsule-natural-flow .ns-capsule-live {
  position:static;
  top:auto;
  height:auto;
}
#navy-style-coach .ns-view[data-page="capsule"].ns-capsule-natural-flow .ns-capsule-item {
  scroll-margin-top:calc(var(--ns-header-offset,0px) + 18px);
}
#navy-style-coach .ns-view[data-page="capsule"].ns-capsule-natural-flow .ns-capsule-result-jump { display:inline-flex; }