/* Палитра и элементы The Teacher School: classes/_kit/lesson.css + layouts.css.
   Подключён только на страницах теста и анкеты; общий сайт не переопределяет. */
body.pg-form {
  --cream: #fffdf8;
  --card: #fffffd;
  --ink: #212121;
  --school-graphite: #2e2c2a;
  --school-panel: #f5efe6;
  --school-line: #e6ddd2;
  --answer-bg: #fffefd;
  --answer-border: #d6d2cc;
  --answer-hover: #f4f2ee;
  --answer-selected: #eceae6;
  --answer-selected-border: #8f8a84;
  --answer-ok-bg: #eef0e4;
  --answer-ok-line: #a3ab84;
  --answer-wrong-bg: #f7e7e1;
  --answer-wrong-line: #cf9d91;
  background: var(--cream);
}
.pg-form .af { font-size: 16px; line-height: 1.5; }
.pg-form .af-card { background: var(--card); border: 1px solid rgba(132,35,32,.09); border-radius: 18px; padding: 36px 40px 40px; box-shadow: 0 0 60px -22px rgba(90,40,20,.18); }
.pg-form .af .af-lead { font-size: 16px; }
.pg-form .af-btn, .pg-form .ty__ok {
  min-height: 44px; padding: 12px 24px; border-radius: 999px;
  background: var(--school-graphite); color: var(--cream);
  font: 400 15px/1.4 Ubuntu, sans-serif; letter-spacing: 0; text-transform: none;
}
.pg-form .af-btn:disabled { opacity: 1; background: #eeeae4; color: #766b63; cursor: default; }
.pg-form .af-btn:focus-visible, .pg-form .ty__ok:focus-visible { outline: 2px solid #817c75; outline-offset: 3px; }
.pg-form .af-lv { padding: 14px 16px; background: var(--answer-bg); border-color: var(--answer-border); border-radius: 14px; }
.pg-form .af-chip span { min-height: 36px; padding: 5px 12px; background: var(--answer-bg); border-color: var(--answer-border); border-radius: 8px; font-size: 16px; line-height: 24px; }
.pg-form .af-lv:has(input:checked), .pg-form .af-lv.is-on, .pg-form .af-chip input:checked + span { background: var(--answer-selected); border-color: var(--answer-selected-border); color: var(--ink); box-shadow: none; }
.pg-form .af-lv:has(input:focus-visible), .pg-form .af-chip input:focus-visible + span { outline: 2px solid #817c75; outline-offset: 3px; }
.pg-form .af .af-f__i { padding: 9px 12px; min-height: 44px; border: 1px solid var(--answer-border); border-radius: 8px; background: #fff; font-size: 16px; }
.pg-form .af .af-f__i:focus { border-color: #817c75; box-shadow: none; outline: 2px solid #817c75; outline-offset: 2px; }
.pg-form .af .af-tag, .pg-form .af-lv__c small { text-transform: none; letter-spacing: 0; font-size: 13px; font-weight: 400; }
.pg-form .af-cb__b { border-color: #8f8a84; }
.pg-form .af-cb input:checked + .af-cb__b { background: var(--school-graphite); }
.pg-form .ty__card { background: var(--card); border-radius: 18px; }
@media (hover: hover) {
  .pg-form .af-btn:not(:disabled):hover, .pg-form .ty__ok:hover { background: #45413e; }
  .pg-form .af-lv:hover, .pg-form .af-chip:hover span { border-color: #9c9690; }
}
@media (max-width: 767px) {
  .pg-form .af { font-size: 14px; }
  .pg-form .af-card { padding: 26px 20px 30px; border-radius: 18px; }
  .pg-form .af .af-lead { font-size: 14px; }
  .pg-form .af-chip span { font-size: 14px; }
  .pg-form .af-chip { min-height: 44px; align-items: center; }
}
@media (pointer: coarse) { .pg-form .af-chip span { min-height: 44px; display: flex; align-items: center; } }
.pg-form .af-f__l { font-size: 13px; font-weight: 400; letter-spacing: 0; text-transform: none; }