/* Integration details; the prototype's palette, type and layout remain in console.css. */
/* Frontend refinement: compact app shell and focused research composer. */
body{--sidebar-width:224px;background:#f7f5ef}
.sidebar{width:var(--sidebar-width);padding:26px 16px 20px;background:#eeeae1;display:flex;flex-direction:column;overflow-y:auto}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 6px}
.sidebar .brand{gap:13px;font-size:27px}.sidebar .brand small{font-size:8px;letter-spacing:1.2px}
.sidebar .mark{width:32px;height:39px;flex-shrink:0}.sidebar .mark:before,.sidebar .mark:after{width:23px;height:23px}.sidebar .mark:after{top:10px;left:10px}
.sidebar-toggle{padding:5px;border:0;display:grid;place-items:center;color:var(--muted);min-width:32px;min-height:34px}
.sidebar-toggle svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.3}
.sidebar #navigation{display:flex;flex:1;flex-direction:column;min-height:260px}
.sidebar .nav-label{margin:38px 12px 14px;font-size:9px;letter-spacing:1.6px}
.sidebar nav{display:flex;flex-direction:column;flex:1;gap:5px}
.sidebar nav a{padding:11px 12px;gap:12px;border-left:0;border-radius:5px;position:relative;align-items:center;min-height:43px;font-size:13px}
.sidebar nav a .nav-text{font:inherit;color:inherit}
.nav-icon{width:18px;height:18px;flex-shrink:0;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.sidebar nav a[aria-current=page]{background:#faf8f2;box-shadow:0 1px 4px #201f1b06;color:var(--ink)}
.sidebar nav a[aria-current=page]:before{content:'';position:absolute;left:0;top:13px;bottom:13px;width:2px;background:var(--copper)}
.sidebar nav a[aria-current=page] .nav-icon{color:var(--copper)}
.sidebar nav .nav-account{margin-top:auto;border-top:1px solid var(--line);border-radius:0;padding-top:18px;margin-bottom:8px}
.sidebar .sidebar-foot{position:static;margin:0;padding:12px 12px 0;border-top:1px solid var(--line);font-size:9px;line-height:1.7}
.sidebar-foot>a{display:block;margin-top:8px}
.workspace{margin-left:var(--sidebar-width)}.topbar{height:62px;background:#f7f5ef;padding-inline:36px}.badge{border:1px solid var(--line);background:transparent;border-radius:3px;padding:4px 8px}
body[data-view=playground] main{max-width:1240px;padding:32px 36px 52px;min-height:calc(100vh - 132px)}
body[data-view=playground] .page-heading{margin-bottom:25px}
body[data-view=playground] .page-heading .eyebrow{font-size:9px;color:var(--copper)}
body[data-view=playground] h1{font-size:clamp(30px,3.2vw,43px);letter-spacing:-1.6px;margin:9px 0 10px}
body[data-view=playground] .intro{font-size:13px;max-width:670px;line-height:1.6;margin-bottom:0}
.composer{background:#fffdf7;border:1px solid #cec7b9;border-radius:8px;padding:25px 26px 20px;box-shadow:0 8px 28px #201f1b05;position:relative}
.composer:focus-within{border-color:#b77958;box-shadow:0 0 0 3px #a94d2708,0 8px 28px #201f1b05}
.composer .field-label{color:var(--muted);font-size:9px;letter-spacing:1.2px}
.composer textarea{min-height:118px;font-size:20px;line-height:1.55;border-bottom:0;padding:12px 0 10px;background:transparent}
.composer textarea::placeholder{color:#8b857b}.composer textarea:focus-visible{outline:0}
.composer .examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 20px}
.composer .examples>span{grid-column:1/-1;font-size:9px;letter-spacing:.8px;margin-bottom:3px}
.composer .examples button{padding:10px 12px;text-align:left;border-radius:4px;font-size:11px;background:#f4f1e9;border-color:#e4ded2;min-height:40px}
.composer details{margin-top:0;padding-top:14px}.composer summary{font-size:12px;padding-block:3px}
.composer .composer-bottom{margin-top:19px;gap:14px;align-items:center}
.composer-bottom>.fine{font:10px/1.6 var(--mono);flex:1 1 200px;max-width:340px}
.composer-bottom .actions{flex-shrink:0;gap:8px}.composer-bottom button,.composer-bottom .link-button{font-size:12px;padding:10px 14px;border-radius:4px}
.composer-bottom [data-saved]{border-color:transparent;color:var(--muted)}
.composer .filters input,.composer .filters select{background:#faf8f2;border-radius:4px;font-size:12px}
body[data-view=playground] .statebar{margin:27px 0 0;padding-bottom:12px}.statebar .eyebrow{font-size:9px;letter-spacing:1.2px}
.idle-line{display:flex;align-items:center;gap:15px;padding:26px 4px;font-size:13px}.idle-line .mark{transform:scale(.6);transform-origin:left center;width:27px;height:35px;flex-shrink:0}.idle-line .text-button{margin-left:auto;font-size:11px}
body[data-view=playground] #results>.notice{margin-top:18px;border:1px solid var(--line);border-left:2px solid var(--copper);border-radius:4px;background:#f0ece3}
body[data-view=playground] .company{background:#fffdf7;border:1px solid var(--line);border-radius:6px;margin-bottom:12px;padding:23px;grid-template-columns:190px 1fr;gap:22px}
body[data-view=playground] .company h3{font-size:16px;line-height:1.45}.company .ticker{background:#f1ece2;border:0;border-radius:3px}.company .quote{font-size:19px;line-height:1.65}
@media(min-width:701px){body.sidebar-collapsed{--sidebar-width:76px}.sidebar-collapsed .sidebar{padding-inline:10px}.sidebar-collapsed .sidebar-head{flex-direction:column;padding:0;gap:18px}.sidebar-collapsed .brand>span:last-child,.sidebar-collapsed .nav-text,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-foot{display:none}.sidebar-collapsed .sidebar nav{margin-top:25px}.sidebar-collapsed .sidebar nav a{justify-content:center;padding-inline:0}.sidebar-collapsed .sidebar-toggle svg{transform:rotate(180deg)}}
@media(max-width:1000px) and (min-width:701px){body{--sidebar-width:202px}body[data-view=playground] main{padding:28px 24px 40px}.topbar{padding-inline:24px}.composer{padding:22px}.composer .examples button{font-size:10px;padding:9px}.composer-bottom>.fine{max-width:none}.composer-bottom .actions{margin-left:auto}body[data-view=playground] .company{grid-template-columns:145px 1fr}}
@media(max-width:700px){.sidebar{width:100%;position:relative;flex-direction:row;padding:16px 20px;overflow:visible}.sidebar-toggle{display:none}.sidebar #navigation{display:none;min-height:0;flex-basis:100%}.sidebar #navigation.open{display:flex}.sidebar .nav-label{margin:22px 12px 10px}.sidebar nav .nav-account{margin-top:10px}.sidebar .sidebar-foot{display:none}.workspace{margin-left:0}.topbar{padding:12px 20px;height:auto;min-height:52px}body[data-view=playground] main{padding:24px 18px 35px}body[data-view=playground] h1{font-size:32px;line-height:1.15}body[data-view=playground] .intro{font-size:12px}.composer{padding:20px 17px 17px}.composer textarea{font-size:17px;min-height:130px}.composer .examples{grid-template-columns:1fr;gap:6px;margin-bottom:16px}.composer .examples button{padding:8px 11px;min-height:35px}.composer .composer-bottom{gap:12px}.composer-bottom>.fine{flex:auto;font-size:9px}.composer-bottom .actions{margin:0;width:100%;display:flex;flex-wrap:wrap}.composer-bottom .actions>*{flex:1;font-size:11px}.idle-line{flex-wrap:wrap;gap:10px;padding:20px 0}.idle-line .text-button{margin-left:37px}.statebar .status-text{font-size:9px}body[data-view=playground] .company{grid-template-columns:1fr;padding:18px;gap:12px}.company .quote{font-size:18px}}
@media(prefers-reduced-motion:no-preference){.sidebar nav a,.composer,.composer .examples button{transition:background-color .18s,border-color .18s,box-shadow .18s}.sidebar nav a:hover{background:#f7f4ec}.composer .examples button:hover{background:#eee5d8;border-color:#c2a388}}
.query-fields{border:0;margin:0;padding:0;min-width:0}.composer [aria-invalid=true]{outline:1px solid var(--copper);outline-offset:3px}.composer-bottom .actions{display:flex;gap:10px;flex-wrap:wrap}.composer-bottom{flex-wrap:wrap}.query-fields:disabled{opacity:.7}.quote,.reader-body,.request-question{overflow-wrap:anywhere;white-space:pre-wrap}.request-question{font:16px/1.7 var(--serif);margin:12px 0}.result-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.results-head{flex-wrap:wrap;gap:12px}.result-tools button{font-size:11px}.reader-body{max-width:100%;font-size:17px;line-height:1.8}.reader-body mark{background:#e6ccb5;color:var(--ink)}.reader-context{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.reader-context h3{font-family:var(--mono);font-size:10px;letter-spacing:1px}.reader-loading{padding:24px 0}.reader-meta{overflow-wrap:anywhere}.passage-actions{flex-wrap:wrap;gap:12px 22px}.account-error{margin-top:18px}.coverage-list{padding-left:20px;font-size:12px;color:var(--muted)}.session-note{font:11px/1.7 var(--mono);color:var(--muted)}.account-email{overflow-wrap:anywhere}.link-button{display:inline-block;padding:9px 15px;background:var(--ink);color:var(--paper);text-decoration:none;font-size:13px}.status-text{font:10px/1.5 var(--mono);color:var(--muted)}.copy-status{font:10px var(--mono)}.reader-actions{margin:18px 0}.reader-body:focus{outline:2px solid var(--copper);outline-offset:4px}td{overflow-wrap:anywhere}.loading-label{margin:12px 0}.view-link{font-size:12px}.setup-fields{margin:14px 0;padding-left:18px;overflow-wrap:anywhere}
#reader[open]{display:flex;flex-direction:column;overflow:hidden}.reader-top{flex-shrink:0}#reader-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 6px 4px 2px}
@media(max-width:700px){.composer-bottom .actions{display:grid;width:100%}.company .fine{display:block;font-size:10px}.results-head{align-items:flex-start}.result-tools{width:100%}.filters{grid-template-columns:1fr 1fr}.filters label:nth-child(2){min-width:0}.reader-top{gap:12px}.reader-top button{white-space:nowrap}.topbar{line-height:1.5}.account-card h2{overflow-wrap:anywhere}}
/* Results scan and reading panel: scroll source text independently of its controls. */
html{scrollbar-gutter:stable}body.reader-open{overflow:hidden}
.passage-picker{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.passage-picker button{font:11px var(--mono);padding:8px 10px;border-radius:4px;background:#f7f3eb;border-color:#e3dbce;display:flex;gap:8px;align-items:center}.passage-picker button span{font-size:9px;color:var(--muted)}.passage-picker button:hover{background:#eee3d4;border-color:#bc967d}
body[data-view=playground] .company{grid-template-columns:205px minmax(0,1fr)}.company-id{border-right:1px solid var(--line);padding-right:18px}.company .passage-meta{font-size:10px}.company .quote{margin:12px 0;border-left:2px solid #d7b49a;padding-left:16px}.company .passage-actions{justify-content:space-between}.company .rank{font-size:10px}
#reader{position:fixed;inset:0 0 0 auto;margin:0;width:min(830px,88vw);height:100dvh;max-height:100dvh;max-width:none;padding:24px 30px;border:0;border-left:1px solid var(--line);background:#faf8f2;box-shadow:-18px 0 60px #201f1b14}
#reader::backdrop{background:#201f1b26}.reader-top{margin-bottom:16px;padding-bottom:15px;border-bottom:1px solid var(--line)}#reader-content{display:flex;flex-direction:column;overflow:hidden;padding:0;flex:1}.reader-controls{flex-shrink:0;padding-bottom:14px;border-bottom:1px solid var(--line)}.reader-company-nav{display:flex;gap:8px;margin-bottom:18px}.reader-company-nav select{flex:1;font-size:11px;min-width:0;background:#f0ece3;border:0}.reader-company-nav button{padding:6px 12px}.reader-controls h2{font-size:23px;line-height:1.3;margin:4px 0}.reader-controls>.fine{margin:0;font-size:10px}.reader-controls>.ticker{float:right;margin-left:12px}.reader-meta{margin:10px 0;gap:6px}.reader-meta span{font-size:10px;padding:4px 6px}.reader-controls .field-label{font-size:9px;margin-top:12px}.reader-controls #passage-select{padding:8px;font-size:11px}.reader-controls .tabs{margin:8px 0 0;gap:20px}.reader-controls .tabs button{padding:8px 0;font-size:11px}.jump-excerpt{font-size:10px;margin-top:10px}.reader-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:2px 16px 30px 2px;flex:1;scrollbar-gutter:stable}.reader-scroll:focus-visible{outline-offset:-2px}.reader-scroll .reader-body{font:18px/1.85 var(--serif);max-width:65ch}.reader-scroll mark{background:#ead1b9;box-shadow:0 2px 0 #d1a580;padding:2px 0}.reader-scroll .fine{font-size:10px}.reader-scroll .reader-context:first-child{border:0}
@media(max-width:1000px){body[data-view=playground] .company{grid-template-columns:155px minmax(0,1fr)}}
@media(max-width:700px){body[data-view=playground] .company{grid-template-columns:1fr}.company-id{border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px}.company .quote{font-size:17px}.passage-picker button{font-size:10px;padding:7px}.passage-picker button span{font-size:8px}#reader{width:100%;padding:16px 18px}.reader-top{margin-bottom:10px;padding-bottom:10px}.reader-controls h2{font-size:18px}.reader-company-nav{margin-bottom:10px}.reader-controls>.fine{display:none}.reader-meta{margin:7px 0}.reader-controls .field-label{margin-top:7px}.reader-scroll .reader-body{font-size:16px;line-height:1.85}.reader-scroll{padding-right:10px}.reader-controls{padding-bottom:10px}}
@media(max-height:650px){.reader-controls>.fine,.reader-controls .field-label{display:none}.reader-top{margin-bottom:8px;padding-bottom:8px}.reader-company-nav{margin-bottom:8px}.reader-meta{margin:6px 0}.reader-controls h2{font-size:18px}}
/* Build: one integration workbench, with a quiet contract reference beside it. */
body[data-view=build] main{max-width:1240px;padding:32px 36px 52px;min-height:calc(100vh - 132px)}
body[data-view=build] .page-heading{margin-bottom:25px}body[data-view=build] .page-heading>.eyebrow{font-size:9px;color:var(--copper)}body[data-view=build] h1{font-size:clamp(30px,3.2vw,43px);letter-spacing:-1.6px;margin:9px 0 10px}body[data-view=build] .intro{font-size:13px;line-height:1.6;max-width:660px;margin:0}
body[data-view=build] main>.notice{background:transparent;border-left:2px solid #cfb296;padding:2px 0 2px 14px;font-size:11px;color:var(--muted);max-width:860px;line-height:1.8}
body[data-view=build] .build-layout{grid-template-columns:minmax(0,1.8fr) minmax(245px,.8fr);gap:26px;align-items:start;margin-top:27px}
.build-examples{min-width:0;border:1px solid #cec7b9;border-radius:8px;background:#fffdf7;padding:0 22px 22px;box-shadow:0 8px 28px #201f1b05}
.build-examples>.tabs{margin:0 -22px 20px;padding:0 22px;gap:24px;min-height:57px;align-items:stretch;border-color:var(--line)}.build-examples>.tabs button{font-size:12px;padding:15px 2px;border-bottom-width:2px}.build-examples>.tabs button[aria-pressed=true]{font-weight:600}.build-examples>.tabs button:hover{color:var(--copper)}
body[data-view=build] .codebox{border-radius:5px;padding:0;overflow:hidden;border:1px solid #35332d;background:#24231f}.build-examples .code-head{padding:11px 16px;border-bottom:1px solid #48443b;gap:12px}.build-examples .code-head .eyebrow{font-size:9px;letter-spacing:1.2px;color:#d9b99f}.build-examples .code-head button{padding:6px 10px;font-size:10px;border-radius:3px;border-color:#625c51;white-space:nowrap}.build-examples .code-head button:hover{background:#39352d;border-color:#c9946c}.build-examples .codebox pre{margin:0;padding:20px;font-size:12px;line-height:1.85;tab-size:2;color:#f2e8d9}.build-examples>.fine{font-size:10px;line-height:1.8;margin:15px 0 22px;color:var(--muted)}
body[data-view=build] .build-source{margin:0;padding-top:20px;border-top:1px solid var(--line)}.build-source h2{font-size:16px;margin-bottom:12px}.build-source .codebox{background:#f1ede4!important;border-color:#ded6c9!important}.build-source .code-head{border-bottom-color:#ded6c9;padding:8px 13px}.build-source .code-head .eyebrow{color:var(--muted)}.build-source .code-head button{color:var(--ink);border-color:#cec5b6}.build-source .code-head button:hover{background:#e8dfd0;border-color:var(--copper)}.build-source .codebox pre{padding:14px;color:var(--ink);font-size:11px;line-height:1.8}
body[data-view=build] .build-contract{border:0;border-radius:0;padding:20px 0 0;background:transparent}.build-contract>.eyebrow{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.build-contract .step{position:relative;border-top:0;border-left:1px solid var(--line);padding:0 0 26px 22px;margin:23px 0 0 10px}.build-contract .step+.step{margin-top:0}.build-contract .step h3{font-size:15px;line-height:1.5;margin-bottom:7px}.build-contract .step h3>span{display:inline-grid;place-items:center;position:absolute;left:-11px;top:0;width:21px;height:23px;background:#f7f5ef;font-size:9px;margin:0;color:var(--copper)}.build-contract .step p{font-size:12px;line-height:1.8;margin:0}.build-contract .step:last-of-type{border-color:transparent;padding-bottom:14px}.build-contract>a{display:inline-block;margin:9px 0 0 32px;font-size:11px;color:var(--copper)}
@media(max-width:1100px){body[data-view=build] .build-layout{grid-template-columns:1fr}.build-contract{max-width:none}.build-contract .step{padding-bottom:18px}body[data-view=build] .build-contract{padding-top:2px}.build-contract>a{margin-top:0}}
@media(max-width:1000px) and (min-width:701px){body[data-view=build] main{padding:28px 24px 40px}}
@media(max-width:700px){body[data-view=build] main{padding:24px 18px 35px}body[data-view=build] h1{font-size:32px;line-height:1.15}body[data-view=build] .intro{font-size:12px}.build-examples{padding:0 14px 17px}.build-examples>.tabs{margin-inline:-14px;padding-inline:16px}.build-examples .code-head{padding:10px 12px}.build-examples .codebox pre{padding:14px;font-size:11px}.build-examples .code-head .eyebrow{font-size:8px}.build-source .code-head{flex-wrap:wrap}.build-source .codebox pre{font-size:10px}}
/* Documentation: a quiet index and scannable contract reference. */
body[data-view=documentation] main{max-width:1280px;padding:32px 36px 52px;min-height:calc(100vh - 132px)}
body[data-view=documentation] .page-heading{margin-bottom:30px}body[data-view=documentation] .page-heading>.eyebrow{font-size:9px;color:var(--copper)}body[data-view=documentation] h1{font-size:clamp(30px,3.2vw,43px);letter-spacing:-1.6px;margin:9px 0 10px}body[data-view=documentation] .page-heading .intro{font-size:13px;line-height:1.6;margin:0}
.docs-layout{display:grid;grid-template-columns:172px minmax(0,1fr);gap:28px;align-items:start}.docs-toc{position:sticky;top:24px;display:flex;flex-direction:column;gap:4px;padding:8px 0}.docs-toc button{display:flex;gap:10px;text-align:left;border:0;border-radius:4px;padding:10px 8px;font-size:11px;color:var(--muted);line-height:1.5}.docs-toc button>span{font:9px/1.8 var(--mono);color:var(--copper)}.docs-toc button:hover,.docs-toc button:focus-visible{background:#eee7da;color:var(--ink)}.docs-body{min-width:0}
.docs-body>.docs-section{margin:0 0 20px;padding:26px;background:#fffdf7;border:1px solid #ded7cb;border-radius:7px;scroll-margin-top:20px}.docs-body h2{display:flex;align-items:center;gap:13px;font-size:21px;letter-spacing:-.5px;margin:0 0 20px}.docs-body h2>span{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid #dfd3c3;border-radius:4px;font:10px var(--mono);color:var(--copper);background:#f6f0e6}.docs-body p{font-size:13px;line-height:1.8}.docs-body .intro{font-size:13px;line-height:1.8;max-width:none;margin-bottom:20px}.docs-body .fine{font:10px/1.9 var(--mono);color:var(--muted)}.docs-body>.docs-section>code{display:block;padding:11px 14px;border:1px solid #e4dbce;background:#f3eee4;border-radius:4px;color:var(--copper);font-size:11px;margin-bottom:17px}.docs-body p code{font-size:11px;background:#f0e9dc;padding:2px 4px;border-radius:2px}.docs-body .table-wrap{border:1px solid #e4ded3;border-radius:5px;scrollbar-width:thin;margin-bottom:18px}.docs-body table{font-size:12px;line-height:1.7}.docs-body th{font-size:9px;letter-spacing:.8px;background:#f1ece2;padding:12px;text-align:left}.docs-body td{padding:14px 12px;border-bottom:1px solid #ebe5da}.docs-body tbody tr:last-child td{border-bottom:0}.docs-body tbody tr:nth-child(even){background:#faf7f0}.docs-body td:first-child{white-space:nowrap;font-size:11px}.docs-body td:nth-child(2){font-size:11px;color:var(--muted)}.docs-body #docs-request td:nth-child(2){min-width:100px}.docs-body #docs-errors td:nth-child(2){font-family:var(--mono);overflow-wrap:anywhere}
.docs-body .codebox{border-radius:5px;background:#24231f;border:1px solid #35332d;padding:0;margin:18px 0}.docs-body .code-head{padding:10px 15px;border-bottom:1px solid #48443b;gap:12px}.docs-body .code-head .eyebrow{font-size:9px;color:#d9b99f;letter-spacing:.8px}.docs-body .code-head button{font-size:10px;padding:6px 10px;border-radius:3px;white-space:nowrap}.docs-body .codebox pre{margin:0;padding:18px;font-size:11px;line-height:1.9;color:#f2e8d9}.docs-body .view-link{display:inline-block;font-size:11px;color:var(--copper);margin-top:6px}.docs-body .docs-section>p:last-child{margin-bottom:0}.docs-body #docs-coverage{background:#f0ece3;border-left:2px solid var(--copper)}
@media(max-width:1150px){.docs-layout{grid-template-columns:1fr;gap:18px}.docs-toc{position:static;flex-direction:row;flex-wrap:wrap;padding:0 0 12px;border-bottom:1px solid var(--line);gap:5px}.docs-toc button{font-size:10px;padding:7px 8px}}
@media(max-width:1000px) and (min-width:701px){body[data-view=documentation] main{padding:28px 24px 40px}}
@media(max-width:700px){body[data-view=documentation] main{padding:24px 18px 35px}body[data-view=documentation] h1{font-size:32px;line-height:1.15}body[data-view=documentation] .page-heading .intro{font-size:12px}.docs-body>.docs-section{padding:19px 16px;scroll-margin-top:12px}.docs-body h2{font-size:19px;gap:10px}.docs-body p,.docs-body .intro{font-size:12px}.docs-body table{min-width:500px}.docs-body .code-head{padding:10px;flex-wrap:wrap}.docs-body .code-head .eyebrow{font-size:8px}.docs-body .codebox pre{padding:13px;font-size:10px}.docs-toc button{gap:6px;font-size:10px}.docs-body .table-wrap:focus-visible{outline-offset:2px}}
.docs-brand-note{border-left:2px solid #cfb296;padding:2px 0 2px 14px;margin:0 0 26px;max-width:760px;color:var(--muted)}.docs-brand-note p:first-child{font:11px/1.7 var(--mono);color:var(--copper);margin:0 0 5px}.docs-brand-note p:last-child{font-size:12px;line-height:1.7;margin:0}
/* Account controls share the console's existing design tokens. */
.developer-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;margin-top:1.5rem}
.account-stats{display:flex;flex-wrap:wrap;gap:2rem;padding:1.5rem 0}
.account-stats strong{display:block;font-size:2rem;font-family:Georgia,serif;font-weight:400}
.account-stats span{display:block;font-size:.8rem;opacity:.7}
.key-create{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin:1.5rem 0}
.key-create label{display:grid;gap:.4rem;flex:1;min-width:12rem}
.key-create input{width:100%;padding:.7rem;border:1px solid #d2cbbf;background:transparent}
.key-once{padding:1rem;border:1px solid #a94d27;margin:1rem 0}
.key-once textarea{display:block;width:100%;min-height:4.5rem;margin:1rem 0;font-family:monospace;overflow-wrap:anywhere}
.terms-acceptance{padding:1rem 0;border-block:1px solid #d2cbbf}
.terms-acceptance label{font-size:.9rem;line-height:1.7}
.terms-acceptance input{margin-right:.5rem}
.account-subscription button{margin:.5rem .6rem .5rem 0}
.account-card .table-wrap{margin:1rem 0;max-width:100%;overflow:auto}

/* Playground refinement: a writing surface, quiet prompts, and readable evidence. */
body[data-view=playground] main{max-width:1200px;padding-top:40px}
body[data-view=playground] .page-heading{margin-bottom:30px}
body[data-view=playground] h1{font-size:clamp(32px,3.4vw,46px);letter-spacing:-1.7px}
body[data-view=playground] .intro{font-size:14px;line-height:1.7}
body[data-view=playground] .composer{padding:28px 28px 22px;border-color:#d8d0c3;border-radius:10px;box-shadow:0 6px 24px #201f1b04}
body[data-view=playground] .composer .field-label{font-size:10px;letter-spacing:1.1px;color:#756657}
body[data-view=playground] .composer textarea{min-height:108px;font:22px/1.55 var(--serif);padding-top:13px;resize:vertical}
body[data-view=playground] .composer textarea::placeholder{color:#817b70}
body[data-view=playground] .composer .examples{display:flex;flex-wrap:wrap;gap:4px 12px;margin:6px 0 22px;align-items:center}
body[data-view=playground] .composer .examples>span{width:100%;font-size:9px;margin-bottom:5px;letter-spacing:1px}
body[data-view=playground] .composer .examples button{border:0;border-bottom:1px solid #d6c5b4;border-radius:0;background:transparent;padding:7px 0;min-height:36px;font-size:12px;margin-right:10px;color:#775238}
body[data-view=playground] .composer .examples button:hover{color:var(--copper);border-color:var(--copper);background:transparent}
body[data-view=playground] #filing-window{font:11px/1.8 Arial,Helvetica,sans-serif;margin-bottom:17px;color:var(--muted)}
body[data-view=playground] #filing-window button{font-size:11px;margin-left:5px}
body[data-view=playground] .composer details{padding-top:15px;border-color:#e5dfd5}
body[data-view=playground] .composer-bottom{margin-top:22px;gap:18px}
body[data-view=playground] .composer-bottom>.fine{font:12px/1.6 Arial,Helvetica,sans-serif;max-width:350px}
body[data-view=playground] .composer-bottom .actions{gap:10px}
body[data-view=playground] .composer-bottom .primary{padding:12px 18px}
body[data-view=playground] .statebar{margin-top:34px;padding-bottom:13px}
body[data-view=playground] .idle-line{padding:30px 12px;align-items:center;gap:22px;flex-wrap:wrap}
body[data-view=playground] .idle-line .mark{transform:none;width:43px;height:44px;opacity:.65}
body[data-view=playground] .idle-line>div{flex:1;min-width:220px}
body[data-view=playground] .idle-line h2{font:22px/1.3 var(--serif);letter-spacing:-.3px;margin:0 0 8px}
body[data-view=playground] .idle-line p{font-size:12px;line-height:1.7;color:var(--muted);max-width:510px;margin:0}
body[data-view=playground] .idle-line>.text-button{font-size:12px;white-space:nowrap}
body[data-view=playground] .company{border-radius:8px;border-color:#ded7ca;padding:26px;box-shadow:0 3px 14px #201f1b02;margin-bottom:16px}
body[data-view=playground] .company h3{font-size:17px;line-height:1.45}
body[data-view=playground] .company .quote{line-height:1.75;border-left-color:#cfab8d;padding-left:18px}
body[data-view=playground] .results-head h2{font:25px/1.3 var(--serif)}
@media(max-width:700px){
body[data-view=playground] main{padding:26px 18px 38px}
body[data-view=playground] h1{font-size:34px;line-height:1.15}
body[data-view=playground] .intro{font-size:13px}
body[data-view=playground] .composer{padding:21px 18px 18px}
body[data-view=playground] .composer textarea{font-size:20px;min-height:120px}
body[data-view=playground] .composer .examples{gap:2px 10px;margin-bottom:18px}
body[data-view=playground] .composer .examples button{font-size:11px;min-height:40px;margin-right:0}
body[data-view=playground] .composer-bottom>.fine{flex:auto;max-width:none}
body[data-view=playground] .idle-line{padding:26px 2px;gap:16px}
body[data-view=playground] .idle-line>div{min-width:180px}
body[data-view=playground] .idle-line h2{font-size:20px}
body[data-view=playground] .idle-line>.text-button{margin-left:59px}
body[data-view=playground] .company{padding:20px}
}

@media(max-width:700px){body[data-view=playground] footer{flex-wrap:wrap;gap:12px}body[data-view=playground] footer nav{display:flex;align-items:center;flex-wrap:wrap;gap:8px}body[data-view=playground] footer nav a{padding:4px 0;font-size:10px}}

/* Shared service notice and a deliberate vertical footer navigation. */
#connection-badge{display:inline-flex;align-items:center;gap:8px;line-height:1.5;max-width:100%}
#connection-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:#918779;flex-shrink:0}
#connection-badge[data-status=unavailable]{color:#883c22;background:#f7e9df;border-color:#d2a58d;font-size:10px}
#connection-badge[data-status=unavailable]::before{background:#a94d27}
#connection-badge[data-status=connected]::before{background:#55684c}
/* Compact footer matching the public Terms page. */
.workspace>footer{display:flex;align-items:center;justify-content:space-between;padding:20px 36px;gap:16px;min-height:64px}
.workspace>footer>span{display:none}
.workspace>footer nav[aria-label="Legal and support"]{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:24px;min-width:0;margin-left:auto}
.workspace>footer nav[aria-label="Legal and support"] a{display:block;border:0;padding:0;font:11px/1.8 var(--mono);color:var(--muted)}
.workspace>footer nav[aria-label="Legal and support"] a:hover{color:var(--copper);text-decoration:underline}
@media(max-width:700px){.workspace>footer{padding:16px 18px;flex-wrap:wrap;gap:10px 18px;min-height:0}.workspace>footer nav[aria-label="Legal and support"]{flex-direction:row;gap:18px}.topbar #connection-badge{font-size:9px}}

/* Precision research workspace. */
html{scrollbar-width:thin;scrollbar-color:#d6cfc7 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d6cfc7;border-radius:8px}
p,.intro,.fine,.mode-indicator,.status-text,.idle-line{ text-wrap:pretty }
body[data-view=playground]{background:#f3efea}
.sidebar nav a[aria-current=page]{border:1px solid rgba(24,23,21,.08)}
.sidebar-foot #connection-label{display:inline-block;padding:4px 7px;border:1px solid #d9d0c3;border-radius:4px;background:#f6f3ee;font-size:9px}.sidebar-foot>.status-dot{display:none}
.question-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.question-label-row .field-label{margin:0}.contract-badge{font:9px/1.5 var(--mono);color:var(--muted);letter-spacing:.5px;white-space:nowrap}
body[data-view=playground] .composer textarea{resize:none;overflow:hidden;min-height:108px}
body[data-view=playground] .composer .examples{gap:8px;margin-bottom:24px}
body[data-view=playground] .composer .examples button{display:inline-flex;align-items:center;gap:9px;background:#f6f3ee;border:1px solid rgba(24,23,21,.12);border-radius:6px;padding:6px 12px;margin:0;color:var(--ink);font-size:12px;min-height:36px}
body[data-view=playground] .composer .examples button::before{content:'';width:4px;height:4px;background:#a8583b;border-radius:50%}
body[data-view=playground] .composer .examples button:hover{border-color:#a8583b;background:#efece6}
.examples button small{font:8px var(--mono);letter-spacing:.4px;color:#8b5a41}
.parameter-strip{display:flex;flex-wrap:wrap;gap:8px;padding:17px 0;border-top:1px solid #e3dbcf;border-bottom:1px solid #e3dbcf}
.parameter-strip button{font:11px/1.5 var(--mono);border:1px solid #dcd3c7;border-radius:5px;background:#faf7f1;padding:8px 10px;overflow-wrap:anywhere;max-width:100%}
.parameter-strip button:hover,.parameter-strip button[aria-expanded=true]{border-color:#a8583b;color:#8c432a}
body[data-view=playground] .composer #filters{border:0;padding:0;margin:0}
#filters>summary{font-size:10px;padding-top:10px;color:var(--muted)}
#filters:not([open])>summary{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%)}
#filters:not([open])>summary:focus-visible{position:static;width:auto;height:auto;clip-path:none;padding:10px}
@supports(interpolate-size:allow-keywords){#filters{interpolate-size:allow-keywords}#filters::details-content{height:0;overflow:clip;transition:height .3s cubic-bezier(.16,1,.3,1),content-visibility .3s allow-discrete}#filters[open]::details-content{height:auto}}
.mode-indicator{display:flex;align-items:center;gap:8px;font:9px/1.8 var(--mono);letter-spacing:.4px;max-width:340px}
.mode-indicator::before{content:'';width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#a8583b}
body[data-view=playground] .composer-bottom [data-saved].primary{background:#181715;color:#f3efea;border-color:#181715}
.access-pill{font:10px/1.5 var(--mono);text-decoration:none;border:1px solid #d6cec2;padding:10px 12px;border-radius:5px;color:#6d685f}
.research-stages [data-active=true]{color:#a8583b;font-weight:bold}
.evidence-blueprint{position:relative;display:grid;grid-template-columns:35% 65%;margin-top:20px;border:1px solid #dcd4c8;border-radius:7px;overflow:hidden;background:#f6f3ee;min-height:230px}
.blueprint-column{padding:24px;min-width:0}.blueprint-column+.blueprint-column{border-left:1px solid #dcd4c8}
.blueprint-column>.eyebrow{font-size:9px;color:#756c61;display:block}.blueprint-caption{font:10px/1.7 var(--mono);color:#857b6f;display:block;margin-top:5px}
.blueprint-column i{display:block;height:7px;background:#e4ded4;margin-top:17px;border-radius:2px;max-width:85%;opacity:.65}.blueprint-column i:nth-last-child(2){max-width:65%}.blueprint-column i:last-child{max-width:75%}
.blueprint-action{position:absolute;inset:0;display:grid;place-items:center;padding-top:48px;background:linear-gradient(transparent 30%,#f6f3ee88)}
.blueprint-action button{background:#fffdf8;border:1px solid #cbb9a7;border-radius:5px;color:#8c432a;font-size:12px;padding:12px 18px;box-shadow:0 4px 16px #201f1b08}
@media(max-width:700px){.question-label-row{flex-wrap:wrap;gap:5px}.contract-badge{font-size:8px}.mode-indicator{font-size:9px}.composer-bottom .access-pill{text-align:center}.evidence-blueprint{grid-template-columns:40% 60%;min-height:245px}.blueprint-column{padding:18px 12px}.blueprint-column>.eyebrow{font-size:8px}.blueprint-caption{font-size:9px}.research-stages{font-size:9px}}
@media(prefers-reduced-motion:reduce){#filters::details-content{transition:none}}

/* Account & API keys: identity above a focused developer workspace. */
body[data-view=account] main{max-width:1230px;padding:38px 36px 48px}
body[data-view=account] .page-heading{margin-bottom:28px}
body[data-view=account] .page-heading>.eyebrow{font-size:9px;color:var(--copper)}
body[data-view=account] h1{font-size:clamp(32px,3.4vw,46px);letter-spacing:-1.7px}
body[data-view=account] .intro{font-size:14px}
.account-overview{display:grid;align-items:start;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px;margin-top:24px}
body[data-view=account] .account-card{min-width:0;background:#fffdf7;border:1px solid #dcd4c8;border-radius:8px;padding:27px}
body[data-view=account] .account-card h2{font:26px/1.25 var(--serif);letter-spacing:-.5px;margin:10px 0 15px}
body[data-view=account] .account-card p{font-size:13px;line-height:1.75;text-wrap:pretty}
body[data-view=account] .account-card .fine{font:11px/1.8 Arial,Helvetica,sans-serif;color:var(--muted)}
body[data-view=account] .account-card button{width:auto;margin:0;border-radius:5px;font-size:12px}
.identity-heading{display:flex;gap:18px;align-items:center;margin-bottom:20px}.identity-heading>.mark{margin:0;flex-shrink:0}.identity-heading h2{margin:7px 0 0!important}
.account-email{font-size:16px!important;color:var(--ink)!important;margin-bottom:12px}.account-email>span{font-size:13px;color:var(--muted)}
.identity-actions,.key-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.identity-actions{margin-top:24px}.identity-actions a,.access-guide>a{font-size:12px;color:var(--copper)}
.identity-card [data-signin]{padding:12px 20px;margin:4px 0 15px!important}
.access-guide ol{list-style:none;padding:0;margin:22px 0}.access-guide li{display:flex;gap:16px;margin:0 0 18px}.access-guide li>span{font:10px/1.8 var(--mono);color:var(--copper)}.access-guide li strong{font-size:13px;font-weight:500}.access-guide li p{font-size:12px!important;margin:3px 0 0;line-height:1.6!important}
.keys-signin{margin-top:22px}.keys-signin p{max-width:540px;margin:0}
.developer-panel{gap:22px;margin-top:22px}.account-section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.account-section-head h2{margin-bottom:10px!important}.account-section-head>.text-button{font-size:12px;text-decoration:none;white-space:nowrap}.account-section-head button{padding:8px 12px}
.account-lead{max-width:740px}.developer-account>.notice{margin:18px 0}.account-card .key-create{gap:12px;margin:25px 0;align-items:end}.key-create label{min-width:0;max-width:370px}.key-create input{border-radius:5px;background:#faf7f1;font-size:13px}.key-create .primary{padding:11px 17px}
.keys-empty{display:flex;align-items:center;gap:24px;border:1px dashed #d7cabc;border-radius:6px;padding:24px;background:#f7f3ec}.keys-empty .mark{margin:0;flex-shrink:0;opacity:.65}.keys-empty h3{font:22px/1.4 var(--serif)}.keys-empty p{max-width:540px;margin:0;font-size:12px!important}
.account-card .key-once{padding:22px;border-radius:6px;background:#f6eee3;border:1px solid #c99e7f}.key-once h3{font:25px var(--serif);margin:9px 0}.key-once p{font-size:12px!important}.key-once textarea{resize:none;min-height:70px;border-radius:4px;background:#fffdf7;font:13px/1.8 var(--mono);padding:12px}.key-once .key-actions{margin-bottom:16px}.key-once p:last-child{margin-bottom:0}
.key-revoke-confirm{border:1px solid #d1ab91;border-radius:5px;padding:18px;background:#faf0e8;margin-bottom:20px}.key-revoke-confirm p{margin-bottom:12px}.key-status{font:10px var(--mono);color:var(--muted)}.key-status.active{color:#536148}.account-card table{font-size:12px}.account-card th{font-size:9px}.account-card td:first-child{font-family:Arial,Helvetica,sans-serif;color:var(--ink)}.account-card td code{font-size:11px}
.account-card .account-stats{gap:0;padding:8px 0 20px}.account-stats>div{flex:1;border-right:1px solid var(--line);padding:0 24px}.account-stats>div:first-child{padding-left:0}.account-stats>div:last-child{border:0}.account-stats strong{font:40px/1.5 var(--serif);color:var(--ink)}.account-stats span{font:11px/1.8 var(--mono);opacity:1;color:var(--muted)}
.account-subscription{background:transparent!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;padding:22px 0!important}.account-subscription h2{font-size:22px!important}.account-subscription p{margin:0}.account-local-note{font-size:11px}.terms-acceptance label{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:12px}.terms-acceptance input{width:auto}.terms-acceptance button{margin-top:12px!important}
@media(max-width:1000px){.account-overview{grid-template-columns:1fr}}
@media(max-width:700px){body[data-view=account] main{padding:26px 18px 35px}body[data-view=account] h1{font-size:34px;line-height:1.2}body[data-view=account] .account-card{padding:22px 18px}.key-create{display:grid}.key-create label{max-width:none}.keys-empty{gap:18px;padding:20px 16px}.account-stats>div{padding:0 14px}.account-stats strong{font-size:32px}.account-stats span{font-size:9px}.account-card .table-wrap{overflow-x:auto}.account-card table{min-width:520px}.account-section-head>.text-button{font-size:11px}}

/* Equivalent Google and email account access. Passwords stay in native fields. */
.auth-tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:22px 0 18px}
body[data-view=account] .auth-tabs button{border:0;border-bottom:2px solid transparent;border-radius:0;padding:8px 0;font-size:12px}
body[data-view=account] .auth-tabs button[aria-pressed=true]{border-color:var(--copper);color:var(--copper)}
body[data-view=account] .identity-card .google-signin{width:100%;background:#faf8f2;border:1px solid #cfc5b7;padding:11px 15px;margin:0!important}
.auth-divider{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);margin:19px 0}.auth-divider::before,.auth-divider::after{content:'';height:1px;flex:1;background:var(--line)}
#auth-form fieldset{border:0;padding:0;margin:0;min-width:0}#auth-form label{display:block;font-size:12px;margin-bottom:15px}#auth-form input{display:block;margin-top:7px;background:#faf7f1;border-radius:5px;font-size:14px;padding:11px 12px}
body[data-view=account] #auth-form button[type=submit]{width:100%;padding:12px 16px;margin:3px 0 0}
#auth-form .fine{margin-top:-5px;margin-bottom:16px}.auth-secondary{margin:16px 0}.auth-secondary button{font-size:11px!important;border-radius:0!important}
.auth-message{margin-top:18px;border-left:2px solid #9c7655;padding:8px 12px;background:#f4ede2;font-size:12px!important}
.identity-card #auth-help{margin:16px 0 0;font-size:11px}.verify-email strong{overflow-wrap:anywhere}.linked-signin p{margin:14px 0}

/* After sign-in, move from onboarding to key management. */
.account-overview.is-signed-in{grid-template-columns:1fr}.account-overview.is-signed-in>.access-guide{display:none}
.is-signed-in .identity-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.7fr);gap:8px 24px;align-items:center}
.is-signed-in .identity-heading{margin:0}.is-signed-in .account-email{margin:0}.is-signed-in .identity-actions{margin:0}.is-signed-in .identity-card>.fine{margin:6px 0}.is-signed-in .linked-signin{grid-column:1/-1}
@media(max-width:700px){.is-signed-in .identity-card{grid-template-columns:1fr;gap:16px}.is-signed-in .identity-card>.fine{margin:0}}

.trial-terms{margin-top:18px;padding:13px 0 0;border-top:1px solid var(--line)}.trial-terms label{display:flex;align-items:baseline;gap:10px;font:12px/1.8 Arial,Helvetica,sans-serif;text-wrap:pretty}.trial-terms input{width:15px;flex-shrink:0;accent-color:var(--copper)}.trial-terms .fine{margin:10px 0 0}

/* Native links keep the public reference usable before JavaScript loads. */
.docs-toc a{display:flex;align-items:center;gap:14px;min-height:44px;padding:12px 0;text-decoration:none;color:inherit}
.docs-toc a span{color:var(--accent,#a94d27)}
#build-mcp details{margin-top:16px}#build-mcp summary{cursor:pointer;min-height:44px;padding:12px 0}