/* Педагог года. Пушкинский — стили компонентов. Значения берутся из tokens.json (var(--…)). */

*, *::before, *::after { box-sizing: border-box; }
body { margin: 0; background: var(--bg-canvas); color: var(--text-primary); font-family: var(--font-sans); font-size: 18px; line-height: 28px; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; }

.pg-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.pg-skip { position: absolute; left: 16px; top: -100px; z-index: 50; padding: 12px 20px; background: var(--bg-dark); color: var(--text-inverse); border-radius: var(--radius-pill); font: 600 16px/20px var(--font-sans); }
.pg-skip:focus { top: 16px; box-shadow: var(--focus-ring); outline: none; }

/* ---------- Контейнер и сетка ---------- */
.pg-wrap { container-type: inline-size; }
.pg-container { --pg-m: var(--margin-narrow); --pg-g: var(--gutter-mobile); max-width: calc(var(--container-max) + 2 * var(--pg-m)); margin-inline: auto; padding-inline: var(--pg-m); }
.pg-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--pg-g); }
.pg-section { padding-block: var(--section-y-mobile); }
@container (min-width: 360px) { .pg-container { --pg-m: var(--margin-mobile); } }
@container (min-width: 700px) {
  .pg-container { --pg-m: var(--margin-tablet); --pg-g: var(--gutter-desktop); }
  .pg-grid { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .pg-section { padding-block: var(--section-y-tablet); }
}
@container (min-width: 1100px) {
  .pg-container { --pg-m: var(--margin-desktop); }
  .pg-grid { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .pg-section { padding-block: var(--section-y-desktop); }
}

/* ---------- Типографика (плавная шкала: 390 → 1440, см. tokens type) ---------- */
.pg-display, .pg-h1, .pg-h2, .pg-h3, .pg-slogan { font-family: var(--font-serif); color: inherit; margin: 0; hyphens: manual; overflow-wrap: normal; word-break: normal; text-wrap: balance; }
.pg-display { font-weight: 800; font-size: clamp(40px, 24.7px + 4.95cqi, 96px); line-height: 0.94; }
.pg-h1 { font-weight: 800; font-size: clamp(36px, 28.1px + 3.05cqi, 72px); line-height: 1.06; }
.pg-h2 { font-weight: 700; font-size: clamp(30px, 24.6px + 1.9cqi, 52px); line-height: 1.12; }
.pg-h3 { font-weight: 700; font-size: clamp(24px, 23px + 0.76cqi, 34px); line-height: 1.2; }
.pg-slogan { font-weight: 400; font-size: clamp(22px, 20.3px + 0.95cqi, 34px); line-height: 1.24; text-wrap: pretty; }
.pg-h4 { font: 600 clamp(19px, 18px + 0.29cqi, 22px)/1.36 var(--font-sans); margin: 0; }
.pg-lead { font: 400 clamp(19px, 18px + 0.29cqi, 22px)/1.54 var(--font-sans); margin: 0; max-width: var(--measure); }
.pg-body { font: 400 clamp(17px, 16.6px + 0.1cqi, 18px)/1.55 var(--font-sans); margin: 0; max-width: var(--measure); }
.pg-body-sm { font: 400 16px/24px var(--font-sans); margin: 0; }
.pg-caption { font: 500 14px/20px var(--font-sans); letter-spacing: 0.01em; margin: 0; }
.pg-muted { color: var(--text-secondary); }
.pg-nowrap { white-space: nowrap; }
.pg-line { display: block; }
.pg-overline { font: 600 14px/20px var(--font-sans); letter-spacing: 0.04em; color: var(--text-secondary); margin: 0; }

/* Рукописный коралловый штрих под словом */
.pg-stroke { position: relative; display: inline-block; z-index: 0; }
.pg-stroke::after { content: ""; position: absolute; left: -0.06em; right: -0.1em; bottom: -0.1em; height: 0.2em; z-index: -1; background: no-repeat center / 100% 100% url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 28' preserveAspectRatio='none'%3E%3Cpath d='M6 19c48-7 112-12 176-11 50 1 70 3 104 1 34-2 70-7 104-7' fill='none' stroke='%23fa664c' stroke-width='7' stroke-linecap='round'/%3E%3Cpath d='M60 22c60-6 130-8 190-6' fill='none' stroke='%23fa664c' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E"); }

/* ---------- Иконки, спиннер ---------- */
.pg-icon { flex: none; display: inline-block; vertical-align: middle; }
.pg-spinner { flex: none; animation: pg-spin 900ms linear infinite; }
@keyframes pg-spin { to { transform: rotate(360deg); } }

/* ---------- Кнопки ---------- */
.pg-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-2); min-height: var(--size-control); min-width: var(--button-min-width); padding: 0 28px; border: var(--border-control-width) solid transparent; border-radius: var(--radius-pill); font: 600 16px/20px var(--font-sans); letter-spacing: 0.01em; text-align: center; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent;
  transition: background-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard); }
.pg-btn:focus { outline: none; }
.pg-btn:focus-visible, .pg-btn[data-state="focus"] { box-shadow: var(--focus-ring); }
.pg-btn--lg { min-height: var(--size-control-lg); padding: 0 36px; font-size: 17px; }
.pg-btn--sm { min-height: var(--size-control-sm); min-width: 0; padding: 0 20px; }
.pg-btn--full { width: 100%; min-width: 0; }
.pg-btn .pg-icon { transition: transform var(--motion-fast) var(--ease-standard); }

