/* Служебные страницы таск-менеджера IMA Академия (CZ); стиль — как у страниц DE. Правила дизайна IME: токены — текст #1D1D1B, серый #6E6E6B,
   белый, акцент teal #5BA494 только линейкой (белый текст на teal — контраст 2,9:1, ниже нормы);
   шкала 27 / 14 / 13.5 / 12 px, два начертания, отступы кратны 7 px, одна левая ось. */
html, body { margin: 0; padding: 0; background: #fff; color: #1D1D1B; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif; font-size: 13.5px; line-height: 1.5; font-weight: 400; }
main { max-width: 504px; margin: 0 auto; padding: 84px 28px 56px; box-sizing: border-box; }
.message { border-left: 3px solid #5BA494; padding-left: 21px; }
.rubric { margin: 0 0 14px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #6E6E6B; }
h1 { margin: 0 0 21px; font-size: 27px; line-height: 1.15; font-weight: 700; }
p { margin: 0 0 14px; }
.muted { color: #6E6E6B; font-size: 12px; margin-top: 28px; }
.button { display: inline-block; margin-top: 7px; padding: 14px 21px; background: #1D1D1B; color: #fff; font-weight: 700; text-decoration: none; }
.button:focus-visible { outline: 3px solid #5BA494; outline-offset: 3px; }