/* АДОРОС — дизайн-система сайта ассоциации.
   Один акцент (синий), одна гарнитура (Commissioner), нейтрали подкрашены в синий. */

:root{
  --page:oklch(97.4% 0.004 255);
  --surface:oklch(99.5% 0.002 255);
  --ink:oklch(25% 0.028 258);
  --ink-2:oklch(45% 0.022 258);
  --ink-3:oklch(58% 0.018 258);
  --line:oklch(90% 0.009 258);
  --line-2:oklch(94.5% 0.006 258);
  --blue:oklch(35% 0.085 258);
  --blue-d:oklch(28% 0.075 258);
  --blue-wash:oklch(96.4% 0.014 258);
  --ok:oklch(50% 0.1 156);
  --ok-wash:oklch(96.6% 0.022 156);
  --ok-line:oklch(91% 0.03 156);
  --ok-ink:oklch(38% 0.06 156);
  --r:7px;
  --w:1180px;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--page);color:var(--ink);
  font-family:Commissioner,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;
}
a{color:inherit}
img{max-width:100%;height:auto}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:3px}
::selection{background:var(--blue-wash)}
.w{max-width:var(--w);margin:0 auto;padding-left:clamp(18px,4vw,40px);padding-right:clamp(18px,4vw,40px)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;background:var(--surface);padding:10px 16px;border-radius:var(--r);z-index:50}

/* ——— шапка ——— */
.top{background:var(--surface);border-bottom:1px solid var(--line)}
.top-in{display:flex;align-items:center;justify-content:space-between;gap:26px;min-height:66px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;padding:8px 0}
.logo svg{flex:none;display:block}
.logo b{display:block;font-size:15.5px;font-weight:700;letter-spacing:.045em;line-height:1}
.logo i{display:block;font-style:normal;font-size:11px;line-height:1.3;color:var(--ink-3);margin-top:5px}
.top nav{display:flex;gap:4px;flex-wrap:wrap}
.top nav a{font-size:14px;color:var(--ink-2);text-decoration:none;padding:8px 12px;border-radius:6px;transition:background .15s,color .15s}
.top nav a:hover{background:var(--blue-wash);color:var(--blue)}
.top nav a[aria-current]{color:var(--blue);font-weight:600}

/* ——— полоса статуса ——— */
.state{background:var(--ok-wash);border-bottom:1px solid var(--ok-line)}
.state-in{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;padding:11px 0;font-size:13.5px;color:var(--ok-ink)}
.state-in b{font-weight:600;color:oklch(31% 0.07 156)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--ok);flex:none}
.state-in time{margin-left:auto;color:oklch(45% 0.04 156);font-variant-numeric:tabular-nums}