.pg-btn--primary { background: var(--action-primary); color: var(--on-action); }
.pg-btn--primary:hover, .pg-btn--primary[data-state="hover"] { background: var(--action-primary-hover); }
.pg-btn--primary:hover .pg-icon[data-name="arrow-right"], .pg-btn--primary[data-state="hover"] .pg-icon[data-name="arrow-right"] { transform: translateX(3px); }
.pg-btn--primary:active, .pg-btn--primary[data-state="pressed"] { background: var(--action-primary-pressed); transform: translateY(1px); }

.pg-btn--secondary { background: transparent; color: var(--text-primary); border-color: var(--border-strong); }
.pg-btn--secondary:hover, .pg-btn--secondary[data-state="hover"] { background: var(--action-secondary-hover); }
.pg-btn--secondary:active, .pg-btn--secondary[data-state="pressed"] { background: var(--action-secondary-pressed); transform: translateY(1px); }

.pg-btn--text { min-width: 0; min-height: var(--size-touch); padding: 0 6px; background: transparent; color: var(--text-primary); text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 0.3em; text-decoration-color: var(--graphic-coral); border-radius: 8px; }
.pg-btn--text:hover, .pg-btn--text[data-state="hover"] { color: var(--text-link-hover); text-decoration-color: currentColor; }
.pg-btn--text:active, .pg-btn--text[data-state="pressed"] { background: var(--action-secondary-hover); }

.pg-btn--inverse { background: var(--white); color: var(--text-primary); }
.pg-btn--inverse:hover, .pg-btn--inverse[data-state="hover"] { background: var(--blue-100); }
.pg-btn--inverse:active, .pg-btn--inverse[data-state="pressed"] { background: var(--navy-200); transform: translateY(1px); }
.pg-btn--inverse-secondary { background: transparent; color: var(--text-inverse); border-color: var(--white); }
.pg-btn--inverse-secondary:hover, .pg-btn--inverse-secondary[data-state="hover"] { background: rgb(255 255 255 / 0.14); }
.pg-btn--inverse-secondary:active, .pg-btn--inverse-secondary[data-state="pressed"] { background: rgb(255 255 255 / 0.24); transform: translateY(1px); }
.pg-btn--inverse:focus-visible, .pg-btn--inverse[data-state="focus"], .pg-btn--inverse-secondary:focus-visible, .pg-btn--inverse-secondary[data-state="focus"] { box-shadow: var(--focus-ring-inverse); }

.pg-btn:disabled, .pg-btn[aria-disabled="true"]:not(.is-loading) { background: var(--action-disabled); color: var(--on-action-disabled); border-color: transparent; cursor: not-allowed; transform: none; }
.pg-btn--secondary:disabled, .pg-btn--text:disabled { background: transparent; border-color: var(--border-hairline); color: var(--text-disabled); }
.pg-btn--text:disabled { border-color: transparent; text-decoration-color: currentColor; }
.pg-btn.is-loading { cursor: progress; }

/* Кнопка-иконка */
.pg-iconbtn { display: inline-grid; place-items: center; width: var(--size-menu-button); height: var(--size-menu-button); padding: 0; border: var(--border-control-width) solid transparent; border-radius: var(--radius-pill); background: transparent; color: var(--text-primary); cursor: pointer; transition: background-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard); }
.pg-iconbtn:focus { outline: none; }
.pg-iconbtn:focus-visible, .pg-iconbtn[data-state="focus"] { box-shadow: var(--focus-ring); }
.pg-iconbtn--sm { width: var(--size-touch); height: var(--size-touch); }
.pg-iconbtn--dark { background: var(--bg-dark); color: var(--text-inverse); }
.pg-iconbtn--dark:hover, .pg-iconbtn--dark[data-state="hover"] { background: var(--action-primary); }
.pg-iconbtn--dark:active, .pg-iconbtn--dark[data-state="pressed"] { background: var(--action-primary-pressed); transform: translateY(1px); }
.pg-iconbtn--outline { border-color: var(--border-strong); }
.pg-iconbtn--outline:hover, .pg-iconbtn--outline[data-state="hover"], .pg-iconbtn--ghost:hover, .pg-iconbtn--ghost[data-state="hover"] { background: var(--action-secondary-hover); }
.pg-iconbtn--outline:active, .pg-iconbtn--outline[data-state="pressed"], .pg-iconbtn--ghost:active, .pg-iconbtn--ghost[data-state="pressed"] { background: var(--action-secondary-pressed); }
.pg-iconbtn:disabled { background: transparent; color: var(--text-disabled); border-color: var(--border-hairline); cursor: not-allowed; }

/* ---------- Ссылки ---------- */
.pg-link { color: var(--text-link); font-weight: 500; text-decoration: underline; text-decoration-thickness: 1.5px; text-underline-offset: 0.18em; border-radius: 4px; transition: color var(--motion-fast) var(--ease-standard), text-decoration-thickness var(--motion-fast) var(--ease-standard); }
.pg-link:hover, .pg-link[data-state="hover"] { color: var(--text-link-hover); text-decoration-thickness: 2.5px; }
.pg-link:focus { outline: none; }
.pg-link:focus-visible, .pg-link[data-state="focus"] { box-shadow: var(--focus-ring); text-decoration: none; }
.pg-link:visited { color: var(--text-link); }
.pg-link .pg-icon { margin-left: 2px; vertical-align: -0.15em; }
.pg-link--inverse, .pg-link--inverse:visited { color: var(--text-inverse); }
.pg-link--inverse:hover, .pg-link--inverse[data-state="hover"] { color: var(--text-inverse); text-decoration-color: var(--graphic-coral); }
.pg-link--inverse:focus-visible, .pg-link--inverse[data-state="focus"] { box-shadow: var(--focus-ring-inverse); }
.pg-link--quiet, .pg-link--quiet:visited { color: var(--text-primary); text-decoration-color: var(--border-control); }
.pg-link--quiet:hover, .pg-link--quiet[data-state="hover"] { color: var(--text-primary); text-decoration-color: var(--graphic-coral); }

