/* -----------------------------------------------------------------------------
   Placeholders — fixed-height spacing blocks for layout gaps
----------------------------------------------------------------------------- */

.placeholder20  { height: 20px; }
.placeholder40  { height: 40px; }
.placeholder60  { height: 60px; }
.placeholder80  { height: 80px; }
.placeholder100 { height: 100px; }
.placeholder120 { height: 120px; }
.placeholder140 { height: 140px; }
.placeholder160 { height: 160px; }
.placeholder180 { height: 180px; }
.placeholder200 { height: 200px; }

@media screen and (max-width: 768px) {
    .placeholder20  { height: 10px; }
    .placeholder40  { height: 20px; }
    .placeholder60  { height: 30px; }
    .placeholder80  { height: 40px; }
    .placeholder100 { height: 50px; }
    .placeholder120 { height: 60px; }
    .placeholder140 { height: 70px; }
    .placeholder160 { height: 80px; }
    .placeholder180 { height: 90px; }
    .placeholder200 { height: 100px; }
}