/* Ortus · атлас источников: /istochniki/ и /istochniki/<отрасль>/. Канон — «6 Сайт/КАНОН.md»:
   прямые углы, тонкие линии, без теней и карточек; одна янтарная вещь на экране (открытый источник в рамке с разрывом). */

/* счётчики под заголовком */
.atl-k{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:28px}
.atl-k li{display:grid;gap:4px;padding-top:12px;border-top:1px solid var(--ink);min-width:120px}
.atl-k b{font-weight:500;font-size:clamp(30px,3vw,44px);line-height:1;letter-spacing:-.03em}
.atl-k span{font-size:15px;color:var(--muted-l)}

/* выбор отрасли */
.atl-pick{padding:clamp(36px,4vw,56px) 0 clamp(28px,3vw,40px)}
.atl-pick h2,.atl-map h2,.atl-tl h2{font-weight:500;font-size:clamp(24px,2.4vw,34px);line-height:1.1;letter-spacing:-.03em;text-wrap:balance}
.atl-seg{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}
.atl-seg a{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid var(--line-l);font-size:15px;color:#2C323B;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.atl-seg a:hover{border-color:var(--muted-l);color:var(--ink)}
.atl-seg a[aria-current]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.atl-seg a:focus-visible{outline:2px solid var(--amber-ink);outline-offset:2px}

/* карта источников: ночная полоса во всю ширину, текст в колонке */
.atl-map{margin:0 calc(50% - 50vw);background:var(--night);color:var(--paper);padding:clamp(44px,5vw,72px) calc(50vw - 50%) clamp(40px,5vw,64px);scroll-margin-top:72px}
.atl-sub{margin-top:14px;max-width:44em;font-size:17px;line-height:1.55;color:var(--soft)}
.pg-s .atl-sub,.atl-tl .atl-sub{color:#2C323B}
.lanes{display:grid;gap:clamp(28px,3vw,40px);margin-top:clamp(28px,3vw,40px)}
.lane-h{display:flex;align-items:baseline;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line-d);font-weight:500;font-size:19px;letter-spacing:-.015em}
.lane-h .mono{font-size:14px;color:var(--muted-d)}
.lane-l{display:grid}
.src{border-bottom:1px solid var(--line-d)}
.src details{position:relative;padding:0 14px;margin:0 -14px}
.src summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr) minmax(0,3.2fr);gap:6px 24px;align-items:baseline;padding:16px 0}
.src summary::-webkit-details-marker{display:none}
.src summary:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
.src-n{font-weight:500;font-size:17px;line-height:1.35;letter-spacing:-.01em;color:var(--paper)}
.src-e{font-size:16px;line-height:1.45;color:var(--soft)}
.src-m{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--muted-d);justify-content:flex-end;text-align:right}
.src-m i,.src-m em{font-style:normal}
.src-m .mono{font-size:13px;color:var(--soft)}
.src-m em{color:var(--paper)}
.src summary:hover .src-n{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--muted-d)}
.src-d{display:grid;gap:10px;padding:0 0 22px;max-width:62em}
.src-d p{font-size:16px;line-height:1.55;color:var(--soft)}
.src-d b{font-weight:500;color:var(--paper)}
.src-a{justify-self:start;margin-top:4px;font-family:var(--mono);font-size:14px;color:var(--paper);text-underline-offset:4px}
/* открытый источник: рамка с разрывом в верхней грани и точкой над разрывом (кольцо знака) */
.src details[open]{border:1px solid var(--amber);border-top:0;
  background:linear-gradient(var(--amber),var(--amber)) left top/calc(50% - 15px) 1px no-repeat,
             linear-gradient(var(--amber),var(--amber)) right top/calc(50% - 15px) 1px no-repeat}
.src details[open]::after{content:"";position:absolute;left:50%;top:-16px;width:10px;height:10px;margin-left:-5px;border-radius:50%;background:var(--amber)}
.src:has(details[open]){border-bottom-color:transparent}
.atl-more{margin-top:28px;font-size:17px}
.atl-more a{color:var(--paper);text-underline-offset:5px;text-decoration-color:var(--muted-d)}
@media (max-width:860px){
  .src summary{grid-template-columns:1fr;gap:6px}
  .src-m{justify-content:flex-start;text-align:left}
  .src details{padding:0 8px;margin:0 -8px}
}

/* раньше объявления: шкала жизни закупки */
.atl-tl{padding:clamp(48px,6vw,80px) 0 clamp(24px,3vw,40px);border-bottom:1px solid var(--line-l)}
.tl{position:relative;margin-top:clamp(32px,4vw,48px);--p:0}
.tl-l{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px;border-top:1px solid var(--ink);padding-top:22px}
.tl-l li{position:relative;display:grid;gap:8px;align-content:start}
.tl-l li::before{content:"";position:absolute;left:0;top:-29px;width:1px;height:14px;background:var(--ink)}
.tl-l .mono{font-size:14px;color:var(--amber-text)}
.tl-l b{font-weight:500;font-size:18px;line-height:1.25;letter-spacing:-.01em}
.tl-l p{font-size:15px;line-height:1.5;color:#3A404A}
.tl-dot{position:absolute;top:-7px;left:calc(var(--p) * 100%);width:13px;height:13px;margin-left:-6px;border-radius:50%;background:var(--amber-ink)}
@media (max-width:980px){
  .tl-l{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--ink);padding:0 0 0 24px;gap:22px}
  .tl-l li::before{left:-24px;top:9px;width:14px;height:1px}
  .tl-dot{top:calc(var(--p) * 100%);left:-6px;margin-left:0;margin-top:-6px}
}

/* приёмы, роли, примеры */
.atl-tr>li span .mono{display:block;margin-top:6px;font-size:13px;font-style:normal;color:var(--muted-l)}
.atl-roles>li{grid-template-columns:1fr}
.ev3 .ev-r{grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr) minmax(0,1.6fr)}
@media (max-width:700px){.ev3 .ev-r{grid-template-columns:1fr;gap:4px}}
.atl-back{padding:0 0 clamp(56px,7vw,96px);font-size:17px}
.atl-back a{text-underline-offset:4px}

@media (prefers-reduced-motion:reduce){.atl-seg a,.src details{transition:none}}