html{overflow-x:clip}body{min-width:0;overflow-wrap:break-word}img,svg,video,canvas{max-width:100%;height:auto}pre,code{max-width:100%}table{max-width:100%}.mobile-nav-toggle{display:none!important}

/* Compact navigation must activate before a tablet-width header wraps. */
@media(max-width:1100px){.mobile-nav-toggle{display:inline-flex!important}}

@media(max-width:760px){
  .mobile-nav-toggle{display:inline-flex!important}
  :root{--control-height:48px}
  main{min-width:0;width:100%;padding:24px max(14px,env(safe-area-inset-right)) max(38px,calc(24px + env(safe-area-inset-bottom))) max(14px,env(safe-area-inset-left));overflow:visible}
  h1{font-size:clamp(31px,9vw,40px);line-height:1.08;margin-bottom:20px}
  h1,h2,h3{overflow-wrap:break-word}
  input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;font-size:16px}
  .messages{margin:0 0 18px}.message{padding:12px 14px}
  .hero{margin-bottom:28px}.welcome{min-height:0}.welcome-copy>p:not(.eyebrow){font-size:17px}.welcome-actions{display:grid;grid-template-columns:1fr;margin-top:24px}.welcome-actions>*{width:100%;text-align:center}.welcome-panel{padding:21px}.welcome-panel strong{font-size:34px}.feature-grid article{padding:21px}
  .auth-card{width:100%;margin:0;padding:22px 17px}.auth-card h1{font-size:34px}.auth-form p{margin:15px 0}
  .profile-summary{padding:22px}.profile-avatar{width:64px;height:64px}.profile-content>h2{font-size:32px}.profile-form,.security-card{padding:18px}
  .problem-detail{width:100%;padding:20px 16px;border-radius:10px}.problem-detail h1{font-size:27px}.problem-detail section{margin:24px 0}.reveal{padding:8px 15px}.reveal>summary,.problem-report-box>summary,.draft-sidebar details>summary,.group-settings-panel>summary,.vector-meta-form details>summary,.vector-canvas-settings>summary{display:flex;min-height:44px;align-items:center}.problem-meta{align-items:flex-start}.catalog-add-form button{width:100%;margin-top:12px}
  .search{display:grid;grid-template-columns:1fr}.search button{width:100%}
  .catalog-mobile-filter-toggle{position:sticky;top:calc(57px + env(safe-area-inset-top));z-index:9;min-height:48px;box-shadow:0 6px 18px rgba(24,34,56,.13)}.catalog-sidebar>.subject-group>summary{display:flex;min-height:44px;align-items:center}
  .pagination{display:grid;grid-template-columns:1fr auto 1fr;gap:8px}.pagination a:last-child{text-align:right}.pagination span{text-align:center}
  .empty,.tests-empty,.lesson-empty,.groups-empty{padding:25px 17px}
  .groups-heading,.lessons-heading,.tests-heading,.draft-heading,.generated-test-title-row,.group-detail-heading,.report-admin-heading,.report-detail-heading{align-items:stretch!important;flex-direction:column!important;gap:16px!important}
  .groups-heading>.primary-link,.lesson-heading-actions,.tests-heading>.test-card-actions,.group-heading-actions{width:100%}.groups-heading>.primary-link{text-align:center}
  .group-card-grid,.test-library-grid,.lesson-grid{grid-template-columns:1fr!important}.group-card,.test-library-card{padding:18px}.group-card-top,.test-library-card-heading{gap:9px;flex-direction:column;align-items:flex-start}.group-card-actions{width:100%}.group-card-actions a{flex:1;text-align:center}
  .lesson-dashboard{grid-template-columns:1fr 1fr!important}.lesson-dashboard .lesson-nearest{grid-column:1/-1}.lesson-toolbar{align-items:stretch;flex-direction:column}.lesson-group-filter{display:grid!important;grid-template-columns:1fr!important}.lesson-group-filter button{width:100%}.lesson-periods{display:grid!important;grid-template-columns:repeat(3,1fr);width:100%}.lesson-periods a{text-align:center}.lesson-card{grid-template-columns:76px minmax(0,1fr)!important}.lesson-card-body{padding:16px!important}.lesson-card-footer{align-items:stretch!important}.lesson-card-actions{display:grid!important;grid-template-columns:1fr 1fr}.lesson-card-actions a{text-align:center}
  .lesson-facts{grid-template-columns:1fr!important}.lesson-content-card{padding:18px!important}.lesson-confirmations li{align-items:flex-start}.lesson-confirmations li b{text-align:right}.lesson-test-attachment{align-items:stretch!important;flex-direction:column!important}.lesson-test-attachment a{text-align:center}
  .group-members-grid,.group-bulk-grid{grid-template-columns:1fr!important}.group-composition-form,.group-management,.group-invitations{min-width:0}.group-member-card,.group-bulk-card,.group-settings-panel{padding:17px!important}.group-composition-actions{align-items:stretch!important;flex-direction:column!important}.group-composition-actions button{width:100%}.invitation-list article{align-items:stretch!important;flex-direction:column!important}.invitation-link{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.invitation-link button{width:100%}
  .test-library-card .test-card-actions,.generated-test-title-row .test-card-actions{display:grid!important;grid-template-columns:1fr;width:100%}.test-library-card .test-card-actions a,.test-library-card .test-card-actions form,.test-library-card .test-card-actions button,.generated-test-title-row .test-card-actions>*{width:100%;min-height:44px;text-align:center}.test-card-meta{align-items:flex-start;flex-direction:column}.test-problem-row{grid-template-columns:1fr!important}.draft-settings{grid-template-columns:1fr!important;padding:16px}.draft-item{grid-template-columns:1fr!important}.draft-position{flex-direction:row!important;border-right:0!important;border-bottom:1px solid var(--line)}.draft-position button{width:44px!important;height:44px!important}
  .analytics-summary{grid-template-columns:1fr 1fr!important}.analytics-filter{grid-template-columns:1fr!important}.analytics-table-wrap{margin-right:-14px;padding-right:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}.analytics-table-wrap table{min-width:620px}
  .report-tabs{display:grid!important;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible!important}.report-tabs a{display:flex;min-width:0;min-height:44px;align-items:center;justify-content:center;white-space:normal;text-align:center}.report-message,.report-correction{padding:18px}.report-message pre,.report-correction pre,.format-help pre{font-size:12px}
  .upload-card{padding:18px}.drop-zone{min-height:170px;padding:18px}.import-history-card,.subject-card{padding:18px!important}
  .test-workflow-grid{gap:12px!important;margin-bottom:32px!important}.test-workflow-card,.test-workflow-card.compact{min-height:0!important;padding:20px!important}.test-workflow-card>a{width:100%;margin-top:18px!important;text-align:center}
  .test-form-actions{padding-bottom:max(14px,env(safe-area-inset-bottom))}
  .back{margin-bottom:18px}
}

@media(max-width:390px){
  main{padding-right:max(11px,env(safe-area-inset-right));padding-left:max(11px,env(safe-area-inset-left))}
  .draft-heading h1,.tests-heading h1,.generated-test-heading h1,.test-create-page h1,.author-problem-heading h1,.catalog-hero h1{font-size:32px}
  .report-message,.report-correction{padding:14px}
  .lesson-status{max-width:100%;font-size:8px!important;letter-spacing:0!important;overflow-wrap:normal;white-space:nowrap;text-align:center}
  .lesson-dashboard,.analytics-summary{grid-template-columns:1fr!important}.lesson-dashboard .lesson-nearest{grid-column:auto}
  .pagination{grid-template-columns:1fr 1fr}.pagination span{grid-column:1/-1;grid-row:1}.problem-thumbnail{width:70px!important;flex-basis:70px!important}
}