@media (max-width: 1200px) {
  .hero {
    padding: 22px 16px 30px !important;
    min-height: auto !important;
  }

  .hero-inner {
    width: min(100%, 700px) !important;
    max-width: 700px !important;
    padding: 2.3rem 1.35rem 1.7rem !important;
    border-radius: 26px !important;
  }

  .hero-inner.container {
    padding-left: 1.35rem !important;
    padding-right: 1.35rem !important;
  }

  .hero-inner > .row {
    margin-left: 0;
    margin-right: 0;
  }

  .hero-inner > .row > [class*="col-"] {
    min-width: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .landing-main-shell {
    width: min(100%, 100%);
    padding: 1rem 0.95rem 1.1rem;
    border-radius: 24px;
  }

  .hero-visual-shell {
    width: min(100%, 348px);
    padding: 1.35rem 0.85rem 0.95rem;
    border-radius: 22px;
  }

  .entry-actions,
  .download-actions {
    gap: 0.65rem;
  }

  .entry-actions > div,
  .download-actions > div {
    width: 100%;
    max-width: 320px;
  }

  .portal-button,
  .download-button {
    width: 100%;
    min-width: 0;
    min-height: 46px;
    font-size: 0.95rem;
  }

  .terminal-box {
    padding: 14px 14px 16px !important;
    border-radius: 22px !important;
  }

  .landing-main-shell,
  .hero-visual-shell,
  .terminal-box {
    max-width: 100%;
    min-width: 0;
  }

  .terminal-line {
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
    white-space: normal;
  }

  .connect-box {
    width: min(96vw, 720px);
    border-radius: 24px;
  }

  .connect-head {
    padding: 16px 18px 12px;
  }

  .connect-body,
  .connect-foot {
    padding-left: 18px;
    padding-right: 18px;
  }

  .student-auth-page,
  .teacher-auth-page {
    padding: 24px 16px;
  }

  .student-auth-shell,
  .teacher-auth-shell {
    width: min(100%, 420px);
  }

  .student-auth-card,
  .teacher-auth-card {
    padding: 26px 22px 22px;
    border-radius: 28px;
  }

  .student-auth-logo,
  .teacher-auth-logo {
    width: 86px;
    height: 86px;
    padding: 12px;
  }

  .student-auth-title,
  .teacher-auth-title {
    font-size: clamp(1.8rem, 4.8vw, 2.2rem);
  }

  .student-auth-subtitle,
  .teacher-auth-subtitle,
  .student-auth-note,
  .teacher-auth-note,
  .student-auth-feedback,
  .teacher-auth-feedback {
    font-size: 0.92rem;
  }

  .student-auth-input,
  .teacher-auth-input {
    min-height: 50px;
    padding: 13px 16px 13px 18px;
    font-size: 0.96rem;
  }

  .student-auth-submit,
  .student-auth-back,
  .teacher-auth-submit,
  .teacher-auth-back {
    min-height: 44px;
    font-size: 0.92rem;
  }

  .student-register-wrapper {
    padding: 24px 16px 22px;
  }

  .student-register-card {
    width: min(100%, 960px);
    padding: 24px 20px 22px;
    border-radius: 28px;
  }

  .section-title {
    font-size: clamp(1.75rem, 4.6vw, 2.15rem);
  }

  .section-subtitle,
  .school-gate-note,
  .register-footnote {
    font-size: 0.92rem;
  }

  .school-gate,
  .registration-success-card {
    border-radius: 22px;
  }

  .form-input,
  .themed-select,
  .registration-select,
  .custom-dropdown-button.registration-select,
  .custom-dropdown-button.themed-select {
    min-height: 50px;
    padding: 13px 16px 13px 18px;
    font-size: 0.95rem;
  }

  .btn,
  .student-auth-submit,
  .student-auth-back,
  .teacher-auth-submit,
  .teacher-auth-back {
    min-height: 44px;
  }

  .registration-success-card {
    width: min(520px, 100%);
    padding: 24px 20px;
  }

  body.student-portal-page .student-portal-container {
    width: min(100%, calc(100% - 28px));
    padding: 22px 0 32px;
  }

  body.student-portal-page .portal-header,
  body.student-portal-page .portal-navigation,
  body.student-portal-page .dashboard-card,
  body.student-portal-page .section-card,
  body.student-portal-page .modal-content,
  body.student-portal-page .helper-box,
  body.student-portal-page .quiz-details-content {
    border-radius: 28px;
  }

  body.student-portal-page .portal-header,
  body.student-portal-page .dashboard-card,
  body.student-portal-page .section-card {
    padding: 22px 20px 24px;
  }

  body.student-portal-page .portal-title {
    font-size: clamp(2rem, 4vw, 3.25rem);
  }

  body.student-portal-page .welcome-message {
    font-size: 1rem;
  }

  body.student-portal-page .student-name {
    font-size: 1rem;
  }

  body.student-portal-page .student-details {
    font-size: 0.94rem;
  }

  body.student-portal-page .card-title,
  body.student-portal-page .section-title,
  body.student-portal-page .modal-header h3,
  body.student-portal-page .quiz-details-title,
  body.student-portal-page .helper-title {
    font-size: clamp(1.2rem, 2vw, 1.55rem);
  }

  body.student-portal-page .btn,
  body.student-portal-page .portal-btn,
  body.student-portal-page .helper-btn,
  body.student-portal-page .close-modal-btn {
    min-height: 40px;
    padding-inline: 16px;
    font-size: 0.9rem;
  }

  body.student-portal-page .nav-tab {
    min-width: 138px;
    min-height: 44px;
    padding-inline: 18px;
    font-size: 0.9rem;
  }

  body.student-portal-page .grades-table,
  body.student-portal-page .attendance-table-student {
    font-size: 0.88rem;
  }

  body.student-portal-page .grades-table th,
  body.student-portal-page .grades-table td,
  body.student-portal-page .attendance-table-student th,
  body.student-portal-page .attendance-table-student td {
    min-width: 64px;
    padding: 9px 10px;
  }

  body.student-portal-page .attendance-table-student thead tr:first-child th:first-child,
  body.student-portal-page .attendance-table-student tbody th:first-child {
    min-width: 136px;
    max-width: 136px;
  }

  body.student-portal-page .sheet-period-col,
  body.student-portal-page .sheet-grade-col {
    min-width: 146px;
  }

  body.student-portal-page .grades-sheet-card,
  body.student-portal-page .attendance-sheet-card {
    padding: 16px 16px 18px;
  }

  body.student-portal-page .grades-mapeh-chip {
    min-width: 116px;
    padding: 10px 12px;
  }

  body[data-auth="teacher"] .dashboard-content,
  body[data-auth="master_admin"] .dashboard-content {
    padding: 24px;
    padding-top: 96px;
  }

  body.teacher-sidebar-layout .teacher-sidebar {
    top: 14px;
    left: 14px;
    bottom: 14px;
    padding: 16px 14px;
    border-radius: 24px;
  }

  body.teacher-sidebar-layout .teacher-sidebar-logo-image {
    width: 64px;
    height: 64px;
  }

  body.teacher-sidebar-layout .teacher-sidebar-brand-copy strong {
    font-size: 0.94rem;
  }

  body.teacher-sidebar-layout .teacher-sidebar-brand-copy span {
    font-size: 0.72rem;
  }

  body.teacher-sidebar-layout .teacher-sidebar-link {
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 16px;
  }

  body.teacher-sidebar-layout .teacher-sidebar-label {
    font-size: 0.9rem;
  }

  body[data-page="teacher"] .teacher-home-hero,
  body[data-page="teacher"] .teacher-home-action-card,
  body[data-page="teacher_attendance"] .retired-card,
  body[data-page="teacher_results_log"] .retired-card,
  body[data-page="teacher_accounts"] .section-card,
  body[data-page="teacher_accounts"] .school-context-card,
  body[data-page="teacher_reviewer"] .reviewer-card,
  body[data-page="teacher_reviewer"] .reviewer-context-card,
  body[data-page="teacher_reviewer"] .reviewer-table-card,
  body[data-page="teacher_password"] .section-card,
  body[data-page="teacher_password"] .context-card,
  body[data-page="teacher_section_maker"] .section-card,
  body[data-page="teacher_section_maker"] .school-context-card,
  body[data-page="teacher_performance_summary"] .summary-hero,
  body[data-page="teacher_performance_summary"] .panel-card,
  body[data-page="teacher_grading_sheet_jhs"] .master-hero,
  body[data-page="teacher_grading_sheet_jhs"] .panel-card,
  body[data-page="teacher_grading_sheet_jhs"] .sheet-card,
  body[data-page="teacher_grading_sheet_shs"] .master-hero,
  body[data-page="teacher_grading_sheet_shs"] .panel-card,
  body[data-page="teacher_grading_sheet_shs"] .sheet-card,
  body[data-page="master_settings"] .master-card {
    border-radius: 24px !important;
  }

  body[data-page="teacher"] .teacher-home-hero {
    padding: 24px 24px;
    gap: 14px;
  }

  body[data-page="teacher"] .teacher-home-title {
    font-size: clamp(1.65rem, 3.6vw, 2.2rem);
  }

  body[data-page="teacher"] .teacher-home-copy {
    font-size: 0.95rem;
  }

  body[data-page="teacher"] .teacher-home-chip {
    min-height: 36px;
    padding: 0 12px;
    font-size: 0.8rem;
  }

  body[data-page="teacher"] .teacher-home-action-card {
    padding: 18px;
    gap: 10px;
  }

  body[data-page="teacher"] .teacher-home-action-title {
    font-size: 1rem;
  }

  body[data-page="teacher"] .teacher-home-action-copy {
    font-size: 0.88rem;
  }

  body[data-page="teacher_attendance"] .retired-card,
  body[data-page="teacher_results_log"] .retired-card {
    width: min(100%, 760px);
    padding: 26px 22px;
  }

  body[data-page="teacher_attendance"] .retired-card h1,
  body[data-page="teacher_results_log"] .retired-card h1 {
    font-size: clamp(1.7rem, 4vw, 2.4rem);
  }

  body[data-page="teacher_attendance"] .retired-card p,
  body[data-page="teacher_results_log"] .retired-card p,
  body[data-page="teacher_attendance"] .retired-points li,
  body[data-page="teacher_results_log"] .retired-points li {
    font-size: 0.95rem;
  }

  body[data-page="teacher_accounts"] .section-card,
  body[data-page="teacher_accounts"] .school-context-card {
    padding: 20px;
  }

  body[data-page="teacher_accounts"] .section-title,
  body[data-page="teacher_accounts"] .context-title,
  body[data-page="teacher_accounts"] .modal-title {
    font-size: 1rem;
  }

  body[data-page="teacher_accounts"] .page-note,
  body[data-page="teacher_accounts"] .context-value {
    font-size: 0.92rem;
  }

  body[data-page="teacher_accounts"] .context-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="teacher_accounts"] .accounts-filter-row > * {
    flex: 1 1 210px;
    min-width: 0;
  }

  body[data-page="teacher_accounts"] .acct-input,
  body[data-page="teacher_accounts"] .custom-dropdown-button.acct-input {
    min-height: 44px;
    padding: 10px 12px;
    font-size: 0.9rem;
    border-radius: 16px;
  }

  body[data-page="teacher_accounts"] .accounts-actions .btn,
  body[data-page="teacher_accounts"] .modal-actions .btn,
  body[data-page="teacher_accounts"] .acct-actions .btn {
    min-width: 116px;
    height: 38px;
    font-size: 0.84rem;
  }

  body[data-page="teacher_accounts"] .accounts-toolbar-frutiger {
    min-height: 40px;
    border-radius: 16px;
  }

  body[data-page="teacher_accounts"] .accounts-toolbar-frutiger .inner {
    min-height: 36px;
    padding: 0 14px;
  }

  body[data-page="teacher_accounts"] .accounts-iridescent-btn {
    min-width: 118px;
    height: 38px;
    padding: 0 14px;
    font-size: 0.9rem;
    border-radius: 16px;
  }

  body[data-page="teacher_accounts"] .accounts-table-wrap {
    border-radius: 20px;
  }

  body[data-page="teacher_accounts"] table.accounts-table {
    min-width: 940px;
  }

  body[data-page="teacher_accounts"] table.accounts-table th,
  body[data-page="teacher_accounts"] table.accounts-table td {
    padding: 10px 8px;
    font-size: 0.88rem;
  }

  body[data-page="teacher_accounts"] .student-avatar {
    width: 44px;
    height: 44px;
  }

  body[data-page="teacher_accounts"] .student-cell {
    gap: 10px;
  }

  body[data-page="teacher_reviewer"] .dashboard-content {
    padding: 24px;
    padding-top: 96px;
  }

  body[data-page="teacher_reviewer"] .reviewer-page {
    gap: 16px;
  }

  body[data-page="teacher_reviewer"] .reviewer-shell {
    grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.85fr);
    gap: 16px;
  }

  body[data-page="teacher_reviewer"] .reviewer-card,
  body[data-page="teacher_reviewer"] .reviewer-context-card,
  body[data-page="teacher_reviewer"] .reviewer-table-card {
    padding: 20px;
  }

  body[data-page="teacher_reviewer"] .reviewer-title,
  body[data-page="teacher_reviewer"] .reviewer-context-title,
  body[data-page="teacher_reviewer"] .reviewer-table-title {
    font-size: clamp(1.04rem, 2vw, 1.3rem);
  }

  body[data-page="teacher_reviewer"] .reviewer-copy,
  body[data-page="teacher_reviewer"] .reviewer-table-copy,
  body[data-page="teacher_reviewer"] .reviewer-context-value {
    font-size: 0.92rem;
  }

  body[data-page="teacher_reviewer"] .reviewer-chip {
    min-height: 36px;
    padding: 0 12px;
    font-size: 0.8rem;
  }

  body[data-page="teacher_reviewer"] .reviewer-context-item {
    min-height: 74px;
    padding: 12px;
  }

  body[data-page="teacher_reviewer"] .reviewer-table-wrap {
    border-radius: 20px;
  }

  body[data-page="teacher_reviewer"] .reviewer-table {
    min-width: 1180px;
  }

  body[data-page="teacher_reviewer"] .reviewer-table th,
  body[data-page="teacher_reviewer"] .reviewer-table td {
    font-size: 0.86rem;
  }

  body[data-page="teacher_password"] .password-layout {
    max-width: 1040px;
  }

  body[data-page="teacher_password"] .section-card,
  body[data-page="teacher_password"] .context-card {
    padding: 20px;
  }

  body[data-page="teacher_password"] .page-note,
  body[data-page="teacher_password"] .password-rules,
  body[data-page="teacher_password"] .context-value {
    font-size: 0.92rem;
  }

  body[data-page="teacher_password"] .acct-input {
    min-height: 46px;
    padding: 11px 12px;
    font-size: 0.92rem;
    border-radius: 16px;
  }

  body[data-page="teacher_password"] .pw-eye {
    width: 38px;
    height: 38px;
    border-radius: 12px;
  }

  body[data-page="teacher_password"] .form-actions .btn {
    min-width: 156px;
    min-height: 44px;
    font-size: 0.88rem;
    border-radius: 16px;
  }

  body[data-page="teacher_section_maker"] .section-card,
  body[data-page="teacher_section_maker"] .school-context-card {
    padding: 20px;
  }

  body[data-page="teacher_section_maker"] .context-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-page="teacher_section_maker"] .controls-row > * {
    flex: 1 1 210px;
    min-width: 0;
  }

  body[data-page="teacher_section_maker"] .acct-input,
  body[data-page="teacher_section_maker"] .custom-dropdown-button.acct-input {
    min-height: 46px;
    padding: 11px 12px;
    font-size: 0.92rem;
    border-radius: 16px;
  }

  body[data-page="teacher_section_maker"] .controls-row .btn {
    min-width: 150px;
    min-height: 42px;
    font-size: 0.86rem;
    border-radius: 16px;
  }

  body[data-page="teacher_section_maker"] .sections-table-wrap {
    border-radius: 20px;
  }

  body[data-page="teacher_section_maker"] table.sections-table {
    min-width: 760px;
  }

  body[data-page="teacher_section_maker"] table.sections-table th,
  body[data-page="teacher_section_maker"] table.sections-table td {
    padding: 10px 8px;
    font-size: 0.88rem;
  }

  body[data-page="teacher_performance_summary"] .summary-hero,
  body[data-page="teacher_performance_summary"] .panel-card {
    padding: 20px;
  }

  body[data-page="teacher_performance_summary"] .summary-title {
    font-size: clamp(1.5rem, 3vw, 2.1rem);
  }

  body[data-page="teacher_performance_summary"] .summary-lead,
  body[data-page="teacher_performance_summary"] .summary-paper-copy,
  body[data-page="teacher_performance_summary"] .summary-message {
    font-size: 0.92rem;
  }

  body[data-page="teacher_performance_summary"] .summary-badge,
  body[data-page="teacher_performance_summary"] .summary-indicator {
    min-height: 36px;
    padding: 0 12px;
    font-size: 0.82rem;
  }

  body[data-page="teacher_performance_summary"] .filters-grid {
    grid-template-columns: repeat(2, minmax(160px, 1fr));
    gap: 10px;
  }

  body[data-page="teacher_performance_summary"] .master-custom-select {
    min-height: 44px;
    padding: 10px 12px;
    font-size: 0.9rem;
    border-radius: 16px;
  }

  body[data-page="teacher_performance_summary"] .context-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  body[data-page="teacher_performance_summary"] .context-tile {
    min-height: 68px;
    padding: 10px;
  }

  body[data-page="teacher_performance_summary"] .summary-paper-title {
    font-size: 1.4rem;
  }

  body[data-page="teacher_performance_summary"] .summary-button {
    min-height: 40px;
    padding: 0 14px;
    font-size: 0.76rem;
    border-radius: 16px;
  }

  body[data-page="teacher_performance_summary"] .summary-table-wrap {
    --summary-range-col-width: 76px;
    --summary-desc-col-width: 136px;
    --summary-metric-col-width: 74px;
    --summary-grid-height: min(54vh, 560px);
    border-radius: 20px;
  }

  body[data-page="teacher_performance_summary"] .summary-frozen-table,
  body[data-page="teacher_performance_summary"] .summary-metrics-table {
    font-size: 0.8rem;
  }

  body[data-page="teacher_grading_sheet_jhs"] .dashboard-content,
  body[data-page="teacher_grading_sheet_shs"] .dashboard-content {
    padding: 24px;
    padding-top: 96px;
  }

  body[data-page="teacher_grading_sheet_jhs"] .master-shell,
  body[data-page="teacher_grading_sheet_shs"] .master-shell {
    gap: 16px;
    max-width: 100%;
  }

  body[data-page="teacher_grading_sheet_jhs"] .master-hero,
  body[data-page="teacher_grading_sheet_jhs"] .panel-card,
  body[data-page="teacher_grading_sheet_jhs"] .sheet-card,
  body[data-page="teacher_grading_sheet_shs"] .master-hero,
  body[data-page="teacher_grading_sheet_shs"] .panel-card,
  body[data-page="teacher_grading_sheet_shs"] .sheet-card {
    padding: 20px;
  }

  body[data-page="teacher_grading_sheet_jhs"] .master-title,
  body[data-page="teacher_grading_sheet_shs"] .master-title {
    font-size: clamp(1.5rem, 3vw, 2.1rem);
  }

  body[data-page="teacher_grading_sheet_jhs"] .master-lead,
  body[data-page="teacher_grading_sheet_shs"] .master-lead {
    font-size: 0.94rem;
  }

  body[data-page="teacher_grading_sheet_jhs"] .filters-grid,
  body[data-page="teacher_grading_sheet_shs"] .filters-grid {
    grid-template-columns: repeat(2, minmax(180px, 1fr));
    gap: 10px;
  }

  body[data-page="teacher_grading_sheet_jhs"] .master-custom-select,
  body[data-page="teacher_grading_sheet_shs"] .master-custom-select {
    min-height: 44px;
    padding: 10px 12px;
    font-size: 0.9rem;
    border-radius: 16px;
  }

  body[data-page="teacher_grading_sheet_jhs"] .sheet-indicator,
  body[data-page="teacher_grading_sheet_shs"] .sheet-indicator {
    min-height: 36px;
    padding: 0 12px;
    font-size: 0.82rem;
  }

  body[data-page="teacher_grading_sheet_jhs"] .sheet-tool-button,
  body[data-page="teacher_grading_sheet_shs"] .sheet-tool-button {
    min-height: 40px;
    padding: 2px 14px;
    font-size: 0.76rem;
    border-radius: 16px;
  }

  body[data-page="teacher_grading_sheet_jhs"] .sheet-table-wrap,
  body[data-page="teacher_grading_sheet_shs"] .sheet-table-wrap {
    --sheet-name-col-width: 228px;
    --sheet-period-col-width: 46px;
    --sheet-final-col-width: 56px;
    --sheet-summary-col-width: 82px;
    --sheet-grid-height: min(58vh, 600px);
    border-radius: 20px;
  }

  body[data-page="teacher_grading_sheet_jhs"] .master-grade-frozen-header-table,
  body[data-page="teacher_grading_sheet_jhs"] .master-grade-frozen-body-table,
  body[data-page="teacher_grading_sheet_jhs"] .master-grade-metrics-header-table,
  body[data-page="teacher_grading_sheet_jhs"] .master-grade-metrics-body-table,
  body[data-page="teacher_grading_sheet_shs"] .master-grade-frozen-header-table,
  body[data-page="teacher_grading_sheet_shs"] .master-grade-frozen-body-table,
  body[data-page="teacher_grading_sheet_shs"] .master-grade-metrics-header-table,
  body[data-page="teacher_grading_sheet_shs"] .master-grade-metrics-body-table {
    font-size: 0.76rem;
  }

  body[data-page="master_settings"] .dashboard-content {
    padding: 18px;
    padding-top: 84px;
  }

  body[data-page="master_settings"] .master-settings-page {
    gap: 16px;
  }

  body[data-page="master_settings"] .master-header {
    padding: 22px 24px;
  }

  body[data-page="master_settings"] .master-header h1 {
    font-size: 1.7rem;
  }

  body[data-page="master_settings"] .school-filter-select,
  body[data-page="master_settings"] .school-filter-select.custom-dropdown-button,
  body[data-page="master_settings"] .master-input,
  body[data-page="master_settings"] .master-textarea {
    min-height: 48px;
    font-size: 0.92rem;
  }

  body[data-page="master_settings"] .panel-head {
    padding: 20px 20px 0;
  }

  body[data-page="master_settings"] .panel-body {
    padding: 18px 20px 20px;
  }

  body[data-page="master_settings"] .master-btn {
    padding: 10px 16px;
    font-size: 0.88rem;
  }

  body[data-page="master_settings"] .table-wrap {
    border-radius: 12px;
  }

  body[data-page="master_settings"] .master-table th,
  body[data-page="master_settings"] .master-table td {
    padding: 10px 12px;
    font-size: 0.86rem;
  }
}