/* ---------- Шапка ---------- */
.pg-header { container-type: inline-size; background: var(--bg-canvas); position: relative; z-index: 5; }
.pg-header__inner { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); min-height: 72px; }
.pg-logo { font: 800 24px/1 var(--font-serif); color: var(--text-primary); text-decoration: none; white-space: nowrap; border-radius: 6px; padding: 6px 0; }
.pg-logo:focus { outline: none; }
.pg-logo:focus-visible { box-shadow: var(--focus-ring); }
.pg-nav { display: none; }
.pg-nav ul { display: flex; gap: var(--space-2); list-style: none; margin: 0; padding: 0; }
.pg-nav a { display: inline-flex; align-items: center; min-height: var(--size-touch); padding: 0 var(--space-3); color: var(--text-primary); font: 500 16px/24px var(--font-sans); text-decoration: none; border-radius: var(--radius-pill); background-image: linear-gradient(var(--graphic-coral), var(--graphic-coral)); background-repeat: no-repeat; background-position: 50% calc(100% - 8px); background-size: 0 2px; transition: background-size var(--motion-base) var(--ease-standard), color var(--motion-fast) var(--ease-standard); }
.pg-nav a:hover { background-size: calc(100% - 24px) 2px; }
.pg-nav a[aria-current="page"] { background-size: calc(100% - 24px) 2px; background-image: linear-gradient(var(--action-primary), var(--action-primary)); }
.pg-nav a:focus { outline: none; }
.pg-nav a:focus-visible { box-shadow: var(--focus-ring); }
.pg-header__end { display: flex; align-items: center; gap: var(--space-3); }
.pg-header__cta { display: none; }
@container (min-width: 900px) {
  .pg-header__inner { min-height: 88px; }
  .pg-logo { font-size: 28px; }
  .pg-nav { display: block; }
  .pg-header__menu { display: none; }
  .pg-header__cta { display: inline-flex; }
}

/* ---------- Мобильное меню ---------- */
.pg-menu { position: fixed; inset: 0; z-index: 40; display: flex; flex-direction: column; background: var(--bg-canvas); overflow-y: auto; animation: pg-fade-in var(--motion-base) var(--ease-standard); }
.pg-menu--inline { position: relative; inset: auto; min-height: 560px; border-radius: var(--radius-md); box-shadow: var(--shadow-dialog); animation: none; }
.pg-menu__top { display: flex; align-items: center; justify-content: space-between; min-height: 72px; padding-inline: var(--space-6); }
.pg-menu__list { list-style: none; margin: var(--space-4) 0 0; padding: 0 var(--space-6); }
.pg-menu__list li { border-top: var(--border-hair) solid var(--border-hairline); }
.pg-menu__list li:last-child { border-bottom: var(--border-hair) solid var(--border-hairline); }
.pg-menu__list a { display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); min-height: 64px; color: var(--text-primary); text-decoration: none; font: 700 28px/1.15 var(--font-serif); border-radius: 8px; }
.pg-menu__list a[aria-current="page"] { color: var(--text-link); }
.pg-menu__list a:focus { outline: none; }
.pg-menu__list a:focus-visible { box-shadow: var(--focus-ring); }
.pg-menu__list a .pg-icon { color: var(--graphic-coral); }
.pg-menu__foot { margin-top: auto; padding: var(--space-8) var(--space-6) var(--space-6); display: grid; gap: var(--space-3); }
@keyframes pg-fade-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

/* ---------- Подвал ---------- */
.pg-footer { container-type: inline-size; background: var(--bg-dark); color: var(--text-inverse); }
.pg-footer__grid { display: grid; gap: var(--space-8); padding-block: var(--space-12) var(--space-8); }
.pg-footer__logo { font: 800 32px/1.05 var(--font-serif); margin: 0 0 var(--space-3); }
.pg-footer__slogan { font: 400 20px/1.3 var(--font-serif); margin: 0; color: var(--text-inverse); }
.pg-footer h2 { font: 600 14px/20px var(--font-sans); letter-spacing: 0.04em; margin: 0 0 var(--space-3); color: var(--text-inverse); }
.pg-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-1); }
.pg-footer a { display: inline-flex; align-items: center; min-height: var(--size-touch); color: var(--text-inverse); font: 500 16px/24px var(--font-sans); text-decoration: underline; text-decoration-color: rgb(255 255 255 / 0.4); text-underline-offset: 0.25em; border-radius: 4px; }
.pg-footer a:hover { text-decoration-color: var(--graphic-coral); }
.pg-footer a:focus { outline: none; }
.pg-footer a:focus-visible { box-shadow: var(--focus-ring-inverse); }
.pg-footer__bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-3); padding-block: var(--space-6); border-top: var(--border-hair) solid rgb(255 255 255 / 0.24); font: 500 14px/20px var(--font-sans); }
.pg-footer__accent { color: var(--text-accent-on-dark); }
@container (min-width: 700px) { .pg-footer__grid { grid-template-columns: 1.4fr 1fr 1fr; } }

