:root{
  --home-flag-de-black:#181818;
  --home-flag-de-red:#C73535;
  --home-flag-de-gold:#E6B846;
}
.platform-cutout{fill:var(--c-panel)}
.flag-de-top{fill:var(--home-flag-de-black)}
.flag-de-middle{fill:var(--home-flag-de-red)}
.flag-de-bottom{fill:var(--home-flag-de-gold)}
.home-reading{margin-top:28px;max-width:960px;color:var(--c-muted)}
.home-reading a,.home-tariff-note a{text-decoration:underline;text-underline-offset:4px;color:var(--c-text)}
.home-more{display:inline-flex;align-items:center;min-height:44px;margin-top:24px;font-size:16px;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.home-status-head{margin-top:44px}
.home-status-head p{margin-top:12px;max-width:900px;font-size:16px}
.home-plan-note{font-size:15px;color:var(--c-muted)}
.home-tariff-note{margin-top:28px}
.home-tariff-note h3{margin-bottom:16px}
.home-tariff-note p{font-size:16px;color:var(--c-muted)}
.home-promo-title{font-size:24px}
.server-status:empty{display:none}
.server-status{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.server-status .srv-row{display:flex;align-items:center;gap:10px;min-width:0;padding:16px;background:var(--c-panel);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--shadow-card);font-size:14px}
.server-status .srv-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:var(--r-round);background:var(--c-success);box-shadow:0 0 0 3px var(--c-success-ring)}
.server-status .srv-flag{display:inline-flex;align-items:center;justify-content:center;width:24px;flex:none;overflow:hidden;border-radius:var(--r-flag)}
.server-status .srv-flag svg,.server-status .srv-flag img{display:block;width:24px;max-width:100%;height:auto}
.server-status .srv-name{flex:1;min-width:0;overflow-wrap:anywhere;color:var(--c-text);font-weight:600}
.server-status .srv-type{display:inline-flex;align-items:center;padding:3px 7px;background:var(--c-panel-2);border-radius:var(--r-pill);color:var(--c-muted);font-size:12px;max-width:100%;overflow-wrap:anywhere}
.server-status .srv-ms,.server-status .srv-bw{font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;color:var(--c-text);flex:none}
@media(max-width:768px){
  .server-status{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:480px){
  .server-status .srv-row{display:grid;grid-template-columns:7px 24px minmax(0,1fr) auto;gap:10px;padding:14px}
  .server-status .srv-type{grid-column:3;grid-row:2;justify-self:start}
  .server-status .srv-ms{grid-column:4;grid-row:1}
  .server-status .srv-bw{grid-column:4;grid-row:2}
}