/* Опора – общая основа трёх направлений. Шрифты локально, лицензия OFL (см. ../fonts). */
@font-face{font-family:"Onest";src:url("../fonts/Onest-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/Lora-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/Lora-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/Lora-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Lora";src:url("../fonts/Lora-BoldItalic.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:"IBM Plex Serif";src:url("../fonts/IBMPlexSerif-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Serif";src:url("../fonts/IBMPlexSerif-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Serif";src:url("../fonts/IBMPlexSerif-Italic.ttf") format("truetype");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"IBM Plex Serif";src:url("../fonts/IBMPlexSerif-BoldItalic.ttf") format("truetype");font-weight:700;font-style:italic;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;background:var(--bg);color:var(--pink);font:400 17px/1.6 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--link);text-underline-offset:.2em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus{outline:none}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:12px;top:-60px;background:var(--accent);color:var(--accent-ink);padding:12px 18px;border-radius:12px;z-index:100;text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px;position:relative}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* полоса прогресса чтения */
.progress{position:fixed;left:0;top:0;right:0;height:5px;z-index:60;background:var(--track)}
.progress i{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--bar);border-radius:0 5px 5px 0}

/* спокойная полоса помощи */
.safe{background:var(--safe-bg);color:var(--safe-ink);font-size:14.5px;line-height:1.5;position:relative;z-index:2}
.safe .wrap{display:flex;gap:6px 22px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.safe svg{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.safe .t{display:flex;gap:10px;align-items:flex-start}
.safe a{color:inherit;font-weight:600;display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.safe b{font-weight:650}

/* шапка */
.top{position:relative;z-index:5}
.top .wrap{display:flex;align-items:center;gap:20px;min-height:84px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--pink);min-height:44px}
.logo svg{width:44px;height:44px;flex:none}
.logo .c1{fill:var(--logo1)}.logo .c2{fill:var(--logo2)}.logo .c3{fill:var(--logo3)}
.logo .name{display:block;font:700 24px/1.1 var(--sans);letter-spacing:-.01em}
.logo .tag{display:block;font-size:13.5px;color:var(--pmuted);margin-top:2px}
.main{display:flex;gap:4px;margin-left:auto;align-items:center}
.main a{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border-radius:999px;color:var(--pink);text-decoration:none;font-weight:550;font-size:16px}
.main a:hover{background:var(--hover)}
.main a.on{background:var(--hover);box-shadow:inset 0 0 0 1.5px var(--navline)}
.icon-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--navline);background:transparent;color:var(--pink);display:inline-grid;place-items:center;cursor:pointer;flex:none;padding:0}
.icon-btn:hover{background:var(--hover)}
.icon-btn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.icon-btn .sun{display:none}
:root[data-theme="dark"] .icon-btn .sun{display:block}
:root[data-theme="dark"] .icon-btn .moon{display:none}
.menu-btn{display:none;min-height:44px;padding:0 18px;border-radius:999px;border:1.5px solid var(--navline);background:transparent;color:var(--pink);font:600 16px var(--sans);cursor:pointer}
.tools-r{display:flex;gap:10px;align-items:center}

/* кнопки */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:999px;border:1.5px solid transparent;background:var(--accent);color:var(--accent-ink);font:650 16.5px var(--sans);text-decoration:none;cursor:pointer;box-shadow:var(--btn-shadow);transition:transform .16s ease-out,background-color .2s,box-shadow .2s}
.btn:hover{background:var(--accent-h);text-decoration:none}
.btn:active{transform:scale(.97)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line2);box-shadow:none}
.btn.ghost:hover{background:var(--hover2)}
.btn.sm{min-height:44px;padding:0 20px;font-size:16px}

/* заголовок статьи */
.crumbs{font-size:15px;color:var(--pmuted);padding:10px 0 4px;display:flex;flex-wrap:wrap;gap:2px 4px;align-items:center}
.crumbs a{color:var(--pmuted);display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
.crumbs a:hover{color:var(--pink)}
.art-head{position:relative;padding:18px 0 34px}
.art-head .txt{position:relative;z-index:1;max-width:760px}
.art-head h1{font:700 clamp(34px,4.6vw,58px)/1.1 var(--sans);letter-spacing:-.02em;margin:0 0 22px;text-wrap:balance}
.meta{display:flex;flex-wrap:wrap;gap:10px}
.meta span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;background:var(--chip);color:var(--chip-ink);font-size:15.5px;font-weight:500}
.meta svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
.deco-head{position:absolute;right:0;top:0;bottom:0;width:min(44%,460px);pointer-events:none;z-index:0}
.deco-head svg{width:100%;height:100%}

/* текст */
.layout{display:grid;grid-template-columns:232px minmax(0,700px);gap:64px;justify-content:center;padding-bottom:40px;align-items:start}
.toc{position:sticky;top:24px;padding-top:6px;font-size:15.5px}
.toc h4{margin:0 0 8px;font:650 15px var(--sans);color:var(--pmuted);letter-spacing:.01em}
.toc ol{list-style:none;margin:0;padding:0}
.toc ol a{display:flex;align-items:center;min-height:44px;padding:4px 14px;border-radius:14px;color:var(--pink);text-decoration:none;font-weight:500;line-height:1.3}
.toc ol a:hover{background:var(--hover)}
.toc ol a.on{background:var(--tocon);font-weight:650}
.legend{margin-top:20px;padding:16px 16px 10px;border-radius:18px;background:var(--legend);color:var(--pink);font-size:14.5px}
.legend div{display:flex;gap:10px;align-items:center;min-height:30px}
.legend a{display:inline-flex;align-items:center;min-height:44px;color:var(--pink);font-weight:600}
.prose{font:400 20px/1.7 var(--serif);color:var(--ink);min-width:0}
.prose p{margin:0 0 1.05em}
.prose h2{font:700 30px/1.2 var(--sans);letter-spacing:-.012em;margin:58px 0 18px;color:var(--ink);text-wrap:balance}
.prose h3{font:650 22px/1.3 var(--sans);margin:0;color:var(--ink);text-wrap:balance}
.prose ol,.prose ul{margin:0 0 1em;padding:0;list-style:none}
.prose li{position:relative;padding-left:38px;margin:0 0 .65em}
.prose ul li::before{content:"";position:absolute;left:9px;top:.68em;width:9px;height:9px;border-radius:50%;background:var(--dot)}
.prose ol{counter-reset:n}
.prose ol li{counter-increment:n}
.prose ol li::before{content:counter(n);position:absolute;left:0;top:.2em;width:27px;height:27px;border-radius:50%;background:var(--num-bg);color:var(--num-ink);font:650 14.5px/27px var(--sans);text-align:center}
.prose .refs ol li::before{display:none}
.prose a{color:var(--link)}