/* ---------- Поля ---------- */
.pg-field { display: grid; gap: var(--space-2); min-width: 0; border: 0; margin: 0; padding: 0; }
.pg-label { font: 600 15px/20px var(--font-sans); color: var(--text-primary); padding: 0; }
.pg-req { color: var(--text-error); margin-left: 2px; }
.pg-optional { font-weight: 400; color: var(--text-secondary); }
.pg-control { position: relative; }
.pg-input { display: block; width: 100%; min-height: var(--size-control); margin: 0; padding: 13px 16px; border: var(--border-control-width) solid var(--border-control); border-radius: var(--radius-sm); background: var(--bg-surface); color: var(--text-primary); font: 400 17px/24px var(--font-sans); transition: border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard); appearance: none; -webkit-appearance: none; }
.pg-input::placeholder { color: var(--text-secondary); opacity: 1; }
.pg-input:hover, .pg-input[data-state="hover"] { border-color: var(--border-strong); }
.pg-input:focus, .pg-input[data-state="focus"] { outline: none; border-color: var(--border-strong); box-shadow: var(--focus-ring); }
.pg-input[aria-invalid="true"] { border-color: var(--border-error); border-width: var(--border-strong-width); padding: 12.5px 47.5px 12.5px 15.5px; }
.pg-input.is-valid { border-color: var(--action-primary); padding-right: 48px; }
.pg-input:disabled { background: var(--bg-muted); border-color: var(--border-hairline); color: var(--text-disabled); cursor: not-allowed; }
textarea.pg-input { min-height: 144px; resize: vertical; }
select.pg-input { padding-right: 48px; cursor: pointer; }
.pg-control__icon { position: absolute; right: 14px; top: 14px; pointer-events: none; color: var(--text-primary); }
.pg-control__icon--error { color: var(--status-error); }
.pg-control__icon--success { color: var(--status-success); }
select.pg-input[aria-invalid="true"] ~ .pg-control__icon--chevron, select.pg-input.is-valid ~ .pg-control__icon--chevron { right: 44px; }
.pg-field__meta { display: flex; justify-content: space-between; gap: var(--space-3); }
.pg-counter { font: 500 14px/20px var(--font-sans); color: var(--text-secondary); white-space: nowrap; margin-left: auto; }

.pg-msg { display: flex; align-items: flex-start; gap: var(--space-2); margin: 0; font: 400 14px/20px var(--font-sans); color: var(--text-secondary); }
.pg-msg .pg-icon { margin-top: -2px; }
.pg-msg--error { color: var(--text-error); font-weight: 500; }
.pg-msg--success { color: var(--status-success); font-weight: 500; }

/* Чекбокс и радиокнопка */
.pg-check { display: flex; align-items: flex-start; gap: var(--space-3); min-height: var(--size-touch); padding: 10px 0; cursor: pointer; font: 400 17px/24px var(--font-sans); color: var(--text-primary); }
.pg-check__box { flex: none; width: var(--size-icon); height: var(--size-icon); margin: 0; border: var(--border-control-width) solid var(--border-control); border-radius: var(--radius-xs); background: var(--bg-surface) no-repeat center / 18px 18px; appearance: none; -webkit-appearance: none; cursor: pointer; transition: background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard); }
.pg-check:hover .pg-check__box, .pg-check[data-state="hover"] .pg-check__box { border-color: var(--border-strong); }
.pg-check__box:checked { background-color: var(--action-primary); border-color: var(--action-primary); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E"); }
.pg-check__box[type="radio"] { border-radius: 50%; }
.pg-check__box[type="radio"]:checked { background-image: none; box-shadow: inset 0 0 0 5px var(--white); }
.pg-check__box:focus { outline: none; }
.pg-check__box:focus-visible, .pg-check[data-state="focus"] .pg-check__box { box-shadow: var(--focus-ring); }
.pg-check__box[type="radio"]:checked:focus-visible { box-shadow: inset 0 0 0 5px var(--white), var(--focus-ring); }
.pg-check__box[aria-invalid="true"] { border-color: var(--border-error); border-width: var(--border-strong-width); }
.pg-check__box:disabled { background-color: var(--bg-muted); border-color: var(--border-hairline); cursor: not-allowed; }
.pg-check__box:disabled:checked { background-color: var(--navy-400); }
.pg-check.is-disabled { color: var(--text-disabled); cursor: not-allowed; }
.pg-check__text { display: grid; gap: 2px; }
.pg-check__desc { font: 400 14px/20px var(--font-sans); color: var(--text-secondary); }
.pg-fieldset { border: 0; margin: 0; padding: 0; min-width: 0; }
.pg-fieldset legend { padding: 0; margin-bottom: var(--space-1); }

/* Загрузка файла */
.pg-drop { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-4); padding: var(--space-6); border: var(--border-control-width) dashed var(--border-control); border-radius: var(--radius-sm); background: var(--bg-surface); transition: background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard); }
.pg-drop.is-dragover { border-color: var(--action-primary); border-style: solid; background: var(--bg-info); }
.pg-drop.is-invalid { border-color: var(--border-error); border-width: var(--border-strong-width); }
.pg-drop.is-disabled { background: var(--bg-muted); border-color: var(--border-hairline); color: var(--text-disabled); }
.pg-drop__icon { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--bg-info); color: var(--action-primary); flex: none; }
.pg-drop__text { flex: 1 1 200px; display: grid; gap: 2px; }
.pg-drop__input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.pg-drop__input:focus-visible + .pg-btn { box-shadow: var(--focus-ring); }
.pg-files { list-style: none; margin: var(--space-2) 0 0; padding: 0; }
.pg-file { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: var(--space-3); padding: var(--space-3) 0; border-top: var(--border-hair) solid var(--border-hairline); }
.pg-file:last-child { border-bottom: var(--border-hair) solid var(--border-hairline); }
.pg-file__name { font: 500 16px/22px var(--font-sans); overflow-wrap: anywhere; }
.pg-file__meta { display: flex; align-items: center; gap: var(--space-2); font: 500 14px/20px var(--font-sans); color: var(--text-secondary); }
.pg-file__meta.is-done { color: var(--status-success); }
.pg-file__meta.is-error { color: var(--text-error); }

