/* GENERATED from src/panelshop/layout.py — do not edit by hand. */
:root {
  --grid-gap: 20px;
  --header-height: 64px;
  --task-strip-height: 40px;
  --controls-height: 72px;
  --result-count-height: 36px;
  --content-max-width: 1240px;
  --grid-columns: 2;
  --card-height: 260px;
  --card-image-height: 120px;
}
@media (min-width: 600px) {
  :root {
    --grid-columns: 2;
    --card-height: 340px;
    --card-image-height: 180px;
  }
}
@media (min-width: 900px) {
  :root {
    --grid-columns: 3;
    --card-height: 340px;
    --card-image-height: 180px;
  }
}
@media (min-width: 1200px) {
  :root {
    --grid-columns: 4;
    --card-height: 340px;
    --card-image-height: 180px;
  }
}