/* ========================================================
   南一版三年級上學期數學 資源班教學平台 響應式與列印優化
   ======================================================== */

@media (max-width: 768px) {
  .header-container {
    flex-direction: column;
    align-items: flex-start;
  }

  .header-tools {
    width: 100%;
    justify-content: flex-start;
  }

  .brand-title {
    font-size: 1.2rem;
  }

  .nav-tab {
    padding: 10px 14px;
    font-size: 0.95rem;
  }

  .unit-selector-grid {
    grid-template-columns: 1fr;
  }

  .place-value-display-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .coin-control-column {
    min-width: 110px;
  }

  .ruler-svg-container {
    overflow-x: auto;
  }

  .pizza-stage, .circle-stage, .angle-interactive-stage, .beaker-stage {
    flex-direction: column;
  }
}

/* 列印專用樣式 (for IEP 評量記錄列印) */
@media print {
  .app-header,
  .main-nav,
  .btn,
  .unit-selector-grid,
  .special-ed-sidebar,
  .app-footer {
    display: none !important;
  }

  body {
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 12pt;
  }

  .main-content {
    max-width: 100% !important;
    padding: 0 !important;
  }

  .tab-pane {
    display: none !important;
  }

  #tab-iep {
    display: block !important;
  }

  .iep-tracker-layout {
    grid-template-columns: 1fr !important;
  }

  .report-output-box {
    border: 1px solid #000000 !important;
    box-shadow: none !important;
    min-height: auto !important;
  }
}