.notice{display:flex;gap:14px;align-items:flex-start;padding:16px 20px;border-radius:20px;background:var(--notice);color:var(--ink);font:500 16.5px/1.55 var(--sans);margin:0 0 28px}
.notice svg{width:24px;height:24px;flex:none;margin-top:1px;stroke:var(--notice-ic);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notice b{font-weight:650}

.summary{background:var(--soft);border-radius:var(--r);padding:30px 32px 18px;margin:0 0 28px;position:relative}
.summary h2{margin:0 0 14px;font-size:26px}
.sos{background:var(--sos-bg);color:var(--sos-ink);border-radius:var(--r);padding:26px 32px 14px;margin:0 0 8px;display:grid;grid-template-columns:44px 1fr;gap:4px 18px}
.sos>svg{width:40px;height:40px;stroke:var(--sos-ic);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;grid-row:1/3}
.sos h2{margin:0 0 10px;font-size:21px;line-height:1.3;color:var(--sos-ink)}
.sos p{font-size:19px;color:var(--sos-ink)}
.sos .tel,.tel{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:var(--tel-bg);color:var(--tel-ink);font:700 18px var(--sans);text-decoration:none;white-space:nowrap;margin:2px 0}

.tech{background:var(--surface);border-radius:var(--r);padding:30px 34px 22px;margin:0 0 26px;box-shadow:var(--shadow);position:relative}
.tech .row{display:flex;gap:12px 20px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;margin-bottom:18px}
.tech .num{font:600 15px var(--sans);color:var(--muted);margin-bottom:6px}
.badge{display:inline-flex;align-items:center;gap:9px;min-height:36px;padding:0 15px;border-radius:999px;font:650 14.5px var(--sans);white-space:nowrap}
.badge.s{background:var(--s-bg);color:var(--s-ink)}
.badge.m{background:var(--m-bg);color:var(--m-ink)}
.badge.w{background:var(--w-bg);color:var(--w-ink)}
.dots{display:inline-flex;gap:3px;vertical-align:middle}
.dots i{width:9px;height:9px;border-radius:50%;border:1.6px solid currentColor;display:block}
.dots.s i,.dots.m i:nth-child(-n+2),.dots.w i:first-child{background:currentColor}
.legend .dots.s{color:var(--s-ink)}.legend .dots.m{color:var(--m-ink)}.legend .dots.w{color:var(--w-ink)}
.lvl .dots.s{color:var(--s-ink)}.lvl .dots.m{color:var(--m-ink)}.lvl .dots.w{color:var(--w-ink)}
.tech .why{background:var(--surface2);border-radius:16px;padding:16px 20px;font-size:17.5px;line-height:1.65;color:var(--ink);margin:18px 0 14px}
.tech .src{font:400 15px/1.55 var(--sans);color:var(--muted);margin:0 0 8px}
.tech .src b{font-weight:650}

/* дыхание */
.breath{display:grid;grid-template-columns:200px 1fr;gap:26px;align-items:center;background:var(--breath-bg);border-radius:22px;padding:22px 26px;margin:6px 0 4px}
.breath-stage{position:relative;width:200px;height:200px;display:grid;place-items:center}
.ring,.orb{position:absolute;border-radius:50%;transform:scale(.62);will-change:transform;animation:breathe 10s infinite}
.ring.r2{width:200px;height:200px;background:var(--ring2);animation-delay:.12s}
.ring.r1{width:200px;height:200px;background:var(--ring1);animation-delay:.06s}
.orb{width:200px;height:200px;background:var(--orb);box-shadow:var(--orb-shadow);display:grid;place-items:center;color:var(--orb-ink)}
.lab{position:absolute;left:0;right:0;top:50%;margin-top:-14px;text-align:center;font:650 22px/28px var(--sans);opacity:0}
.lab.in{animation:labin 10s infinite}
.lab.out{animation:labout 10s infinite}
.breath-stage .lbl{position:absolute;inset:0;display:grid;place-items:center;color:var(--orb-ink);pointer-events:none}
.breath.paused .ring,.breath.paused .orb,.breath.paused .lab{animation-play-state:paused}
@keyframes breathe{0%{transform:scale(.62);animation-timing-function:cubic-bezier(.45,0,.25,1)}40%{transform:scale(1);animation-timing-function:cubic-bezier(.45,0,.25,1)}100%{transform:scale(.62)}}
@keyframes labin{0%{opacity:1}34%{opacity:1}40%{opacity:0}96%{opacity:0}100%{opacity:1}}
@keyframes labout{0%{opacity:0}34%{opacity:0}42%{opacity:1}92%{opacity:1}98%{opacity:0}100%{opacity:0}}
.breath h4{margin:0 0 6px;font:650 19px var(--sans);color:var(--ink)}
.breath p{font:400 17.5px/1.6 var(--serif);margin:0 0 14px;color:var(--ink)}
.breath .acts{display:flex;gap:10px;flex-wrap:wrap}
.static-note{display:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ring,.orb,.lab{animation:none!important}
  .orb{transform:scale(.8)}.ring.r1{transform:scale(.9)}.ring.r2{transform:scale(1)}
  .lab{position:static;margin:0;opacity:1;display:block;font-size:18px}
  .orb{flex-direction:column}
  .pause{display:none}
  .static-note{display:block}
}

.doctor{background:var(--surface);border-radius:var(--r);padding:28px 32px 18px;box-shadow:var(--shadow)}
.doctor .end{margin:14px 0 6px;font-size:18.5px}
.refs{font:400 16px/1.6 var(--serif);color:var(--ink);overflow-wrap:anywhere}
.refs li{padding-left:34px;margin-bottom:1em}
.refs .t{color:var(--muted)}
.note-end{margin-top:36px;padding-top:22px;border-top:1.5px dashed var(--line);font:400 16px/1.65 var(--sans);color:var(--muted)}

/* подвал */
footer{background:var(--foot);color:var(--foot-ink);margin-top:60px;position:relative;z-index:1}
footer a{color:var(--foot-link)}
footer .wrap{padding-top:44px;padding-bottom:32px}
.help{background:var(--help-bg);color:var(--help-ink);border-radius:var(--r);padding:26px 30px;display:grid;grid-template-columns:1.1fr 2fr;gap:22px 34px;align-items:center;margin-bottom:34px}
.help h4{margin:0 0 6px;font:700 21px/1.25 var(--sans)}
.help p{margin:0;font-size:16px;color:var(--help-ink);opacity:.92}
.help .nums{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.help .n{background:var(--help-card);border-radius:18px;padding:12px 16px 14px;font-size:14.5px;line-height:1.4;color:var(--help-ink2)}
.help .n a{display:flex;align-items:center;min-height:44px;font:700 20px var(--sans);color:var(--help-num);text-decoration:none;white-space:nowrap}
footer .cols{display:grid;grid-template-columns:1.4fr 1fr;gap:34px;font-size:16px}
footer h4{margin:0 0 8px;font:650 17px var(--sans)}
footer p{margin:0 0 6px;max-width:44em}
footer .cols a{display:inline-flex;align-items:center;min-height:44px}
footer .fine{margin-top:22px;padding-top:18px;border-top:1px solid var(--foot-line);font-size:14.5px;opacity:.85}

/* главная */
.hero{position:relative;padding:24px 0 34px}
.hero .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;position:relative;z-index:1}
.eyebrow{display:inline-flex;align-items:center;min-height:36px;padding:0 16px;border-radius:999px;background:var(--chip);color:var(--chip-ink);font:550 15px var(--sans);margin-bottom:22px}
.hero h1{font:700 clamp(38px,5.4vw,68px)/1.06 var(--sans);letter-spacing:-.025em;margin:0 0 22px;text-wrap:balance}
.lead{font:400 21px/1.65 var(--serif);max-width:33em;margin:0 0 30px;color:var(--pink)}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.breath-card{background:var(--surface);color:var(--ink);border-radius:var(--r2);padding:28px 28px 30px;text-align:center;box-shadow:var(--shadow2)}
.breath-card .small{font:550 15.5px var(--sans);color:var(--muted);margin:0 0 6px}
.breath-card .breath-stage{margin:14px auto 12px;width:230px;height:230px}
.breath-card .ring,.breath-card .orb{width:230px;height:230px}
.breath-card .cap{font:400 17.5px/1.55 var(--serif);margin:0 0 18px}
.deco-hero{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.sec{padding:34px 0 20px;position:relative;z-index:1}
.sec h2,.how h2,.tools-sec h2{font:700 clamp(28px,3.4vw,40px)/1.15 var(--sans);letter-spacing:-.018em;margin:0 0 10px;text-wrap:balance}
.sub{font:400 19px/1.65 var(--serif);max-width:38em;margin:0 0 30px;color:var(--pmuted2)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card-big{background:var(--surface);color:var(--ink);border-radius:var(--r);padding:26px 26px 18px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.card-big .ico{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--ico-bg);color:var(--ico-ink);margin-bottom:16px}
.card-big:nth-child(3n+2) .ico{background:var(--ico-bg2);color:var(--ico-ink2)}
.card-big:nth-child(3n) .ico{background:var(--ico-bg3);color:var(--ico-ink3)}
.card-big .ico svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.card-big h3{font:650 22px/1.25 var(--sans);margin:0 0 6px}
.card-big .d{font:400 17.5px/1.55 var(--serif);color:var(--muted);margin:0 0 12px}
.card-big ul{list-style:none;margin:0 0 6px;padding:0;border-top:1px solid var(--line)}
.card-big li{border-bottom:1px solid var(--line)}
.card-big li a{display:flex;justify-content:space-between;gap:10px;align-items:center;min-height:48px;padding:6px 2px;color:var(--ink);text-decoration:none;font:500 16.5px/1.35 var(--sans)}
.card-big li a:hover{color:var(--link)}
.card-big li a span{color:var(--link)}
.card-big .more{display:inline-flex;align-items:center;min-height:44px;margin-top:auto;font:600 15.5px var(--sans);color:var(--link)}
.how{margin:56px 0 0;padding:36px 36px 30px;border-radius:var(--r2);background:var(--soft);color:var(--ink)}
.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lvl{background:var(--surface);border-radius:20px;padding:20px 22px 12px}
.lvl h3{font:650 20px var(--sans);margin:0 0 8px;display:flex;align-items:center;gap:10px}
.lvl p{font:400 17px/1.6 var(--serif);margin:0 0 10px}
.how .sub{color:var(--muted)}
.how .meth{margin:22px 0 0;font-size:17px}
.tools-sec{margin-top:64px}
.tools-sec .sub{margin-bottom:24px}
.tools-sec h2.s2{font-size:28px;margin:34px 0 16px}
.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:10px}
.tools.t3{grid-template-columns:repeat(3,1fr)}
.tool{background:var(--surface);color:var(--ink);border-radius:22px;padding:22px 22px 16px;box-shadow:var(--shadow);text-decoration:none;display:block}
a.tool:hover{box-shadow:var(--shadow2)}
.tool .ic{width:44px;height:44px;border-radius:14px;background:var(--ico-bg);color:var(--ico-ink);display:grid;place-items:center;margin-bottom:12px}
.tool .ic svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.tool h3{font:650 19px/1.3 var(--sans);margin:0 0 6px}
.tool p{font:400 16.5px/1.55 var(--serif);color:var(--muted);margin:0 0 8px}
.local{display:flex;gap:14px;align-items:center;margin-top:22px;padding:16px 22px;border-radius:18px;background:var(--notice);color:var(--ink);font:500 16px/1.5 var(--sans)}
.local svg{width:26px;height:26px;flex:none;stroke:var(--notice-ic);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* узкие экраны */
@media (max-width:980px){
  .layout{grid-template-columns:minmax(0,1fr);gap:20px;max-width:720px;margin:0 auto}
  .toc{position:static}
  .toc ol{display:flex;flex-wrap:wrap;gap:6px}
  .toc ol a{border:1.5px solid var(--line2)}
  .legend{display:none}
  .deco-head{opacity:.55;width:50%}
  .grid3,.levels,.tools.t3{grid-template-columns:repeat(2,1fr)}
  .tools{grid-template-columns:repeat(2,1fr)}
  .hero .grid{grid-template-columns:1fr}
  .help{grid-template-columns:1fr}
}
@media (max-width:820px){
  .main{display:none;position:absolute;left:16px;right:16px;top:78px;flex-direction:column;align-items:stretch;background:var(--surface);color:var(--ink);padding:10px;border-radius:22px;box-shadow:var(--shadow2);z-index:20}
  .main.open{display:flex}
  .main a{color:var(--ink)}
  .menu-btn{display:inline-flex;align-items:center}
  .tools-r{margin-left:auto}
}
@media (max-width:640px){
  .wrap{padding:0 16px}
  body{font-size:16.5px}
  .top .wrap{min-height:72px;gap:10px}
  .logo svg{width:38px;height:38px}
  .logo .name{font-size:21px}
  .logo .tag{display:none}
  .art-head{padding-bottom:22px}
  .deco-head{opacity:.35;width:70%}
  .meta span{font-size:14.5px;padding:0 13px;min-height:38px}
  .prose{font-size:18px;line-height:1.68}
  .prose h2{font-size:25px;margin-top:44px}
  .prose h3{font-size:20px}
  .prose li{padding-left:34px}
  .summary,.doctor{padding:22px 20px 12px}
  .sos{grid-template-columns:1fr;padding:22px 20px 12px}
  .sos>svg{grid-row:auto;width:34px;height:34px}
  .tech{padding:22px 20px 14px}
  .tech .why{font-size:16.5px;padding:14px 16px}
  .breath{grid-template-columns:1fr;justify-items:center;text-align:center;padding:20px 18px}
  .breath .acts{justify-content:center}
  .grid3,.levels,.tools,.tools.t3{grid-template-columns:1fr}
  .help .nums{grid-template-columns:1fr}
  .help{padding:22px 20px}
  footer .cols{grid-template-columns:1fr}
  .how{padding:26px 18px 20px}
  .lead{font-size:19px}
  .breath-card{padding:22px 16px 24px}
  .breath-card .breath-stage,.breath-card .ring,.breath-card .orb{width:210px;height:210px}
  .breath-card .breath-stage{width:210px;height:210px}
  .safe{font-size:14.5px}
}

/* ===== общие правила эффектов (запасной вид: без класса fx страница обычная и полная) ===== */
h1,.prose h2,.sec h2,.how h2,.tools-sec h2{font-family:var(--disp)}
.fx .rise{opacity:0;transform:translate3d(0,26px,0);transition:opacity .9s var(--expo),transform .9s var(--expo)}
.fx .rise.in{opacity:1;transform:none}
.scene{position:relative}
.fx .scene{height:var(--sh,470vh)}
.fx .stick{position:sticky;top:0;height:100svh;overflow:hidden}
.moment{margin:0 0 1em;font:400 clamp(20px,1.9vw,28px)/1.5 var(--serif);color:var(--ink)}
.fx .scene-text{position:relative}
.fx .moment{position:absolute;left:0;right:0;top:0;opacity:0;transform:translate3d(0,18px,0);transition:opacity .22s ease-out,transform .22s ease-out;margin:0;pointer-events:none}
.fx .moment.on{opacity:1;transform:none}
.kick{font:600 15.5px var(--sans);color:var(--muted);margin:0 0 14px}
.hint{font:500 14.5px var(--sans);color:var(--muted);margin:22px 0 0;display:none}
.fx .hint{display:block}
.center{display:flex;justify-content:center}
.manif{font:600 clamp(26px,3.6vw,46px)/1.2 var(--disp);letter-spacing:-.015em;max-width:24em;margin:0 0 36px;color:var(--ink)}
.fx .wd{opacity:.2;transition:opacity .35s}
.fx .wd.on{opacity:1}
.loader{display:none}
.band{white-space:nowrap;will-change:transform}
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}
::view-transition-new(root){animation:vt-in .8s var(--expo)}
@keyframes vt-in{from{clip-path:circle(0 at var(--vx,50%) var(--vy,50%))}to{clip-path:circle(150% at var(--vx,50%) var(--vy,50%))}}
@media (prefers-reduced-motion:reduce){::view-transition-new(root){animation:none}}
.fx .moments{position:relative;height:var(--mh,190px)}
.fx .sgrid .moments{--mh:270px}

/* ===== вход по ситуации, ответ в одной фразе, что изучали, заглушки «скоро» ===== */
.situ{padding:4px 0 34px;position:relative;z-index:2}
.situ .wrap{display:flex;gap:12px 18px;align-items:center;flex-wrap:wrap}
.situ p{margin:0;font:600 16px var(--sans);color:var(--pmuted2)}
.situ .chips{display:flex;gap:10px;flex-wrap:wrap}
.situ a{display:inline-flex;align-items:center;min-height:48px;padding:0 20px;border-radius:999px;border:1.5px solid var(--navline);color:var(--pink);text-decoration:none;font:600 16px var(--sans);background:var(--chip)}
.situ a:hover{background:var(--hover)}
.answer{background:var(--surface2);border-radius:var(--r);padding:20px 26px 18px;margin:0 0 28px;color:var(--ink)}
.answer .k{display:block;font:600 14.5px var(--sans);color:var(--muted);margin-bottom:6px}
.answer p{margin:0;font:700 clamp(21px,2vw,25px)/1.35 var(--disp);letter-spacing:-.01em}
.studied{border:1.5px dashed var(--line2);border-radius:var(--r);padding:16px 22px 6px;margin:0 0 26px;font:400 17px/1.6 var(--serif)}
.studied h3{font:650 17px var(--sans);margin:0 0 6px}
.soonlink{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:6px 2px;color:var(--muted);font:500 16.5px/1.35 var(--sans)}
.soonlink em{font:600 12.5px var(--sans);font-style:normal;padding:3px 10px;border-radius:999px;background:var(--chip);color:var(--chip-ink);white-space:nowrap}
.soonnote{font:600 12.5px var(--sans)!important;color:var(--chip-ink)!important;display:inline-block;padding:3px 10px;border-radius:999px;background:var(--chip);margin:0!important}
.fx .moment.on{transition:opacity .6s var(--expo) .26s,transform .6s var(--expo) .26s}

/* ===== токены ===== */
:root{--expo:cubic-bezier(.16,1,.3,1);--sans:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;--serif:"Lora",Georgia,serif;--disp:"Onest",system-ui,sans-serif;--bg:#EEF4FC;--pink:#1D2848;--pmuted:#4F5C7E;--pmuted2:#46537A;--ink:#1D2848;--muted:#4F5C7E;--line:#D8E0F2;--line2:#B6C3E4;--accent:#3A5AA6;--accent-h:#2E4A8E;--accent-ink:#FFFFFF;--link:#2E4C92;--focus:#6A42C2;--hover:rgba(58,90,166,.10);--hover2:rgba(58,90,166,.07);--navline:rgba(29,40,72,.26);--track:rgba(58,90,166,.12);--bar:linear-gradient(90deg,#7DB4EA,#A592E6,#8FD3C5);--safe-bg:rgba(226,235,250,.9);--safe-ink:#243252;--logo1:#7FA8DE;--logo2:#A592E6;--logo3:#CFE1F6;--chip:rgba(255,255,255,.7);--chip-ink:#243252;--dot:#8E7CD0;--num-bg:#E6E0FA;--num-ink:#41308A;--notice:rgba(255,255,255,.7);--notice-ic:#3A5AA6;--soft:rgba(255,255,255,.62);--r:30px;--r2:44px;--sos-bg:rgba(238,232,252,.92);--sos-ink:#2A2250;--sos-ic:#6A42C2;--tel-bg:#FFFFFF;--tel-ink:#2E4C92;--surface:rgba(255,255,255,.82);--surface2:rgba(235,241,252,.9);--shadow:0 1px 0 rgba(255,255,255,.9) inset,0 18px 44px -18px rgba(70,90,170,.35);--shadow2:0 1px 0 rgba(255,255,255,.9) inset,0 28px 60px -20px rgba(70,90,170,.45);--btn-shadow:0 1px 0 rgba(255,255,255,.45) inset,0 -3px 8px rgba(20,30,100,.25) inset,0 12px 26px -8px rgba(58,90,166,.6);--s-bg:#D4EBF7;--s-ink:#0F4666;--m-bg:#E4DDF8;--m-ink:#3F2C86;--w-bg:#E8EBF3;--w-ink:#475070;--breath-bg:rgba(232,240,252,.9);--ring1:rgba(130,170,235,.24);--ring2:rgba(165,146,230,.18);--orb:radial-gradient(circle at 34% 28%,#FFFFFF,#BBD6F7 38%,#9DB4EE 62%,#A592E6);--orb-shadow:0 24px 60px -14px rgba(90,110,210,.6);--orb-ink:#14234C;--tocon:rgba(255,255,255,.85);--legend:rgba(255,255,255,.65);--foot:rgba(222,232,250,.85);--foot-ink:#1D2848;--foot-link:#2E4C92;--foot-line:rgba(29,40,72,.16);--help-bg:rgba(232,226,251,.9);--help-ink:#271F4A;--help-ink2:#41386A;--help-card:rgba(255,255,255,.9);--help-num:#41308A;--ico-bg:#D9E8FA;--ico-ink:#23508F;--ico-bg2:#E6E0FA;--ico-ink2:#41308A;--ico-bg3:#D6EFEA;--ico-ink3:#175A55;--au1:#9CC8F2;--au2:#B9A6EE;--au3:#A6E3D3;--au4:#F5C9DC;--aubase:#EEF4FC;}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg:#0B1024;--pink:#E6ECFC;--pmuted:#A6B3D6;--pmuted2:#B3BFDE;--ink:#E6ECFC;--muted:#A6B3D6;--line:#27315C;--line2:#3C4A86;--accent:#A9C2F7;--accent-h:#BDD0FA;--accent-ink:#0C1738;--link:#B4C9F8;--focus:#D6C8FF;--hover:rgba(180,201,248,.14);--hover2:rgba(180,201,248,.1);--navline:rgba(230,236,252,.3);--track:rgba(255,255,255,.12);--safe-bg:rgba(20,28,60,.9);--safe-ink:#DCE4F8;--chip:rgba(255,255,255,.08);--chip-ink:#DCE4F8;--num-bg:#35306A;--num-ink:#DAD2FF;--notice:rgba(255,255,255,.07);--notice-ic:#A9C2F7;--soft:rgba(255,255,255,.06);--sos-bg:rgba(52,44,104,.7);--sos-ink:#EEE9FF;--sos-ic:#CDBEFF;--tel-bg:#0B1024;--tel-ink:#D6C8FF;--surface:rgba(23,31,68,.78);--surface2:rgba(34,44,92,.8);--shadow:0 1px 0 rgba(255,255,255,.08) inset,0 18px 44px -18px rgba(0,0,0,.7);--shadow2:0 1px 0 rgba(255,255,255,.1) inset,0 28px 60px -20px rgba(0,0,0,.8);--s-bg:#173A52;--s-ink:#BDE6F8;--m-bg:#352E6B;--m-ink:#D9D0FF;--w-bg:#2A3250;--w-ink:#CBD3EC;--breath-bg:rgba(30,40,86,.8);--orb:radial-gradient(circle at 34% 28%,#F2F6FF,#9DBBF3 40%,#7F8EE8 64%,#8E72DE);--orb-shadow:0 24px 50px -16px rgba(0,0,0,.7);--btn-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 10px 24px -10px rgba(0,0,0,.7);--tocon:rgba(255,255,255,.1);--legend:rgba(255,255,255,.06);--foot:rgba(8,12,30,.9);--foot-ink:#DCE4F8;--foot-link:#B4C9F8;--foot-line:rgba(255,255,255,.14);--help-bg:rgba(52,44,104,.65);--help-ink:#EEE9FF;--help-ink2:#CFC8F0;--help-card:rgba(11,16,36,.7);--help-num:#D6C8FF;--ico-bg:#1E3A68;--ico-ink:#BCD3FA;--ico-bg2:#35306A;--ico-ink2:#DAD2FF;--ico-bg3:#164943;--ico-ink3:#B8EBDD;--au1:#2B5BA8;--au2:#6B46C1;--au3:#14806A;--au4:#8A3A7C;--aubase:#0B1024;}}
:root[data-theme="dark"]{--bg:#0B1024;--pink:#E6ECFC;--pmuted:#A6B3D6;--pmuted2:#B3BFDE;--ink:#E6ECFC;--muted:#A6B3D6;--line:#27315C;--line2:#3C4A86;--accent:#A9C2F7;--accent-h:#BDD0FA;--accent-ink:#0C1738;--link:#B4C9F8;--focus:#D6C8FF;--hover:rgba(180,201,248,.14);--hover2:rgba(180,201,248,.1);--navline:rgba(230,236,252,.3);--track:rgba(255,255,255,.12);--safe-bg:rgba(20,28,60,.9);--safe-ink:#DCE4F8;--chip:rgba(255,255,255,.08);--chip-ink:#DCE4F8;--num-bg:#35306A;--num-ink:#DAD2FF;--notice:rgba(255,255,255,.07);--notice-ic:#A9C2F7;--soft:rgba(255,255,255,.06);--sos-bg:rgba(52,44,104,.7);--sos-ink:#EEE9FF;--sos-ic:#CDBEFF;--tel-bg:#0B1024;--tel-ink:#D6C8FF;--surface:rgba(23,31,68,.78);--surface2:rgba(34,44,92,.8);--shadow:0 1px 0 rgba(255,255,255,.08) inset,0 18px 44px -18px rgba(0,0,0,.7);--shadow2:0 1px 0 rgba(255,255,255,.1) inset,0 28px 60px -20px rgba(0,0,0,.8);--s-bg:#173A52;--s-ink:#BDE6F8;--m-bg:#352E6B;--m-ink:#D9D0FF;--w-bg:#2A3250;--w-ink:#CBD3EC;--breath-bg:rgba(30,40,86,.8);--orb:radial-gradient(circle at 34% 28%,#F2F6FF,#9DBBF3 40%,#7F8EE8 64%,#8E72DE);--orb-shadow:0 24px 50px -16px rgba(0,0,0,.7);--btn-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 10px 24px -10px rgba(0,0,0,.7);--tocon:rgba(255,255,255,.1);--legend:rgba(255,255,255,.06);--foot:rgba(8,12,30,.9);--foot-ink:#DCE4F8;--foot-link:#B4C9F8;--foot-line:rgba(255,255,255,.14);--help-bg:rgba(52,44,104,.65);--help-ink:#EEE9FF;--help-ink2:#CFC8F0;--help-card:rgba(11,16,36,.7);--help-num:#D6C8FF;--ico-bg:#1E3A68;--ico-ink:#BCD3FA;--ico-bg2:#35306A;--ico-ink2:#DAD2FF;--ico-bg3:#164943;--ico-ink3:#B8EBDD;--au1:#2B5BA8;--au2:#6B46C1;--au3:#14806A;--au4:#8A3A7C;--aubase:#0B1024;}

/* ===== направление ===== */
/* ===== 3. Небо и воздух – Aurora (19). Пастельное северное сияние, стекло, огромный заголовок, круг-герой ===== */
body{background:transparent}
:root{background:var(--bg)}
.aurora{position:fixed;inset:0;z-index:-1;overflow:hidden;background:var(--aubase);pointer-events:none}
.aurora i{position:absolute;border-radius:50%}
.aurora .b1{width:80vw;height:80vw;left:-22vw;top:-30vw;background:radial-gradient(closest-side,var(--au1),transparent)}
.aurora .b2{width:75vw;height:75vw;right:-24vw;top:-8vw;background:radial-gradient(closest-side,var(--au2),transparent)}
.aurora .b3{width:70vw;height:50vw;left:10vw;top:50vh;background:radial-gradient(closest-side,var(--au3),transparent);opacity:.6}
.aurora .b4{width:55vw;height:55vw;right:-6vw;top:70vh;background:radial-gradient(closest-side,var(--au4),transparent);opacity:.55}
.fx .aurora i{animation:drift 28s ease-in-out infinite alternate}
.fx .aurora .b2{animation-duration:34s;animation-delay:-8s}.fx .aurora .b3{animation-duration:40s;animation-delay:-14s}.fx .aurora .b4{animation-duration:46s;animation-delay:-20s}
@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(7vw,5vh,0) scale(1.14)}}
.safe{background:var(--safe-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}

/* меню-таблетка */
.top{position:sticky;top:10px;z-index:40;display:flex;justify-content:center;padding:0 12px;margin:10px 0 0}
.pill{display:flex;align-items:center;gap:14px;padding:6px 8px 6px 16px;border-radius:999px;background:var(--surface);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow);max-width:100%}
:root[data-theme="dark"] .pill{border-color:rgba(255,255,255,.14)}
.logo svg{width:34px;height:34px}.logo .name{font-size:20px;font-weight:800}.logo .tag{display:none}
.main a{min-height:44px;padding:0 14px;font-size:15.5px}
.main a.on{background:var(--tocon);box-shadow:none}
.pill .tools-r{margin-left:6px}

/* загрузчик: вдох 0 -> 100 % */
.fx .loader{display:grid;place-items:center;position:fixed;inset:0;z-index:100;background:var(--bg);transition:opacity .9s var(--expo),transform .9s var(--expo)}
.lcore{position:relative;width:min(56vmin,300px);aspect-ratio:1;display:grid;place-items:center;transform:scale(calc(.5 + var(--k,0) * .5))}
.lring{position:absolute;inset:0;border-radius:50%;background:var(--orb);box-shadow:var(--orb-shadow)}
.lt{position:relative;font:800 clamp(44px,9vmin,72px)/1 var(--sans);color:var(--orb-ink);margin:0;font-variant-numeric:tabular-nums}
.lt .u{font-size:.5em;margin-left:2px}
.ll{position:absolute;bottom:14vh;margin:0;font:600 18px var(--sans);color:var(--pmuted)}
.fx .loader.out{opacity:0;transform:scale(1.35);pointer-events:none}

/* первый экран */
.hero3{position:relative;padding:26px 0 60px;min-height:calc(100svh - 150px);display:flex;align-items:center}
.hero3 .wrap{position:relative;z-index:1;width:100%}
.hero3 .eyebrow{margin-bottom:26px}
.hero3 h1{margin:0 0 30px;font-weight:800;line-height:.9}
.mega{display:block;font:700 clamp(46px,11.4vw,190px)/.96 var(--disp);letter-spacing:-.035em;color:var(--pink);white-space:nowrap}
.mega .ch{display:inline-block}
.fx:not(.ready) .mega .ch{opacity:0;transform:translate3d(0,70%,0)}
.fx .mega .ch{transition:transform 1.1s var(--expo) calc(var(--i) * 60ms),opacity .9s calc(var(--i) * 60ms)}
.rest{display:block;font:600 clamp(20px,2.7vw,36px)/1.2 var(--disp);color:var(--pmuted2);margin-top:16px;letter-spacing:-.015em;max-width:20em}
.hero-row{display:flex;gap:28px 48px;align-items:center;flex-wrap:wrap}
.hero3 .lead{margin:0;max-width:27em;font-size:20px}
.btn{border-radius:999px}
.orb-hero{position:absolute;right:max(3vw,calc((100vw - 1180px)/2));bottom:6%;width:min(30vmin,330px);aspect-ratio:1;z-index:0}
.orb-hero i{position:absolute;inset:0;border-radius:50%}
.orb-hero .o{background:var(--orb);box-shadow:var(--orb-shadow)}
.orb-hero .r1{background:var(--ring1)}.orb-hero .r2{background:var(--ring2)}
.orb-hero i{transform:scale(.8);animation:breathe 10s infinite}
.orb-hero .r1{animation-delay:.1s}.orb-hero .r2{animation-delay:.2s}
.orb-hero .r1,.orb-hero .r2{inset:-14%}

/* сцена Oryzo: круг-герой становится схемой дыхания */
.sgrid{height:100%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);align-items:center;gap:40px}
.orbstage{position:relative;width:100%;max-width:760px;aspect-ratio:1/.78;display:grid;place-items:center}
.orb3,.ring3{display:none;position:absolute;border-radius:50%;left:50%;top:50%;width:min(46vmin,430px);aspect-ratio:1;margin:calc(min(46vmin,430px) / -2) 0 0 calc(min(46vmin,430px) / -2)}
.fx .orb3,.fx .ring3{display:block}
.orb3{background:var(--orb);box-shadow:var(--orb-shadow);transform:translate3d(0,calc(var(--p) * -6vmin),0) scale(calc(1 - var(--p) * .4),calc(1 - clamp(0,(var(--p) - .42) / .22,1) * .97));opacity:calc(1 - clamp(0,(var(--p) - .46) / .22,1));animation:orbscale 10s ease-in-out infinite}
.ring3{border:1.5px solid color-mix(in srgb,var(--accent) 45%,transparent);transform:scale(calc(1.2 + var(--p) * .3));opacity:calc(.7 - clamp(0,(var(--p) - .3) / .25,1) * .7)}
.ring3.b{transform:scale(calc(1.45 + var(--p) * .4));opacity:calc(.45 - clamp(0,(var(--p) - .25) / .25,1) * .45)}
@keyframes orbscale{0%{scale:.94;animation-timing-function:cubic-bezier(.45,0,.25,1)}40%{scale:1.04;animation-timing-function:cubic-bezier(.45,0,.25,1)}100%{scale:.94}}
.chart{position:absolute;inset:0;width:100%;height:100%}
.chart .grid path{stroke:var(--line2);stroke-width:1;opacity:.55}
.chart .wave{stroke:var(--accent);stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round}
.chart .ticks text{font:600 15px var(--sans);fill:var(--pmuted2)}
.fx .chart{opacity:clamp(0,calc((var(--p) - .42) * 6),1)}
.fx .chart .wave{stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,(var(--p) - .5) / .42,1))}
.scene-text .moment{font:700 clamp(26px,3vw,40px)/1.2 var(--disp);letter-spacing:-.02em;color:var(--pink)}

