.servers-main { padding-block: 60px 90px; }
.servers-intro { max-width: 680px; }
.servers-intro .intro { margin-bottom: 0; }
.server-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 54px; }
.server-card { display: flex; flex-direction: column; min-height: 310px; padding: 28px; border: 1px solid #554936; background: linear-gradient(155deg, #242019, #171715 70%); }
.server-card.upcoming { border-color: #665a40; background: linear-gradient(155deg, #30271b, #1a1916 70%); }
.server-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.server-number { font-size: 11px; letter-spacing: 2px; color: #c7ab78; }
.server-state { border: 1px solid; padding: 5px 9px; font-size: 11px; white-space: nowrap; }
.server-state.open { border-color: #50786c; color: #82d5b9; }
.server-state.planned { border-color: #957448; color: #e6c48b; }
.server-card h2 { margin: 30px 0 9px; font-size: 26px; font-weight: 600; }
.server-card p { margin: 0 0 26px; color: #c1bcb1; font-size: 13px; line-height: 1.9; }
.server-links { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: auto; }
.server-link, .archive-link, .servers-note a { color: #e5c78c; font-size: 13px; }
.server-link { margin-top: auto; }
.server-links .server-link { margin-top: 0; }
.archive-link { color: #bfb6a5; text-decoration: underline; text-underline-offset: 4px; }
.server-pending { margin-top: auto; color: #aeaa9f; font-size: 12px; }
.server-links .server-pending { margin-top: 0; }
.servers-note { margin-top: 54px; padding-top: 30px; border-top: 1px solid #494032; }
.servers-note h2 { margin: 0 0 10px; font-size: 20px; }
.servers-note p { max-width: 760px; color: #bdb8ad; font-size: 13px; line-height: 1.9; }
.servers-note a { display: inline-block; margin-top: 10px; }
@media (max-width: 820px) { .server-list { grid-template-columns: 1fr; margin-top: 36px; } .server-card { min-height: 0; } }
@media (max-width: 720px) { .servers-main { padding-block: 36px 60px; } .server-card { padding: 23px; } .server-card h2 { margin-top: 22px; } }