/* ——— типографика ——— */
h1{font-size:clamp(29px,4.4vw,42px);font-weight:600;line-height:1.08;letter-spacing:-.028em;margin:0 0 14px;text-wrap:balance;max-width:18ch}
h2{font-size:clamp(21px,2.7vw,28px);font-weight:600;line-height:1.2;letter-spacing:-.024em;margin:0 0 12px;text-wrap:balance;max-width:26ch}
h3{font-size:16.5px;font-weight:600;letter-spacing:-.012em;line-height:1.35;margin:0 0 7px}
.lede{font-size:17px;line-height:1.6;color:var(--ink-2);max-width:60ch;margin:0 0 28px}
.say{font-size:15.5px;line-height:1.62;color:var(--ink-2);max-width:66ch;margin:0 0 30px}
.crumbs{font-size:13px;color:var(--ink-3);margin:0 0 20px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.crumbs a{text-decoration:none;color:var(--ink-3)}
.crumbs a:hover{color:var(--blue)}
.crumbs svg{opacity:.5;flex:none}

/* ——— кнопки ——— */
.btn{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:15px;font-weight:600;padding:14px 22px;border-radius:var(--r);letter-spacing:-.006em;border:0;cursor:pointer;font-family:inherit;transition:background .16s,border-color .16s,color .16s}
.btn-p{background:var(--blue);color:oklch(99% 0.002 255)}
.btn-p:hover{background:var(--blue-d)}
.btn-s{border:1px solid var(--line);color:var(--ink);background:var(--surface)}
.btn-s:hover{border-color:var(--ink-3)}
.btn-w{background:oklch(97% 0.008 258);color:var(--blue-d)}
.btn-w:hover{background:oklch(100% 0 0)}
.cta{display:flex;flex-wrap:wrap;gap:11px}
.more{margin-top:26px;display:inline-flex;align-items:center;gap:8px;font-size:14.5px;font-weight:600;color:var(--blue);text-decoration:none}
.more:hover{text-decoration:underline;text-underline-offset:3px}

/* ——— секции ——— */
.head{background:var(--surface);border-bottom:1px solid var(--line);padding:clamp(30px,4vw,50px) 0 clamp(30px,4vw,46px)}
section{border-top:1px solid var(--line);padding:clamp(38px,4.4vw,56px) 0}
section:first-of-type{border-top:0}
.surface{background:var(--surface)}
.cols{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:clamp(24px,4vw,56px);align-items:start}
.sub{display:flex;flex-wrap:wrap;align-items:center;gap:7px 13px;font-size:14.5px;color:var(--ink-2);margin:0 0 22px}
.sub a{color:var(--blue);text-decoration:none;font-weight:500}
.sub a:hover{text-decoration:underline;text-underline-offset:3px}
.sub em{font-style:normal;color:var(--line);user-select:none}

/* ——— карточка участия ——— */
.card{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}
.card-top{display:flex;align-items:center;gap:11px;padding:16px 18px;border-bottom:1px solid var(--line-2);background:var(--blue-wash)}
.card-top b{font-size:13.5px;font-weight:600;line-height:1.35;color:var(--blue)}
.card dl{margin:0;padding:4px 18px 14px}
.card dt{font-size:12.5px;color:var(--ink-3);margin-top:14px}
.card dd{margin:3px 0 0;font-size:15px;font-weight:600;letter-spacing:-.008em;font-variant-numeric:tabular-nums}
.card dd span{display:block;font-size:13px;font-weight:400;color:var(--ink-3);margin-top:2px;letter-spacing:0}
.side{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:4px 18px 16px;margin:0}
.side dt{font-size:12.5px;color:var(--ink-3);margin-top:14px}
.side dd{margin:3px 0 0;font-size:15px;font-weight:600;letter-spacing:-.008em}
.side dd span{display:block;font-size:13px;font-weight:400;color:var(--ink-3);margin-top:2px;letter-spacing:0}

/* ——— наборы ——— */
.duties{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(24px,4vw,52px)}
.duties li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:22px 0;border-top:1px solid var(--line)}
.duties .ic{color:var(--blue);margin-top:2px}
.duties p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ink-2);max-width:46ch}
.quad{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,32px)}
.quad div{padding-top:16px;border-top:1px solid var(--line)}
.quad .ic{color:var(--blue);display:block;margin-bottom:11px}
.quad-3{grid-template-columns:repeat(3,1fr)}
.quad b{display:block;font-size:15.5px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px}
.quad span{display:block;font-size:14px;line-height:1.55;color:var(--ink-2)}
.quad a{color:var(--blue);text-decoration:none;font-weight:500}
.quad a:hover{text-decoration:underline;text-underline-offset:3px}
.steps{margin:0;padding:0;list-style:none;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:14px 0;border-top:1px solid var(--line-2);font-size:15.5px;line-height:1.55}
.steps li::before{content:counter(s,decimal-leading-zero);font-size:12.5px;font-weight:600;color:var(--ink-3);padding-top:4px;font-variant-numeric:tabular-nums}
.reads{display:grid;grid-template-columns:repeat(2,1fr);gap:0 clamp(24px,4vw,52px)}
.reads a{display:block;padding:17px 0;border-top:1px solid var(--line);text-decoration:none}
.reads b{display:block;font-size:16px;font-weight:600;letter-spacing:-.012em;line-height:1.35;margin-bottom:5px}
.reads span{display:block;font-size:13.5px;color:var(--ink-3)}
.reads a:hover b{color:var(--blue)}
.pull{background:var(--blue-wash);border-radius:10px;padding:22px}
.pull b{display:block;font-size:15.5px;font-weight:600;color:var(--blue);margin-bottom:8px;letter-spacing:-.01em}
.pull p{margin:0 0 16px;font-size:14px;line-height:1.58;color:var(--ink-2)}
.pull a{font-size:14.5px;font-weight:600;color:var(--blue);text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.pull a:hover{text-decoration:underline;text-underline-offset:3px}

/* ——— синий блок ——— */
.deep{background:var(--blue);color:oklch(96% 0.012 258);border-top:0}
.deep h2{color:oklch(99% 0.004 258)}
.deep .say{color:oklch(84% 0.03 258)}
.deep .cols{grid-template-columns:minmax(0,1fr) 300px}
.deep .steps li{border-top-color:oklch(45% 0.06 258);color:oklch(88% 0.025 258)}
.deep .steps li::before{color:oklch(74% 0.06 258)}
.deep-box{background:oklch(30% 0.078 258);border:1px solid oklch(43% 0.06 258);border-radius:10px;padding:20px}
.deep-box b{display:block;font-size:15.5px;font-weight:600;color:oklch(99% 0.004 258);margin-bottom:7px;letter-spacing:-.01em}
.deep-box p{margin:0 0 16px;font-size:13.5px;line-height:1.55;color:oklch(82% 0.03 258)}
.deep-box .btn{width:100%;justify-content:center}

/* ——— текстовая страница ——— */
.prose{max-width:68ch}
.prose p{margin:0 0 18px;font-size:16.5px;line-height:1.68;color:var(--ink-2)}
.prose h2{margin:34px 0 12px}
.prose h3{margin:26px 0 8px;font-size:17.5px}
.prose ul,.prose ol{margin:0 0 20px;padding-left:22px;color:var(--ink-2)}
.prose li{margin-bottom:9px;line-height:1.6}
.prose strong{color:var(--ink);font-weight:600}
.prose .callout{background:var(--blue-wash);border-radius:10px;padding:18px 20px;margin:0 0 24px}
.prose .callout p{margin:0;font-size:15px;color:var(--ink-2)}
h2.mt{margin-top:34px}
.meta{font-size:13.5px;color:var(--ink-3);margin:0 0 26px}

/* ——— форма ——— */
.form{max-width:560px}
.field{margin-bottom:18px}
.field label{display:block;font-size:14px;font-weight:600;margin-bottom:7px}
.field .hint{display:block;font-size:13px;font-weight:400;color:var(--ink-3);margin-top:3px}
.field input,.field textarea,.field select{
  width:100%;font:400 15.5px/1.5 inherit;font-family:inherit;color:var(--ink);
  background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;
}
.field textarea{min-height:132px;resize:vertical}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px var(--blue-wash)}
.consent{display:grid;grid-template-columns:auto minmax(0,1fr);gap:11px;align-items:start;margin:0 0 22px;max-width:60ch}
.consent input{width:17px;height:17px;margin:2px 0 0;accent-color:var(--blue);cursor:pointer}
.consent label{font-size:13px;line-height:1.6;color:var(--ink-3);cursor:pointer}
.consent a{color:var(--blue)}
.consent.is-bad label{color:oklch(48% 0.15 25)}
.consent.is-bad input{outline:2px solid oklch(52% 0.14 25);outline-offset:2px}
.done{display:none;background:var(--ok-wash);border:1px solid var(--ok-line);border-radius:10px;padding:18px 20px}
.done b{display:block;font-size:16px;font-weight:600;color:oklch(31% 0.07 156);margin-bottom:6px}
.done p{margin:0;font-size:14.5px;line-height:1.6;color:var(--ok-ink)}
.form.is-sent .form-body{display:none}
.form.is-sent .done{display:block}