/* разделы: стекло, смещение колонок */
.sec{padding:80px 0 20px}
.sec h2,.how h2,.tools-sec h2{font:800 clamp(34px,5vw,68px)/1 var(--disp);letter-spacing:-.035em}
.grid3 .card-big:nth-child(3n+2){margin-top:44px}
.card-big{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7);padding:28px 28px 18px}
:root[data-theme="dark"] .card-big,:root[data-theme="dark"] .tool,:root[data-theme="dark"] .lvl,:root[data-theme="dark"] .tech{border-color:rgba(255,255,255,.1)}
.card-big .ico,.card-big:nth-child(3n+2) .ico,.card-big:nth-child(3n) .ico{width:60px;height:60px;border-radius:50%;box-shadow:inset 0 2px 6px rgba(255,255,255,.9),0 10px 24px -8px rgba(90,110,200,.5)}
.card-big h3{font:700 24px/1.2 var(--disp);letter-spacing:-.015em}
@media (hover:hover){.card-big{transition:transform .4s var(--expo),box-shadow .4s}.card-big:hover{transform:translateY(-8px)}}
.how{margin:100px 0 0;padding:0;background:transparent;border-radius:0}
.manif{font:800 clamp(28px,4.6vw,64px)/1.08 var(--disp);letter-spacing:-.035em;max-width:17em}
.lvl,.tool{background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.7);border-radius:var(--r)}
.tools-sec{padding:90px 0 0}
.breath-sec{padding:90px 0 10px}
.breath-card{max-width:620px;width:100%;border-radius:var(--r2);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7)}
.breath-card .breath-stage{width:260px;height:260px}.breath-card .ring,.breath-card .orb{width:260px;height:260px}
.clockbar{position:fixed;left:18px;bottom:16px;z-index:30;padding:10px 18px;border-radius:999px;background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.6);font:500 14.5px var(--sans);color:var(--pink);box-shadow:var(--shadow)}
.clockbar b{font-variant-numeric:tabular-nums;font-weight:700}
footer{margin-top:100px;border-radius:var(--r2) var(--r2) 0 0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.help{border-radius:var(--r)}

/* статья */
.art-head{padding:20px 0 40px}
.art-head h1{font:800 clamp(38px,5.8vw,84px)/1 var(--disp);letter-spacing:-.04em;max-width:10.5em;text-wrap:balance}
.art-head .deco-head{width:min(46%,500px)}
.v3 .prose{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.7);border-radius:var(--r2);padding:52px 56px 44px;box-shadow:var(--shadow2)}
:root[data-theme="dark"] .v3 .prose{border-color:rgba(255,255,255,.1)}
.v3 .layout{grid-template-columns:220px minmax(0,780px);gap:44px}
.v3 .prose h2{font:800 34px/1.1 var(--disp);letter-spacing:-.03em}
.v3 .tech{background:var(--surface2);box-shadow:none;border:1px solid var(--line)}
.v3 .tech .why{background:var(--surface)}
.read-orb{position:fixed;right:18px;bottom:16px;width:54px;height:54px;border-radius:50%;z-index:30;background:conic-gradient(var(--accent) calc(var(--read,0) * 360deg),var(--track) 0);box-shadow:var(--shadow)}
.read-orb b{position:absolute;inset:6px;border-radius:50%;background:var(--bg)}
.read-orb::after{content:"";position:absolute;inset:17px;border-radius:50%;background:var(--orb)}
@media (max-width:980px){
  .v3 .layout{grid-template-columns:minmax(0,1fr)}
  .v3 .prose{padding:34px 22px 28px}
  .grid3 .card-big:nth-child(3n+2){margin-top:0}
  .orb-hero{width:36vmin;right:4vw;bottom:2%;opacity:.8}
  .sgrid{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:8px}
  .orbstage{max-height:46svh;aspect-ratio:1/.7}
  .orb3,.ring3{width:34vmin;margin:-17vmin 0 0 -17vmin}
  .clockbar{display:none}
  .pill{width:100%;justify-content:space-between}
  .pill .tools-r{margin-left:auto}
}
.fx .loader[hidden]{display:none}
footer{padding-bottom:60px}
.hero3{overflow-x:clip}
.v3 section,.v3 h2,.v3 .how{scroll-margin-top:96px}