/* ---------- Уведомление ---------- */
.pg-notice { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; gap: var(--space-3); align-items: start; padding: var(--space-4) 20px; border: var(--border-hair) solid var(--border-hairline); border-radius: var(--radius-sm); background: var(--bg-surface); color: var(--text-primary); animation: pg-fade-in var(--motion-base) var(--ease-standard); }
.pg-notice__title { font: 600 17px/24px var(--font-sans); margin: 0; }
.pg-notice__body { font: 400 16px/24px var(--font-sans); margin: 2px 0 0; }
.pg-notice__body a { color: inherit; }
.pg-notice__action { margin-top: var(--space-3); }
.pg-notice > .pg-icon { margin-top: 0; }
.pg-notice .pg-iconbtn { margin: -10px -10px -10px 0; }
.pg-notice--info { background: var(--bg-info); border-color: var(--action-primary); }
.pg-notice--info > .pg-icon, .pg-notice--success > .pg-icon { color: var(--action-primary); }
.pg-notice--success { background: var(--bg-surface); border-color: var(--action-primary); border-width: var(--border-strong-width); }
.pg-notice--error { background: var(--bg-error); border-color: var(--border-error); }
.pg-notice--error > .pg-icon { color: var(--status-error); }
.pg-notice--error .pg-notice__title { color: var(--text-error); }
.pg-notice--neutral > .pg-icon { color: var(--text-secondary); }
.pg-notice:focus { outline: none; box-shadow: var(--focus-ring); }

/* ---------- Диалог подтверждения ---------- */
.pg-scrim { position: fixed; inset: 0; z-index: 45; display: grid; place-items: center; padding: var(--space-4); background: rgb(6 28 78 / 0.5); animation: pg-scrim-in var(--motion-base) var(--ease-standard); }
.pg-scrim--inline { position: relative; inset: auto; min-height: 340px; border-radius: var(--radius-md); animation: none; }
.pg-dialog { width: 100%; max-width: 480px; padding: var(--space-8); border-radius: var(--radius-md); background: var(--bg-surface); box-shadow: var(--shadow-dialog); animation: pg-fade-in var(--motion-base) var(--ease-standard); }
.pg-scrim--inline .pg-dialog { animation: none; }
.pg-dialog__title { font: 700 28px/1.2 var(--font-serif); margin: 0 0 var(--space-3); }
.pg-dialog__body { font: 400 17px/26px var(--font-sans); margin: 0; color: var(--text-primary); }
.pg-dialog__actions { display: flex; flex-wrap: wrap-reverse; justify-content: flex-end; gap: var(--space-3); margin-top: var(--space-8); }
.pg-dialog__actions .pg-btn { min-width: 0; flex: 1 1 180px; }
@keyframes pg-scrim-in { from { opacity: 0; } to { opacity: 1; } }

/* ---------- FAQ ---------- */
.pg-faq-list { border-bottom: var(--border-hair) solid var(--border-hairline); }
.pg-faq { border-top: var(--border-hair) solid var(--border-hairline); }
.pg-faq__q { display: flex; align-items: center; justify-content: space-between; gap: var(--space-6); min-height: var(--size-touch); padding: var(--space-6) 0; list-style: none; cursor: pointer; font: 600 clamp(19px, 18px + 0.29cqi, 22px)/1.36 var(--font-sans); color: var(--text-primary); border-radius: 8px; transition: color var(--motion-fast) var(--ease-standard); }
.pg-faq__q::-webkit-details-marker { display: none; }
.pg-faq__q::marker { content: ""; }
.pg-faq__q:hover { color: var(--text-link-hover); }
.pg-faq__q:focus { outline: none; }
.pg-faq__q:focus-visible { box-shadow: var(--focus-ring); }
.pg-faq__sign { flex: none; display: grid; place-items: center; width: var(--size-touch); height: var(--size-touch); border: var(--border-control-width) solid var(--border-strong); border-radius: 50%; color: var(--text-primary); transition: transform var(--motion-base) var(--ease-standard), background-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard); }
.pg-faq.is-open .pg-faq__sign { transform: none; background: var(--bg-dark); color: var(--text-inverse); border-color: var(--bg-dark); }
.pg-faq__a { padding: 0 var(--space-12) var(--space-6) 0; font: 400 17px/26px var(--font-sans); max-width: var(--measure); overflow: hidden; }
.pg-faq__a > :first-child { margin-top: 0; }
.pg-faq__a > :last-child { margin-bottom: 0; }

.pg-faq__h { margin: 0; }
button.pg-faq__q { width: 100%; border: 0; background: none; text-align: left; }
.pg-faq__sign { position: relative; }
.pg-faq__sign i { position: absolute; left: 50%; top: 50%; width: 16px; height: 2px; margin: -1px 0 0 -8px; border-radius: 1px; background: currentColor; transition: transform var(--motion-base) var(--ease-standard); }
.pg-faq__sign i:last-child { transform: rotate(90deg); }
.pg-faq.is-open .pg-faq__sign i:last-child { transform: rotate(90deg) scaleX(0); }
.pg-faq__panel { overflow: hidden; }

/* ---------- Бейдж статуса ---------- */
.pg-badge { display: inline-flex; align-items: center; gap: 6px; min-height: 28px; padding: 3px 12px 3px 9px; border: var(--border-hair) solid var(--border-control); border-radius: var(--radius-pill); background: var(--bg-surface); color: var(--text-primary); font: 500 14px/20px var(--font-sans); letter-spacing: 0.01em; white-space: nowrap; vertical-align: middle; }
.pg-badge--tbd, .pg-badge--draft { border-style: dashed; background: transparent; color: var(--text-secondary); }
.pg-badge--current, .pg-badge--open, .pg-badge--running { background: var(--action-primary); border-color: var(--action-primary); color: var(--on-action); }
.pg-badge--done, .pg-badge--published { background: var(--bg-dark); border-color: var(--bg-dark); color: var(--text-inverse); }
.pg-badge--closed { background: var(--bg-muted); border-color: var(--bg-muted); }
.pg-badge--error { background: var(--bg-error); border-color: var(--border-error); color: var(--text-error); }
.pg-badge--nomination { background: transparent; border-color: var(--border-hairline); color: var(--text-secondary); }

