/* Deynu 16.9.4.4 — cross-browser responsive containment */
/* Keep mobile layout deterministic in Chromium, Firefox and WebKit. */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
body,main,.container,.card,.panel,form,fieldset,.grid{
  min-inline-size:0;
}
img,video,canvas,svg,iframe{
  max-inline-size:100%;
}
input,select,textarea,button{
  font-family:inherit;
}
.site-header,.mobile-bottom-nav,.sticky-admin-save,.vr-property-save{
  -webkit-backdrop-filter:inherit;
}
@media (max-width:760px){
  html,body{
    max-inline-size:100%;
  }
  body:not(.social-page){
    overflow-x:hidden;
  }
  main.container,.container,.card,.panel,form,fieldset,.grid,.page-head{
    max-inline-size:100%;
    min-inline-size:0;
  }
  input,select,textarea,button{
    max-inline-size:100%;
    min-inline-size:0;
  }
  input:not([type="checkbox"]):not([type="radio"]),
  select,textarea{
    font-size:16px;
  }
  .mobile-bottom-nav{
    padding-bottom:max(7px,env(safe-area-inset-bottom));
    padding-left:max(5px,env(safe-area-inset-left));
    padding-right:max(5px,env(safe-area-inset-right));
    -webkit-backdrop-filter:blur(16px);
  }
  .site-primary-nav{
    max-height:calc(100dvh - 90px);
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .sticky-admin-save,.vr-property-save{
    -webkit-backdrop-filter:blur(10px);
  }
}
@supports not (height:100dvh){
  @media (max-width:760px){
    .site-primary-nav{max-height:calc(100vh - 90px)}
  }
}

/* 16.9.4.4.1 — admin responsive completion */
.admin-page .responsive-table{
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.admin-page .responsive-table>table{
  min-width:100%;
  max-width:none;
}
.admin-page code{
  max-width:100%;
  white-space:normal;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.admin-page .card,
.admin-page .panel,
.admin-page form,
.admin-page fieldset{
  min-width:0;
  max-width:100%;
}
@media(max-width:700px){
  .admin-page .responsive-table{
    margin-inline:0;
    padding-bottom:3px;
  }
  .admin-page .responsive-table>table{
    width:max-content;
  }

  /* Blog comments become stacked cards on narrow screens. */
  .admin-page .admin-blog-comments-table{
    overflow:visible;
  }
  .admin-page .admin-blog-comments-table table,
  .admin-page .admin-blog-comments-table tbody{
    display:block;
    width:100%;
    min-width:0;
  }
  .admin-page .admin-blog-comments-table thead{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    margin:-1px!important;
    padding:0!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }
  .admin-page .admin-blog-comments-table tr{
    display:block;
    width:100%;
    margin:0 0 12px;
    padding:8px 12px;
    border:1px solid #e4e0d7;
    border-radius:12px;
    background:#fff;
  }
  .admin-page .admin-blog-comments-table td{
    display:grid;
    grid-template-columns:82px minmax(0,1fr);
    gap:10px;
    width:100%!important;
    min-width:0!important;
    padding:8px 0;
    border:0;
    border-bottom:1px solid #eef0ec;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .admin-page .admin-blog-comments-table td:last-child{border-bottom:0}
  .admin-page .admin-blog-comments-table td::before{
    content:attr(data-label);
    font-weight:700;
    color:#475467;
  }
  .admin-page .admin-blog-comments-table td form{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:6px;
    width:100%;
    min-width:0;
  }
  .admin-page .admin-blog-comments-table td form select,
  .admin-page .admin-blog-comments-table td form .btn{
    width:100%!important;
    max-width:100%;
    margin:0;
  }

  /* Audit log cards keep long JSON/IP/action values readable without page overflow. */
  .admin-page .audit-table-wrap{
    overflow:visible;
  }
  .admin-page .audit-table-wrap table,
  .admin-page .audit-table-wrap tbody{
    display:block;
    width:100%;
    min-width:0;
  }
  .admin-page .audit-table-wrap tr:first-child{
    display:none;
  }
  .admin-page .audit-table-wrap tr{
    display:block;
    width:100%;
    margin:0 0 12px;
    padding:8px 12px;
    border:1px solid #e4e0d7;
    border-radius:12px;
    background:#fff;
  }
  .admin-page .audit-table-wrap td{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:10px;
    width:100%!important;
    min-width:0!important;
    padding:8px 0;
    border:0;
    border-bottom:1px solid #eef0ec;
    white-space:normal;
    overflow-wrap:anywhere;
  }
  .admin-page .audit-table-wrap td:last-child{border-bottom:0}
  .admin-page .audit-table-wrap td::before{
    content:attr(data-label);
    font-weight:700;
    color:#475467;
  }
  .admin-page .audit-table-wrap code{
    direction:ltr;
    unicode-bidi:plaintext;
    display:block;
    width:100%;
    min-width:0;
    max-width:100%;
    overflow-wrap:anywhere;
    word-break:break-word;
  }
}