/* Rendered article body (scripts/seo/render_content.py).
   Uses the page's own tokens where they exist, with the site defaults as
   fallbacks, so it sits correctly inside guide, tool, blog and template pages. */
.tfb{--tfb-accent:var(--gold,#2F6FED);--tfb-text:var(--text,#1A1410);--tfb-sub:var(--text-sub,#62626F);
  --tfb-border:var(--border,#E3E3E8);--tfb-soft:var(--bg2,#F6F6F8);
  color:var(--tfb-text);line-height:1.7;font-size:16px;max-width:100%}
.tfb h2{font-size:clamp(22px,3vw,28px);line-height:1.25;margin:44px 0 14px;scroll-margin-top:90px}
.tfb h3{font-size:19px;line-height:1.3;margin:28px 0 10px}
.tfb p{margin:0 0 16px}
.tfb ul,.tfb ol{margin:0 0 18px;padding-left:22px}
.tfb li{margin:0 0 8px}
.tfb a{color:var(--tfb-accent);text-decoration:underline;text-underline-offset:2px}
.tfb code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;background:var(--tfb-soft);
  border:1px solid var(--tfb-border);border-radius:5px;padding:1px 6px;word-break:break-word}
.tfb pre{background:var(--tfb-soft);border:1px solid var(--tfb-border);border-radius:10px;padding:14px 16px;
  overflow-x:auto;margin:0 0 18px}
.tfb pre code{background:none;border:0;padding:0}

/* quick answer: the AI Overview / featured snippet target */
.tfb-qa{border:1px solid var(--tfb-border);border-left:4px solid var(--tfb-accent);background:var(--tfb-soft);
  border-radius:10px;padding:16px 20px;margin:8px 0 28px}
.tfb-qa-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--tfb-accent);margin-bottom:6px}
.tfb-qa p{margin:0;font-size:17px;line-height:1.6}

.tfb-toc{border:1px solid var(--tfb-border);border-radius:10px;padding:16px 20px;margin:0 0 32px}
.tfb-toc-title{font-weight:700;margin-bottom:8px}
.tfb-toc ol{margin:0;padding-left:20px}
.tfb-toc li{margin:4px 0}
.tfb-toc a{text-decoration:none}

.tfb-callout{margin:22px 0;padding:14px 18px;border-radius:10px;border:1px solid var(--tfb-border);background:var(--tfb-soft)}
.tfb-callout p:last-child{margin-bottom:0}
.tfb-insight{border-left:4px solid var(--tfb-accent)}
.tfb-tip{border-left:4px solid var(--green,#22c55e)}
.tfb-warning{border-left:4px solid var(--red,#ef4444)}
.tfb-example,.tfb-note{border-left:4px solid var(--tfb-sub)}

/* tables scroll inside their own box on phones instead of widening the page */
.tfb-table{overflow-x:auto;margin:0 0 22px;border:1px solid var(--tfb-border);border-radius:10px}
.tfb-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:15px}
.tfb-table th,.tfb-table td{padding:10px 12px;border-bottom:1px solid var(--tfb-border);text-align:left;vertical-align:top}
.tfb-table th{background:var(--tfb-soft);font-weight:700}
.tfb-table tr:last-child td{border-bottom:0}