/* ---------- Этапы ---------- */
.pg-stages { container-type: inline-size; }
.pg-stages__list { list-style: none; margin: 0; padding: 0; }
.pg-stage { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 20px; padding-bottom: var(--space-12); }
.pg-stage:last-child { padding-bottom: 0; }
.pg-stage::before { content: ""; position: absolute; left: 19px; top: 48px; bottom: 8px; width: var(--border-strong-width); background: var(--border-hairline); }
.pg-stage:last-child::before { display: none; }
.pg-stage.is-done::before { background: var(--border-strong); }
.pg-stage__marker { grid-column: 1; grid-row: 1 / span 4; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: var(--border-strong-width) solid var(--border-strong); background: var(--bg-canvas); color: var(--text-primary); font: 700 16px/1 var(--font-serif); }
.pg-stage.is-done .pg-stage__marker { background: var(--bg-dark); color: var(--text-inverse); }
.pg-stage.is-current .pg-stage__marker { background: var(--action-primary); border-color: var(--action-primary); color: var(--on-action); box-shadow: 0 0 0 6px var(--bg-info); }
.pg-stage.is-tbd .pg-stage__marker { border-style: dashed; border-color: var(--border-control); color: var(--text-secondary); }
.pg-stage__date { grid-column: 2; display: flex; align-items: center; gap: 6px; min-height: 40px; margin: 0; font: 500 14px/20px var(--font-sans); letter-spacing: 0.01em; color: var(--text-secondary); }
.pg-stage__title { grid-column: 2; margin: var(--space-1) 0 0; font: 700 clamp(24px, 23px + 0.76cqi, 34px)/1.2 var(--font-serif); }
.pg-stage__desc { grid-column: 2; margin: var(--space-2) 0 0; font: 400 16px/24px var(--font-sans); max-width: 60ch; }
.pg-stage__status { grid-column: 2; margin-top: var(--space-3); }
@container (min-width: 760px) {
  .pg-stage { grid-template-columns: 200px 40px minmax(0, 1fr); }
  .pg-stage::before { left: calc(200px + 20px + 19px); }
  .pg-stage__date { grid-column: 1; grid-row: 1; justify-content: flex-end; text-align: right; }
  .pg-stage__marker { grid-column: 2; }
  .pg-stage__title, .pg-stage__desc, .pg-stage__status { grid-column: 3; }
  .pg-stage__title { margin-top: 0; }
}

/* ---------- Карточка участника ---------- */
.pg-pcard { position: relative; display: grid; gap: var(--space-3); align-content: start; color: var(--text-primary); }
.pg-pcard__media { position: relative; aspect-ratio: 4 / 5; border-radius: var(--radius-md); background: var(--bg-muted); overflow: hidden; }
.pg-pcard__media img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform var(--motion-base) var(--ease-standard); }
.pg-pcard__placeholder { position: absolute; inset: 0; display: grid; place-items: end start; padding: var(--space-4); color: var(--text-secondary); font: 500 14px/20px var(--font-sans); }
.pg-pcard__placeholder svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.pg-pcard__placeholder span { position: relative; }
.pg-pcard__name { margin: var(--space-2) 0 0; font: 700 26px/1.15 var(--font-serif); }
.pg-pcard__name a { color: inherit; text-decoration: underline; text-decoration-color: transparent; text-decoration-thickness: 2px; text-underline-offset: 0.18em; transition: text-decoration-color var(--motion-fast) var(--ease-standard); }
.pg-pcard__name a::after { content: ""; position: absolute; inset: 0; border-radius: var(--radius-md); }
.pg-pcard__name a:focus { outline: none; }
.pg-pcard__name a:focus-visible::after { box-shadow: var(--focus-ring); }
.pg-pcard:hover .pg-pcard__name a, .pg-pcard[data-state="hover"] .pg-pcard__name a { text-decoration-color: var(--graphic-coral); }
.pg-pcard:hover .pg-pcard__media img { transform: scale(1.02); }
.pg-pcard__role { margin: 0; font: 400 16px/24px var(--font-sans); color: var(--text-secondary); }
.pg-pcard__more { display: inline-flex; align-items: center; gap: 6px; font: 600 16px/20px var(--font-sans); color: var(--text-link); }

/* ---------- Строка документа ---------- */
.pg-docs { list-style: none; margin: 0; padding: 0; border-bottom: var(--border-hair) solid var(--border-hairline); container-type: inline-size; }
.pg-doc { display: grid; grid-template-columns: 48px minmax(0, 1fr); grid-template-areas: "icon text" "icon action"; column-gap: var(--space-4); row-gap: var(--space-3); align-items: center; padding: 20px 0; border-top: var(--border-hair) solid var(--border-hairline); }
.pg-doc__icon { grid-area: icon; align-self: start; display: grid; place-items: center; width: 48px; height: 48px; border-radius: var(--radius-sm); background: var(--bg-muted); color: var(--text-primary); }
.pg-doc__text { grid-area: text; min-width: 0; }
.pg-doc__title { margin: 0; font: 500 18px/26px var(--font-sans); overflow-wrap: anywhere; }
.pg-doc__meta { margin: 2px 0 0; font: 500 14px/20px var(--font-sans); color: var(--text-secondary); }
.pg-doc__action { grid-area: action; justify-self: start; }
@container (min-width: 600px) {
  .pg-doc { grid-template-columns: 48px minmax(0, 1fr) auto; grid-template-areas: "icon text action"; }
  .pg-doc__icon { align-self: center; }
}

