/* Reading sections below the free tools; scoped so form styles stay independent. */
.tool-jump { display:flex; flex-wrap:wrap; justify-content:center; gap:10px 20px; margin:18px 0 0; font-size:13px; font-weight:600; }
.tool-jump a { color:#5249e5; text-decoration:underline; text-underline-offset:4px; }
html.dark .tool-jump a { color:#aeb3ff; }
.tool-guide { width:100%; margin:48px auto 0; font-size:15px; line-height:1.8; }
.tool-guide, .tool-guide * { box-sizing:border-box; }
.tool-guide > section { margin-top:24px; padding:28px 30px; border:1px solid rgba(26,24,40,.08); border-radius:24px; background:#fff; }
.tool-guide > section:first-child { margin-top:0; }
html.dark .tool-guide > section { background:#161221; border-color:rgba(255,255,255,.09); }
.tool-guide [id], #cong-cu { scroll-margin-top:90px; }
.tool-guide h2 { margin:0 0 16px; font-size:25px; line-height:1.35; font-weight:800; letter-spacing:-.025em; }
.tool-guide h3 { margin:24px 0 8px; font-size:18px; line-height:1.45; font-weight:750; }
.tool-guide p { margin:12px 0; }
.tool-guide p:last-child { margin-bottom:0; }
.tool-guide a { color:#5249e5; text-decoration:underline; text-underline-offset:3px; }
html.dark .tool-guide a { color:#aeb3ff; }
.tool-guide ul, .tool-guide ol { padding-left:23px; margin:14px 0; }
.tool-guide ul { list-style:disc; }
.tool-guide ol { list-style:decimal; }
.tool-guide li { margin:8px 0; padding-left:3px; }
.tool-guide .guide-kicker { display:block; margin-bottom:10px; font-size:12px; font-weight:800; letter-spacing:.07em; text-transform:uppercase; color:#635bff; }
html.dark .tool-guide .guide-kicker { color:#aeb3ff; }
.tool-guide .guide-callout { margin:18px 0; padding:16px 18px; border-radius:14px; background:rgba(99,91,255,.07); }
.tool-guide .guide-formula { margin:16px 0; padding:16px 18px; border-left:3px solid #635bff; background:rgba(99,91,255,.06); font-weight:700; }
.tool-guide .guide-note { font-size:13px; opacity:.75; }
.tool-guide .guide-table-wrap { max-width:100%; overflow-x:auto; margin:18px 0; border:1px solid rgba(26,24,40,.1); border-radius:14px; }
html.dark .tool-guide .guide-table-wrap { border-color:rgba(255,255,255,.12); }
.tool-guide table { width:100%; border-collapse:collapse; font-size:14px; line-height:1.6; }
.tool-guide caption { padding:14px 16px; text-align:left; font-weight:700; }
.tool-guide th, .tool-guide td { padding:13px 16px; border-top:1px solid rgba(26,24,40,.08); text-align:left; vertical-align:top; }
html.dark .tool-guide th, html.dark .tool-guide td { border-color:rgba(255,255,255,.08); }
.tool-guide thead th { background:rgba(99,91,255,.06); font-size:12px; font-weight:800; }
.tool-guide tbody th { font-weight:600; }
.tool-guide .guide-number { white-space:nowrap; font-variant-numeric:tabular-nums; }
.tool-guide .guide-missing { color:#b91c1c; font-weight:700; white-space:nowrap; }
html.dark .tool-guide .guide-missing { color:#fca5a5; }
.tool-guide .guide-links { display:grid; grid-template-columns:1fr 1fr; gap:12px; list-style:none; padding:0; }
.tool-guide .guide-links li { margin:0; padding:0; }
.tool-guide .guide-links a { display:block; height:100%; padding:16px 18px; border:1px solid rgba(99,91,255,.2); border-radius:14px; text-decoration:none; font-weight:650; line-height:1.6; }
.tool-guide .guide-links a:hover { background:rgba(99,91,255,.06); }
.tool-guide .guide-back { display:inline-block; margin-top:12px; font-weight:700; }
@media(max-width:640px) {
  .tool-guide { margin-top:32px; font-size:14px; }
  .tool-guide > section { padding:22px 18px; border-radius:20px; }
  .tool-guide h2 { font-size:22px; }
  .tool-guide h3 { font-size:17px; }
  .tool-guide th, .tool-guide td { padding:11px 12px; min-width:100px; }
  .tool-guide .guide-links { grid-template-columns:1fr; }
  .tool-guide .guide-formula { padding:14px; }
}
@media print { .tool-guide, .tool-jump { display:none !important; } }