/* Оформление страниц сайта BeamFile. Цвета те же, что в лаунчере:
   тёмный фон и оранжевый акцент — чтобы страница, на которую Google
   уводит игрока из окна согласия, выглядела частью того же продукта. */

* { box-sizing: border-box; }

body {
    margin: 0;
    font: 16px/1.7 "Segoe UI", system-ui, -apple-system, sans-serif;
    background: #0B0B0D;
    color: #C9C6D0;
}

.wrap { max-width: 760px; margin: 0 auto; padding: 48px 24px 80px; }

.logo {
    font-size: 24px; font-weight: 800; letter-spacing: .08em;
    color: #F4F1EC; text-decoration: none; display: inline-block;
}
.logo span { color: #FF6A00; }

h1 { color: #F4F1EC; font-size: 30px; line-height: 1.25; margin: 34px 0 6px; }
h2 { color: #F4F1EC; font-size: 20px; margin: 38px 0 10px; }
h3 { color: #F4F1EC; font-size: 16px; margin: 26px 0 6px; }

.lead { font-size: 18px; color: #9C9AA4; margin: 0 0 8px; }
.date { color: #6E6B78; font-size: 14px; margin: 0 0 8px; }

a { color: #FF8A33; }
a:hover { color: #FF6A00; }

ul { padding-left: 22px; }
li { margin: 6px 0; }

table { border-collapse: collapse; width: 100%; margin: 14px 0; font-size: 15px; }
th, td { text-align: left; padding: 9px 12px; border-bottom: 1px solid #1E1E24; vertical-align: top; }
th { color: #F4F1EC; font-weight: 600; }

.box {
    border: 1px solid #1E1E24; border-left: 3px solid #FF6A00;
    background: #101014; padding: 14px 18px; margin: 20px 0;
}

.foot {
    margin-top: 56px; padding-top: 22px; border-top: 1px solid #1E1E24;
    color: #6E6B78; font-size: 14px;
}
.foot a { margin-right: 18px; }

@media (max-width: 560px) {
    .wrap { padding: 32px 18px 60px; }
    h1 { font-size: 25px; }
    table, th, td { font-size: 14px; }
}