/* ---------- Пустое состояние и загрузка ---------- */
.pg-empty { display: grid; justify-items: start; gap: var(--space-4); padding: var(--space-12) 0; max-width: 560px; }
.pg-empty__art { width: 120px; height: 96px; }
.pg-empty__title { margin: 0; font: 700 clamp(24px, 23px + 0.76cqi, 30px)/1.2 var(--font-serif); }
.pg-empty__text { margin: 0; font: 400 17px/26px var(--font-sans); color: var(--text-secondary); }
.pg-loading { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-6) 0; font: 500 16px/24px var(--font-sans); color: var(--text-secondary); }
.pg-loading .pg-spinner { color: var(--action-primary); }
.pg-skel { display: grid; gap: var(--space-3); }
.pg-skel__row { height: 20px; border-radius: 6px; background: var(--bg-muted) linear-gradient(90deg, transparent 0, rgb(255 255 255 / 0.65) 50%, transparent 100%) no-repeat; background-size: 40% 100%; animation: pg-shimmer 1400ms var(--ease-standard) infinite; }
.pg-skel__row--title { height: 32px; width: 60%; }
.pg-skel__row--short { width: 40%; }
@keyframes pg-shimmer { from { background-position: -60% 0; } to { background-position: 160% 0; } }

/* ---------- Композиция: первый экран ---------- */
.pg-hero { container-type: inline-size; background: var(--bg-canvas); overflow: hidden; }
.pg-hero__grid { display: flex; flex-direction: column; gap: var(--space-8); padding-block: var(--space-8) 0; }
.pg-hero__text { display: grid; gap: var(--space-6); align-content: start; position: relative; z-index: 1; }
.pg-hero__status { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3); }
.pg-hero__actions { display: grid; gap: var(--space-3); }
.pg-hero__actions .pg-btn { width: 100%; min-width: 0; }
.pg-hero__art { margin: 0; position: relative; }
.pg-hero__art img { display: block; width: 100%; height: auto; max-height: 360px; object-fit: contain; object-position: center bottom; mix-blend-mode: multiply; }
.pg-hero__placeholder { aspect-ratio: 714 / 566; max-height: 360px; border-radius: var(--radius-md); background: var(--bg-muted); display: grid; place-items: center; color: var(--text-secondary); font: 500 14px/20px var(--font-sans); }
@container (min-width: 560px) {
  .pg-hero__actions { display: flex; flex-wrap: wrap; }
  .pg-hero__actions .pg-btn { width: auto; min-width: var(--button-min-width); }
}
@container (min-width: 960px) {
  .pg-hero__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter-desktop); padding-top: var(--space-12); align-items: end; }
  .pg-hero__text { grid-column: 1 / span 6; align-self: start; padding-bottom: var(--space-12); }
  .pg-hero__art { grid-column: 7 / span 6; margin-right: calc(-1 * max(var(--pg-m), (100cqi - var(--container-max)) / 2)); }
  .pg-hero__art img { max-height: none; }
  .pg-hero__placeholder { max-height: none; }
  .pg-hero .pg-slogan .pg-line { white-space: nowrap; }
}

/* ---------- Композиция: синий блок ---------- */
.pg-exp { container-type: inline-size; background: var(--bg-action); color: var(--text-inverse); position: relative; overflow: hidden; }
.pg-exp__grid { display: grid; gap: var(--space-8); padding-block: var(--section-y-mobile) 0; position: relative; }
.pg-exp__text { display: grid; gap: var(--space-6); position: relative; padding-right: 64px; }
.pg-exp__title { margin: 0; font-family: var(--font-serif); color: var(--text-inverse); position: relative; }
.pg-exp__title-big { display: block; font-weight: 800; font-size: clamp(48px, 30px + 5cqi, 104px); line-height: 0.95; }
.pg-exp__title-rest { display: block; font-weight: 700; font-size: clamp(30px, 22px + 2.6cqi, 60px); line-height: 1.08; }
.pg-exp__star { position: absolute; width: clamp(56px, 30px + 7cqi, 140px); height: auto; right: 0; top: -8px; }
.pg-exp__lede { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: var(--space-4); align-items: start; max-width: 520px; }
.pg-exp__lede::before { content: ""; height: 1.5px; margin-top: 13px; background: var(--white); }
.pg-exp__lede p { margin: 0; font: 400 17px/26px var(--font-sans); color: var(--text-inverse); }
.pg-exp__line { position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 80px; pointer-events: none; }
.pg-exp__art { margin: 0 calc(-1 * var(--pg-m)); }
.pg-exp__art img { display: block; width: 100%; height: auto; max-height: 220px; object-fit: cover; object-position: 70% 50%; }
@container (min-width: 960px) {
  .pg-exp__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter-desktop); padding-block: var(--section-y-desktop) 0; align-items: end; }
  .pg-exp__text { grid-column: 1 / span 6; display: grid; gap: var(--space-8); padding-bottom: var(--section-y-desktop); }
  .pg-exp__star { right: -24px; top: -24px; }
  .pg-exp__art { grid-column: 7 / span 6; margin: 0 calc(-1 * max(var(--pg-m), (100cqi - var(--container-max)) / 2)) 0 0; }
  .pg-exp__art img { max-height: none; }
}

