.fh-handoff{margin:18px 0;border:1px solid #dce8f7;border-radius:13px;background:#fff;padding:19px 20px;color:#4e6580;font:13px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}.fh-handoff *{box-sizing:border-box}.fh-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px}.fh-heading h3{margin:2px 0 0;color:#235c93;font-size:16px;font-weight:750;line-height:1.55}.fh-eyebrow{font-size:10px;color:#96a9bd;letter-spacing:.6px}.fh-demo{display:inline-block;flex-shrink:0;border:1px solid #d6e4f5;background:#f5f9fe;border-radius:5px;padding:3px 8px;color:#7b99b7;font-size:10px}.fh-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.fh-node{min-width:0}.fh-node-line{display:flex;align-items:center;gap:10px;margin-bottom:10px}.fh-node-dot{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:29px;height:29px;border:1px solid #dce5f1;border-radius:50%;background:#f8fafc;color:#a2b2c4;font-size:12px;font-weight:700}.fh-node-line>i{height:2px;flex:1;background:#e8eef6;margin-right:4px}.fh-done .fh-node-dot{background:#1a6fc4;border-color:#1a6fc4;color:#fff}.fh-done .fh-node-line>i{background:#b7d5f2}.fh-node h4{margin:0 0 4px;font-size:13px;font-weight:700;color:#6b8199}.fh-done h4{color:#24649e}.fh-node p{margin:0;font-size:11px;color:#879aaf;line-height:1.7}.fh-done p{color:#6684a1}.fh-node time{display:block;min-height:17px;margin-top:3px;color:#9caebf;font-size:10px;font-variant-numeric:tabular-nums}.fh-footnote{margin:17px 0 0;padding-top:12px;border-top:1px solid #edf2f8;color:#8299af;font-size:11px;line-height:1.85}.fh-update-note{margin-top:10px;padding:10px 12px;border-radius:8px;border:1px solid #f1e2c5;background:#fffaf0;color:#a18452;font-size:11px;line-height:1.8}.fh-course-name{display:block;margin-top:6px;font-size:10px;color:#a2b1c0}
@media(max-width:650px){.fh-handoff{padding:17px 16px}.fh-heading{align-items:flex-start;gap:10px}.fh-heading h3{font-size:15px}.fh-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 14px}.fh-node-line{margin-bottom:8px}.fh-node:nth-child(2) .fh-node-line>i{visibility:hidden}.fh-node-dot{width:28px;height:28px}.fh-node h4{font-size:13px}.fh-node p{font-size:11px}}
@media(max-width:390px){.fh-heading{flex-wrap:wrap}.fh-heading h3{font-size:14px}.fh-demo{font-size:9px}.fh-handoff{padding:15px 13px}.fh-flow{gap:15px 10px}.fh-node p{font-size:10px}}
@media print{.fh-handoff{break-inside:avoid;page-break-inside:avoid;box-shadow:none;border-color:#b9cfe5;print-color-adjust:exact;-webkit-print-color-adjust:exact}.fh-flow{grid-template-columns:repeat(4,minmax(0,1fr))}.fh-node:nth-child(2) .fh-node-line>i{visibility:visible}.fh-heading h3{font-size:14px}.fh-footnote{font-size:10px}}