/* Card collections share one responsive contract across public pages.
   Keep internal card layouts, icons, form fields and navigation independent. */
@media (min-width:768px) and (max-width:1024px){
body.public-site main#main-content :is(.grid,.course-catalog-grid,.article-catalog-grid,.home-rotation-grid,.finder-grid,.search-results,.pricing-grid,.package-grid,.teacher-grid,.supplied-teacher-grid,.testimonial-grid,.video-gallery-grid,.pathway-course-grid,.pathway-topic-grid,.course-subject-grid,.curriculum-group-grid,.audience-editorial-grid,.enrollment-steps,.academy-pillars,.academy-contact-channels,.academy-office-grid,.payment-policy-highlights,.social-qr-grid,.teacher-hero-pair){grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
}
@media (max-width:767px){
body.public-site main#main-content :is(.grid,.course-catalog-grid,.article-catalog-grid,.home-rotation-grid,.finder-grid,.search-results,.pricing-grid,.package-grid,.teacher-grid,.supplied-teacher-grid,.testimonial-grid,.video-gallery-grid,.pathway-course-grid,.pathway-topic-grid,.course-subject-grid,.curriculum-group-grid,.audience-editorial-grid,.enrollment-steps,.academy-pillars,.academy-contact-channels,.academy-office-grid,.payment-policy-highlights,.social-qr-grid,.teacher-hero-pair){grid-template-columns:minmax(0,1fr);gap:24px}
body.public-site main#main-content :is(.grid,.course-catalog-grid,.article-catalog-grid,.home-rotation-grid,.finder-grid,.search-results,.pricing-grid,.package-grid,.teacher-grid,.supplied-teacher-grid,.testimonial-grid,.video-gallery-grid,.pathway-course-grid,.pathway-topic-grid,.course-subject-grid,.curriculum-group-grid,.audience-editorial-grid,.enrollment-steps,.academy-pillars,.academy-contact-channels,.academy-office-grid,.payment-policy-highlights,.social-qr-grid,.teacher-hero-pair)>*{min-width:0;max-width:100%;grid-column:auto}
body.public-site main#main-content .audience-editorial-grid>article{margin-top:0}
body.public-site main#main-content :is(.experience-contact,.home-contact,.experience-contact .home-contact-heading,.academy-online-panel,.featured-video-section,.feedback-page-layout){grid-template-columns:minmax(0,1fr)}
body.public-site main#main-content .experience-contact>*{min-width:0;max-width:100%}
}

/* Administration card collections use the same phone/tablet breakpoints. */
@media (min-width:768px) and (max-width:1024px){
body.admin-site main#main-content :is(.grid,.dashboard-stats,.workspace-shortcuts,.workspace-directory-grid,.workspace-supporting-grid,.management-summary,.security-summary,.security-detail-grid,.feedback-summary,.binding-summary,.binding-details-grid,.video-library-guide,.video-library-summary,.backup-intro-grid,.operations-metrics,.operations-tool-grid,.video-studio-summary,.managed-video-list,.video-studio-display-options,.course-teacher-options){grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body.admin-site main#main-content :is(.grid,.dashboard-stats,.workspace-shortcuts,.workspace-directory-grid,.workspace-supporting-grid,.management-summary,.security-summary,.security-detail-grid,.feedback-summary,.binding-summary,.binding-details-grid,.video-library-guide,.video-library-summary,.backup-intro-grid,.operations-metrics,.operations-tool-grid,.video-studio-summary,.managed-video-list,.video-studio-display-options,.course-teacher-options)>*{grid-column:auto;min-width:0}
}
@media (max-width:767px){
body.admin-site main#main-content :is(.grid,.dashboard-stats,.workspace-shortcuts,.workspace-directory-grid,.workspace-supporting-grid,.management-summary,.security-summary,.security-detail-grid,.feedback-summary,.binding-summary,.binding-details-grid,.video-library-guide,.video-library-summary,.backup-intro-grid,.operations-metrics,.operations-tool-grid,.video-studio-summary,.managed-video-list,.video-studio-display-options,.course-teacher-options){grid-template-columns:minmax(0,1fr);gap:18px}
body.admin-site main#main-content :is(.grid,.dashboard-stats,.workspace-shortcuts,.workspace-directory-grid,.workspace-supporting-grid,.management-summary,.security-summary,.security-detail-grid,.feedback-summary,.binding-summary,.binding-details-grid,.video-library-guide,.video-library-summary,.backup-intro-grid,.operations-metrics,.operations-tool-grid,.video-studio-summary,.managed-video-list,.video-studio-display-options,.course-teacher-options)>*{grid-column:auto;min-width:0;max-width:100%;box-sizing:border-box}
body.admin-site main#main-content :is(.management-heading-actions,.management-card-actions,.workspace-heading-side){max-width:100%;flex-wrap:wrap}
}
/* Touch layouts: readable forms, clear targets and bounded menus. */
@media(max-width:1024px){
body :is(button,.btn,summary),body main#main-content summary{min-height:44px}
body.public-site .public-menu .public-navigation a{min-height:44px;display:flex;align-items:center;justify-content:center}
body.public-site .site-header .public-menu[open] .compact-menu-panel{max-height:calc(100dvh - 160px);box-sizing:border-box;overflow-y:auto;overscroll-behavior:contain}
body.public-site .academy-footer .footer-inner .footer-column a{display:flex;align-items:center;min-height:44px;padding-block:6px;box-sizing:border-box}
body.public-site .academy-footer .footer-column{gap:4px;min-width:0}
body.public-site .academy-footer .footer-bottom{gap:10px;flex-wrap:wrap}
body.public-site .academy-footer .developer-link{display:inline-flex;align-items:center;min-height:44px}
body :is(input,select,textarea):not([type=checkbox]):not([type=radio]):not([type=hidden]){font-size:16px;max-width:100%;box-sizing:border-box}
body :is(input,select):not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:44px}
body main :is(form,fieldset){min-width:0;max-width:100%;box-sizing:border-box}
body :is(button,.btn):focus-visible{outline:3px solid #ff9019;outline-offset:3px}
}
@media(max-width:767px){
body.public-site .academy-footer .footer-top{gap:24px}
body.public-site .academy-footer .footer-column h2{margin-bottom:8px}
body.public-site main :is(.trial-booking,.support-contact-form){max-width:100%;box-sizing:border-box}
}
/* Shared administration chrome and compact landscape layouts. */
@media(max-width:1024px){
body.admin-site .site-header .header-inner,body.admin-site .header-actions{min-width:0;max-width:100%;flex-wrap:wrap;gap:12px}
body.admin-site .workspace-menu nav a{min-height:44px;display:flex;align-items:center;box-sizing:border-box}
body.admin-site .workspace-menu[open] nav{max-height:calc(100dvh - 160px);overflow-y:auto;overscroll-behavior:contain}
body.admin-site footer{overflow-wrap:anywhere;padding:20px 16px}
body.admin-site footer .developer-link{display:inline-flex;align-items:center;min-height:44px}
}
@media(max-width:1024px) and (max-height:500px){
body .site-header{padding-block:10px}
body .site-header .brand img.logo{width:154px;max-width:154px;height:auto;max-height:82px;object-fit:contain}
body .site-header .header-inner{gap:10px}
body.admin-site .admin-sidebar{max-height:calc(100dvh - 110px);overflow-y:auto}
body.admin-site .content-editor-save{position:static;margin-top:16px}
}
@media(max-width:1024px){body main#main-content :is(button,.btn,summary){min-height:44px}}