/* ---------- Композиция: текстовый блок ---------- */
.pg-textsec { container-type: inline-size; background: var(--bg-canvas); }
.pg-textsec__grid { display: grid; gap: var(--space-6); border-top: var(--border-hair) solid var(--border-hairline); padding-top: var(--space-8); }
.pg-textsec__head { display: grid; gap: var(--space-3); align-content: start; }
.pg-textsec__body { display: grid; gap: var(--space-6); }
.pg-theses { list-style: none; margin: var(--space-2) 0 0; padding: 0; }
.pg-thesis { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: var(--space-4); padding: var(--space-6) 0; border-top: var(--border-hair) solid var(--border-hairline); }
.pg-thesis__num { font: 700 28px/1 var(--font-serif); color: var(--text-primary); padding-bottom: 8px; background: linear-gradient(var(--graphic-coral), var(--graphic-coral)) no-repeat left bottom / 28px 3px; align-self: start; justify-self: start; }
.pg-thesis p { margin: 0; font: 400 17px/26px var(--font-sans); }
.pg-thesis strong { display: block; font: 600 19px/26px var(--font-sans); margin-bottom: var(--space-1); }
@container (min-width: 960px) {
  .pg-textsec__grid { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--gutter-desktop); padding-top: var(--space-12); }
  .pg-textsec__head { grid-column: 1 / span 5; }
  .pg-textsec__body { grid-column: 7 / span 6; }
}

/* ---------- Композиция: форма ---------- */
.pg-form { container-type: inline-size; }
.pg-form__head { display: grid; gap: var(--space-3); margin-bottom: var(--space-8); }
.pg-form__grid { display: grid; gap: var(--space-6); }
.pg-form__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); align-items: center; margin-top: var(--space-2); }
.pg-form__actions .pg-btn--primary { flex: 1 1 100%; min-width: 0; }
.pg-form__summary { margin-bottom: var(--space-6); }
.pg-form__summary ul { margin: var(--space-2) 0 0; padding-left: 20px; }
.pg-form__summary a { color: var(--text-error); font-weight: 500; }
@container (min-width: 700px) {
  .pg-form__grid { grid-template-columns: 1fr 1fr; column-gap: var(--space-6); }
  .pg-form__wide { grid-column: 1 / -1; }
  .pg-form__actions .pg-btn--primary { flex: 0 0 auto; min-width: var(--button-min-width); }
}

/* ---------- Иллюстрация-заглушка ---------- */
.pg-art-slot { display: grid; place-items: center; border-radius: var(--radius-md); background: var(--bg-muted); color: var(--text-secondary); font: 500 14px/20px var(--font-sans); }

/* ---------- Движение: реакции интерфейса ---------- */
/* Основная кнопка: 160ms смена заливки, стрелка +4px, нажатие scale(0.98); размер и текст не меняются */
.pg-btn:active, .pg-btn[data-state="pressed"] { transform: scale(0.98); }
.pg-btn--primary:hover .pg-icon[data-name="arrow-right"] { transform: none; }
.pg-btn--primary[data-state="hover"] .pg-icon[data-name="arrow-right"] { transform: translateX(4px); }
@media (hover: hover) and (pointer: fine) { .pg-btn--primary:hover .pg-icon[data-name="arrow-right"] { transform: translateX(4px); } }
/* Hover — только для точного указателя; на касание — реакция :active */
@media (hover: none), (pointer: coarse) {
  .pg-btn--primary:hover { background: var(--action-primary); }
  .pg-btn--secondary:hover, .pg-iconbtn--outline:hover, .pg-iconbtn--ghost:hover { background: transparent; }
  .pg-btn--text:hover { color: var(--text-primary); }
  .pg-iconbtn--dark:hover { background: var(--bg-dark); }
  .pg-btn--primary:active { background: var(--action-primary-pressed); }
  .pg-btn--secondary:active { background: var(--action-secondary-pressed); }
}
/* Ссылка: тонкое подчёркивание в покое; на наведении и в фокусе линия 2px прорисовывается слева направо за 200ms */
.pg-link, .pg-link:hover, .pg-link[data-state="hover"] { text-decoration-thickness: 1px; }
.pg-link { background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 0 2px; transition: background-size 200ms var(--ease-out), color var(--motion-fast) var(--ease-standard); }
.pg-link[data-state="hover"], .pg-link:focus-visible { background-size: 100% 2px; }
@media (hover: hover) and (pointer: fine) { .pg-link:hover { background-size: 100% 2px; } }
/* Прорисовка штриха: добавьте .is-drawn, когда элемент вошёл в область просмотра (один раз) */
.pg-stroke[data-draw]::after { clip-path: inset(-40% 100% -40% 0); }
.pg-stroke[data-draw].is-drawn::after { clip-path: inset(-40% 0 -40% 0); transition: clip-path var(--motion-draw) var(--ease-out); }
/* Появление: добавьте .is-in при входе блока в область просмотра (один раз) */
[data-reveal]:not(.is-in) { opacity: 0; transform: translateY(12px); }
[data-reveal].is-in { opacity: 1; transform: none; transition: opacity var(--motion-reveal) var(--ease-out), transform var(--motion-reveal) var(--ease-out); }

/* ---------- Сниженная анимация ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; }
  .pg-btn:active, .pg-btn[data-state="pressed"] { transform: none !important; }
  .pg-spinner { animation: none !important; }
  .pg-skel__row { background-image: none; }
  [data-reveal] { opacity: 1 !important; transform: none !important; }
  .pg-stroke[data-draw]::after { clip-path: none !important; }
  .pg-btn:active, .pg-btn .pg-icon { transform: none !important; }
}

/* ---------- Принудительные цвета (Windows High Contrast) ---------- */
@media (forced-colors: active) {
  .pg-btn, .pg-iconbtn, .pg-input, .pg-check__box, .pg-badge { border: 1px solid ButtonText; }
  .pg-btn:focus-visible, .pg-input:focus, .pg-check__box:focus-visible, .pg-link:focus-visible { outline: 3px solid Highlight; outline-offset: 2px; }
}