@media (hover: none) {
  .task-edit, .task-more-button, .drag-handle, .nav-menu-button, .section-tools, .section-adder:last-of-type > summary { opacity: 1; }
  .nav-row:hover .nav-count, .nav-row:focus-within .nav-count { visibility: visible; }
  .nav-menu-button { border-color: transparent; }
  .day-add, .plan-task-add { opacity: 1; }
}
@media (max-width: 1199px) {
  .week-grid { display: block; border-right: 1px solid var(--line); }
  .week-grid .weekday-heading { display: none; }
  .week-grid .calendar-day { min-height: var(--control); border-right: 0; padding: 0 var(--space-3) var(--space-3); text-align: left; }
  .week-grid .calendar-day-header { justify-content: space-between; }
  .week-grid .day-number { width: auto; gap: var(--space-2); }
  .week-grid .week-day-name { display: block; }
  .week-grid .day-add { opacity: 1; width: var(--control); }
  .week-grid .calendar-event { min-height: var(--control); flex-direction: row; align-items: center; gap: var(--space-3); }
  .week-grid .event-title { flex: 1; min-width: 0; width: auto; }
  .week-grid .event-project { flex: none; max-width: 35%; }
}
@media (max-width: 1023px) {
  .calendar-period, .calendar-options { gap: 8px; }
  .calendar-toolbar { gap: 8px; }
}
@media (max-width: 1050px) {
  .journal-fields, .settings-section { grid-template-columns: minmax(0, 1fr); gap: var(--space-3); }
  .month-grid .calendar-events, .month-grid .day-add { display: none; }
  .month-grid .mobile-day-count { display: inline-block; font-size: var(--text-xs); color: var(--secondary); }
  .month-grid .calendar-day { text-align: center; }
  .month-grid .calendar-day-header { justify-content: center; }
}
@media (max-width: 750px) {
  .sidebar { transform: translateX(-100%); transition: transform 160ms ease; width: var(--rail); }
  .sidebar .brand-caption { display: none; }
  .sidebar-close { position: absolute; top: 12px; right: 8px; }
  .main { margin-left: 0; }
  .mobile-menu { display: inline-flex; }
  .sidebar-collapse { display: none; }
  html.is-sidebar-collapsed { --rail: 280px; }
  .is-sidebar-collapsed .sidebar { visibility: visible; }
  .topbar { padding: 12px 20px; }
  .page { margin-inline: auto; }
  body.sidebar-open { overflow: hidden; }
  .sidebar-open .sidebar { transform: translateX(0); }
  .sidebar-open .sidebar-backdrop { display: block; position: fixed; inset: 0; background: var(--overlay); z-index: 25; width: 100%; height: 100%; }
  .flash { left: 50%; max-width: calc(100vw - 40px); top: calc(var(--topbar-height) + 8px); }
  .bulk-bar { left: 50%; max-width: calc(100vw - 24px); }
}
@media (max-width: 599px) {
  .topbar { padding: 12px 16px; }
  .breadcrumb { gap: var(--space-2); font-size: var(--text-xs); }
  .breadcrumb > span:first-child, .breadcrumb > span:nth-child(2) { display: none; }
  .topbar-actions .button { padding: var(--space-2); font-size: var(--text-xs); }
  .topbar-actions .icon { width: 16px; height: 16px; }
  .page-header { margin-bottom: var(--space-3); gap: var(--space-2); }
  .eyebrow { font-size: var(--text-xs); }
  .page-subtitle { flex-wrap: wrap; gap: 4px; }
  .header-actions { padding-top: 1px; }
  .filter-tabs { gap: var(--space-4); margin-bottom: var(--space-2); }
  .filter-tab { font-size: var(--text-sm); }
  .task-meta { gap: 0 var(--space-2); }
  .task-kind, .task-meta .pill { font-size: var(--text-xs); }
  .task-title { font-size: var(--text-base); }
  .task-description { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .task-form { padding: var(--space-4); }
  .field input, .field select, .field textarea, .task-name-input, .task-description-input, .journal-date-picker input { font-size: var(--text-lg); }
  .form-actions > .field-hint { display: none; }
  dialog { width: calc(100vw - 24px); max-height: calc(100dvh - 24px); }
  .section-caption { display: none; }
  .header-add { font-size: var(--text-sm); padding: var(--space-1) var(--space-2); margin-top: 1px; }
  .header-add .icon { width: 16px; height: 16px; }
  .calendar-toolbar { display: block; padding-bottom: 16px; }
  .calendar-period { justify-content: space-between; }
  .calendar-options { justify-content: space-between; margin-top: 8px; }
  .calendar-project-filter select { max-width: 190px; }
  .month-grid .calendar-day { min-height: 78px; padding: 0 0 6px; text-align: center; }
  .month-grid .calendar-day-header { justify-content: center; }
  .month-grid .day-number { width: 100%; }
  .month-grid .day-add, .month-grid .calendar-events { display: none; }
  .month-grid .mobile-day-count { display: inline-block; font-size: var(--text-xs); color: var(--secondary); }
  .month-grid .weekday-heading { font-size: var(--text-xs); padding: var(--space-2) 0; }
  .day-agenda { margin-top: 24px; }
  .journal-datebar { flex-wrap: wrap; gap: 0; }
  .journal-date-label { flex: 1; justify-content: center; }
  .journal-date-picker { width: 100%; margin-left: 0; text-align: center; border-top: 1px solid var(--line); padding-top: 4px; margin-top: 4px; }
  .journal-entry { margin-top: var(--space-5); }
  .journal-entry-heading { padding: 12px 16px; }
  .journal-form { padding: 16px; }
  .journal-fields { grid-template-columns: minmax(0, 1fr); gap: var(--space-4); }
  .journal-form textarea { padding: var(--space-3); font-size: var(--text-lg); }
  .next-step-field textarea { min-height: 88px; }
  .journal-completed-list { margin: 4px 16px 0; }
  .journal-heading-icon { display: none; }
  .journal-form-footer { gap: 8px; }
  .settings-section { grid-template-columns: minmax(0, 1fr); gap: var(--space-2); }
  .auth-brand { margin-bottom: 32px; }
  .auth-card h1 { font-size: 26px; }
  .auth-page { place-items: start center; padding-top: 48px; }
}
@media (max-width: 750px) {
  .plan-grid { min-width: 760px; }
  .plan-time-head, .plan-time { width: 52px; }
  .plan-toolbar { display: block; }
  .plan-palette { margin-top: var(--space-2); }
}
@media (max-width: 599px) {
  .plan-input { font-size: var(--text-lg); }
  .plan-status { white-space: normal; text-align: right; }
  .plan-toolbar .calendar-period { flex-wrap: wrap; row-gap: var(--space-2); }
  .plan-toolbar .calendar-arrows { margin-left: auto; }
  .plan-palette { gap: 6px; }
  .plan-swatch { width: 28px; height: 28px; }
}

@media (hover: none) {
  .project-section .section-toggle-form { position: static; transform: none; opacity: 1; }
}
@media (max-width: 999px) {
  /* Stacked rows: the date, recurrence, sub-task and project pills line up on the right, as on wide screens. */
  .task-content > .task-meta { justify-content: flex-end; }
  .task-content > .task-meta .task-project { margin-left: 0; }
  .board .task-content > .task-meta { justify-content: flex-start; }
}