.route-content .hd-grade{width:96px;height:96px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:44px;font-weight:800;flex:0 0 auto;}
.route-content .hd-A{background:rgba(74,222,128,.16);color:#4ade80;border:1px solid rgba(74,222,128,.4);}
.route-content .hd-B{background:rgba(132,204,22,.16);color:#a3e635;border:1px solid rgba(132,204,22,.4);}
.route-content .hd-C{background:rgba(234,179,8,.16);color:#facc15;border:1px solid rgba(234,179,8,.4);}
.route-content .hd-D{background:rgba(249,115,22,.16);color:#fb923c;border:1px solid rgba(249,115,22,.4);}
.route-content .hd-F{background:rgba(244,63,94,.16);color:#fb7185;border:1px solid rgba(244,63,94,.4);}
.route-content .hd-row{display:flex;gap:12px;align-items:flex-start;padding:13px 16px;border:1px solid var(--line);border-radius:8px;margin:8px 0;background:#000;}
.route-content .hd-ico{width:20px;height:20px;flex:0 0 auto;margin-top:1px;}
.route-content .hd-row h4{margin:0 0 3px;font-size:15px;font-weight:600;color:#fff;}
.route-content .hd-row p{margin:0;font-size:13.5px;color:#94a3b8;}
.route-content .hd-row code{font-size:12px;}
.route-content .hd-ok h4{color:#fff;}
.route-content .hd-warn{border-left:3px solid #eab308;}
.route-content .hd-bad{border-left:3px solid #f43f5e;}
.route-content .hd-add{position:relative;}
.route-content .hd-copy{position:absolute;top:10px;right:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;background:#000;border:1px solid var(--line);color:#cbd5e1;border-radius:8px;padding:6px 10px;cursor:pointer;}
.route-content .hd-copy:hover{background:#000;color:#fff;}