@media (max-width: 900px) {
  .hero {
    padding: 18px 12px 24px !important;
  }

  .hero-inner {
    padding: 1.9rem 1rem 1.35rem !important;
    border-radius: 24px !important;
  }

  .hero-inner.container {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .landing-main-shell {
    padding: 0.95rem 0.8rem 1rem;
    border-radius: 22px;
  }

  .hero-visual-shell {
    width: min(100%, 300px);
    padding: 1.1rem 0.7rem 0.8rem;
  }

  .terminal-box {
    padding: 12px 12px 14px !important;
    border-radius: 20px !important;
  }

  .entry-actions > div,
  .download-actions > div {
    width: 100%;
    max-width: 100%;
  }

  .portal-button,
  .download-button {
    width: 100%;
    min-width: 0;
  }

  .terminal-title {
    gap: 8px;
    flex-wrap: wrap;
  }

  .terminal-line {
    font-size: 0.82rem;
  }

  .student-auth-page,
  .teacher-auth-page {
    padding: 18px 12px;
  }

  .student-auth-card,
  .teacher-auth-card {
    padding: 22px 18px 20px;
    border-radius: 24px;
  }

  .student-auth-actions,
  .teacher-auth-actions,
  .form-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .student-auth-submit,
  .student-auth-back,
  .teacher-auth-submit,
  .teacher-auth-back,
  .form-actions .btn {
    width: 100%;
    min-width: 0;
  }

  .student-register-wrapper {
    padding: 18px 12px 18px;
  }

  .student-register-card {
    padding: 20px 16px 18px;
    border-radius: 24px;
  }

  .student-register-form .form-grid,
  .student-register-form .grid-nested-2 {
    grid-template-columns: 1fr;
  }

  body.student-portal-page .student-portal-container {
    width: min(100%, calc(100% - 18px));
    padding: 16px 0 26px;
  }

  body.student-portal-page .portal-header,
  body.student-portal-page .portal-navigation,
  body.student-portal-page .dashboard-card,
  body.student-portal-page .section-card {
    border-radius: 24px;
  }

  body.student-portal-page .portal-header,
  body.student-portal-page .dashboard-card,
  body.student-portal-page .section-card {
    padding: 18px 16px 20px;
  }

  body.student-portal-page .portal-actions {
    width: 100%;
    justify-content: flex-start;
  }

  body.student-portal-page .nav-tab {
    min-width: 120px;
    padding-inline: 14px;
    font-size: 0.84rem;
  }

  body.student-portal-page .card-content {
    padding-top: 18px;
  }

  body.student-portal-page .grades-table,
  body.student-portal-page .attendance-table-student {
    font-size: 0.82rem;
  }

  body.student-portal-page .grades-table th,
  body.student-portal-page .grades-table td,
  body.student-portal-page .attendance-table-student th,
  body.student-portal-page .attendance-table-student td {
    min-width: 56px;
    padding: 8px 8px;
  }

  body.student-portal-page .attendance-table-student thead tr:first-child th:first-child,
  body.student-portal-page .attendance-table-student tbody th:first-child {
    min-width: 110px;
    max-width: 110px;
  }

  body.student-portal-page .attendance-table-student tbody th {
    font-size: 0.76rem;
  }

  body.student-portal-page .sheet-period-col,
  body.student-portal-page .sheet-grade-col {
    min-width: 124px;
  }

  body[data-auth="teacher"] .dashboard-content,
  body[data-auth="master_admin"] .dashboard-content {
    padding: 18px 14px;
    padding-top: 88px;
  }

  body[data-page="teacher"] .teacher-home-action-grid,
  body[data-page="teacher_reviewer"] .reviewer-shell,
  body[data-page="teacher_performance_summary"] .filters-grid,
  body[data-page="teacher_performance_summary"] .context-grid,
  body[data-page="teacher_section_maker"] .context-grid,
  body[data-page="master_settings"] .stats-row,
  body[data-page="master_settings"] .master-form {
    grid-template-columns: 1fr;
  }

  body[data-page="teacher"] .teacher-home-hero,
  body[data-page="teacher"] .teacher-home-action-card,
  body[data-page="teacher_accounts"] .section-card,
  body[data-page="teacher_accounts"] .school-context-card,
  body[data-page="teacher_reviewer"] .reviewer-card,
  body[data-page="teacher_reviewer"] .reviewer-context-card,
  body[data-page="teacher_reviewer"] .reviewer-table-card,
  body[data-page="teacher_password"] .section-card,
  body[data-page="teacher_password"] .context-card,
  body[data-page="teacher_section_maker"] .section-card,
  body[data-page="teacher_section_maker"] .school-context-card,
  body[data-page="teacher_performance_summary"] .summary-hero,
  body[data-page="teacher_performance_summary"] .panel-card,
  body[data-page="teacher_grading_sheet_jhs"] .master-hero,
  body[data-page="teacher_grading_sheet_jhs"] .panel-card,
  body[data-page="teacher_grading_sheet_jhs"] .sheet-card,
  body[data-page="teacher_grading_sheet_shs"] .master-hero,
  body[data-page="teacher_grading_sheet_shs"] .panel-card,
  body[data-page="teacher_grading_sheet_shs"] .sheet-card,
  body[data-page="master_settings"] .master-card,
  body[data-page="teacher_attendance"] .retired-card,
  body[data-page="teacher_results_log"] .retired-card {
    padding: 18px 16px !important;
  }

  body[data-page="teacher_accounts"] .context-grid,
  body[data-page="teacher_password"] .context-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="teacher_accounts"] .accounts-filter-row,
  body[data-page="teacher_accounts"] .accounts-actions,
  body[data-page="teacher_section_maker"] .controls-row,
  body[data-page="teacher_performance_summary"] .summary-actions {
    align-items: stretch;
  }

  body[data-page="teacher_accounts"] .accounts-filter-row > *,
  body[data-page="teacher_accounts"] .accounts-actions > *,
  body[data-page="teacher_section_maker"] .controls-row > *,
  body[data-page="teacher_password"] .form-actions > *,
  body[data-page="teacher_performance_summary"] .summary-actions > * {
    width: 100%;
  }

  body[data-page="teacher_accounts"] table.accounts-table {
    min-width: 820px;
  }

  body[data-page="teacher_reviewer"] .reviewer-context-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="teacher_reviewer"] .reviewer-table {
    min-width: 960px;
  }

  body[data-page="teacher_section_maker"] table.sections-table {
    min-width: 680px;
  }

  body[data-page="teacher_performance_summary"] .summary-table-wrap {
    --summary-range-col-width: 70px;
    --summary-desc-col-width: 208px;
    --summary-metric-col-width: 68px;
    --summary-grid-height: min(50vh, 520px);
  }

  body[data-page="teacher_grading_sheet_jhs"] .filters-grid,
  body[data-page="teacher_grading_sheet_shs"] .filters-grid {
    grid-template-columns: 1fr;
  }

  body[data-page="teacher_grading_sheet_jhs"] .sheet-indicator-group,
  body[data-page="teacher_grading_sheet_jhs"] .sheet-toolbar-actions,
  body[data-page="teacher_grading_sheet_shs"] .sheet-indicator-group,
  body[data-page="teacher_grading_sheet_shs"] .sheet-toolbar-actions {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  body[data-page="teacher_grading_sheet_jhs"] .sheet-tool-button,
  body[data-page="teacher_grading_sheet_shs"] .sheet-tool-button {
    width: 100%;
    justify-content: center;
  }

  body[data-page="teacher_grading_sheet_jhs"] .sheet-table-wrap,
  body[data-page="teacher_grading_sheet_shs"] .sheet-table-wrap {
    --sheet-name-col-width: 210px;
    --sheet-period-col-width: 42px;
    --sheet-final-col-width: 52px;
    --sheet-summary-col-width: 74px;
    --sheet-grid-height: min(52vh, 520px);
  }

  body[data-page="master_settings"] .master-header-top {
    flex-direction: column;
    align-items: stretch;
  }

  body[data-page="master_settings"] .header-filter-wrap {
    grid-template-columns: 1fr;
  }

  body[data-page="master_settings"] .header-filter-wrap .master-btn {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .hero-inner {
    padding: 1.65rem 0.9rem 1.2rem !important;
    border-radius: 22px !important;
  }

  .hero {
    overflow-x: clip;
  }

  .hero-inner.container {
    padding-left: 0.9rem !important;
    padding-right: 0.9rem !important;
  }

  .title-img {
    max-width: 78%;
  }

  .hero-visual-shell {
    width: min(100%, 260px);
    border-radius: 18px;
  }

  .portal-button,
  .download-button {
    font-size: 0.9rem;
    width: 100%;
  }

  .landing-main-shell,
  .hero-visual-shell,
  .terminal-box {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0;
  }

  .entry-actions > div,
  .download-actions > div {
    width: 100%;
    max-width: 100%;
  }

  .connect-box {
    width: min(100vw - 20px, 100%);
  }

  .connect-head,
  .connect-body,
  .connect-foot {
    padding-left: 14px;
    padding-right: 14px;
  }

  .connect-title {
    font-size: 1.08rem;
  }

  .student-auth-card,
  .teacher-auth-card {
    padding: 20px 16px 18px;
    border-radius: 22px;
  }

  .student-auth-title,
  .teacher-auth-title {
    font-size: clamp(1.65rem, 8vw, 2rem);
  }

  .student-auth-logo,
  .teacher-auth-logo {
    width: 78px;
    height: 78px;
  }

  .student-register-card {
    padding: 18px 14px 16px;
    border-radius: 22px;
  }

  .section-logo {
    width: 78px;
    height: 78px;
  }

  .section-title {
    font-size: clamp(1.55rem, 8vw, 1.95rem);
  }

  .registration-success-card {
    padding: 20px 16px;
    border-radius: 24px;
  }

  body.student-portal-page .student-portal-container {
    width: min(100%, calc(100% - 12px));
  }

  body.student-portal-page .portal-header,
  body.student-portal-page .portal-navigation,
  body.student-portal-page .dashboard-card,
  body.student-portal-page .section-card,
  body.student-portal-page .modal-content,
  body.student-portal-page .helper-box,
  body.student-portal-page .quiz-details-content {
    border-radius: 22px;
  }

  body.student-portal-page .portal-header,
  body.student-portal-page .dashboard-card,
  body.student-portal-page .section-card {
    padding: 16px 14px 18px;
  }

  body.student-portal-page .portal-title {
    font-size: clamp(1.65rem, 8vw, 2.2rem);
  }

  body.student-portal-page .welcome-message,
  body.student-portal-page .student-details {
    font-size: 0.88rem;
  }

  body.student-portal-page .btn,
  body.student-portal-page .portal-btn,
  body.student-portal-page .helper-btn,
  body.student-portal-page .close-modal-btn {
    min-height: 38px;
    padding-inline: 14px;
    font-size: 0.84rem;
  }

  body.student-portal-page .nav-tab {
    min-width: 108px;
    min-height: 40px;
    padding-inline: 12px;
    font-size: 0.8rem;
  }

  body.student-portal-page .grades-table,
  body.student-portal-page .attendance-table-student {
    font-size: 0.78rem;
  }

  body.student-portal-page .grades-table th,
  body.student-portal-page .grades-table td,
  body.student-portal-page .attendance-table-student th,
  body.student-portal-page .attendance-table-student td {
    min-width: 52px;
    padding: 7px 7px;
  }

  body.student-portal-page .attendance-table-student thead tr:first-child th:first-child,
  body.student-portal-page .attendance-table-student tbody th:first-child {
    min-width: 96px;
    max-width: 96px;
  }

  body.student-portal-page .attendance-table-student tbody th {
    font-size: 0.72rem;
  }

  body.student-portal-page .sheet-period-col,
  body.student-portal-page .sheet-grade-col {
    min-width: 112px;
  }

  body.student-portal-page .grades-sheet-title,
  body.student-portal-page .attendance-sheet-title {
    font-size: 1.02rem;
  }

  body[data-auth="teacher"] .dashboard-content,
  body[data-auth="master_admin"] .dashboard-content {
    padding: 14px 10px;
    padding-top: 82px;
  }

  body[data-page="teacher"] .teacher-home-title,
  body[data-page="teacher_attendance"] .retired-card h1,
  body[data-page="teacher_results_log"] .retired-card h1,
  body[data-page="teacher_performance_summary"] .summary-title,
  body[data-page="teacher_grading_sheet_jhs"] .master-title,
  body[data-page="teacher_grading_sheet_shs"] .master-title,
  body[data-page="master_settings"] .master-header h1 {
    font-size: clamp(1.35rem, 7vw, 1.85rem);
  }

  body[data-page="teacher_accounts"] .section-title,
  body[data-page="teacher_accounts"] .context-title,
  body[data-page="teacher_accounts"] .modal-title,
  body[data-page="teacher_reviewer"] .reviewer-title,
  body[data-page="teacher_reviewer"] .reviewer-context-title,
  body[data-page="teacher_reviewer"] .reviewer-table-title,
  body[data-page="teacher_password"] .section-title,
  body[data-page="teacher_password"] .context-title,
  body[data-page="teacher_section_maker"] .section-title,
  body[data-page="teacher_section_maker"] .context-title,
  body[data-page="teacher_performance_summary"] .summary-paper-title {
    font-size: 1rem;
  }

  body[data-page="teacher_accounts"] table.accounts-table {
    min-width: 760px;
  }

  body[data-page="teacher_reviewer"] .reviewer-table {
    min-width: 880px;
  }

  body[data-page="teacher_section_maker"] table.sections-table {
    min-width: 620px;
  }

  body[data-page="teacher_performance_summary"] .summary-button {
    width: 100%;
    justify-content: center;
  }

  body[data-page="teacher_performance_summary"] .summary-table-wrap {
    --summary-range-col-width: 64px;
    --summary-desc-col-width: 184px;
    --summary-metric-col-width: 62px;
  }

  body[data-page="teacher_grading_sheet_jhs"] .sheet-table-wrap,
  body[data-page="teacher_grading_sheet_shs"] .sheet-table-wrap {
    --sheet-name-col-width: 184px;
    --sheet-period-col-width: 38px;
    --sheet-final-col-width: 46px;
    --sheet-summary-col-width: 66px;
    --sheet-grid-height: min(48vh, 460px);
  }

  body[data-page="master_settings"] .panel-head,
  body[data-page="master_settings"] .panel-body,
  body[data-page="master_settings"] .master-header {
    padding-left: 16px;
    padding-right: 16px;
  }

  body[data-page="master_settings"] .master-table {
    min-width: 500px;
  }
}