/* Shared explainer blocks for the small single-purpose tool pages. */
.tc{width:100%;max-width:1100px;margin:0 auto}
.tc section{margin:0 0 40px}
.tc h2{font-size:clamp(21px,2.3vw,28px);letter-spacing:-.6px;margin:0 0 14px}
.tc-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tc-steps li{background:#fff;border:1px solid #e2e5f0;border-radius:16px;padding:18px}
.tc-steps b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#6755e8;color:#fff;font-size:14px;margin-bottom:9px}
.tc-steps strong{display:block;font-size:16px;color:#18233f}
.tc-steps p{margin:5px 0 0;font-size:14px;color:#58657d;line-height:1.6}
.tc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.tc-grid div{background:#fff;border:1px solid #e2e5f0;border-radius:16px;padding:18px}
.tc-grid h3{margin:0 0 5px;font-size:15px;color:#18233f}
.tc-grid p{margin:0;font-size:14px;color:#58657d;line-height:1.6}
.tc-uses{margin:0;padding-left:20px;columns:2;column-gap:32px}
.tc-uses li{font-size:14px;color:#58657d;line-height:1.7;margin-bottom:4px;break-inside:avoid}
.tc-faq details{background:#fff;border:1px solid #e2e5f0;border-radius:14px;padding:14px 18px;margin-bottom:10px}
.tc-faq summary{font-weight:650;cursor:pointer;color:#18233f}
.tc-faq p{margin:9px 0 0;font-size:14px;color:#58657d;line-height:1.7}
.tc-note{font-size:13px;color:#6b7590;line-height:1.7;background:#fff;border:1px solid #e2e5f0;border-left:3px solid #6755e8;border-radius:12px;padding:14px 18px}
@media(max-width:820px){.tc-steps{grid-template-columns:1fr}.tc-uses{columns:1}}