/* ——— возврат и подвал ——— */
.back{background:var(--surface);border-top:1px solid var(--line)}
.back-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:22px;padding:34px 0}
.back b{display:block;font-size:19px;font-weight:600;letter-spacing:-.02em;margin-bottom:5px}
.back p{margin:0;font-size:14.5px;color:var(--ink-2);max-width:50ch}
footer{background:var(--surface);border-top:1px solid var(--line);padding:32px 0 30px}
.fcols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;padding-bottom:26px}
.fcols b{display:block;font-size:12.5px;font-weight:600;color:var(--ink-3);margin-bottom:12px;letter-spacing:.03em}
.fcols a{display:block;font-size:14px;color:var(--ink-2);text-decoration:none;padding:4px 0}
.fcols a:hover{color:var(--blue)}
.fnote{border-top:1px solid var(--line-2);padding-top:20px;font-size:12.5px;line-height:1.65;color:var(--ink-3);max-width:92ch;margin:0}

@media (max-width:940px){
  .cols,.deep .cols{grid-template-columns:1fr}
  .quad{grid-template-columns:repeat(2,1fr)}
  .fcols{grid-template-columns:1fr 1fr}
  .card{order:-1}
}
@media (max-width:680px){
  .top-in{flex-direction:column;align-items:flex-start;gap:2px;padding-bottom:8px}
  .top nav{gap:0;margin-left:-12px}
  .duties,.quad,.quad-3,.reads,.fcols{grid-template-columns:1fr}
  .duties li:first-child{border-top:1px solid var(--line)}
  .cta .btn,.back-in .btn{flex:1 1 100%;justify-content:center}
  .state-in time{margin-left:0;flex:1 1 100%}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}