/* AI native product stories, within the original TableArth navy / red identity. */
.tal-library { scroll-margin-top:85px; }
.tal-heading { display:flex; justify-content:space-between; align-items:end; gap:35px; margin-bottom:32px; }
.tal-heading h2,.tam-copy h2 { margin:20px 0 0; font:650 clamp(2.3rem,4vw,3.65rem)/1.09 'Inter Tight',Inter,sans-serif; letter-spacing:-.045em; color:#edf5ff; }
.tal-heading h2 em,.tam-copy h2 em { color:#81d8ce; font-style:normal; }
.tal-heading>p { color:#91a5c0; font-size:.88rem; line-height:1.9; margin:0 0 5px; }
.tal-toolbar { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:18px 0; border-top:1px solid #29364d; }
.tal-source-control { display:flex; align-items:center; gap:13px; }
.tal-source-control label { font-size:.72rem; color:#8ba2c0; }
.tal-source-control select { background:#15233a; color:#edf5ff; border:1px solid #354760; padding:10px 32px 10px 12px; border-radius:8px; font:500 .77rem Inter,sans-serif; max-width:240px; }
.tal-count { font:500 .64rem Inter,sans-serif; color:#8dcfc9; border:1px solid #2a4849; background:#142b32; border-radius:20px; padding:6px 9px; white-space:nowrap; }
.tal-paging { display:flex; align-items:center; gap:8px; }
.tal-paging>span { font:500 .67rem 'JetBrains Mono',monospace; color:#859bb9; margin-right:12px; white-space:nowrap; }
.tal-paging button { width:35px; height:35px; border-radius:50%; border:1px solid #35465f; background:#162239; color:#cbdaed; cursor:pointer; font-size:1rem; }
.tal-paging button:disabled { opacity:.3; cursor:default; }
.tal-context { font-size:.66rem; color:#8ba0bb; line-height:1.7; margin:0 0 20px; max-width:940px; }
.tal-cards { --library-columns:3; display:grid; grid-auto-flow:column; grid-template-rows:repeat(2,auto); grid-auto-columns:calc((100% - 32px)/3); gap:16px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x mandatory; scrollbar-width:thin; scrollbar-color:#41576d transparent; padding:4px 0 16px; }
.tal-card { display:flex; flex-direction:column; position:relative; min-width:0; padding:20px; border:1px solid #2c3b53; border-radius:13px; color:#dae6f5; background:radial-gradient(ellipse at top right,color-mix(in srgb,var(--case-color) 6%,transparent),transparent 65%),#111e32; text-align:left; font-family:Inter,sans-serif; cursor:pointer; scroll-snap-align:start; transition:background .2s,border-color .2s,transform .2s; }
.tal-card:hover { border-color:color-mix(in srgb,var(--case-color) 60%,#2e4255); background-color:#16263b; transform:translateY(-3px); }
.tal-card-top { display:flex; align-items:center; justify-content:space-between; gap:10px; color:#859ebb; font-size:.55rem; text-transform:uppercase; letter-spacing:.1em; }
.tal-card-index { font-family:'JetBrains Mono',monospace; color:#607a9c; }
.tal-card h3 { font:600 1.12rem/1.25 'Inter Tight',sans-serif; color:#e3efff; letter-spacing:-.02em; margin:12px 0 16px; }
.tal-card-viz { display:grid; grid-template-columns:minmax(0,1fr) 1fr; gap:14px; align-items:center; height:96px; padding:14px 0; border-top:1px solid #24364c; border-bottom:1px solid #24364c; }
.tal-card-stat>span { display:block; font-size:.57rem; line-height:1.6; color:#8ba4c4; }
.tal-card-stat strong { display:block; font:600 1.75rem 'Inter Tight',sans-serif; letter-spacing:-.04em; margin:8px 0 3px; color:#eaf5ff; }
.tal-card-stat small { color:#849ab5; font-size:.51rem; }
.tal-card-chart { min-width:0; height:68px; display:flex; align-items:center; justify-content:center; }
.tal-card-chart svg { display:block; width:100%; height:100%; overflow:visible; }
.tal-card-outcome { color:#97adc9; font-size:.69rem; line-height:1.8; margin:14px 0 18px; min-height:2.5em; }
.tal-card-bottom { margin-top:auto; display:flex; align-items:center; justify-content:space-between; color:#afdcd8; font-size:.64rem; }
.tal-card-bottom span:last-child { width:24px; height:24px; border:1px solid #345159; background:#172f36; border-radius:50%; display:grid; place-items:center; }
.tal-bottom { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:15px; color:#859ab5; font-size:.67rem; }
.tal-bottom>span { display:flex; align-items:center; gap:8px; }
.tal-bottom i { width:5px; height:5px; border-radius:50%; background:#81d8ce; }
.tal-bottom a { color:#a5d1dc; }
.tal-bottom a span { margin-left:8px; }
.tal-detail { width:min(1160px,calc(100% - 36px)); max-height:calc(100dvh - 48px); padding:0; border:1px solid #41516b; border-radius:16px; background:#0e1b2e; color:#e0eafa; margin:auto; box-shadow:0 35px 120px #000a; }
.tal-detail::backdrop { background:#040b18d9; backdrop-filter:blur(6px); }
.tal-dialog-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 22px; border-bottom:1px solid #2c3d54; background:#142139; position:sticky; top:0; z-index:2; }
.tal-dialog-toolbar>div { display:flex; align-items:center; gap:10px; font-size:.68rem; color:#a7bcd7; }
.tal-dialog-toolbar>div>span:not(.tac-sample) { color:#728baa; }
.tal-dialog-toolbar .tal-live-dot { width:6px; height:6px; border-radius:50%; background:#87d9c7; }
.tal-dialog-toolbar button { display:grid; place-items:center; border-radius:50%; border:1px solid #42516b; background:#1b2a42; color:#d5e2f4; width:32px; height:32px; font-size:1.25rem; cursor:pointer; }
.tal-detail .tad-gallery { display:block; border:0; border-radius:0; background:transparent; }
.tal-detail .tad-workspace { padding:0 26px 26px; }
.tal-detail .tad-dashboard-header { margin-top:25px; }
.tal-detail .tad-chart-grid { grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); }
.tal-detail .tad-chart { padding:20px; }
.tal-ask { display:flex; align-items:center; gap:16px; border:1px solid #315853; border-radius:10px; background:linear-gradient(100deg,#153033,#132738); padding:19px; margin:24px 0 18px; }
.tal-ask-symbol { color:#8ae1cd; font-size:1.7rem; }
.tal-ask>div:nth-child(2) { flex:1; }
.tal-ask>div>span { color:#8cc8bd; text-transform:uppercase; letter-spacing:.09em; font-size:.55rem; }
.tal-ask p { color:#d5e9e7; font-size:.84rem; line-height:1.6; margin:8px 0 0; }
.tal-ask button { background:#203d40; border:1px solid #426b6a; color:#b9e5df; border-radius:7px; padding:10px 13px; cursor:pointer; white-space:nowrap; font:500 .65rem Inter,sans-serif; }
.tal-detail-context { display:grid; grid-template-columns:1fr 1fr; gap:25px; padding:15px 0; }
.tal-detail-context>div>span { font-size:.64rem; color:#b5c9e4; }
.tal-detail-context p { color:#8ca3c1; font-size:.7rem; line-height:1.8; margin:8px 0; }
.tal-detail-actions { border-top:1px solid #2b3b52; padding-top:22px; margin-top:8px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.tal-detail-actions .button { font-size:.74rem; }
.tal-mcp-link { color:#b9cee5; font-size:.72rem; }
.tal-mcp-link span { color:#81c7c1; margin-left:8px; }
/* The same workbook context, in the customer's AI client. */
.tam-section { scroll-margin-top:85px; }
.tam-layout { display:grid; grid-template-columns:1fr 1.1fr; align-items:center; gap:70px; padding:58px 0; border-top:1px solid #26374d; }
.tam-copy h2 { margin-bottom:24px; }
.tam-copy>p { font-size:.88rem; line-height:1.85; color:#99afca; margin:16px 0; }
.tam-capabilities { display:flex; flex-wrap:wrap; gap:8px; margin:25px 0; }
.tam-capabilities>span { display:inline-flex; align-items:center; gap:6px; border:1px solid #324a53; border-radius:5px; padding:7px 8px; font-size:.63rem; color:#aacfc9; background:#132730; }
.tam-capabilities>span:before { content:'✦'; color:#73c9b8; }
.tam-copy>p.tam-availability { font-size:.66rem; line-height:1.8; color:#8097b4; max-width:440px; margin-top:18px; }
.tam-console { border:1px solid #364963; border-radius:16px; overflow:hidden; background:radial-gradient(ellipse at 70% 0%,#1e33422b,transparent),#111f34; box-shadow:0 25px 60px #020b1726; }
.tam-console-top { display:flex; justify-content:space-between; gap:10px; align-items:center; padding:17px 22px; border-bottom:1px solid #293c53; color:#b2c4da; font-size:.62rem; }
.tam-console-top>span:first-child { display:flex; gap:8px; align-items:center; }
.tam-console-top i { width:5px; height:5px; background:#79d3c3; border-radius:50%; }
.tam-console-top>span:last-child { font:500 .58rem 'JetBrains Mono',monospace; color:#8ecdc6; }
.tam-source { display:flex; align-items:center; gap:12px; margin:25px 24px 0; padding:17px; border:1px solid #344961; border-radius:10px; background:#192a40; }
.tam-source-symbol { width:33px; height:35px; flex-shrink:0; background:#213f47; border:1px solid #38606b; color:#97d9d2; border-radius:7px; display:grid; place-items:center; font-size:1.15rem; }
.tam-source>div>span { color:#819bbd; font-size:.54rem; display:block; margin-bottom:6px; }
.tam-source strong { font-size:.79rem; font-weight:500; color:#d0e0f3; }
.tam-authorized { font-size:.5rem; color:#91bea9; margin-left:auto; text-align:right; }
.tam-bridge { display:flex; align-items:center; flex-direction:column; }
.tam-bridge>span { width:1px; height:20px; background:linear-gradient(#3b6571,#6dbeb8); }
.tam-bridge b { color:#d5eaf1; padding:9px 15px; border:1px solid #41636c; border-radius:6px; font:500 .71rem 'JetBrains Mono',monospace; background:#172f39; }
.tam-clients { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; margin:0 24px 22px; }
.tam-clients button { display:flex; align-items:center; justify-content:center; gap:8px; font:500 .74rem Inter,sans-serif; padding:14px 8px; border:1px solid #34465e; background:#17273d; color:#9eafc7; border-radius:8px; cursor:pointer; }
.tam-clients button span { color:#95b4ce; font-size:1.14rem; }
.tam-clients button[aria-pressed=true] { border-color:#678a84; background:#223b40; color:#d4e9e5; }
.tam-clients button[aria-pressed=true] span { color:#98d6c6; }
.tam-conversation { margin:0 24px 24px; padding:20px; border:1px solid #2f435d; border-radius:10px; background:#0e1c30; }
.tam-conversation>div:first-child { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:.53rem; color:#6988ae; }
.tam-prompt-label { color:#90aacb; letter-spacing:.045em; }
.tam-conversation>p { color:#c7dbf3; font:500 1.03rem/1.7 'Inter Tight',sans-serif; margin:18px 0; }
.tam-result { display:flex; align-items:center; gap:12px; padding-top:15px; border-top:1px solid #2b3e55; }
.tam-result>span { color:#84cdbd; font-size:1.4rem; }
.tam-result>p { color:#8eaaa8; font-size:.65rem; line-height:1.8; margin:0; }
.tam-console-footer { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid #2b3e55; padding:17px 24px; color:#8199b6; font-size:.55rem; }
.tam-console-footer>a { font-size:.61rem; color:#a9d7da; }
.tal-library button:focus-visible,.tal-library a:focus-visible,.tal-library select:focus-visible,.tal-cards:focus-visible,.tam-section button:focus-visible,.tam-section a:focus-visible { outline:2px solid #8addd7; outline-offset:4px; }
@media(max-width:1000px) {
 .tal-cards { --library-columns:2; grid-auto-columns:calc((100% - 16px)/2); }
 .tam-layout { gap:35px; }
 .tam-clients button { font-size:.66rem; }
 .tam-authorized { display:none; }
 .tal-source-control label { display:none; }
}
@media(max-width:760px) {
 .tal-heading { display:block; }
 .tal-heading>p { margin-top:22px; }
 .tal-heading>p br { display:none; }
 .tal-source-control { gap:8px; }
 .tal-source-control select { max-width:195px; font-size:.69rem; }
 .tal-count { display:none; }
 .tal-paging>span { font-size:.55rem; margin-right:3px; }
 .tam-layout { grid-template-columns:1fr; gap:35px; padding:35px 0; }
 .tam-copy h2 { font-size:2.6rem; }
 .tam-copy>p { max-width:580px; }
 .tal-detail .tad-chart-grid { grid-template-columns:minmax(0,1fr); }
 .tal-detail-context { gap:15px; }
 .tal-ask { flex-wrap:wrap; gap:10px; }
 .tal-ask button { margin-left:31px; }
 .tal-dialog-toolbar>div:first-child>span:last-child { display:none; }
 .tal-detail-actions { align-items:start; flex-direction:column; }
 .tal-bottom { align-items:start; font-size:.61rem; }
}
@media(max-width:520px) {
 .tal-cards { --library-columns:1; grid-auto-columns:calc(100% - 18px); gap:12px; }
 .tal-card { padding:20px; }
 .tal-card h3 { font-size:1.2rem; }
 .tal-card-outcome { font-size:.73rem; }
 .tal-card-viz { height:105px; }
 .tal-card-chart { height:75px; }
 .tal-source-control select { max-width:170px; padding-right:23px; }
 .tal-paging { gap:5px; }
 .tal-paging button { width:28px; height:28px; }
 .tal-paging>span { font-size:.5rem; }
 .tal-toolbar { gap:8px; }
 .tal-context { font-size:.62rem; }
 .tal-heading h2 { font-size:2.4rem; }
 .tal-bottom { flex-direction:column; gap:14px; }
 .tal-detail { width:calc(100% - 16px); max-height:calc(100dvh - 20px); border-radius:12px; }
 .tal-dialog-toolbar { padding:11px 14px; }
 .tal-dialog-toolbar>div { font-size:.59rem; gap:7px; }
 .tal-dialog-toolbar .tac-sample { font-size:.49rem; }
 .tal-detail .tad-workspace { padding:0 14px 20px; }
 .tal-detail .tad-chart { padding:17px 12px; }
 .tal-detail .tad-controls { width:100%; justify-content:space-between; }
 .tal-detail-context { grid-template-columns:1fr; gap:5px; }
 .tal-ask { padding:15px; }
 .tal-ask p { font-size:.75rem; }
 .tal-ask>div:nth-child(2) { min-width:170px; }
 .tam-console-top { padding:16px; font-size:.57rem; }
 .tam-source { margin:20px 15px 0; padding:13px; }
 .tam-clients { margin:0 15px 18px; gap:6px; }
 .tam-clients button { font-size:.63rem; gap:5px; }
 .tam-conversation { margin:0 15px 20px; padding:15px; }
 .tam-conversation>p { font-size:.99rem; }
 .tam-console-footer { padding:16px; align-items:start; font-size:.51rem; }
 .tam-console-footer a { font-size:.56rem; }
}
@media(prefers-reduced-motion:reduce) { .tal-card { transition:none; } }

.tac-page-hero h1 em { color:var(--ta-accent); font-style:normal; }