/* День 5 · диагностика 15 жизненных узлов — мобильный, спокойный интерфейс */
.knots-wrap{margin:22px 0 32px;font-family:inherit;color:#273b35}
.knots-wrap button{touch-action:manipulation}
.knots-eyebrow{font-size:10px;letter-spacing:.17em;font-weight:850;color:#88764e;text-transform:uppercase}
.knots-cover,.knots-card,.knots-results,.knots-closed{border:1px solid #dedad0;border-radius:22px;background:linear-gradient(150deg,#fffefa 0%,#f8f7ef 100%);box-shadow:0 12px 30px #293d310b;padding:clamp(20px,5vw,44px);max-width:840px;margin:0 auto}
.knots-cover{text-align:center;position:relative;overflow:hidden}
.knots-cover:before{content:'';position:absolute;width:260px;height:260px;right:-120px;top:-140px;background:#ece9d3;border-radius:50%;opacity:.5;pointer-events:none}
.knots-symbol{font-size:34px;color:#b69a5a;margin:18px 0 4px}
.knots-cover h2,.knots-results h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(26px,5vw,41px);font-weight:600;line-height:1.18;color:#243f32;margin:10px 0}
.knots-lead{font-size:clamp(15px,3.4vw,18px);line-height:1.75;max-width:610px;margin:14px auto 22px}
.knots-highlights{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ddd7c4;border-bottom:1px solid #ddd7c4;margin:23px 0;padding:17px 0;gap:4px}
.knots-highlights>div{display:flex;flex-direction:column;align-items:center;gap:3px}
.knots-highlights strong{font:600 32px Georgia,serif;color:#a1854c}
.knots-highlights span{font-size:12px;color:#5f6f67}
.knots-help{text-align:left;font-size:13px;line-height:1.72;color:#52665b;padding:14px 17px;background:#edf1e9;border-radius:13px}
.knots-disclaimer{font-size:12px;line-height:1.65;color:#718077}
.knots-primary{background:#2d5a48;color:white;border:1px solid #2d5a48;border-radius:12px;font-weight:760;padding:14px 20px;font-size:15px;min-height:49px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.knots-primary:hover:not(:disabled){background:#214b3b}
.knots-primary:disabled{opacity:.48;cursor:not-allowed}
.knots-secondary,.knots-back{border:1px solid #b8c8bc;color:#305642;background:#fffdf8;border-radius:12px;padding:13px 17px;font-weight:750;min-height:48px;cursor:pointer}
.knots-back:disabled{opacity:.3}
.knots-card{min-height:400px}
.knots-topline{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;color:#698070;font-size:12px;font-weight:740;line-height:1.45}
.knots-topline span:first-child{max-width:70%}
.knots-topline span:last-child{white-space:nowrap}
.knots-progress{height:7px;background:#e5eadf;border-radius:99px;overflow:hidden;margin:14px 0 33px}
.knots-progress span{display:block;background:#b99b5c;height:100%;border-radius:99px;transition:width .24s}
.knots-question-number{font-size:11px;letter-spacing:.17em;color:#a18b5c;font-weight:850}
.knots-card h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,4.3vw,31px);line-height:1.4;color:#263f33;font-weight:600;margin:12px 0 28px;max-width:720px;overflow-wrap:anywhere}
.knots-scale{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:7px}
.knots-scale button{border:1px solid #ccdacb;border-radius:12px;background:#fff;color:#315644;font-weight:760;font-size:17px;min-height:49px;cursor:pointer}
.knots-scale button:hover{border-color:#a18d60;background:#f2f5e8}
.knots-scale button.is-picked{background:#2d5a48;color:white;border-color:#2d5a48;box-shadow:0 2px 0 #bc9b5e inset}
.knots-scale-legend{display:flex;justify-content:space-between;gap:12px;color:#79867c;font-size:11px;margin-top:12px}
.knots-field-label{font-size:12px;font-weight:780;color:#526b5a;display:block;margin:0 0 9px}
.knots-response{width:100%;resize:vertical;min-height:145px;padding:17px;border:1px solid #b8cabc;border-radius:13px;font:inherit;font-size:15px;line-height:1.65;background:#fffefa;color:#243e32;outline-offset:3px}
.knots-response:focus{border-color:#618c72;outline:2px solid #c8decf}
.knots-navigation{display:flex;gap:11px;justify-content:space-between;margin-top:32px}
.knots-savehint{text-align:center;color:#77877b;font-size:11px;margin-top:16px}
.knots-closed{text-align:center}.knots-closed>div{font-size:38px}
.knots-closed h2{font:600 26px Georgia,serif;color:#2d4839}.knots-closed p{color:#67796d}
.knots-results{max-width:1100px}
.knots-results-head{text-align:center;max-width:720px;margin:0 auto 21px}
.knots-results-head p{color:#6b796e;line-height:1.6}
.knots-results-layout{display:grid;grid-template-columns:minmax(250px,1fr) minmax(290px,1.15fr);gap:20px;align-items:start}
.knots-map{padding:10px;background:#fffdfa;border:1px solid #e9e4d8;border-radius:16px}
.knots-map svg{display:block;width:100%;height:auto}
.knots-map-caption{text-align:center;color:#7d8479;font-size:11px;line-height:1.5}
.knots-result-list{max-height:540px;overflow-y:auto;border:1px solid #e7e2d6;border-radius:15px;background:#fffefa}
.knots-result-item{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #f0ede5}
.knots-result-item:last-child{border-bottom:0}
.knots-node-index{font:600 14px Georgia,serif;color:#9f8d68}
.knots-node-text strong{display:block;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.knots-level{display:inline-block;font-size:10px;margin-top:5px;padding:3px 7px;border-radius:7px}
.knots-level.high{background:#fae7e1;color:#a05a46}
.knots-level.mid{background:#fcf0d1;color:#856621}
.knots-level.low{background:#e6f1e8;color:#3b7851}
.knots-node-number{font-size:19px;font-weight:800;white-space:nowrap}
.knots-node-number small{font-size:11px;color:#89948b}
.knots-change{font-size:10px;font-weight:400;color:#718273}
.knots-advice{background:#eef3eb;border-left:3px solid #91a983;padding:20px;margin:21px 0;border-radius:6px 12px 12px 6px}
.knots-advice p{font-size:15px;line-height:1.8;margin:9px 0 0}
.knots-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:11px;margin:18px 0}
.knots-course{background:#f6f2e8;border:1px solid #e1d7c0;border-radius:16px;padding:20px}
.knots-course h3{font:600 24px Georgia,serif;color:#344d3b;margin:12px 0}
.knots-course p{font-size:13px;line-height:1.7}
.knots-local-control{border:1px solid #e4d4b4;border-radius:16px;background:#fffaf0;padding:20px;margin-bottom:20px}
.knots-local-control h3{color:#324a39;font:600 23px Georgia,serif;margin:10px 0}
.knots-local-control p{font-size:12px;line-height:1.65;color:#68796d;max-width:790px}
.knots-modes{display:flex;gap:9px;flex-wrap:wrap}
.knots-modes button{padding:10px 14px;border-radius:11px;background:white;border:1px solid #cfcdbb;min-height:43px;font-size:13px;cursor:pointer}
.knots-modes button[aria-pressed="true"]{background:#315a47;color:white;border-color:#315a47}
.knots-wrap button:focus-visible,.knots-modes button:focus-visible{outline:3px solid #b8a46e;outline-offset:2px}
@media(max-width:800px){.knots-results-layout{grid-template-columns:1fr}.knots-result-list{max-height:none}}
@media(max-width:600px){
 .knots-wrap{margin:13px 0 24px}
 .knots-cover,.knots-card,.knots-results,.knots-closed{padding:19px 15px;border-radius:17px}
 .knots-scale{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
 .knots-scale button{min-height:49px;font-size:16px}
 .knots-scale-legend{font-size:10px}
 .knots-navigation{flex-direction:column-reverse}
 .knots-navigation button,.knots-actions button,.knots-cover>.knots-primary{width:100%}
 .knots-highlights strong{font-size:26px}.knots-highlights span{font-size:10px}
 .knots-results h2{font-size:29px}
}

.knots-erase{background:transparent;color:#747c74;border:0;text-decoration:underline;text-underline-offset:3px;font-size:12px;padding:11px 0;cursor:pointer}
.knots-erase:focus-visible{outline:2px solid #b8a46e;outline-offset:2px}

/* Separate weekly life-knot diagnostic and 7/8-day onboarding. */
.knots-bridge,.knots-application-info{background:linear-gradient(145deg,#fffefa,#f5f1e5);border:1px solid #e0d7c3;border-radius:20px;padding:clamp(20px,4vw,33px);margin:0 auto 20px;max-width:840px}
.knots-bridge h2,.knots-application-info h3{font-family:Georgia,"Times New Roman",serif;font-weight:600;color:#294837;font-size:clamp(24px,4vw,32px);margin:12px 0}
.knots-bridge p,.knots-application-info p{font-size:14px;color:#5b7162;line-height:1.75;max-width:680px}
.knots-application-info{margin:15px 0;border-left:4px solid #ad945f}
.route-select{max-width:100%;background:linear-gradient(145deg,#fffefa,#f4f1e7);border:1px solid #e3dac9;border-radius:20px;padding:clamp(17px,3.3vw,27px);margin:0 0 20px;box-shadow:0 9px 24px #20372c0b}
.route-eyebrow{font-size:10px;font-weight:850;letter-spacing:.18em;color:#9b8253}
.route-select h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,4vw,31px);font-weight:600;color:#2a4a38;margin:10px 0}
.route-select>p{font-size:13px;line-height:1.65;color:#677a6d}
.route-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0}
.route-option{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;border:2px solid #dfdfd4;border-radius:14px;background:#fffefa;padding:17px;cursor:pointer;color:#31513f;min-height:170px}
.route-option:hover:not(:disabled){border-color:#bcaa73}
.route-option.selected{background:#eff5eb;border-color:#4c8864;box-shadow:0 3px 10px #35634510}
.route-days{font-family:Georgia,"Times New Roman",serif;font-size:26px;color:#997741}
.route-option strong{font-size:17px}
.route-option>span:not(.route-days){font-size:13px;color:#708073;line-height:1.5}
.route-option em{margin-top:auto;font-size:12px;font-style:normal;font-weight:750;color:#3f7857}
.route-subscription{display:flex;gap:13px;align-items:flex-start;background:#f0eee5;border-radius:13px;padding:15px}
.route-subscription>span{font-size:24px;color:#ae8a4c}
.route-subscription strong{font-size:14px;color:#345444}
.route-subscription p{margin:7px 0 0;font-size:12px;color:#6a796e;line-height:1.6}
.route-picked{font-weight:700;color:#54705b!important;margin-top:15px}
.route-select button:focus-visible{outline:3px solid #c2aa78;outline-offset:2px}
@media(max-width:590px){.route-options{grid-template-columns:1fr}.route-option{min-height:140px}.route-subscription{padding:13px}.knots-bridge,.knots-application-info{border-radius:15px;padding:19px 15px}}