.ctd-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0 8px;display:grid}.ctd-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;min-width:0;padding:14px 12px}.ctd-card.active{background:#6366f10d;border-color:#818cf8}.ctd-icon{margin-bottom:6px;font-size:1.4rem}.ctd-name{color:#1f2937;overflow-wrap:break-word;word-break:break-word;margin-bottom:4px;font-size:.82rem;font-weight:700}.ctd-desc{color:#6b7280;overflow-wrap:break-word;word-break:break-word;font-size:.7rem;line-height:1.4}@media (max-width:480px){.ctd-card{padding:12px 8px}.ctd-desc{font-size:.66rem}}
.csf-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin:20px 0 8px;display:flex}.csf-step{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:130px;align-items:center;min-width:0;max-width:160px;padding:12px 10px;display:flex}.csf-icon{margin-bottom:4px;font-size:1.3rem}.csf-when{color:#b91c1c;margin-bottom:3px;font-size:.76rem;font-weight:700}.csf-desc{color:#6b7280;overflow-wrap:break-word;word-break:break-word;font-size:.66rem;line-height:1.3}.csf-step:first-child{border-color:#93c5fd}.csf-step:nth-child(3){border-color:#fdba74}.csf-step:nth-child(5){border-color:#fca5a5}.csf-arrow{color:#9ca3af;flex:none;font-size:1.1rem}@media (max-width:480px){.csf-when{font-size:.7rem}.csf-desc{font-size:.6rem}}
.dcl-list{flex-direction:column;gap:0;margin:20px 0 8px;display:flex}.dcl-item{gap:14px;padding-bottom:22px;display:flex;position:relative}.dcl-item:last-child{padding-bottom:0}.dcl-dot-col{flex-direction:column;flex:none;align-items:center;display:flex}.dcl-dot{color:#fff;background:linear-gradient(135deg,#818cf8,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.9rem;font-weight:800;display:flex}.dcl-line{background:#e2e8f0;flex:auto;width:2px;margin-top:4px}.dcl-body{flex:auto;min-width:0;padding-top:2px}.dcl-question{color:#1f2937;overflow-wrap:break-word;word-break:break-word;margin-bottom:4px;font-size:.92rem;font-weight:700}.dcl-hint{color:#6b7280;overflow-wrap:break-word;word-break:break-word;font-size:.8rem;line-height:1.5}@media (max-width:480px){.dcl-dot{width:26px;height:26px;font-size:.8rem}.dcl-question{font-size:.86rem}.dcl-hint{font-size:.74rem}}
.cdb-wrap{flex-direction:column;gap:10px;margin:20px 0 10px;display:flex}.cdb-row{align-items:center;gap:10px;display:flex}.cdb-label{color:#374151;overflow-wrap:break-word;word-break:break-word;flex:0 0 150px;font-size:.76rem}.cdb-track{background:#f1f5f9;border-radius:6px;flex:auto;min-width:0;height:20px;overflow:hidden}.cdb-fill{color:#fff;box-sizing:border-box;background:linear-gradient(90deg,#818cf8,#4f46e5);border-radius:6px;justify-content:flex-end;align-items:center;height:100%;padding-right:6px;font-size:.64rem;font-weight:700;display:flex}@media (max-width:480px){.cdb-label{flex:0 0 108px;font-size:.68rem}.cdb-track{height:17px}.cdb-fill{font-size:.58rem}}