/* Правовые страницы студии АНТИСТРЕСС: та же шапка и подвал, что на главной (П-122); на десктопе — сетка во всю ширину: разделы слева, текст справа (П-130) */
/* Handjet — локальные файлы с fontsource, перекрытия квадратиков склеены (fontTools removeOverlaps): иначе на стыках видны светлые швы (П-140). Лицензия fonts/Handjet-OFL.txt */
@font-face{font-family:"Handjet";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/handjet-cyrillic-400.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Handjet";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/handjet-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Handjet";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/handjet-cyrillic-600.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Handjet";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/handjet-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Handjet";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/handjet-cyrillic-700.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Handjet";font-style:normal;font-weight:700;font-display:swap;src:url(fonts/handjet-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Handjet";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/handjet-cyrillic-800.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Handjet";font-style:normal;font-weight:800;font-display:swap;src:url(fonts/handjet-latin-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--txt:#2B2D52;--mute:#7B80A6;--coin:#E8679A;--pinkbg:#FBE3EC;--skybg:#D6E5FB;--gut:clamp(16px,4vw,96px)}
*{box-sizing:border-box;margin:0;padding:0}
/* фон — чисто белый (П-176, пятна П-172 отменены) */
html{background:#FFFFFF;-webkit-text-size-adjust:100%}
body{color:var(--txt);font-family:"Nunito",sans-serif;min-height:100vh;display:flex;flex-direction:column}
header{position:sticky;top:0;z-index:10;background:#DCE7FA;border-bottom:1px solid #C6D6F2;box-shadow:0 8px 24px -18px #6E86C499}
header .in{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px var(--gut)}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.brand img{width:56px;height:56px;display:block}
.logo{font-family:"Handjet";font-weight:600;font-size:32px;letter-spacing:.05em;line-height:.9;white-space:nowrap}
.logo small{display:block;font-family:"Nunito";font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#5C3720;margin-bottom:4px}
.logo i{font-style:normal;color:var(--coin)}
/* ===== единая кнопка сайта по образцу «ИГРАТЬ» (П-139): розовая плашка со ступенчатыми углами, темная ступень снизу, при нажатии проседает. --s — шаг угла, --d — высота ступени ===== */
.pb{--s:5px;--d:6px;position:relative;display:inline-block;flex:none;border:0;background:none;padding:0 0 var(--d);cursor:pointer;font:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.pb:before{content:"";position:absolute;left:0;right:0;top:var(--d);bottom:0;background:#B94673}
.pb:before,.pb>.face{clip-path:polygon(var(--s) 0,calc(100% - var(--s)) 0,calc(100% - var(--s)) var(--s),100% var(--s),100% calc(100% - var(--s)),calc(100% - var(--s)) calc(100% - var(--s)),calc(100% - var(--s)) 100%,var(--s) 100%,var(--s) calc(100% - var(--s)),0 calc(100% - var(--s)),0 var(--s),var(--s) var(--s))}
.pb>.face{position:relative;display:flex;align-items:center;justify-content:center;gap:.4em;background:var(--coin);color:#fff;font-family:"Handjet";font-weight:800;letter-spacing:.1em;text-transform:uppercase;line-height:1;white-space:nowrap;padding:.32em 1em .38em}
.pb:hover>.face{background:#EE77A6}
.pb:active>.face{transform:translateY(var(--d))}
.pb:focus-visible{outline:2px solid #229ED9;outline-offset:4px}
.pb svg{flex:none}
/* Telegram в шапке: та же кнопка, но фирменный синий Telegram (П-142), значок белым кружком */
.tg:before{background:#1A7DB0}.tg>.face{background:#229ED9}.tg:hover>.face{background:#2AABEE}
.tg>.face{font-size:24px;padding:.3em .75em .36em .6em}
.tg svg{width:22px;height:22px}
main{flex:1;padding:clamp(36px,5vw,90px) var(--gut)}
.doc{max-width:46em;margin:0 auto}
.doc p{text-wrap:pretty}
/* заголовок всегда в одну строку: кегль подгоняет скрипт под ширину колонки, но не больше 96 px (П-123) */
.doc h1{font-family:"Handjet";font-weight:600;font-size:round(clamp(32px,5.4vw,96px),1px);line-height:.95;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;width:max-content;max-width:none}
.doc .upd{margin-top:14px;font-family:"Handjet";font-weight:600;letter-spacing:.08em;font-size:18px;color:var(--mute);text-transform:uppercase}
.doc h2{margin-top:clamp(28px,3vw,44px);font-family:"Handjet";font-weight:600;font-size:round(clamp(26px,2.2vw,36px),1px);text-transform:uppercase;letter-spacing:.03em;line-height:1}
.doc p{margin-top:.8em;font-weight:600;font-size:clamp(16px,1.1vw,19px);line-height:1.6;color:#3A3D63}
.doc a{color:#4B78C9;text-decoration:none;border-bottom:2px solid #B9CCF0}
.doc a:hover{color:var(--coin);border-color:var(--coin)}
.doc .req{margin-top:16px;display:inline-block;background:#fff;padding:14px 18px;font-weight:700;line-height:1.6;box-shadow:0 6px 0 #C6D6F2;clip-path:polygon(4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% calc(100% - 4px),calc(100% - 4px) calc(100% - 4px),calc(100% - 4px) 100%,4px 100%,4px calc(100% - 4px),0 calc(100% - 4px),0 4px,4px 4px)}
.doc .back{margin-top:clamp(32px,3vw,48px);font-family:"Handjet";font-weight:700;letter-spacing:.06em;font-size:22px}
.doc .back a{border:0;color:var(--coin)}
.foot{background:var(--pinkbg);border-top:1px solid #F4C6D7}
.foot .in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:clamp(24px,2.4vw,40px) var(--gut)}
.foot .in{flex-wrap:nowrap}
.f-links{display:flex;flex-wrap:wrap;gap:8px 22px;font-weight:700;font-size:15px}
.f-mark,.f-mark img{display:block;width:56px;height:56px;flex:none;border:0}
.f-links a{color:var(--txt);text-decoration:none;border-bottom:2px solid #F2BCD0}
.f-links a:hover{color:var(--coin);border-color:var(--coin)}
.f-bottom{padding:12px var(--gut);border-top:1px solid #F4C6D7;font-family:"Handjet";font-weight:600;letter-spacing:.08em;font-size:15px;color:var(--mute);text-align:center}
@media (max-width:639px){.brand img{width:44px;height:44px}.logo{font-size:25px}.logo small{font-size:9px}.tg>.face{font-size:20px}.tg svg{width:19px;height:19px}.f-mark,.f-mark img{width:44px;height:44px}.f-links{gap:8px 16px}}
/* десктоп: 12 колонок как на главной — заголовок раздела в первых пяти, текст в остальных семи; строка текста не длиннее 48em (П-130) */
@media (min-width:1100px){
  .doc{max-width:none;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(40px,4vw,96px);align-items:start}
  .doc h1{grid-column:1/-1}
  .doc .upd{grid-column:1;margin-top:clamp(28px,2.4vw,40px)}
  .doc .upd + p{margin-top:clamp(28px,2.4vw,40px)}
  .doc h2{grid-column:1;margin-top:clamp(40px,3.4vw,60px);padding-top:.12em;padding-right:1em}
  .doc h2 + p{margin-top:clamp(40px,3.4vw,60px)}
  .doc p{grid-column:2;max-width:48em}
  .doc .req{justify-self:start}
  .doc .back{grid-column:2}
}