/* Phone-only case sheet. Desktop keeps the editorial right rail unchanged.
   One content grid orders the existing nodes without duplicating information. */
@media (max-width:700px) {
  #case-modal { padding:12px !important; }
  #case-modal .case-modal-window {
    width:calc(100vw - 24px);
    height:min(780px,calc(100dvh - 24px));
    max-height:calc(100dvh - 24px);
    border-radius:24px;
    background:#141416 !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    isolation:isolate;
  }
  #case-modal .case-modal-content {
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto !important;
    gap:0;
    padding:0 0 12px;
    height:100%; max-height:100%;
    overflow:hidden;
    box-sizing:border-box;
    -webkit-overflow-scrolling:touch;
  }
  #case-modal :is(.case-modal-copy,.case-modal-sidebar,.case-modal-footer) { display:contents; }
  /* Keep glass on the stationary backdrop, not the resizing sheet. Nested
     backdrop/composited light surfaces left stale edges during accordion motion. */
  html body #case-modal .lumina-layer { display:none !important; }
  #case-modal :is(.case-modal-copy,.case-modal-content,.case-modal-story) {
    background:none; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none;
  }
  #case-modal .case-modal-visual { grid-column:1/-1; grid-row:1; margin:0; }
  #case-modal .case-modal-media {
    width:100%; height:auto !important; aspect-ratio:16/9;
    min-height:0; max-height:none; border-radius:0;
  }
  #case-modal .case-modal-media img { width:100%; height:100%; object-fit:contain !important; }
  #case-modal .case-modal-close { width:44px; height:44px; top:12px !important; right:12px !important; z-index:6; }
  #case-modal h2 {
    grid-column:1; grid-row:2; align-self:center;
    margin:8px 4px 0 16px; padding:0;
    font-size:28px; line-height:1.12;
  }
  #case-modal .case-modal-kicker {
    grid-column:2; grid-row:2; align-self:center; justify-self:end;
    margin:8px 16px 0 4px; padding:6px 9px;
    font-size:10px; line-height:1.35; letter-spacing:.35px;
    border:1px solid rgba(255,255,255,.12); border-radius:20px;
    color:#c7c7ce; background:#29292d; text-align:center;
  }
  #case-modal .case-modal-lead {
    grid-column:1/-1; grid-row:3;
    margin:8px 16px 0; padding:0;
    font-size:13px; line-height:1.4;
  }
  #case-modal .case-modal-facts {
    grid-column:1/-1; grid-row:4;
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
    width:auto; margin:8px 16px 0; gap:8px;
  }
  #case-modal .case-fact {
    width:auto; min-width:0;
    flex-direction:column; align-items:flex-start; justify-content:center;
    gap:4px; padding:8px 10px;
  }
  #case-modal .case-fact > span { font-size:10px; line-height:1.25; letter-spacing:.3px; }
  #case-modal .case-fact strong { font-size:13px; line-height:1.3; text-align:left; white-space:nowrap; }
  #case-modal .case-modal-tech {
    grid-column:1; grid-row:6;
    margin:8px 4px 0 16px; padding:0;
    gap:6px; border:0; border-radius:0;
    background:none;
  }
  #case-modal .case-modal-tech-label { font-size:10px; line-height:1.25; letter-spacing:.3px; }
  #case-modal .case-modal-tech-list { display:flex !important; flex-wrap:wrap; gap:4px !important; width:100%; }
  #case-modal .case-modal-tech-list > span { padding:3px 6px; font-size:10px; line-height:1.2; }
  #case-modal .case-modal-estimate {
    grid-column:2; grid-row:6;
    width:auto; min-width:0; box-sizing:border-box;
    margin:8px 16px 0 4px; padding:0;
    justify-content:flex-start; align-items:flex-end; gap:6px;
    border:0; border-radius:0; text-align:right;
    background:none;
  }
  #case-modal .case-modal-estimate > span { font-size:10px; line-height:1.25; letter-spacing:.3px; }
  #case-modal .case-modal-estimate strong { font-size:19px; line-height:1.2; white-space:nowrap; }
  #case-modal .case-modal-questions {
    grid-column:1/-1; grid-row:5;
    margin:8px 0 0; min-height:0;
  }
  #case-modal .case-modal-questions-title { padding:0 16px 6px; font-size:12px; }
  #case-modal .case-modal-story {
    margin:0; padding:0 16px;
    height:auto; min-height:0;
    justify-content:flex-start; overflow-x:hidden; overflow-y:auto;
  }
  #case-modal .case-section-toggle { min-height:44px; padding:8px 0; font-size:13px; gap:8px; }
  #case-modal .case-section-panel p { font-size:13px; line-height:1.4; padding-bottom:8px; color:#b8b8c0; }
  #case-modal .case-modal-actions {
    grid-column:1/-1; grid-row:7;
    display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
    flex-direction:row !important;
    width:auto; margin:8px 16px 0; gap:8px;
  }
  #case-modal .case-modal-action {
    min-height:44px !important; font-size:12px; line-height:1.2;
    padding:10px 8px; gap:5px;
  }
  #case-modal .case-modal-action svg { width:14px; height:14px; }
}