responsive.css

@media (max-width: 1100px) { .workspace-grid { grid-template-columns: 1fr; } .context-column { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 780px) { .shell { display: block; } .sidebar { position: static; min-height: 0; padding: 16px 20px; } .rail-caption, .sidebar-note { display: none; } .steps { display: flex; flex-wrap: wrap; margin-top: 18px; gap: 4px; } .steps::before { display: none; } .steps li { flex: 0 0 auto; min-height: 37px; padding: 4px 7px; font-size: 11px; gap: 6px; } .step-index { width: 26px; height: 26px; flex-basis: 26px; } .topbar { height: auto; min-height: 65px; flex-wrap: wrap; padding: 12px 20px; } .content { padding: 28px 20px; } }
@media (max-width: 540px) { .context-column, .workspace-grid:has(.plan-review) .context-column, .plan-sections { grid-template-columns: 1fr; } .top-actions { width: 100%; min-width: 0; flex-wrap: wrap; gap: 12px; justify-content: space-between; } .decision-card { padding: 22px; } .breadcrumb { max-width: 100%; } h1 { font-size: 29px; } }
@media (max-width: 540px) { .plan-decisions dl > div { grid-template-columns: 1fr; gap: 2px; } }
@media (max-width: 540px) { .question-details dl { grid-template-columns: 1fr; gap: 3px; } .question-details dd { margin-bottom: 9px; } .language-switch { margin-inline-start: auto; } }
@media (max-width: 640px) {
  .check-option.producer-option { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .producer-option > a, .producer-links { margin-inline-start: 29px; max-width: none; }
  .producer-manual-fields { grid-template-columns: minmax(0, 1fr); }
}