/* css/responsive.css */
@media (max-width: 900px) {
  .tool-panel-grid {
    grid-template-columns: 1fr 1fr;
  }
  .tool-panel-grid .clock-card {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .container { padding: 32px 16px 64px; }
  .header h1 { font-size: 28px; }
  .header p { font-size: 14px; }
  .header-tools { position: static; justify-content: center; margin-top: 16px; }
  .search-input { font-size: 16px; padding-right: 116px; }
  .search-engine-wrap { right: 6px; }
  .engine-btn { padding: 6px 8px; font-size: 11px; }
  .link-grid { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
  .link-card-link { padding: 16px; }
  .link-name { font-size: 15px; }
  .link-icon { width: 34px; height: 34px; border-radius: 9px; }
  .link-icon svg { width: 17px; height: 17px; }
  .tab-btn { padding: 10px 16px; font-size: 14px; min-height: 44px; }
  .note-header { flex-direction: column; align-items: flex-start; }
  .note-header-right { width: 100%; justify-content: flex-start; }
  .note-footer { flex-direction: column; align-items: stretch; }
  .note-actions { justify-content: flex-start; }
  .back-top { right: 16px; bottom: 16px; }
  .modal-panel { padding: 20px; }
  .section-title { flex-wrap: wrap; }
  .todo-priority { width: 76px; }
  .todo-date { width: 100%; }
  .todo-group { width: 100%; }
  .vault-add-row input { min-width: 100px; }
  .quick-actions { flex-direction: column; align-items: stretch; }
  .quick-btn { justify-content: center; }
  .palette-modal { padding-top: 6vh; }
  .tool-panel-grid { grid-template-columns: 1fr; }
  .tool-panel-grid .clock-card { grid-column: auto; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}