/* КРИПТА · интерактивный пример тренажёра. Токены те же, что в page-ru.css. */
.kr-section-wide .kr-wrap{max-width:1720px}
.kr-section-wide .kr-center{max-width:760px;margin-left:auto;margin-right:auto}
.kr-trainer{margin-top:48px;padding:clamp(20px,2.4vw,36px);overflow:visible}
.kr-trainer>small{margin-top:18px;max-width:none}
.kr-tr-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.kr-tr-controls{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
.kr-tr-title{display:flex;flex-direction:column;gap:3px}
.kr-tr-title strong{font:500 clamp(18px,1.5vw,22px)/1.2 var(--kr-head);letter-spacing:-.01em}
.kr-tr-title span{font:400 13px/1.4 var(--kr-text);color:#6e7684}
.kr-tr-levels{display:inline-flex;gap:4px;padding:4px;border-radius:100px;background:var(--kr-bg)}
.kr-tr-levels button{border:0;background:transparent;color:#6e7684;font:600 11px/1 var(--kr-head);text-transform:uppercase;letter-spacing:.04em;padding:9px 14px;border-radius:100px;cursor:pointer;transition:background .18s,color .18s}
.kr-tr-levels button:hover{color:var(--kr-ink)}
.kr-tr-levels button[aria-checked=true]{background:#111520;color:#fff}
.kr-tr-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.kr-tr-tools span{font:600 10px/1 var(--kr-head);text-transform:uppercase;letter-spacing:.04em;padding:7px 10px;border-radius:100px;background:var(--kr-bg);color:var(--kr-ink)}
.kr-tr-pick{display:inline-flex;align-items:center;gap:8px;font:600 10px/1 var(--kr-head);text-transform:uppercase;letter-spacing:.04em;color:#6e7684}
.kr-tr-pick select{max-width:min(260px,52vw);padding:9px 30px 9px 12px;border-radius:100px;border:1px solid #d7dde3;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%23111520' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center/10px;font:500 12px/1.2 var(--kr-head);color:var(--kr-ink);appearance:none;-webkit-appearance:none;text-overflow:ellipsis}
.kr-tr-body{display:grid;grid-template-columns:minmax(0,2fr) minmax(340px,1fr);gap:22px;align-items:start}
.kr-tr-chart{padding:16px 10px 14px 14px;position:relative}
.kr-chart{display:block;width:100%;height:auto;aspect-ratio:1200/600;font-family:var(--kr-head)}
.kr-tr-stage{list-style:none;margin:12px 0 0;padding:0 6px;display:flex;gap:6px}
.kr-tr-stage li{flex:1;position:relative;padding-top:10px;font:600 10px/1 var(--kr-head);text-transform:uppercase;letter-spacing:.04em;color:#aab2bf}
.kr-tr-stage li::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:3px;background:#e3e7eb;transition:background .3s}
.kr-tr-stage li.is-done::before{background:#111520}.kr-tr-stage li.is-on::before{background:var(--kr-orange)}
.kr-tr-stage li.is-on{color:var(--kr-ink)}
.kr-tr-panel{display:grid;gap:14px;align-content:start}
.kr-tr-caption{padding:18px 20px;border-radius:var(--kr-radius-s);background:var(--kr-bg);min-height:104px}
.kr-tr-caption .kr-ui-label{margin-bottom:8px}
.kr-tr-caption p{font:500 17px/1.45 var(--kr-head);letter-spacing:-.005em;margin:0}
.kr-rules{margin-top:14px;padding:0 4px}
.kr-rules summary{cursor:pointer;font:600 11px/1 var(--kr-head);text-transform:uppercase;letter-spacing:.04em;color:#6e7684;padding:8px 0;list-style:none;display:flex;align-items:center;gap:8px}
.kr-rules summary::-webkit-details-marker{display:none}
.kr-rules summary::before{content:"+";display:inline-flex;width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;border:1px solid #c3c9cf;font-size:13px;line-height:1}
.kr-rules[open] summary::before{content:"−"}
.kr-rules ul{margin:6px 0 0;padding:0 0 0 18px;font:400 14px/1.5 var(--kr-text);color:var(--kr-ink-70)}
.kr-rules li{margin:4px 0}
.kr-tr-actions{display:flex;gap:8px;flex-wrap:wrap}
.kr-tr-actions button{min-height:46px;padding:12px 20px;border-radius:100px;border:1px solid #111520;background:#111520;color:#fff;font:500 14px/1.2 var(--kr-head);cursor:pointer;transition:background .18s,color .18s,border-color .18s}
.kr-tr-actions button:hover{background:#2a303c;border-color:#2a303c}
.kr-tr-actions button.kr-ghost{background:transparent;color:var(--kr-ink);border-color:#c3c9cf}
.kr-tr-actions button.kr-ghost:hover{background:var(--kr-bg)}
.kr-trainer .kr-condition{padding:4px 0 16px}
.kr-trainer .kr-condition p{font-size:clamp(17px,1.35vw,20px);line-height:1.35;margin:8px 0 12px}
.kr-condition-status.is-ok{color:#1b8a3f;background:#e4f8ea}.kr-condition-status.is-none{color:#6e7684;background:#eef0f2}
.kr-condition-status::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;flex:none}
.kr-trainer .kr-choices{grid-template-columns:1fr 1fr}
.kr-trainer .kr-choices button{min-height:56px}
.kr-trainer .kr-choices button:disabled{cursor:default;opacity:.55}
.kr-trainer .kr-choices button:disabled[aria-pressed=true]{opacity:1}
.kr-risk{padding:6px 18px;display:grid}
.kr-risk>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px solid var(--kr-line);font:400 12px/1.3 var(--kr-text);color:#6e7684}
.kr-risk>div:last-child{border:0}
.kr-risk b{font:500 15px/1.2 var(--kr-head);color:var(--kr-ink);text-align:right;white-space:nowrap}
.kr-vtag{display:inline-block;font:600 10px/1 var(--kr-head);text-transform:uppercase;letter-spacing:.04em;padding:6px 9px;border-radius:100px;margin-bottom:6px}
.kr-vtag.is-ok{background:#0fd342;color:#062b12}.kr-vtag.is-no{background:#f43f5e;color:#fff}.kr-vtag.is-soft{background:#ff7920;color:#2b1200}
.kr-trainer .kr-feedback h3{margin-top:6px;font-size:clamp(20px,1.6vw,24px)}
.kr-trainer .kr-feedback p{font-size:16px;line-height:1.5}
.kr-outcome{margin-top:12px!important;padding-top:12px;border-top:1px solid #2a303c;color:#fff!important}
.kr-why{padding:16px 20px;border-radius:var(--kr-radius-s);background:var(--kr-bg)}
.kr-why .kr-ui-label{margin-bottom:8px}.kr-why p{font-size:16px;line-height:1.55;margin:0}
.kr-next{background:#fff;border:1px solid var(--kr-line)}
.kr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;margin:0}
.kr-trainer noscript p{font-size:13px;color:var(--kr-ink-70);margin-top:14px}

/* График */
.kr-grid{stroke:#e9ecef;stroke-width:1}
.kr-axis{font:500 13px var(--kr-head);fill:#8e97a3}
.kr-legend{font:600 11px var(--kr-head);fill:#6e7684;letter-spacing:.03em}
.kr-hidden-area{fill:url(#kr-hatch),#f4f6f8;fill:#f4f6f8;transition:opacity .6s}
.kr-hidden-line{stroke:#c3c9cf;stroke-width:1;stroke-dasharray:4 4}
.kr-hidden-text{font:600 14px var(--kr-head);fill:#aab2bf;letter-spacing:.04em;text-transform:uppercase}
.kr-g-hidden.kr-open .kr-hidden-area,.kr-g-hidden.kr-open .kr-hidden-text{opacity:0}
.kr-cnd line{stroke-width:1.5}.kr-cnd.kr-up line,.kr-cnd.kr-up rect{stroke:#0fb63b;fill:#0fd342}.kr-cnd.kr-down line,.kr-cnd.kr-down rect{stroke:#d6304f;fill:#f43f5e}
.kr-vol.kr-up{fill:rgba(15,211,66,.35)}.kr-vol.kr-down{fill:rgba(244,63,94,.35)}
.kr-ma{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.kr-ma-0{stroke:#ff7920}.kr-ma-1{stroke:#111520}.kr-ma-2{stroke:#8e97a3}
.kr-ma-sw{rx:1.5}.kr-ma-sw.kr-ma-0{fill:#ff7920}.kr-ma-sw.kr-ma-1{fill:#111520}.kr-ma-sw.kr-ma-2{fill:#8e97a3}
.kr-level{stroke:#111520;stroke-width:1.4;stroke-dasharray:7 5}
.kr-zone{fill:rgba(255,121,32,.14);stroke:rgba(255,121,32,.6);stroke-width:1}
.kr-bos{stroke:#111520;stroke-width:1.2;stroke-dasharray:3 3}
.kr-sweep{fill:#fff;stroke:#f43f5e;stroke-width:2}
.kr-volhl{fill:none;stroke:#ff7920;stroke-width:1.5}
.kr-pilltag rect{fill:#111520}.kr-pilltag text{font:600 12px var(--kr-head);fill:#fff;letter-spacing:.02em}
.kr-pilltag.kr-tag-level rect{fill:#fff;stroke:#111520;stroke-width:1}.kr-pilltag.kr-tag-level text{fill:#111520}
.kr-pilltag.kr-tag-smc rect{fill:#ff7920}.kr-pilltag.kr-tag-smc text{fill:#2b1200}
.kr-pilltag.kr-tag-vol rect{fill:#fff;stroke:#ff7920;stroke-width:1}.kr-pilltag.kr-tag-vol text{fill:#b24a00}
.kr-pilltag.kr-tag-stop rect{fill:#f43f5e}.kr-pilltag.kr-tag-target rect{fill:#0fd342}.kr-pilltag.kr-tag-target text{fill:#062b12}
.kr-pilltag.kr-tag-entry rect{fill:#111520}
.kr-deal{stroke-width:1.6}.kr-deal-entry{stroke:#111520}.kr-deal-stop{stroke:#f43f5e;stroke-dasharray:5 4}.kr-deal-target{stroke:#0fb63b;stroke-dasharray:5 4}
.kr-entry-dot{fill:#111520;stroke:#fff;stroke-width:2}
.kr-hit{fill:#fff;stroke-width:3}.kr-hit-stop{stroke:#f43f5e}.kr-hit-target{stroke:#0fb63b}

/* Появление элементов */
@keyframes kr-pop{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes kr-dash{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.kr-in{animation:kr-pop .32s ease both}
.kr-ma.kr-draw{stroke-dasharray:1;animation:kr-dash 1.3s ease forwards}
@media(prefers-reduced-motion:reduce){.kr-in,.kr-ma.kr-draw{animation:none}.kr-hidden-area{transition:none}}

/* Планшет и телефон */
@media(max-width:1100px){
 .kr-tr-body{grid-template-columns:1fr}
 .kr-tr-panel{max-width:none}
}
@media(max-width:700px){
 .kr-trainer{margin-top:32px;padding:18px}
 .kr-tr-head{gap:10px}
 .kr-tr-pick{width:100%}.kr-tr-pick select{max-width:none;flex:1;min-width:0;width:100%}
 .kr-tr-head{min-width:0}
 .kr-tr-chart{padding:10px 6px 10px 8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
 .kr-chart{width:820px;max-width:none}
 .kr-tr-stage{position:sticky;left:0;width:calc(100vw - 86px);max-width:100%}
 .kr-tr-stage li{font-size:9px}
 .kr-tr-controls{width:100%;justify-content:stretch}.kr-tr-levels{width:100%;justify-content:space-between;box-sizing:border-box}.kr-tr-levels button{flex:1;padding:9px 6px}
 .kr-tr-caption p{font-size:16px}.kr-why p,.kr-trainer .kr-feedback p{font-size:15px}
 .kr-trainer .kr-choices{grid-template-columns:1fr}
 .kr-tr-caption{min-height:0}
}

/* hidden всегда скрывает, даже у flex-контейнеров */
.kr-trainer [hidden]{display:none!important}