/* Vibrozz 2 — auto (/auto) */
.au-warn small{display:block;font-size:13px}
.au-warn.bad{background:var(--dn-soft)}.au-warn.bad .ic{color:var(--dn)}
.au-warn .btn{flex:none}

.au-hero{display:flex;align-items:center;gap:22px;padding:24px 26px;flex-wrap:wrap}
.au-hero>.grid{flex:1}
.au-mark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--soft);color:var(--tx-3);transition:background .2s,color .2s}
.au-hero.on .au-mark{background:var(--acc);color:var(--on-acc)}
.au-hero.held .au-mark{background:var(--warn-soft);color:var(--warn)}
.au-head>.row{align-items:center}
.au-head{flex:1;min-width:240px;display:grid;gap:10px}
.au-head h2{font-size:24px;font-weight:800;letter-spacing:-.02em}
.au-env button.real.on,:root[data-vz-theme=dark] .au-env button.real.on{background:var(--acc);color:var(--on-acc)}
.au-st{font-size:13px;font-weight:500}
.au-kpi{display:flex;gap:28px;align-items:flex-end}
.au-kpi small{display:block;color:var(--tx-3);font-size:13px}
.au-kpi b{display:block;font-size:24px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.au-toggle{width:66px;height:40px;border-radius:20px;border:0;padding:0;background:var(--soft-2);position:relative;flex:none;transition:background .15s}
.au-toggle::after{content:"";position:absolute;top:4px;left:4px;width:32px;height:32px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.22);transition:left .15s}
.au-toggle.on{background:var(--up)}.au-toggle.on::after{left:30px}
.au-toggle.on.held{background:var(--warn)}

