/* Connector content extends the original TableArth navy theme. */
.ta-body [hidden] { display: none !important; }
.ta-body .ta-dd__panel { max-height: min(680px, calc(100dvh - 100px)); overflow-y: auto; }
.tac-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.tac-container { width:var(--ta-content); margin-inline:auto; }
.tac-section { padding:80px 0; }
.tac-page-hero { padding:150px 0 70px; background:radial-gradient(ellipse at 80% 15%,rgba(0,180,216,.075),transparent 55%); }
.tac-page-hero h1 { max-width:860px; margin:14px 0 22px; font-family:'Inter Tight',Inter,sans-serif; font-size:clamp(2.4rem,5vw,4.1rem); line-height:1.07; letter-spacing:-.045em; font-weight:700; color:var(--ta-text); }
.tac-page-hero p { max-width:750px; font-size:1.13rem; line-height:1.75; color:var(--ta-text-2); }
.tac-breadcrumb { display:flex; gap:12px; font-size:.73rem; letter-spacing:.03em; color:var(--ta-muted); margin-bottom:30px; }
.tac-breadcrumb a { color:var(--ta-link); }
.tac-kicker { display:block; font-size:.72rem; font-weight:700; text-transform:uppercase; letter-spacing:.16em; color:var(--ta-accent-soft); margin-bottom:16px; }
.tac-actions { display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:26px; }
.tac-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; border:1px solid var(--ta-accent); border-radius:6px; padding:14px 22px; background:var(--ta-accent); color:#fff; font-size:.86rem; font-weight:600; transition:background .2s,transform .2s; }
.tac-button:hover { background:var(--ta-accent-deep); color:#fff; transform:translateY(-2px); }
.tac-button-secondary { background:rgba(255,255,255,.04); border-color:var(--ta-border-strong); color:var(--ta-text); }
.tac-button-secondary:hover { background:var(--ta-surface-3); }
.tac-page-hero .tac-availability { font-size:.78rem; color:var(--ta-muted); margin-top:20px; }
.tac-section-head { margin-bottom:34px; }
.tac-section-head h2 { font-family:'Inter Tight',Inter,sans-serif; font-size:clamp(1.9rem,3.5vw,2.8rem); letter-spacing:-.035em; line-height:1.15; color:var(--ta-text); margin:0 0 18px; }
.tac-section-head p { max-width:760px; color:var(--ta-text-2); line-height:1.7; }
.tac-three-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.tac-feature-card, .tac-connector-card { background:var(--ta-surface); border:1px solid var(--ta-border); border-radius:16px; padding:28px; }
.tac-feature-card h3,.tac-connector-card h3 { font-size:1.1rem; letter-spacing:-.02em; font-weight:650; margin:18px 0 12px; color:var(--ta-text); }
.tac-feature-card p,.tac-connector-card p { color:var(--ta-text-2); font-size:.88rem; line-height:1.7; margin:0 0 16px; }
.tac-icon { display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:8px; border-radius:12px; background:rgba(0,180,216,.10); color:var(--ta-cyan); font-family:'JetBrains Mono',monospace; font-size:.9rem; }
.tac-text-link { font-size:.81rem; font-weight:600; color:var(--ta-link); display:inline-block; }
.tac-text-link:hover { color:#fff; }
.tac-tint { border-block:1px solid var(--ta-border); background:rgba(255,255,255,.016); }
.tac-feature-split,.tac-faq-layout { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start; }
.tac-wide-note { font-size:.88rem; line-height:1.8; padding:20px 24px; border-left:2px solid var(--ta-cyan); background:rgba(0,180,216,.05); color:var(--ta-text-2); margin:24px 0; }
.tac-numbered-list { list-style:none; padding:0; margin:0; counter-reset:steps; }
.tac-numbered-list li { counter-increment:steps; position:relative; padding:2px 0 24px 55px; margin-bottom:22px; border-bottom:1px solid var(--ta-border); }
.tac-numbered-list li:before { content:'0' counter(steps); position:absolute; left:0; top:0; color:var(--ta-cyan); font-family:'JetBrains Mono',monospace; }
.tac-numbered-list h3 { font-size:1.06rem; margin:0 0 12px; color:var(--ta-text); }
.tac-numbered-list p { color:var(--ta-text-2); line-height:1.75; font-size:.9rem; }
.tac-faq details { padding:20px 0; border-bottom:1px solid var(--ta-border); }
.tac-faq summary { display:flex; align-items:center; justify-content:space-between; gap:15px; cursor:pointer; color:var(--ta-text); font-size:.95rem; list-style:none; }
.tac-faq summary::-webkit-details-marker { display:none; }
.tac-faq summary span { color:var(--ta-cyan); }
.tac-faq details[open] summary span { transform:rotate(45deg); }
.tac-faq p { margin:18px 0 0; color:var(--ta-text-2); line-height:1.75; font-size:.9rem; }
.tac-section-anchor { scroll-margin-top:110px; }
.tac-label { font-size:.65rem; text-transform:uppercase; letter-spacing:.12em; font-weight:600; color:var(--ta-muted); }
.tac-checks { padding-left:20px; color:var(--ta-text-2); line-height:1.8; }
.tac-checks li { margin-bottom:10px; }
.tac-doc-layout { display:grid; grid-template-columns:210px minmax(0,1fr); gap:70px; }
.tac-doc-nav { display:grid; gap:14px; align-self:start; position:sticky; top:110px; font-size:.85rem; }
.tac-doc-nav strong { font-size:.68rem; letter-spacing:.1em; color:var(--ta-muted); padding-bottom:8px; }
.tac-doc-nav a { color:var(--ta-text-2); }
.tac-doc-nav a:hover { color:var(--ta-link); }
.tac-doc-content { min-width:0; }
.tac-doc-section { margin-bottom:55px; }
.tac-doc-section h2 { font-size:1.8rem; color:var(--ta-text); margin-bottom:24px; letter-spacing:-.03em; }
.tac-doc-section h3 { font-size:1.18rem; color:var(--ta-text); margin:30px 0 18px; }
.tac-doc-section p,.tac-doc-section li { color:var(--ta-text-2); line-height:1.8; font-size:.94rem; margin-bottom:14px; }
.tac-doc-section a { color:var(--ta-link); }
.tac-doc-section ul,.tac-doc-section ol { padding-left:24px; }
.tac-doc-section code:not(pre code),.tac-inline-code { font-family:'JetBrains Mono',monospace; font-size:.82em; color:#8bdded; background:rgba(255,255,255,.045); padding:2px 5px; border-radius:4px; overflow-wrap:anywhere; }
.tac-code { background:#08111f; border:1px solid var(--ta-border); border-radius:12px; padding:24px; margin:20px 0; font-family:'JetBrains Mono',monospace; font-size:.78rem; line-height:1.8; color:#b8def5; overflow:auto; tab-size:2; }
.tac-code code { font:inherit; color:inherit; }
.tac-timeline { display:grid; gap:22px; }
.tac-timeline article { padding:28px; border:1px solid var(--ta-border); background:var(--ta-surface); border-radius:14px; }
.tac-timeline h3 { font-size:1.3rem; color:var(--ta-text); margin:12px 0; }
.tac-timeline p { color:var(--ta-text-2); line-height:1.75; }
.tac-timeline a { color:var(--ta-link); }
/* Searchable source directory. */
.tac-directory-tools { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin:32px 0 20px; }
.tac-directory-tools>p { font-size:.8rem; color:var(--ta-muted); margin:0 0 12px; }
.tac-search { display:grid; gap:10px; flex:0 1 440px; font-size:.78rem; color:var(--ta-text-2); }
.tac-search input { width:100%; padding:14px 16px; background:var(--ta-surface); border:1px solid var(--ta-border-strong); border-radius:8px; color:var(--ta-text); font:inherit; font-size:.88rem; }
.tac-search input::placeholder { color:var(--ta-muted); }
.tac-filters { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 26px; }
.tac-filters button { color:var(--ta-text-2); background:transparent; border:1px solid var(--ta-border); border-radius:6px; padding:10px 15px; font:inherit; font-size:.76rem; cursor:pointer; }
.tac-filters button:hover { border-color:var(--ta-border-strong); background:var(--ta-surface); }
.tac-filters button[aria-pressed=true] { border-color:rgba(0,180,216,.4); background:rgba(0,180,216,.1); color:#7de3f6; }
.tac-connector-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.tac-connector-card { display:flex; flex-direction:column; scroll-margin-top:110px; transition:background .2s,border-color .2s; }
.tac-connector-card:hover { background:var(--ta-surface-2); border-color:var(--ta-border-strong); }
.tac-card-top { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.tac-source-mark { display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; width:42px; height:42px; border-radius:11px; border:1px solid color-mix(in srgb,var(--source-color) 25%,transparent); background:color-mix(in srgb,var(--source-color) 10%,transparent); color:var(--source-color); font-family:'JetBrains Mono',monospace; font-size:.78rem; font-weight:600; letter-spacing:-.05em; }
.tac-mode { display:inline-flex; align-items:center; gap:7px; font-size:.72rem; color:var(--ta-muted); margin-top:auto; padding-top:10px; }
.tac-mode:before { content:''; width:5px; height:5px; border-radius:50%; background:var(--ta-cyan); }
.tac-card-links { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:22px; padding-top:18px; border-top:1px solid var(--ta-border); font-size:.74rem; }
.tac-card-links a:first-child { color:var(--ta-link); font-weight:600; }
.tac-card-links a:last-child { color:var(--ta-text-2); }
.tac-card-links a:hover { color:#fff; }
.tac-empty { text-align:center; padding:50px 20px; color:var(--ta-text-2); }
/* Native chart previews fit the original panels and mockups. */
.tac-preview-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin-top:32px; }
.tac-preview-grid:has(> :only-child) { grid-template-columns:minmax(0,620px); }
.tac-preview-grid:has(> :nth-child(2):last-child) { grid-template-columns:repeat(2,minmax(0,1fr)); }
.tac-preview-card { display:block; min-width:0; background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.016)); border:1px solid var(--ta-border); border-radius:16px; padding:22px; transition:transform .25s,border-color .25s; }
.tac-preview-card:hover { transform:translateY(-5px); border-color:rgba(0,180,216,.4); }
.tac-preview-top { display:flex; align-items:center; gap:10px; color:var(--ta-text); font-size:.78rem; }
.tac-preview-top .tac-source-mark { width:32px; height:32px; font-size:.65rem; border-radius:8px; }
.tac-sample { display:inline-flex; white-space:nowrap; font-size:.61rem; letter-spacing:.04em; font-weight:500; color:#acc0d9; background:rgba(255,255,255,.055); border:1px solid var(--ta-border); padding:4px 7px; border-radius:4px; }
.tac-preview-top .tac-sample { margin-left:auto; }
.tac-mini-chart { display:block; width:100%; height:auto; margin:28px 0 15px; }
.tac-preview-card h3 { color:var(--ta-text); font-size:1.12rem; letter-spacing:-.025em; margin:0 0 8px; }
.tac-preview-card p { font-size:.75rem; color:var(--ta-muted); line-height:1.7; margin-bottom:22px; }
.tac-gallery-link { margin-top:30px; }
/* Interactive dashboard gallery. */
.tad-hero { text-align:center; padding-bottom:70px !important; }
.tad-hero .ta-hero-title { max-width:850px; margin-inline:auto; }
.tad-hero .ta-hero-copy { max-width:760px; margin-inline:auto; }
.tad-hero .button-row { justify-content:center; }
.tad-hero-meta { display:flex; flex-wrap:wrap; justify-content:center; gap:24px; margin-top:26px; font-size:.74rem; color:var(--ta-muted); }
.tad-hero-meta span:before { content:'✓'; color:var(--ta-mint); margin-right:7px; }
.tad-gallery-section { padding-top:26px !important; scroll-margin-top:90px; }
.tad-gallery-heading { display:flex; justify-content:space-between; gap:30px; align-items:end; margin-bottom:28px; }
.tad-gallery-heading h2 { margin-bottom:0; }
.tad-gallery-heading>p { color:var(--ta-muted); font-size:.82rem; line-height:1.7; margin:0; }
.tad-gallery { display:grid; grid-template-columns:202px minmax(0,1fr); border:1px solid var(--ta-border-strong); border-radius:16px; overflow:hidden; background:#0c182b; box-shadow:0 30px 100px rgba(0,0,0,.22); }
.tad-sidebar { background:#0b1424; border-right:1px solid var(--ta-border); padding:18px 10px; }
.tad-source-list { display:grid; gap:20px; }
.tad-source-group h3 { margin:5px 10px 10px; color:#7d91ae; font-size:.59rem; text-transform:uppercase; letter-spacing:.1em; font-weight:600; }
.tad-source { width:100%; display:flex; align-items:center; gap:9px; text-align:left; margin-top:3px; border:1px solid transparent; background:transparent; color:#a7b7cf; border-radius:7px; padding:8px; font:inherit; font-size:.7rem; cursor:pointer; line-height:1.3; transition:background .2s; }
.tad-source .tac-source-mark { height:26px; width:26px; border-radius:6px; font-size:.53rem; }
.tad-source:hover { background:rgba(255,255,255,.04); color:#fff; }
.tad-source[aria-pressed=true] { background:rgba(0,180,216,.09); border-color:rgba(0,180,216,.2); color:var(--ta-text); }
.tad-mobile-label,.tad-mobile-select { display:none; }
.tad-sidebar-note { display:flex; gap:12px; align-items:center; padding:24px 10px 8px; color:var(--ta-muted); }
.tad-sidebar-note>span { font-size:1.6rem; color:var(--ta-cyan); }
.tad-sidebar-note p { margin:0; font-size:.67rem; line-height:1.8; }
.tad-workspace { padding:0 24px 22px; min-width:0; }
.tad-window { display:flex; align-items:center; gap:14px; color:#687f9d; font-size:.61rem; padding:17px 0; border-bottom:1px solid var(--ta-border); }
.tad-window .tac-sample { margin-left:auto; }
.tad-window-dots { display:flex; gap:4px; }
.tad-window-dots i { width:5px; height:5px; background:#344258; border-radius:50%; }
.tad-dashboard-header { display:flex; justify-content:space-between; align-items:center; gap:14px; margin-top:28px; }
.tad-dashboard-identity { display:flex; gap:12px; align-items:center; }
.tad-dashboard-identity p { color:#98acc8; font-size:.67rem; margin:0 0 5px; }
.tad-dashboard-identity h3 { font-family:'Inter Tight',Inter,sans-serif; color:var(--ta-text); font-size:1.4rem; line-height:1.15; letter-spacing:-.025em; margin:0; }
.tad-controls { display:flex; gap:6px; align-items:center; flex-shrink:0; }
.tad-controls select,.tad-controls button { border:1px solid var(--ta-border-strong); border-radius:6px; padding:9px; background:#132139; color:var(--ta-text-2); font:inherit; font-size:.61rem; min-height:35px; cursor:pointer; }
.tad-data-toggle[aria-pressed=true] { border-color:#4f99ad; color:#8bdaf0; }
.tad-dashboard-description { color:#99adca; font-size:.74rem; line-height:1.7; margin:18px 0 24px; max-width:680px; }
.tad-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.tad-metric { position:relative; overflow:hidden; border:1px solid var(--ta-border); background:linear-gradient(130deg,rgba(255,255,255,.045),rgba(255,255,255,.01)); border-radius:10px; padding:17px 14px 11px; min-height:138px; }
.tad-metric>span { display:block; color:#94a9c6; font-size:.65rem; margin-bottom:10px; }
.tad-metric>strong { display:block; color:var(--ta-text); font-size:1.52rem; font-family:'Inter Tight',Inter,sans-serif; letter-spacing:-.025em; line-height:1.1; }
.tad-metric>small { position:relative; z-index:1; display:block; color:#8da3bf; font-size:.57rem; line-height:1.5; margin-top:10px; }
.tad-metric>svg { display:block; width:100%; height:23px; opacity:.7; margin-top:10px; }
.tad-chart-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,1fr); gap:16px; }
.tad-chart { background:rgba(255,255,255,.02); border:1px solid var(--ta-border); border-radius:11px; padding:20px 18px; min-width:0; }
.tad-chart h4 { margin:0; font-size:.8rem; color:#e4eefc; font-weight:600; letter-spacing:-.01em; }
.tad-chart-sub { font-size:.6rem; color:#7f96b6; margin:7px 0 18px; line-height:1.6; }
.tad-line-chart { display:block; width:100%; height:auto; overflow:visible; }
.tad-svg-text { fill:#8ba0bd; font:10px Inter,sans-serif; }
.tad-chart-key { display:flex; flex-wrap:wrap; gap:14px; color:#8da3bf; font-size:.59rem; margin-top:14px; }
.tad-chart-key>span { display:inline-flex; align-items:center; gap:6px; }
.tad-chart-key i { width:13px; height:3px; border-radius:1px; background:var(--chart-color,#67bedb); }
.tad-chart-key .tad-previous i { background:#596c85; }
.tad-chart-help { margin:12px 0 0; color:#758ca9; font-size:.57rem; line-height:1.7; }
.tad-donut-wrap { position:relative; width:158px; margin:14px auto 20px; }
.tad-donut-wrap svg { width:100%; height:auto; display:block; transform:rotate(-90deg); }
.tad-donut-center { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:6px; }
.tad-donut-center strong { font-family:'Inter Tight',sans-serif; color:var(--ta-text); font-size:1.5rem; }
.tad-donut-center span { color:#8da3bf; font-size:.58rem; }
.tad-legend { display:grid; gap:10px; }
.tad-legend>div { display:flex; gap:8px; align-items:center; font-size:.65rem; color:#a5b7d0; }
.tad-legend i { width:7px; height:7px; background:var(--chart-color); border-radius:2px; flex-shrink:0; }
.tad-legend b { color:#dce8f7; margin-left:auto; font-size:.66rem; font-weight:500; }
.tad-bars { display:grid; gap:18px; margin-top:22px; }
.tad-bar-label { display:flex; justify-content:space-between; gap:10px; font-size:.65rem; color:#afc0d6; margin-bottom:9px; }
.tad-bar-label strong { color:#dce8f7; font-weight:500; }
.tad-bar-track { height:7px; border-radius:4px; background:rgba(255,255,255,.045); }
.tad-bar-track span { height:100%; display:block; background:var(--chart-color); border-radius:4px; width:var(--bar-width); }
.tad-heatmap { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:5px; margin-top:20px; }
.tad-heatmap>span { text-align:center; font-size:.52rem; color:#8199b7; padding-bottom:4px; }
.tad-heatmap>div { aspect-ratio:1; border-radius:4px; background:color-mix(in srgb,var(--chart-color) var(--heat),#162339); color:#e9f1fc; font-size:.6rem; display:grid; place-items:center; cursor:help; }
.tad-heatmap>div:focus { outline:2px solid #f1d58a; outline-offset:2px; }
.tad-heatmap>.tad-heat-empty { background:transparent; cursor:default; }
.tad-heat-key { display:flex; align-items:center; justify-content:end; gap:4px; color:#8199b7; font-size:.53rem; margin-top:14px; }
.tad-heat-key i { width:11px; height:11px; border-radius:2px; }
.tad-stacked { display:flex; align-items:end; gap:12px; height:173px; padding:16px 4px 0; }
.tad-stack-column { flex:1; display:flex; flex-direction:column; justify-content:end; align-items:stretch; height:100%; gap:2px; position:relative; padding-bottom:25px; }
.tad-stack-column>div { background:var(--chart-color); height:var(--stack-height); border-radius:2px; }
.tad-stack-column>span { position:absolute; bottom:0; left:0; right:0; color:#8da3bf; font-size:.55rem; text-align:center; }
.tad-funnel { display:grid; gap:15px; margin-top:20px; }
.tad-funnel-row { margin:0 auto; width:var(--funnel-width); min-width:50%; text-align:center; padding:13px 10px; border-radius:6px; color:#d9e9fb; background:var(--funnel-color); }
.tad-funnel-row strong { font-size:.9rem; display:block; }
.tad-funnel-row span { font-size:.59rem; display:block; margin-bottom:6px; color:#c3d3eb; }
.tad-insight { display:flex; gap:14px; align-items:center; background:rgba(0,180,216,.045); border:1px solid rgba(0,180,216,.13); border-radius:9px; padding:18px; margin-top:18px; }
.tad-insight-symbol { font-size:1.3rem; color:var(--ta-cyan); }
.tad-insight strong { color:#78cbe3; font-size:.65rem; font-weight:500; }
.tad-insight p { color:#bdcce0; font-size:.74rem; line-height:1.65; margin:6px 0 0; }
.tad-insight>a { margin-left:auto; flex:0 0 115px; font-size:.62rem; line-height:1.7; color:var(--ta-link); }
.tad-dashboard-footer { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:20px; }
.tad-dashboard-footer p { color:#7d93b0; font-size:.59rem; line-height:1.8; margin:0; }
.tad-dashboard-footer a { font-size:.6rem; color:#adc1d9; white-space:nowrap; }
.tad-table-panel { border:1px solid var(--ta-border); border-radius:10px; background:rgba(255,255,255,.02); padding:20px; }
.tad-table-panel h4 { color:var(--ta-text); margin:0 0 12px; font-size:.9rem; }
.tad-table-panel>p { color:var(--ta-muted); font-size:.72rem; line-height:1.7; }
.tad-table-scroll { overflow:auto; max-height:410px; }
.tad-table-panel table { width:100%; border-collapse:collapse; font-size:.72rem; white-space:nowrap; color:#aabed7; }
.tad-table-panel th,.tad-table-panel td { text-align:right; padding:12px; border-bottom:1px solid var(--ta-border); }
.tad-table-panel th:first-child,.tad-table-panel td:first-child { text-align:left; }
.tad-table-panel th { color:var(--ta-text); font-weight:500; background:#142238; position:sticky; top:0; }
.tad-table-panel caption { text-align:left; color:var(--ta-text-2); padding:18px 0 12px; }
.tad-download { display:inline-flex; align-items:center; gap:8px; margin:10px 0 20px; padding:8px 14px; background:rgba(0,180,216,.08); border:1px solid rgba(0,180,216,.25); border-radius:6px; color:#80d7ea; cursor:pointer; font-size:.72rem; }
.tac-main a:focus-visible,.tac-main button:focus-visible,.tad-gallery a:focus-visible,.tad-gallery button:focus-visible,.tad-gallery select:focus-visible,[data-connector-directory] :focus-visible { outline:2px solid #f6d575; outline-offset:4px; }
@media(min-width:1200px) { .tad-workspace { position:sticky; top:85px; align-self:start; } }
@media(max-width:1100px) { .tad-gallery { grid-template-columns:178px minmax(0,1fr); }.tad-workspace{padding:0 16px 20px}.tad-dashboard-header { align-items:start; flex-wrap:wrap; }.tad-controls{margin-left:54px}.tad-metrics{gap:8px}.tad-metric{padding:14px 10px}.tad-metric>strong{font-size:1.3rem}.tac-connector-card{padding:22px}.tad-chart{padding:16px 13px}.tac-feature-split,.tac-faq-layout{gap:35px}.tac-preview-top {flex-wrap:wrap}.tac-preview-top .tac-sample{margin-left:0} }
@media(max-width:850px) { .tac-three-grid,.tac-connector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tad-gallery{grid-template-columns:minmax(0,1fr)}.tad-sidebar{border-right:0;border-bottom:1px solid var(--ta-border);padding:16px 20px}.tad-source-list,.tad-sidebar-note{display:none}.tad-mobile-label{display:block;font-size:.65rem;color:var(--ta-muted);margin-bottom:9px}.tad-mobile-select{display:block;width:100%;background:#142238;border:1px solid var(--ta-border-strong);color:var(--ta-text);padding:12px;border-radius:6px;font-size:.85rem}.tad-workspace{padding:0 20px 22px}.tad-controls{margin-left:0}.tad-dashboard-header{align-items:center}.tac-doc-layout{grid-template-columns:minmax(0,1fr);gap:40px}.tac-doc-nav{position:static;display:flex;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--ta-border)}.tac-doc-nav strong{flex-basis:100%}.tac-preview-grid{gap:12px}.tac-preview-card{padding:16px}.tac-feature-split,.tac-faq-layout{grid-template-columns:1fr} }
@media(max-width:600px) { .tac-section{padding:52px 0}.tac-page-hero{padding:112px 0 44px}.tac-page-hero h1{font-size:2.6rem}.tac-page-hero p{font-size:1rem}.tac-breadcrumb{font-size:.6rem}.tac-three-grid,.tac-connector-grid,.tac-preview-grid,.tac-preview-grid:has(> :nth-child(2):last-child){grid-template-columns:1fr}.tac-preview-top .tac-sample{margin-left:auto}.tac-preview-card{padding:22px}.tac-mini-chart{max-height:190px}.tac-directory-tools{display:block}.tac-directory-tools>p{margin-top:16px}.tac-filters{gap:6px}.tac-filters button{padding:9px 11px;font-size:.68rem}.tac-feature-card{padding:24px}.tac-code{padding:16px;font-size:.69rem}.tad-hero{padding-bottom:40px !important}.tad-hero .ta-hero-copy br{display:none}.tad-hero-meta{gap:12px;font-size:.64rem}.tad-gallery-heading{display:block}.tad-gallery-heading>p{margin-top:16px}.tad-gallery-heading>p br{display:none}.tad-gallery{border-radius:12px}.tad-workspace{padding:0 12px 18px}.tad-window{font-size:.5rem;gap:8px}.tad-window .tac-sample{font-size:.49rem}.tad-dashboard-header{margin-top:22px;gap:18px}.tad-dashboard-identity h3{font-size:1.25rem}.tad-dashboard-description{font-size:.7rem}.tad-controls{width:100%;justify-content:space-between}.tad-controls select,.tad-controls button{font-size:.68rem;min-height:38px}.tad-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.tad-metric{min-height:136px;padding:17px 13px 10px}.tad-metric>strong{font-size:1.55rem}.tad-metric>span{font-size:.64rem}.tad-metric>small{font-size:.58rem}.tad-chart-grid{grid-template-columns:1fr}.tad-chart{padding:21px 16px}.tad-chart h4{font-size:.83rem}.tad-chart-sub{font-size:.62rem}.tad-insight{flex-wrap:wrap;align-items:start;gap:10px;padding:15px}.tad-insight>div{flex:1}.tad-insight>a{margin-left:28px;flex-basis:100%;font-size:.68rem}.tad-dashboard-footer{display:block}.tad-dashboard-footer>a{display:block;margin-top:12px;font-size:.66rem}.tad-table-panel{padding:12px}.tad-heatmap>div{font-size:.73rem}.tad-chart-key{font-size:.6rem}.tad-donut-wrap{width:175px}.tad-legend>div{font-size:.73rem}.tad-bar-label{font-size:.72rem}.tad-table-panel th,.tad-table-panel td{padding:12px 9px} }
@media(prefers-reduced-motion:reduce) { .tac-preview-card,.tac-button,.tad-source { transition:none; } }
/* Use the original navigation drawer on tablets, where the full menu cannot fit. */
@media (min-width:768px) and (max-width:1199px) {
  .ta-body .nav-toggle { display:inline-flex; margin-left:auto; }
  .ta-body .nav-body { display:none; }
  .ta-body .site-header.is-open .nav-body { display:flex; position:fixed; top:0; left:0; width:320px; min-width:0; height:100dvh; max-height:100dvh; padding:24px 24px 32px; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:25px; background:#0a142b; overflow:auto; overscroll-behavior:contain; z-index:999; box-shadow:12px 0 40px rgba(0,0,0,.25); }
  .ta-body .nav-overlay { position:fixed; inset:0; visibility:hidden; opacity:0; background:rgba(0,0,0,.5); z-index:998; }
  .ta-body .site-header.is-open .nav-overlay { visibility:visible; opacity:1; }
  .ta-body .mobile-nav-header { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--ta-border); padding-bottom:16px; }
  .ta-body .mobile-nav-brand { display:flex; align-items:center; }
  .ta-body .mobile-nav-close { display:flex; align-items:center; justify-content:center; width:40px; height:40px; background:transparent; border:0; color:#fff; cursor:pointer; }
  .ta-body .nav-links { flex-direction:column; align-items:stretch; width:100%; margin:0; gap:15px; }
  .ta-body .nav-products,.ta-body .ta-dd__summary { width:100%; }
  .ta-body .ta-dd__summary { justify-content:space-between; }
  .ta-body .ta-dd__panel { position:static; width:100%; opacity:1; transform:none; pointer-events:auto; box-shadow:none; background:var(--ta-surface); border-color:var(--ta-border); margin-top:6px; display:none; max-height:none; }
  .ta-body .ta-dd[open] .ta-dd__panel { display:grid; }
  .ta-body .header-actions { flex-direction:column; align-items:stretch; width:100%; gap:10px; padding:6px 14px 0; }
  .ta-body .header-actions .button { width:100%; min-width:0; }
  .ta-body .ta-nav-links .nav-link.active::after { display:none; }
}