/* ============ TOOL-ENHANCED — Additive CSS for enhanced tool pages ============ */

/* [A] AI-Overview TL;DR */
.tc-ai-tldr{border-left:4px solid #0D9488;background:#F8FAFC;padding:20px 24px;border-radius:0 10px 10px 0;margin:24px 0;font-size:16px;line-height:1.65;color:#0F172A}
[data-theme="dark"] .tc-ai-tldr{background:rgba(13,148,136,.08);color:#f3f4f6}
.tc-ai-tldr strong{font-family:'Space Grotesk',sans-serif}

/* [B] Version strip */
.tc-version-strip{font-size:13px;color:#64748B;padding:8px 0 16px;border-bottom:1px solid #E2E8F0;margin-bottom:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.tc-version-strip .tc-badge{background:rgba(13,148,136,.1);color:#0D9488;padding:2px 10px;border-radius:6px;font-weight:600;font-size:12px}

/* [C] Table of Contents */
.tc-toc{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 20px;border-bottom:1px solid #E2E8F0;margin-bottom:24px}
.tc-toc a{font-size:13px;font-weight:500;color:#64748B;padding:6px 14px;border:1px solid #E2E8F0;border-radius:8px;text-decoration:none;white-space:nowrap;transition:border-color .15s,color .15s}
.tc-toc a:hover,.tc-toc a.active{border-color:#0D9488;color:#0D9488}
@media(max-width:767px){.tc-toc{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding:10px 0 14px;position:sticky;top:56px;z-index:20;background:var(--c-bg,#fff)}[data-theme="dark"] .tc-toc{background:var(--c-bg,#0F172A)}}

/* [D] At-a-glance specs */
.tc-specs-table{width:100%;border-collapse:collapse;font-size:14px;margin:16px 0 24px}
.tc-specs-table th{text-align:left;font-weight:600;color:#64748B;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:10px 14px;border-bottom:1px solid #E2E8F0;width:40%}
.tc-specs-table td{padding:10px 14px;border-bottom:1px solid #E2E8F0;color:#0F172A}
[data-theme="dark"] .tc-specs-table td{color:#f3f4f6}
[data-theme="dark"] .tc-specs-table th{color:#9ca3af}
@media(max-width:767px){.tc-specs-table{font-size:13px}.tc-specs-table th,.tc-specs-table td{padding:8px 10px}}

/* [E] Version timeline */
.tc-timeline{list-style:none;padding:0;margin:20px 0}
.tc-timeline li{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid #E2E8F0;align-items:flex-start}
.tc-timeline .tc-tl-date{font-size:12px;color:#64748B;font-weight:600;min-width:70px;flex-shrink:0;padding-top:2px}
.tc-timeline .tc-tl-ver{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:15px;color:#0F172A;margin-bottom:4px}
.tc-timeline .tc-tl-desc{font-size:14px;color:#64748B;line-height:1.5}
.tc-timeline .tc-tl-verdict{font-size:13px;color:#0D9488;font-weight:500;margin-top:4px}
[data-theme="dark"] .tc-timeline .tc-tl-ver{color:#f3f4f6}

/* [F] What's New callout */
.tc-whats-new{background:rgba(13,148,136,.06);border:1px solid rgba(13,148,136,.2);border-radius:10px;padding:20px 24px;margin:20px 0}
.tc-whats-new h3{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:600;margin:0 0 12px;color:#0F172A}
.tc-whats-new ul{margin:0;padding-left:20px;font-size:14px;line-height:1.7;color:#0F172A}
.tc-whats-new .tc-verdict-line{font-size:14px;color:#0D9488;font-weight:500;margin-top:10px}
[data-theme="dark"] .tc-whats-new{background:rgba(13,148,136,.1);border-color:rgba(13,148,136,.3)}
[data-theme="dark"] .tc-whats-new h3,[data-theme="dark"] .tc-whats-new ul{color:#f3f4f6}

/* [G] Pricing deep-dive table */
.tc-pricing-table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:14px}
.tc-pricing-table thead th{background:#F8FAFC;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#64748B;padding:12px 14px;text-align:left;border-bottom:2px solid #E2E8F0}
.tc-pricing-table td{padding:12px 14px;border-bottom:1px solid #E2E8F0;vertical-align:top}
.tc-pricing-table .tc-tier-name{font-weight:600;color:#0F172A}
.tc-pricing-table .tc-price{font-family:'Space Grotesk',sans-serif;font-weight:700;color:#0D9488}
[data-theme="dark"] .tc-pricing-table thead th{background:rgba(255,255,255,.04);color:#9ca3af}
[data-theme="dark"] .tc-pricing-table .tc-tier-name{color:#f3f4f6}
@media(max-width:767px){.tc-pricing-table{font-size:13px}.tc-pricing-table th,.tc-pricing-table td{padding:8px 10px}}

/* [H] Use-case matrix */
.tc-use-matrix{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:16px 0 24px}
.tc-use-matrix .tc-for{background:rgba(16,185,129,.05);border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:16px 20px}
.tc-use-matrix .tc-not-for{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:10px;padding:16px 20px}
.tc-use-matrix h3{font-size:15px;margin:0 0 10px}
.tc-use-matrix ul{margin:0;padding-left:18px;font-size:14px;line-height:1.7}
@media(max-width:767px){.tc-use-matrix{grid-template-columns:1fr}}

/* [J] Head-to-head snapshots */
.tc-vs-block{border:1px solid #E2E8F0;border-radius:10px;padding:20px 24px;margin:16px 0}
.tc-vs-block h3{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;margin:0 0 10px;color:#0F172A}
.tc-vs-block p{font-size:14px;line-height:1.65;color:#64748B;margin:0 0 12px}
.tc-vs-block .tc-choose{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:13px}
.tc-vs-block .tc-choose div{padding:10px;border-radius:8px;background:#F8FAFC}
.tc-vs-block .tc-choose strong{color:#0D9488;display:block;margin-bottom:4px;font-size:12px}
[data-theme="dark"] .tc-vs-block{border-color:rgba(255,255,255,.08)}
[data-theme="dark"] .tc-vs-block h3{color:#f3f4f6}
[data-theme="dark"] .tc-vs-block .tc-choose div{background:rgba(255,255,255,.04)}
@media(max-width:767px){.tc-vs-block .tc-choose{grid-template-columns:1fr}}

/* [L] Editorial trust footer */
.tc-editorial-trust{border-top:1px solid #E2E8F0;padding:20px 0;margin-top:40px;font-size:13px;color:#64748B;line-height:1.8}
.tc-editorial-trust a{color:#0D9488;text-decoration:none}
.tc-editorial-trust a:hover{text-decoration:underline}

/* Focus states */
.tc-toc a:focus-visible,.tc-vs-block a:focus-visible,details summary:focus-visible{outline:2px solid #0D9488;outline-offset:2px;border-radius:4px}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){.tc-toc a,.tc-vs-block,.tc-timeline li{transition:none}}