/* — базовые цвета и размеры — */
:root{
  --page-bg: #e9f0f5;          /* общий фон страницы как на скрине */
  --card-bg: #ffffff;          /* фон карточек */
  --text:    #0b1220;          /* основной текст */
  --muted:   #3f4a5a;          /* приглушённый */
  --border:  #2b2b2b;          /* цвет рамки карточки */
  --link:    #5fa8ff;          /* цвет ссылок (как “github”) */
  --radius:  14px;             /* скругления */
  --space:   28px;             /* базовый отступ */
}


*{ box-sizing: border-box; }
html, body{ height: 100%; }
body{
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans",
               "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";
  color: var(--text);
  background: var(--page-bg);
  line-height: 1.6;
}


.wrap{
  max-width: 900px;
  margin: 0 auto;
  padding: clamp(16px, 4vw, 48px) 16px 64px;
}


.card{
  background: var(--card-bg);
  border: 1.5px solid var(--border);
  border-radius: var(--radius);
  padding: clamp(18px, 3vw, 34px);
  margin: 40px auto;
  box-shadow: 0 2px 0 rgba(0,0,0,.04);
}


.card h2{
  margin: 0 0 14px;
  text-align: center;
  font-size: clamp(22px, 3.2vw, 32px);
  line-height: 1.2;
  font-weight: 800;
}


.kont .grid{
  display: grid;
  grid-template-columns: minmax(180px, 1fr) 2fr; /* как на скрине: слева уже, справа шире */
  gap: 14px 28px;
  align-items: baseline;
}

.label{
  font-weight: 700;
}
.value{
  color: var(--muted);
}


.label-inline{
  font-weight: 700;
  margin-right: .25rem;
}


.info ul{
  margin: 10px 0 0 0;
  padding-left: 1.15rem;
}
.info li{ margin: 6px 0; }


a{
  color: var(--link);
  text-decoration: none;
}
a:hover, a:focus-visible{ text-decoration: underline; }
.text-link{
  display: inline-block;
  margin-top: 18px;
  font-style: italic; 
}