.field-help{display:block;margin-top:6px;color:#8a8f87;font-size:10px;font-weight:500;line-height:1.35}
.block[data-key="debt_route"]{grid-column:span 12;padding:22px;background:#fbfaf6;color:#191b18}
.route-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.route-head h2{font:700 25px Georgia,serif;margin:6px 0 7px}
.route-head>div>p:last-child{max-width:610px;margin:0;color:#737a71;font-size:12px;line-height:1.5}
.route-extra{display:flex;align-items:flex-end;gap:8px;flex:0 0 auto}
.route-extra label{margin:0;color:#626860;font-size:10px;font-weight:900}
.route-extra input{display:block;width:170px;margin-top:6px;border:1px solid #d4d7ce;border-radius:10px;background:#fff;padding:11px 12px;color:#191b18;outline:none}
.route-extra input:focus{border-color:#729461;box-shadow:0 0 0 3px #72946120}
.route-extra .primary{padding:11px 14px}
.route-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.route-card{position:relative;min-width:0;border:1px solid #dfe1da;border-radius:15px;background:#fff;padding:16px;box-shadow:0 9px 24px rgba(32,40,28,.05)}
.route-card.recommended{border-color:#79a666;background:linear-gradient(145deg,#f8fbf6,#edf5e9);box-shadow:0 10px 25px rgba(75,112,59,.12)}
.route-card>small{display:block;color:#65705f;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.route-card>strong{display:block;margin-top:8px;font:700 23px Georgia,serif;line-height:1.1}
.route-card>span:not(.route-badge){display:block;margin-top:8px;color:#737a71;font-size:10px}
.route-card p{min-height:30px;margin:12px 0 0;color:#666d64;font-size:10px;line-height:1.45}
.route-badge{position:absolute;right:12px;top:12px;border-radius:999px;background:#557a43;color:#fff;padding:5px 7px;font-size:7px;font-weight:900;letter-spacing:.08em}
.route-first{margin-top:13px;border-top:1px solid #e5e7e0;padding-top:11px;color:#66705f;font-size:9px;line-height:1.45;overflow-wrap:anywhere}
.route-empty{display:grid;gap:5px;margin-top:18px;border:1px dashed #b8c2b2;border-radius:13px;background:#f1f5ee;padding:17px;color:#4c6045}
.route-empty b{font-size:12px}.route-empty span{font-size:10px;color:#778173}
.route-pending-wrap{margin-top:18px;border-top:1px solid #e4e5de;padding-top:15px}
.route-pending-wrap h3{margin:0 0 8px;font-size:11px}
.route-pending{display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:10px;background:#f5f3ed;padding:10px 12px;margin-top:7px}
.route-pending b{display:block;font-size:10px}.route-pending small{display:block;margin-top:3px;color:#7d837a;font-size:9px}
.route-note{margin:16px 0 0;color:#858b82;font-size:9px;line-height:1.5}
@media(max-width:760px){
  .block[data-key="debt_route"]{padding:17px}
  .route-head{display:block}
  .route-head h2{font-size:22px}
  .route-extra{display:grid;grid-template-columns:minmax(0,1fr) auto;margin-top:15px}
  .route-extra input{width:100%}
  .route-cards{grid-template-columns:1fr;margin-top:15px}
  .route-card p{min-height:0}
  .route-pending{align-items:flex-start;flex-direction:column}
  .route-pending .tiny-btn{width:100%}
}
@media(max-width:390px){
  .route-extra{grid-template-columns:1fr}
  .route-extra .primary{width:100%}
}