.au-strats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.au-st-card{padding:20px 22px;display:flex;flex-direction:column;gap:10px}
.au-st-card h4{font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.au-st-card .mu2{font-size:14px}
.au-venue{font-size:13px;font-weight:600;color:var(--tx-3)}
.au-st-top{flex-wrap:wrap;gap:6px}
.au-facts{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.au-when{background:var(--link-soft);color:var(--link)}
.au-st-foot{margin-top:auto;padding-top:6px;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.au-rec{font-size:13px;font-weight:600}
.au-rec b{font-weight:700}

.au-sig .it{grid-template-columns:40px minmax(0,1.5fr) 150px 150px 120px}
.au-sig .it>div:nth-child(3) small{font-size:12px}
.au-sig .it>div:nth-child(3) b{display:block}
.au-pnl b{display:block;white-space:nowrap}
.au-pnl .pill{margin-top:4px}
.au-pad{height:8px}
.au-acc{font-style:normal;font-size:11px;font-weight:800;letter-spacing:.04em;padding:1px 5px;border-radius:5px;margin-left:6px;vertical-align:1px;background:var(--soft-2);color:var(--tx-2)}
.au-acc.real{background:var(--acc);color:var(--on-acc)}
.au-tr small.au-bad{display:block;margin-top:2px;color:var(--warn);font-weight:600;white-space:normal;overflow-wrap:anywhere}
.au-more{display:flex;justify-content:center;padding:10px 24px 18px}

.au-health{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.au-tile{padding:18px 20px;display:grid;gap:2px;align-content:start;position:relative}
.au-tile>span.mu{font-size:14px}
.au-tile>b{font-size:20px;font-weight:700;letter-spacing:-.01em}
.au-tv{display:block;margin:6px 0 4px}
.au-tv .pill{font-size:13px;padding:4px 10px}
.au-tile small{font-size:13px}
.au-tile small.au-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.au-ti{position:absolute;top:16px;right:16px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--soft);color:var(--tx-3)}
.au-tile.ok .au-ti{background:var(--up-soft);color:var(--up)}
.au-tile.bad .au-ti{background:var(--dn-soft);color:var(--dn)}
.au-tile.bad>b{color:var(--dn)}

/* «Как это работает»: the page's and each strategy's explanation, folded */
.au-about{padding:0 4px;margin:-6px 0 -4px}
.au-about summary,.au-how summary{display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:var(--tx-3);font-size:14px;font-weight:600;list-style:none;user-select:none;border-radius:10px}
.au-about summary{padding:6px 8px}
.au-about summary::-webkit-details-marker,.au-how summary::-webkit-details-marker{display:none}
.au-about summary:hover,.au-how summary:hover{color:var(--tx-2)}
.au-about summary:hover{background:var(--soft)}
.au-about .au-chev,.au-how .au-chev{transition:transform .15s}
.au-about[open] .au-chev,.au-how[open] .au-chev{transform:rotate(90deg)}
.au-about>p{color:var(--tx-2);font-size:14px;line-height:1.5;margin:6px 8px 4px;max-width:820px}
.au-how{border-top:1px solid var(--line);padding-top:10px;margin-top:-2px}
.au-how summary{padding:2px 0}
.au-how>p{color:var(--tx-2);font-size:14px;line-height:1.5;margin-top:8px}
@media (pointer:coarse){.au-about summary,.au-how summary{min-height:40px}}
.au-risk{margin:0 0 4px;padding:0;list-style:none;display:grid;gap:6px}
.au-risk li{position:relative;padding-left:18px;font-size:14px;font-weight:600;line-height:1.4}
.au-risk li::before{content:"";position:absolute;left:3px;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--dn)}

.au-res summary{list-style:none;cursor:pointer;padding-bottom:20px}
.au-res summary::-webkit-details-marker{display:none}
.au-res .au-chev{color:var(--tx-3);transition:transform .15s}
.au-res[open] .au-chev{transform:rotate(180deg)}
.au-res[open] summary{padding-bottom:8px}
.au-res-b{padding:0 0 14px}
.au-res-b h4{font-size:14px;font-weight:700;color:var(--tx-3);padding:14px 24px 4px}
.au-rl{grid-template-columns:minmax(0,1fr) auto;padding-top:11px!important;padding-bottom:11px!important}
.au-rl>span:last-child{white-space:nowrap}

@media (max-width:1280px){.au-health{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1100px){
  .au-sig .it{grid-template-columns:40px minmax(0,1.5fr) 130px 140px 110px}
}
@media (max-width:760px){
  .au-warn{flex-wrap:wrap}
  .au-warn .grow{flex-basis:calc(100% - 40px)}
  .au-warn .btn{margin-left:32px}
  .au-hero{padding:20px 18px;gap:16px;align-items:flex-start}
  .au-hero .au-kpi,.au-hero .au-toggle{align-self:center}
  .au-mark{width:48px;height:48px}
  .au-head{min-width:0;flex-basis:calc(100% - 64px)}
  .au-head h2{font-size:20px}
  .au-kpi{flex:1;gap:22px}
  .au-kpi b{font-size:20px}
  .au-strats{grid-template-columns:1fr;gap:14px}
  .au-st-card{padding:18px}
  .au-sig .it{grid-template-columns:40px minmax(0,1fr) auto}
  .au-tr small.ell{white-space:normal}
  .au-health{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .au-tile{padding:16px}
  .au-tile>b{font-size:17px}
  .au-res-b h4{padding:12px 18px 4px}
  .au-rl{grid-template-columns:1fr}
  .au-rl>span:last-child{text-align:left;white-space:normal;color:var(--tx-2)}
  /* tap targets ≥ 40 px */
  .pg-auto .btn.sm{height:40px}
  .au-env button{min-height:40px;padding-left:16px;padding-right:16px}
  .au-toggle::before{content:"";position:absolute;inset:-6px -4px}
}

/* ---------- tablets ---------- */
@media (min-width:761px) and (max-width:1000px){
  .au-sig .it{grid-template-columns:40px minmax(0,1fr) 120px auto 100px}
  .au-tr .ell,.au-rl .ell{white-space:normal;overflow-wrap:anywhere}
}
@media (min-width:761px) and (pointer:coarse){
  .au-env button{min-height:40px;padding-left:16px;padding-right:16px}
  .au-toggle::before{content:"";position:absolute;inset:-6px -4px}
}
@media (min-width:761px) and (max-width:1000px){.au-strats.n3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.au-strats.n3 .au-st-card{padding:18px 16px}}