/* AXM · графический модуль брендбука — треугольники, средний вариант (28.10). Собирает build_tri_2.py — не править руками. */
:root{--tri-acc:#9DFFC4;--tri-acc-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='6.00,0.42 9.20,9.16 2.80,9.16' fill='%239DFFC4'/%3E%3C/svg%3E");--tri-pad:24px;
  --tri-line-mask:linear-gradient(#000,#000) 0 50%/calc(100% - 6px) 1px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='11.58,6.00 2.84,9.20 2.84,2.80' fill='%23000'/%3E%3C/svg%3E") 100% 50%/7px 7px no-repeat}
body[data-accent=robotics]{--tri-acc:#9DFFC4;--tri-acc-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='6.00,0.42 9.20,9.16 2.80,9.16' fill='%239DFFC4'/%3E%3C/svg%3E")}
body[data-accent=agro]{--tri-acc:#BDF771;--tri-acc-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='6.00,0.42 9.20,9.16 2.80,9.16' fill='%23BDF771'/%3E%3C/svg%3E")}
body[data-accent=automatic]{--tri-acc:#99FFFF;--tri-acc-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='6.00,0.42 9.20,9.16 2.80,9.16' fill='%2399FFFF'/%3E%3C/svg%3E")}
body[data-accent=software]{--tri-acc:#FF7878;--tri-acc-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='6.00,0.42 9.20,9.16 2.80,9.16' fill='%23FF7878'/%3E%3C/svg%3E")}
body.sw{--tri-acc:#FF7878;--tri-acc-up:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='6.00,0.42 9.20,9.16 2.80,9.16' fill='%23FF7878'/%3E%3C/svg%3E")}

/* 1 · подвал: разделитель с треугольниками на концах и акцентным посередине; паттерн слева, тает вправо */
.axm-footer .axm-footer-meta{position:relative}
.axm-footer .axm-footer-meta::before{content:"";position:absolute;left:0;right:0;top:-4px;height:8px;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='0.42,6.00 9.16,2.80 9.16,9.20' fill='%2362676a'/%3E%3C/svg%3E") 0 50%/8px 8px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='11.58,6.00 2.84,9.20 2.84,2.80' fill='%2362676a'/%3E%3C/svg%3E") 100% 50%/8px 8px no-repeat}
.axm-footer .axm-footer-meta::after{content:"";position:absolute;left:calc(50% - 6px);top:-7px;width:12px;height:12px;pointer-events:none;
  background:var(--tri-acc-up) center/12px 12px no-repeat}
.axm-footer>.axm-footer-inner{position:relative;z-index:0}
.axm-footer>.axm-footer-inner::before{content:"";position:absolute;z-index:-1;left:-40px;top:-30px;bottom:30px;width:min(560px,40%);pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpolygon points='36.0,7.7 38.5,14.5 33.5,14.5'/%3E%3Cpolygon points='7.7,36.0 14.5,33.5 14.5,38.5'/%3E%3Cpolygon points='84.0,16.3 81.5,9.5 86.5,9.5'/%3E%3Cpolygon points='64.3,36.0 57.5,38.5 57.5,33.5'/%3E%3Cpolygon points='36.0,64.3 33.5,57.5 38.5,57.5'/%3E%3Cpolygon points='16.3,84.0 9.5,86.5 9.5,81.5'/%3E%3Cpolygon points='84.0,55.7 86.5,62.5 81.5,62.5'/%3E%3Cpolygon points='55.7,84.0 62.5,81.5 62.5,86.5'/%3E%3C/g%3E%3C/svg%3E") 0 0/96px 96px;-webkit-mask:linear-gradient(90deg,#000 30%,transparent);mask:linear-gradient(90deg,#000 30%,transparent)}

/* 2 · метки: линия с треугольником на конце (главная, Software); у глав туров — «пилюля» и линия снаружи */
.copy .num::after,.sw .kicker::before,.ag-copy .eyebrow::after,.ct-copy .eyebrow::before{height:7px;-webkit-mask:var(--tri-line-mask);mask:var(--tri-line-mask)}
.chapter-copy>.eyebrow,.ag-copy>.eyebrow,.ct-copy>.eyebrow{display:inline-flex!important;width:fit-content;max-width:calc(100% - 64px);position:relative;
  padding:5px 12px 4px;border:1px solid color-mix(in srgb,var(--tri-acc) 50%,transparent);border-radius:999px;line-height:1.2}
.chapter-copy>.eyebrow .line{display:none}
.chapter-copy>.eyebrow .chapter-number{width:auto!important;height:auto!important;border:0;display:inline;font-size:inherit!important;color:var(--tri-acc)}
.chapter-copy>.eyebrow .chapter-number::after{content:" ·";color:var(--muted,#b1b3b2)}
.chapter-copy>.eyebrow::after,.ag-copy>.eyebrow::after,.ct-copy>.eyebrow::before{content:"";position:absolute;left:calc(100% + 10px);top:calc(50% - 3.5px);
  width:40px;height:7px;opacity:.8;background:var(--tri-acc);-webkit-mask:var(--tri-line-mask);mask:var(--tri-line-mask)}

/* 3 · рамка из 8 треугольников вокруг текста глав (верхний — цветом направления) и 4 · паттерн 2.11 вокруг колонки */
:is(.chapter-copy:not(:has(.vision)),.ag-copy,.ct-copy){position:relative}
:is(.chapter-copy:not(:has(.vision)),.ag-copy,.ct-copy)::after{content:"";position:absolute;inset:calc(-1 * var(--tri-pad));pointer-events:none;
  background:var(--tri-acc-up) 50% 0/12px 12px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='2.05,2.05 10.50,5.97 5.97,10.50' fill='%2362676a'/%3E%3C/svg%3E") 0 0/12px 12px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='9.95,2.05 6.03,10.50 1.50,5.97' fill='%2362676a'/%3E%3C/svg%3E") 100% 0/12px 12px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='11.58,6.00 2.84,9.20 2.84,2.80' fill='%2362676a'/%3E%3C/svg%3E") 100% 50%/12px 12px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='9.95,9.95 1.50,6.03 6.03,1.50' fill='%2362676a'/%3E%3C/svg%3E") 100% 100%/12px 12px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='6.00,11.58 2.80,2.84 9.20,2.84' fill='%2362676a'/%3E%3C/svg%3E") 50% 100%/12px 12px no-repeat,
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='2.05,9.95 5.97,1.50 10.50,6.03' fill='%2362676a'/%3E%3C/svg%3E") 0 100%/12px 12px no-repeat,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon points='0.42,6.00 9.16,2.80 9.16,9.20' fill='%2362676a'/%3E%3C/svg%3E") 0 50%/12px 12px no-repeat}
:is(.chapter-copy:not(:has(.vision)),.ag-copy,.ct-copy)::before{content:"";position:absolute;pointer-events:none;
  top:-72px;bottom:-72px;left:-72px;right:calc(-1 * min(26vw,380px));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96' viewBox='0 0 96 96'%3E%3Cg fill='%23ffffff' fill-opacity='0.07'%3E%3Cpolygon points='36.0,7.7 38.5,14.5 33.5,14.5'/%3E%3Cpolygon points='7.7,36.0 14.5,33.5 14.5,38.5'/%3E%3Cpolygon points='84.0,16.3 81.5,9.5 86.5,9.5'/%3E%3Cpolygon points='64.3,36.0 57.5,38.5 57.5,33.5'/%3E%3Cpolygon points='36.0,64.3 33.5,57.5 38.5,57.5'/%3E%3Cpolygon points='16.3,84.0 9.5,86.5 9.5,81.5'/%3E%3Cpolygon points='84.0,55.7 86.5,62.5 81.5,62.5'/%3E%3Cpolygon points='55.7,84.0 62.5,81.5 62.5,86.5'/%3E%3C/g%3E%3C/svg%3E") 0 0/96px 96px;
  -webkit-mask:linear-gradient(90deg,#000 0,#000 calc(100% - min(26vw,380px)),transparent 100%),
    linear-gradient(#000,#000) 52px 52px/calc(100% - 32px - min(26vw,380px)) calc(100% - 104px) no-repeat;
  -webkit-mask-composite:source-out;
  mask:linear-gradient(90deg,#000 0,#000 calc(100% - min(26vw,380px)),transparent 100%) subtract,
    linear-gradient(#000,#000) 52px 52px/calc(100% - 32px - min(26vw,380px)) calc(100% - 104px) no-repeat add}

/* телефон: паттерна нет, рамка ближе к тексту, линия у «пилюли» короче */
@media(max-width:760px){
  :root{--tri-pad:12px}
  :is(.chapter-copy,.ag-copy,.ct-copy)::before,.axm-footer>.axm-footer-inner::before{display:none}
  .chapter-copy>.eyebrow::after,.ag-copy>.eyebrow::after,.ct-copy>.eyebrow::before{width:24px}
  .chapter-copy>.eyebrow,.ag-copy>.eyebrow,.ct-copy>.eyebrow{max-width:calc(100% - 40px);padding:4px 10px 3px;letter-spacing:.06em!important;font-size:9px!important;white-space:nowrap;border-radius:12px}
}
/* Automatic: правая сторона рамки ближе к тексту — не встаёт на край плиты 3D («Этапы», замечание сессии Automatic 28.10) */
.ct-copy::after{right:-12px}
