/* The exit stays in the parent page, outside every embedded demo. */
@media (max-width:760px), (max-width:1024px) and (max-height:500px) {
  .inline-viewer {
    overflow: visible;
    height: max(460px, calc(var(--viewer-viewport-height, 100svh) - var(--viewer-top, var(--header-offset)) - env(safe-area-inset-bottom, 0px) - 12px));
    min-height: 460px;
    scroll-margin-top: var(--viewer-top, var(--header-offset));
  }
  .inline-viewer.details-open { height: auto; }
  .inline-viewer .dialog-header {
    position: sticky;
    top: var(--viewer-top, var(--header-offset));
    z-index: 35;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 12px;
    padding: 10px 12px;
    border-radius: 16px 16px 0 0;
    background: #151a20;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .inline-viewer .dialog-brand { min-width: 0; }
  .inline-viewer .dialog-brand strong { font-size: 15px; overflow-wrap: anywhere; }
  .inline-viewer .dialog-brand > span { display: none; }
  .inline-viewer .dialog-close {
    grid-column: 2;
    grid-row: 1;
    min-width: 124px;
    min-height: 44px;
    margin: 0;
    padding: 8px 10px;
    border: 1px solid #6e8074;
    border-radius: 10px;
    background: #d9f7b9;
    color: #132116;
    font-size: 22px;
    line-height: 1;
    flex-shrink: 0;
  }
  .inline-viewer .dialog-close span { font-size: 13px; font-weight: 650; line-height: 1.25; }
  .inline-viewer .viewer-tabs { grid-column: 1 / -1; flex-wrap: wrap; gap: 4px; }
  .inline-viewer .viewer-tabs button { flex: 1 1 auto; min-height: 44px; padding: 8px; font-size: 12px; }
  .inline-viewer .viewer-tabs [hidden] { display: none; }
  .inline-viewer .viewer-shortcuts { flex-shrink: 0; }
  .inline-viewer .viewer-shortcuts button,
  .inline-viewer .phone-scene-controls input { min-height: 44px; }
  .inline-viewer .viewer-shortcuts button { font-size:12px; padding:8px; }
  .inline-viewer .dialog-intro>p,.inline-viewer .dialog-details p,.inline-viewer .dialog-details li,.inline-viewer .project-sections p,.inline-viewer .dialog-note,.inline-viewer .project-role { font-size:14px; line-height:1.7; }
  .inline-viewer .dialog-intro .eyebrow { font-size:10px; }
  .inline-viewer .dialog-content>.button { min-height:48px; font-size:14px; }
  .inline-viewer:not(.details-open) .dialog-content { min-height: 240px; }
  .inline-viewer .dialog-footer { flex-shrink: 0; gap: 8px; padding: 8px 12px max(8px, env(safe-area-inset-bottom, 0px)); }
  .inline-viewer .dialog-footer > button { min-height: 44px; padding: 8px 10px; font-size: 11px; }
  .inline-viewer .dialog-footer > button > span { font-size:12px; }
  .inline-viewer .viewport-switch,
  .inline-viewer #dialog-position { display: none; }
  .inline-viewer button:focus-visible { outline: 2px solid #e2ffbd; outline-offset: 3px; }
}
@media(min-width:761px) and (max-width:1024px) and (max-height:500px) {
  .inline-viewer { min-height:300px; height:max(300px,calc(var(--viewer-viewport-height,100svh) - var(--viewer-top,96px) - env(safe-area-inset-bottom,0px) - 8px)); }
  .inline-viewer .dialog-header { grid-template-columns:minmax(110px,1fr) auto auto; align-items:center; padding:6px 10px; }
  .inline-viewer .dialog-close { grid-column:3; grid-row:1; }
  .inline-viewer .viewer-tabs { grid-column:2; grid-row:1; }
  .inline-viewer:not(.details-open) .dialog-content { min-height:160px; }
}