/* 1200px - 1440px: laptop ve standart masaüstü */
.layout {
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 18px;
    padding-inline: 18px;
}
.main-panel {
    padding: 20px;
}
h1 {
    font-size: clamp(38px, 3.5vw, 50px);
}
.hero-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(290px, .8fr);
    gap: 18px;
}
.control-grid {
    grid-template-columns: repeat(3, minmax(170px, 1fr));
}
.toggle-grid,
.toggle-grid.compact {
    grid-template-columns: repeat(3, minmax(160px, 1fr));
}
.chute-grid.modern {
    grid-template-columns: repeat(3, 1fr);
}