/* tc-toolpage.css — styles for generator-injected sections (breadcrumb + Continue-crafting workflow).
   Brand: #0B1220 bg · #141C2A surface · #22d3ee accent · DM Sans. */

/* ---- Breadcrumb ---- */
.tc-crumb{max-width:1100px;margin:14px auto 0;padding:0 20px;font-family:'DM Sans',system-ui,sans-serif}
.tc-crumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;font-size:13px}
.tc-crumb li{display:flex;align-items:center;gap:6px;color:#7d8aa0}
.tc-crumb li+li::before{content:'›';color:#46546b;margin-right:2px}
.tc-crumb a{color:#9fb0c6;text-decoration:none}
.tc-crumb a:hover{color:#22d3ee}
.tc-crumb li[aria-current]{color:#cdd5e0;font-weight:600}

/* ---- "Best for / When to use this" intent block ---- */
.tc-bestfor{max-width:1100px;margin:26px auto 0;padding:0 20px;font-family:'DM Sans',system-ui,sans-serif}
.tc-bestfor h2{margin:0 0 2px;font-size:20px;font-weight:800;color:#eaf0f7;font-family:'Sora','DM Sans',sans-serif}
.tc-bestfor-sub{margin:0 0 12px;font-size:13.5px;color:#8b99ae}
.tc-bestfor-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}
.tc-bestfor-list li{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:#cdd5e0;background:#141c2a;border:1px solid #22304a;border-radius:999px;padding:7px 14px}
.tc-bestfor-list li::before{content:'✓';color:#22d3ee;font-weight:800}

/* ---- Continue-crafting workflow ---- */
.tc-workflow{max-width:1100px;margin:40px auto;padding:26px 22px;background:#0e1626;border:1px solid #1e2942;border-radius:18px;font-family:'DM Sans',system-ui,sans-serif}
.tc-workflow h2{margin:0 0 4px;font-size:22px;font-weight:800;color:#eaf0f7;font-family:'Sora','DM Sans',sans-serif}
.tc-workflow-sub{margin:0 0 18px;font-size:14px;color:#8b99ae;max-width:60ch}
.tc-workflow-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;counter-reset:none}
.tc-wf-item{display:flex;align-items:center;gap:13px;padding:14px 16px;background:#141c2a;border:1px solid #22304a;border-radius:13px;text-decoration:none;transition:.15s}
.tc-wf-item:hover{border-color:#22d3ee;transform:translateY(-2px);background:#16202f}
.tc-wf-n{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:rgba(34,211,238,.12);color:#22d3ee;font-weight:800;font-size:15px}
.tc-wf-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.tc-wf-name{font-size:15px;font-weight:700;color:#eaf0f7}
.tc-wf-desc{font-size:12.5px;color:#8b99ae;line-height:1.35}
@media(max-width:560px){.tc-workflow{margin:28px 14px;padding:20px 16px}}