/* ===== правки 26.10: полоса «Если плохо» в одну строку ===== */
.safe .wrap{flex-wrap:nowrap;gap:8px 14px;padding-top:0;padding-bottom:0;min-height:48px}
.safe .t{align-items:center;gap:8px;flex-wrap:nowrap;min-width:0}
.safe .lbl-s{display:none;white-space:nowrap}
.safe .lbl-l{white-space:nowrap}
.safe .sub2{white-space:nowrap;font:500 14px/1.3 var(--sans);margin:0;max-width:none;color:inherit}
.safe a.tl{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 10px;border-radius:999px;background:var(--tel-bg);color:var(--tel-ink);font-weight:700;text-decoration:none;white-space:nowrap}
.safe a.all{white-space:nowrap}
@media (max-width:980px){.safe .sub2{display:none}}
@media (max-width:700px){
  .safe{font-size:14px}
  .safe .wrap{gap:6px;justify-content:flex-start}
  .safe .lbl-l{display:none}.safe .lbl-s{display:inline}
  .safe svg{width:18px;height:18px}
  .safe a.tl{padding:0 8px}
  .safe a.all{display:none}
}

/* ===== строка проверки под заголовком ===== */
.meta-line{display:flex;gap:8px;align-items:flex-start;margin:0;font:500 15.5px/1.5 var(--sans);color:var(--muted)}
.meta-line svg{width:18px;height:18px;margin-top:2px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
@media (max-width:700px){.meta-line{font-size:14.5px}}

/* ===== метка времени в карточке приёма ===== */
.ttime{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:4px 14px;min-height:34px;border-radius:999px;background:var(--chip);color:var(--chip-ink);font:550 15px/1.3 var(--sans)}
.ttime svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ===== как цитировать ===== */
.cite{margin:26px 0 0;padding:22px 26px 20px;border-radius:var(--r);background:var(--surface2);border:1px solid var(--line)}
.cite h3{margin:0 0 6px}
.cite p{margin:0 0 10px}
.cite .cite-lead,.cite .cite-in{font:400 15.5px/1.5 var(--sans);color:var(--muted)}
.cite .cite-text{font:400 16.5px/1.6 var(--serif);color:var(--ink);background:var(--surface);border-radius:16px;padding:14px 18px;overflow-wrap:anywhere}
.cite .acts{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px}
.copy-note{font:600 15px var(--sans);color:var(--ink)}

/* ===== плавающая кнопка «Содержание» (телефон и планшет) ===== */
.toc-fab,.toc-back,.toc-sheet{display:none}
@media (max-width:980px){
  .toc-fab{display:inline-flex;align-items:center;gap:8px;position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:45;min-height:48px;padding:0 20px;border-radius:999px;border:0;background:var(--accent);color:var(--accent-ink);font:650 16px var(--sans);box-shadow:var(--btn-shadow),0 8px 24px -6px rgba(20,30,80,.35);cursor:pointer;transition:opacity .2s,transform .2s}
  .toc-fab svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round}
  .toc-fab.off{opacity:0;pointer-events:none;transform:translateX(-50%) translateY(12px)}
  .toc-back:not([hidden]){display:block;position:fixed;inset:0;z-index:60;background:rgba(10,16,40,.5)}
  .toc-sheet:not([hidden]){display:block;position:fixed;left:0;right:0;bottom:0;z-index:61;max-height:76svh;overflow:auto;padding:8px 16px calc(18px + env(safe-area-inset-bottom,0px));border-radius:28px 28px 0 0;background:var(--bg);color:var(--ink);box-shadow:0 -18px 50px -12px rgba(10,16,40,.5);border:1px solid var(--line)}
  .toc-sheet-h{display:flex;justify-content:space-between;align-items:center;min-height:56px;font:700 19px var(--sans)}
  .toc-close{min-height:44px;padding:0 14px;border:0;background:transparent;color:var(--link);font:650 16px var(--sans);cursor:pointer}
  .toc-sheet ol{list-style:none;margin:0;padding:0}
  .toc-sheet li{padding:0}
  .toc-sheet a{display:flex;align-items:center;min-height:52px;padding:6px 14px;border-radius:16px;color:var(--ink);font:550 17.5px/1.3 var(--sans);text-decoration:none}
  .toc-sheet a:active,.toc-sheet a.on{background:var(--tocon)}
}
@media (max-width:980px){.v3 .prose{padding-bottom:96px}footer{padding-bottom:96px}}