@font-face{font-family:Geist;src:url('/portal/assets/fonts/geist-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Geist;src:url('/portal/assets/fonts/geist-semibold.ttf') format('truetype');font-weight:500 700;font-display:swap}
:root{font-family:Geist,"Geeza Pro",Tahoma,sans-serif;font-synthesis:none;color-scheme:light;--ground:#f6f7f9;--raised:#fff;--ink:#202124;--ink-2:#555e69;--ink-3:#626873;--line:#dcdfe4;--accent:#ad3b10;--accent-soft:#f9e8df;--action:#c54b1d;--on-accent:#fff;--positive:#236a50;--negative:#ae2941;--code:#f1f2f4;--shadow:0 16px 32px #3439410c;--ease:cubic-bezier(.32,.72,0,1);background:var(--ground);color:var(--ink)}
:root[data-theme=dark]{color-scheme:dark;--ground:#181818;--raised:#1f1f1f;--ink:#f5f5f5;--ink-2:#b6b6b6;--ink-3:#aaa;--line:#404040;--accent:#ffae84;--accent-soft:#313131;--action:#f0834b;--on-accent:#181818;--positive:#93d6b7;--negative:#ffacb9;--code:#272727;--shadow:0 16px 32px #0002}
*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100dvh}h1,h2,h3,p{margin-top:0;text-wrap:pretty}h1,h2,h3{text-wrap:balance}button,input,select,textarea{font:inherit}a{color:var(--accent);text-underline-offset:4px}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);min-height:44px;padding:8px 12px;border-radius:8px;background:var(--raised);color:var(--ink);width:fit-content;font-size:14px;line-height:20px;font-weight:600;transition:background .7s var(--ease),transform .7s var(--ease),color .7s var(--ease)}button:hover{background:var(--accent-soft)}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:wait}.primary{background:var(--action);color:var(--on-accent);border-color:var(--action);font-size:16px;line-height:24px}.primary:hover{filter:brightness(.94);background:var(--action)}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}aside{padding:32px 16px 24px;background:var(--raised);display:flex;flex-direction:column;gap:24px;position:sticky;top:0;height:100dvh;overflow:auto}.brand{display:flex;gap:12px;align-items:center;font-size:24px;line-height:32px;font-weight:600;letter-spacing:-1px;color:var(--ink);text-decoration:none;padding-inline:8px}.brand svg{width:32px;height:32px;color:var(--accent)}.caption{font-size:12px;line-height:16px;color:var(--ink-2);margin:-16px 0 8px;padding-inline-start:52px}.aside-end{margin-block-start:auto;display:grid;gap:16px;padding-top:32px}.aside-note{font-size:12px;line-height:20px;color:var(--ink-2);margin:0}.website-link{font-size:12px;line-height:20px;min-height:44px;display:flex;align-items:center;color:var(--ink-2);text-decoration:none}.test{font-size:12px;line-height:16px;font-weight:600;color:var(--ink-2);display:flex;align-items:center;gap:8px}.test::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--action)}#nav{display:grid;gap:4px}#nav button{width:100%;text-align:start;border:1px solid transparent;background:transparent;color:var(--ink-2);display:flex;gap:12px;align-items:center;padding:12px;font-weight:400}#nav button svg{width:20px;height:20px;flex:none;stroke:currentColor;stroke-width:1.6;fill:none}#nav button[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}#nav button[data-page=keys],#nav button[data-page=usage],#nav button[data-page=review]{margin-top:16px}main{padding:32px 48px;min-width:0;max-width:1600px;width:100%;margin-inline:auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block-end:24px;margin-bottom:24px}.eyebrow{font-size:12px;line-height:16px;color:var(--ink-2);margin:0 0 8px}.page-header h1{font-size:24px;line-height:32px;letter-spacing:-.5px;font-weight:600;margin:0}.header-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.header-tools button{font-size:12px;line-height:16px;padding:8px 12px;background:transparent;border-color:transparent}.docs-link{font-size:12px;line-height:16px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;text-decoration:none}.notice{font-size:12px;line-height:20px;margin-bottom:32px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--raised);color:var(--ink-2)}#message:not(:empty){padding:16px;margin:16px 0 24px;border:1px solid var(--line);border-radius:8px;background:var(--accent-soft);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:20px}#message.error{color:var(--negative);border-color:var(--negative);background:var(--raised)}#message[aria-busy=true]{background:var(--code)}#content>section,.tool-panel>section{padding:32px 0}#content>section>h2,.tool-panel h2{font-size:18px;line-height:28px;font-weight:600;letter-spacing:-.3px;margin:0 0 24px}.count-label{font-size:12px;line-height:16px;color:var(--ink-2);font-weight:400;margin-inline-start:12px}.muted{font-size:12px;line-height:20px;color:var(--ink-2);max-width:680px}.page-intro{font-size:16px;line-height:24px;max-width:680px;margin:8px 0 24px}form{max-width:800px;display:grid;gap:8px}form label{font-size:14px;line-height:20px;margin-top:8px;color:var(--ink-2)}input,select,textarea{min-height:48px;width:100%;min-width:0;background:var(--raised);color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:12px 16px;font-size:14px;line-height:20px}input::placeholder,textarea::placeholder{color:var(--ink-3)}input[type=checkbox]{width:24px;min-height:24px;justify-self:start}input[type=file]{padding:12px}textarea{min-height:160px;resize:vertical;font-family:ui-monospace,monospace;direction:ltr;text-align:start}form>.primary{margin-top:16px}form>.muted{margin:8px 0}.form-feedback{padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--accent-soft);font-size:14px;line-height:24px;grid-column:1/-1;overflow-wrap:anywhere}.form-feedback.error{border-color:var(--negative);color:var(--negative)}.form-feedback details{padding:0}.form-feedback summary{font-size:12px}.form-feedback code{direction:ltr;unicode-bidi:isolate;display:block}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--negative)}.response-output{margin-top:24px;min-width:0}.response-output:focus,.form-feedback:focus{outline:2px solid var(--accent);outline-offset:4px}#title:focus{outline:none}pre{max-width:100%;overflow:auto;white-space:pre;font:12px/24px ui-monospace,monospace;direction:ltr;text-align:left;background:var(--code);padding:24px;border:1px solid var(--line);border-radius:12px;color:var(--ink)}.table-wrap{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:12px;background:var(--raised)}table{width:100%;border-collapse:collapse;text-align:start;font-size:14px;line-height:20px}th,td{padding:16px;text-align:start;vertical-align:top;max-width:360px;overflow-wrap:anywhere}th{font-size:12px;line-height:16px;color:var(--ink-2);font-weight:400;background:var(--code)}td[data-id]{font:12px/20px ui-monospace,monospace;min-width:160px}tbody tr+tr{border-top:1px solid var(--line)}tbody tr:hover{background:var(--code)}.state{display:inline-block;font-size:12px;line-height:16px;border:1px solid var(--line);border-radius:4px;padding:4px 8px}.state.positive{color:var(--positive)}.state.negative{color:var(--negative)}.empty{padding:24px;border:1px dashed var(--line);border-radius:12px;font-size:14px;line-height:24px;color:var(--ink-2)}details{padding:8px 0}summary{cursor:pointer;min-height:44px;line-height:24px;padding:12px 0;font-size:14px;font-weight:600}summary:hover{color:var(--accent)}details:not([open])>:not(summary){display:none!important}.workspace-hero{display:grid;grid-template-columns:minmax(0,1fr) 208px;gap:40px;align-items:start;padding-block:16px 32px}.lookup-desk{min-width:0}.hero-heading{font-size:48px;line-height:1;letter-spacing:-1.5px;max-width:680px;font-weight:600;margin:0 0 24px}.lookup-desk>section{padding:0;border:0}.lookup-desk>section>h2{display:none}.lookup-desk form{margin:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:end}.lookup-desk label{grid-column:1/-1}.lookup-desk form>input{grid-column:1}.lookup-desk form>.primary{grid-column:2;grid-row:2;min-height:48px;margin:0}.lookup-desk form>details,.lookup-desk form>.muted,.lookup-desk form>.renew-request-key,.lookup-desk form>.form-feedback{grid-column:1/-1}.request-options{margin-top:4px}.request-options summary{font-size:12px;color:var(--ink-2);font-weight:400;min-height:44px;padding:12px 0}.request-options label{display:block;margin:12px 0 8px}.account-card{background:var(--raised);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0;box-shadow:var(--shadow)}.account-label{font-size:12px;line-height:20px;color:var(--ink-2)}.account-card strong{display:block;font-size:30px;line-height:36px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:16px 0}.account-footer{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;line-height:20px;color:var(--ink-2)}.workspace-identity{display:flex;justify-content:space-between;gap:24px;padding:16px 0;font-size:12px;line-height:20px;flex-wrap:wrap;color:var(--ink-2)}.workspace-identity strong{font-weight:400}.catalogue-empty{display:flex;gap:24px;align-items:center;margin-top:24px;padding:32px;background:var(--raised);border:1px dashed var(--line);border-radius:12px}.empty-signal{display:grid;place-items:center;flex:none;width:48px;height:48px;background:var(--accent-soft);color:var(--accent);border-radius:12px;font-size:24px;line-height:32px}.catalogue-empty h3{font-size:16px;line-height:24px;font-weight:600;margin:0 0 8px}.catalogue-empty p{font-size:14px;line-height:20px;color:var(--ink-2);margin:0;max-width:440px}.reference-card{margin:24px 0 8px;padding:24px;background:var(--raised);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);animation:reference-arrive .7s var(--ease);overflow:hidden}.reference-kicker{font-size:12px;line-height:16px;color:var(--accent);font-weight:600;margin-bottom:12px}.reference-card h3{font-size:30px;line-height:36px;letter-spacing:-.5px;font-weight:600;margin:0 0 24px;overflow-wrap:anywhere}.reference-facts{display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--ink-2);font-size:14px;line-height:24px}.reference-facts>span{max-width:100%;min-width:0;overflow-wrap:anywhere}.reference-facts .reference-id{display:flex;flex-wrap:wrap;gap:4px 8px;font-size:12px;width:100%;text-align:start}.reference-facts>bdi{max-width:100%}.reference-id bdi{overflow-wrap:anywhere;unicode-bidi:isolate}.reference-attribution{font-size:12px;line-height:20px;color:var(--ink-2);margin-top:16px;overflow-wrap:anywhere}.reference-receipt{display:flex;gap:16px;flex-wrap:wrap;padding:16px 24px;margin:24px -24px -24px;background:var(--code);font-size:12px;line-height:20px;color:var(--ink-2)}.reference-receipt strong{color:var(--ink);font-weight:600}.receipt-state{display:block;flex-basis:100%;color:var(--accent)!important}.response-json summary{font-size:12px;font-weight:400;color:var(--ink-2)}.tool-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 24px}.tool-tabs button{border-color:transparent;background:transparent;color:var(--ink-2)}.tool-tabs button[aria-selected=true],.tool-tabs button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}.tool-panel{padding:24px;background:var(--raised);border:1px solid var(--line);border-radius:16px}.tool-panel>section:first-child{padding-top:0}.tool-panel form{max-width:none}.graphql-editors{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;min-width:0}.graph-field{display:flex;flex-direction:column;gap:8px;min-width:0}.graph-field.query{grid-row:1/3}.graph-field textarea{flex:1}.graph-field.query textarea{min-height:320px}.graph-field.variables textarea{min-height:160px}.graph-actions{display:flex;gap:8px;flex-wrap:wrap}.graph-details{margin-top:24px}.graph-details summary{font-size:12px;color:var(--ink-2)}.estimate-card{background:var(--accent-soft);padding:16px;border:1px solid var(--line);border-radius:8px;font-size:14px;line-height:24px}.estimate-card strong{font-size:24px;line-height:32px;font-variant-numeric:tabular-nums;margin-inline-start:8px}.next-steps{display:grid;grid-template-columns:1fr 1fr;gap:16px}.next-steps h2{grid-column:1/-1;margin-bottom:8px!important}.workflow-link{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;text-align:start;width:100%;min-width:0;border-radius:12px}.workflow-link strong{font-size:16px;line-height:24px;font-weight:600}.workflow-link p{font-size:12px;line-height:20px;color:var(--ink-2);margin:8px 0 0;font-weight:400}.workflow-link>span{color:var(--accent);font-size:24px}.workspace-summary p{font-size:14px;line-height:20px;color:var(--ink-2)}.secondary-actions{padding:8px 0 16px}.secondary-actions>section{padding:16px 0}.secondary-actions>section>h2{display:none}.metrics{display:flex;gap:32px;flex-wrap:wrap;padding:24px 0}.metric strong{font-size:30px;line-height:36px;display:block;font-weight:600;font-variant-numeric:tabular-nums;margin:12px 0}.metric span{font-size:12px;color:var(--ink-2)}.operations-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;margin:12px 0 24px;background:var(--raised);border:1px solid var(--line);border-radius:12px}.operations-banner h2{font-size:36px;line-height:40px;font-weight:600;margin:8px 0;letter-spacing:-1px}.operations-banner p{font-size:12px;line-height:20px;color:var(--ink-2);margin:0}.operations-banner.attention{border-color:var(--negative)}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.plan-option{display:flex;flex-direction:column;min-width:0;padding:24px;background:var(--raised);border:1px solid var(--line);border-radius:12px}.plan-option.current{border-color:var(--accent)}.plan-option h3{font-size:20px;line-height:28px;margin-bottom:16px}.plan-price{font-size:20px;line-height:28px;font-weight:600;font-variant-numeric:tabular-nums;margin:0;overflow-wrap:anywhere}.plan-option .muted{margin-top:8px}.plan-option dl{display:grid;grid-template-columns:1fr auto;gap:12px;margin:24px 0;font-size:12px;line-height:20px}.plan-option dt{color:var(--ink-2)}.plan-option dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}.plan-current{margin-top:auto;font-size:12px;line-height:20px;overflow-wrap:anywhere;color:var(--ink-2)}.plan-option.current .plan-current{color:var(--accent)}.renew-request-key{font-size:12px;font-weight:400;margin-top:8px}.request-options .renew-request-key{display:block}.secret-notice{font-size:14px;line-height:24px;color:var(--accent);margin-bottom:16px}section[data-section=revoke] .primary,section[data-section=deactivate_member] .primary{color:var(--negative);background:var(--raised);border-color:var(--negative)}#login{max-width:720px;margin:32px auto;padding:40px;background:var(--raised);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.intro h2{font-size:36px;line-height:40px;letter-spacing:-1px;font-weight:600;margin-bottom:16px}.intro p{font-size:14px;line-height:24px;color:var(--ink-2)}#login form{margin-block:24px}footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-block:48px 4px;font-size:12px;line-height:20px;color:var(--ink-2)}.skip{position:absolute;top:-100px;inset-inline-start:24px;z-index:60;background:var(--raised);padding:16px}.skip:focus{top:16px}#menu,#close-menu{display:none}[hidden]{display:none!important}#workspace-switcher{max-width:240px;min-height:44px;font-size:12px}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:0;line-height:1.5}html[dir=rtl] .brand{letter-spacing:-1px}.skeleton{min-height:96px;background:var(--code);border:1px solid var(--line);border-radius:12px;animation:skeleton-pulse 1.4s var(--ease) infinite}
@keyframes reference-arrive{from{opacity:.5;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes skeleton-pulse{50%{opacity:.5}}
@media(max-width:1280px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-hero{grid-template-columns:minmax(0,1fr) 176px;gap:24px}main{padding:32px}.account-card{padding:16px}.docs-link{display:none}}
@media(max-width:1000px){body{grid-template-columns:208px minmax(0,1fr)}main{padding:24px}.workspace-hero{grid-template-columns:1fr}.account-card{display:flex;align-items:center;gap:24px;box-shadow:none}.account-card strong{margin:0}.account-footer{margin-inline-start:auto}.hero-heading{font-size:36px;line-height:40px}.header-tools button{padding:8px}.graphql-editors{grid-template-columns:1fr}.graph-field.query{grid-row:auto}.next-steps{grid-template-columns:1fr}}
@media(max-width:760px){body{display:block}aside{display:none}.header-tools{gap:0}.header-tools button{padding:8px;font-size:12px;line-height:16px}.page-header{align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:8px;margin-bottom:16px}.page-header .eyebrow{display:none}.page-header h1{font-size:20px;line-height:28px}.header-tools{margin-inline-start:auto}#menu{display:block}main{padding:24px 16px}.notice{font-size:12px;line-height:20px;padding:12px;margin-bottom:24px}.workspace-hero{gap:24px;padding-top:8px}.hero-heading{font-size:36px;line-height:40px;letter-spacing:-1px;margin-bottom:24px}.lookup-desk form{grid-template-columns:1fr}.lookup-desk form>.primary{grid-column:1;grid-row:auto;width:100%;margin-top:4px}.catalogue-empty{padding:24px 16px;gap:16px}.catalogue-empty .empty-signal{width:40px;height:40px}.account-card{gap:16px;flex-wrap:wrap}.account-card strong{font-size:24px;line-height:32px}.account-label{flex:1}.account-footer{flex-basis:100%;margin-inline-start:0}.reference-card{padding:24px 16px}.reference-card h3{font-size:24px;line-height:32px}.reference-receipt{margin-inline:-16px;padding-inline:16px}.workspace-identity{gap:8px}.tool-panel{padding:16px}.graph-field.query textarea{min-height:240px}.graph-actions{display:grid;grid-template-columns:1fr}.graph-actions button{width:100%}form>.primary{width:100%}.plan-grid{grid-template-columns:1fr}.plan-price{font-size:24px;line-height:32px}.next-steps{gap:16px}.workflow-link{padding:24px 16px}.tool-tabs{gap:4px}.tool-tabs button{padding:8px 12px}.operations-banner{padding:16px;gap:16px;align-items:start}.operations-banner h2{font-size:30px;line-height:36px}.metrics{gap:24px}#login{margin:24px 0;padding:24px}#login .intro h2{font-size:30px;line-height:36px}footer{flex-direction:column;gap:12px;margin-top:32px}#content>section,.tool-panel>section{padding-block:24px}body.nav-open{overflow:hidden}#nav-backdrop:not([hidden]){display:block;position:fixed;inset:0;width:100%;height:100dvh;z-index:40;border:0;border-radius:0;background:#000a;padding:0}body.nav-open aside{display:flex;position:fixed;inset-block:0;inset-inline-start:0;width:min(340px,calc(100vw - 48px));height:100dvh;z-index:50;box-shadow:var(--shadow);overflow:auto;padding:24px 16px}#close-menu{display:block;align-self:flex-end;flex:none}.aside-end{margin-block-start:auto}#workspace-switcher{max-width:160px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Phosphor regular icons use filled paths at a 256 unit viewBox. */
#nav button svg{fill:currentColor;stroke:none}
#message[aria-busy=true]::after{content:"";display:block;height:8px;width:60%;margin-top:12px;border-radius:4px;background:var(--line);animation:skeleton-pulse 1.4s var(--ease) infinite}
.direction-icon{width:24px;height:24px;fill:currentColor;flex:none}
[data-section=create_profile] textarea{min-height:240px}

.incoming-invitations{border:1px solid var(--accent);padding:24px;margin-block:24px}.incoming-invitations>div{display:flex;gap:24px;align-items:center;justify-content:space-between;padding-block:12px;border-top:1px solid var(--line)}.incoming-invitations p{overflow-wrap:anywhere}@media(max-width:640px){.incoming-invitations>div{align-items:stretch;flex-direction:column}}
/* Workflow revision: workspaces first, tools in context. */
:root{--ground:#fff;--raised:#fff;--ink:#171a21;--ink-2:#505966;--ink-3:#65707f;--line:#e1e5ec;--accent:#2446d6;--accent-soft:#edf1ff;--action:#2446d6;--on-accent:#fff;--code:#f5f6f9;--shadow:0 8px 24px #1b284308}
:root[data-theme=dark]{--ground:#181818;--raised:#1f1f1f;--ink:#f1f3f7;--ink-2:#bdc4cf;--ink-3:#a5b0c1;--line:#404040;--accent:#a3b5ff;--accent-soft:#272727;--action:#b7c5ff;--on-accent:#181818;--code:#272727;--shadow:0 8px 24px #0002}
body{grid-template-columns:224px minmax(0,1fr)}aside{padding:24px 12px;background:var(--code);border-inline-end:1px solid var(--line);gap:24px}.brand svg{color:#ae431b}.caption{margin-top:-16px;padding-inline-start:52px}main{padding:32px 40px;min-width:0}.page-header{margin-bottom:12px;padding-bottom:16px}.page-header .eyebrow{font-size:12px;line-height:16px;margin-bottom:8px;color:var(--ink-3)}.page-header h1{font-size:24px;line-height:32px;letter-spacing:-.5px}.notice{background:transparent;border:0;border-radius:0;padding:0;font-size:12px;line-height:20px;color:var(--ink-3);margin-bottom:24px}.header-tools .docs-link{display:inline-flex}.header-tools button,.docs-link{font-size:12px;line-height:16px}.nav-group-label{font-size:12px;line-height:16px;color:var(--ink-3);padding:16px 12px 4px;margin:0}#nav{gap:4px}#nav button{border-radius:8px;font-size:14px;line-height:20px;padding:8px 12px;min-height:44px}#nav button svg{width:20px;height:20px}.aside-note{line-height:20px}.flow-tabs{display:flex;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:32px}.flow-tabs button{border:0;background:transparent;color:var(--ink-2);font-size:14px;line-height:20px}.flow-tabs button[aria-current=page]{background:var(--accent-soft);color:var(--accent)}.flow-intro{margin-block:32px}.flow-intro h2{font-size:36px;line-height:40px;letter-spacing:-1px}.flow-intro>p{font-size:16px;line-height:24px;color:var(--ink-2);max-width:680px;margin-block:12px 0}.workspace-context{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block:16px 24px;font-size:14px;line-height:20px}.workspace-context>span:first-child{font-weight:600}.workspace-context .muted{font-size:12px;line-height:16px}.journey-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.journey-card{padding:32px;border:1px solid var(--line);border-radius:16px;min-width:0;display:flex;flex-direction:column;align-items:start}.journey-card h3{font-size:24px;line-height:32px;letter-spacing:-.5px;margin-block:24px 12px}.journey-card>p{color:var(--ink-2);font-size:14px;line-height:24px;margin-bottom:24px;max-width:400px}.journey-card>.primary{margin-top:auto}.journey-art{height:96px;width:100%;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:16px;padding:16px;overflow:hidden}.api-path .journey-art{background:#e8edff;color:#2446d6;flex-direction:column;align-items:start}.api-path .journey-art code{font-size:12px;line-height:16px}.api-path .journey-art strong{font:600 20px/28px Geist,sans-serif;letter-spacing:-.5px}.data-path .journey-art{background:#e9f4ed;color:#28553b}.data-path .journey-art span{padding:4px 8px;background:white;border-radius:4px;font-size:12px;line-height:16px}.data-path .journey-art strong{font-size:20px;line-height:28px}.data-path>.primary{background:#28553b;border-color:#28553b;color:white}.workspace-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding:24px 0;margin:24px 0 0;border-bottom:1px solid var(--line)}.workspace-facts dt{font-size:12px;line-height:16px;color:var(--ink-3);margin-bottom:8px}.workspace-facts dd{font-size:20px;line-height:28px;font-weight:600;margin:0;font-variant-numeric:tabular-nums}.workspace-lower{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:32px}.flow-section{min-width:0}.flow-section>h2{font-size:18px;line-height:28px;margin-bottom:16px}.flow-section .muted,.flow-section .empty{font-size:14px;line-height:24px}#content>.flow-section{padding-block:24px}.setup-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:16px;align-items:start;padding-block:16px}.setup-number{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--ink-3);font-size:12px;line-height:16px;flex:none}.setup-row strong{font-size:14px;line-height:20px;font-weight:600}.setup-row p{font-size:12px;line-height:20px;color:var(--ink-3);margin:4px 0 0}.setup-row button{font-size:12px;line-height:16px;padding:4px 8px;min-height:32px}.activity-row,.data-row,.key-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);min-width:0}.activity-row>div:first-child,.data-row>div:first-child,.key-row>div:first-child{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.activity-row strong,.data-row strong,.key-row strong{font-size:14px;line-height:20px;overflow-wrap:anywhere}.activity-row small,.data-row small,.key-row small{font-size:12px;line-height:20px;color:var(--ink-3);overflow-wrap:anywhere}.data-row .state,.key-row .state,.activity-row .state{font-size:12px;line-height:16px;white-space:nowrap}.flow-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block:16px 24px}.developer-start-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:40px}.quickstart-step{display:flex;gap:16px;margin-bottom:32px}.quickstart-step h3{font-size:18px;line-height:28px;margin-bottom:8px}.quickstart-step p{font-size:14px;line-height:24px;color:var(--ink-2)}.quickstart-step button{font-size:14px;line-height:20px}.request-example{background:var(--code);border:1px solid var(--line);border-radius:12px;padding:24px;align-self:start;min-width:0}.request-example h3{font-size:16px;line-height:24px}.request-example pre{font-size:12px;line-height:24px;overflow:auto;max-width:100%;direction:ltr;text-align:left;white-space:pre;margin-block:24px}.request-example p{font-size:12px;line-height:20px}.request-example .text-link{display:block;font-size:14px;line-height:20px;margin-top:24px}.flow-step-trail{font-size:14px;line-height:24px;color:var(--accent);padding:16px;background:var(--accent-soft);border-radius:8px}.create-flow,.advanced-flow{margin-block:24px;border:1px solid var(--line);border-radius:12px;padding:16px 24px}.create-flow>summary,.advanced-flow>summary{cursor:pointer;font-size:14px;line-height:24px;font-weight:600}.advanced-flow{border:0;padding:16px 0;margin-top:40px}.advanced-flow>summary{color:var(--ink-3);font-weight:400}.create-flow>section{padding-top:24px}.create-flow>section>h2{font-size:20px;line-height:28px;margin-bottom:16px}.create-flow form{max-width:680px}.create-flow input[type=checkbox],#content input[type=checkbox]{width:24px;height:24px;min-height:24px;justify-self:start}.flow-section>section{padding:0}.flow-section .workspace-facts{margin-block:16px 24px}.key-row code{font-size:12px;line-height:20px;color:var(--ink-3)}.key-row{flex-wrap:wrap}.inline-confirmation{flex-basis:100%;padding:16px;border:1px solid var(--negative);border-radius:8px}.inline-confirmation p{font-size:14px;line-height:24px}.inline-confirmation button+button{margin-inline-start:12px}.danger{color:var(--negative);border-color:var(--negative)}#content[data-page=catalogue] .hero-heading{font-size:36px;line-height:40px;letter-spacing:-1px}#content[data-page=catalogue] .workspace-hero{grid-template-columns:1fr}#content[data-page=catalogue] .account-card{display:none}#content[data-page=catalogue] .catalogue-empty{margin-top:24px;background:var(--code);border-style:solid}#content[data-page=catalogue] .workspace-identity{display:none}#content[data-page=explorer] form{max-width:100%}#content[data-page=explorer]>.flow-tabs{border:0;margin-block:16px;padding:0}#content[data-page=team] section{padding-block:24px}.incoming-invitations{border-radius:12px;background:var(--accent-soft)}
:root[data-theme=dark] .api-path .journey-art{background:#272727;color:#bac7ff}:root[data-theme=dark] .data-path .journey-art{background:#272727;color:#b6e1c4}:root[data-theme=dark] .data-path .journey-art span{background:#313131}:root[data-theme=dark] aside{background:#1f1f1f}
@media(max-width:1100px){main{padding:24px}.journey-card{padding:24px}.workspace-lower{gap:24px}.developer-start-grid{gap:24px}.workspace-context{align-items:start;flex-direction:column;gap:8px}.header-tools .docs-link{display:none}}
@media(max-width:900px){.workspace-lower{grid-template-columns:1fr}.journey-art{gap:8px}.data-path .journey-art strong{font-size:16px;line-height:24px}.developer-start-grid{grid-template-columns:1fr}}
@media(max-width:760px){body{display:block}main{padding:24px 16px}.page-header{margin-bottom:8px}.page-header h1{font-size:20px;line-height:28px}.notice{margin-bottom:24px}.flow-intro{margin-block:24px}.flow-intro h2{font-size:30px;line-height:36px}.flow-intro>p{font-size:14px;line-height:24px}.journey-grid{grid-template-columns:1fr;gap:16px}.journey-card{padding:24px}.journey-card h3{margin-top:24px}.journey-art{height:80px}.workspace-facts{gap:16px;padding-block:24px}.workspace-facts dd{font-size:18px;line-height:28px}.workspace-facts dt{min-height:32px}.workspace-lower{margin-top:24px;gap:32px}.setup-row{gap:12px;grid-template-columns:32px 1fr auto}.flow-tabs{margin-bottom:24px;gap:0}.flow-tabs button{padding:8px 12px;font-size:12px;line-height:16px}.data-row,.activity-row,.key-row{gap:8px;flex-wrap:wrap}.data-row button,.activity-row button,.key-row button{font-size:12px;line-height:16px;padding:8px 12px}.create-flow{padding:16px}.flow-actions>.primary{width:100%}.request-example{padding:16px}.flow-step-trail{font-size:12px;line-height:20px}.workspace-context{font-size:12px;line-height:20px}#content[data-page=catalogue] .hero-heading{font-size:30px;line-height:36px}.journey-card .primary{width:100%}}
.flow-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px!important;max-width:100%!important}.flow-field{display:flex;flex-direction:column;gap:8px;min-width:0}.flow-field label{font-size:12px;line-height:20px}.flow-field.evidence,.flow-field.consent,.flow-form-grid>.primary,.flow-form-grid>.form-feedback{grid-column:1/-1}.flow-field.consent{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start}.flow-field.consent label{grid-column:2;grid-row:1}.flow-field.consent input{grid-column:1;grid-row:1}.flow-form-grid>.primary{justify-self:start;margin-top:8px}.create-flow form{margin-top:24px}@media(max-width:600px){.flow-form-grid{grid-template-columns:1fr;gap:16px!important}.flow-form-grid>.primary{width:100%}}

.identity-loading{max-width:400px;margin-block:24px}.identity-loading p{font-size:14px;line-height:20px;color:var(--muted)}.identity-skeleton{display:block;height:12px;width:64%;border-radius:4px;background:var(--line);margin-bottom:12px;animation:identity-pulse 1.6s cubic-bezier(.32,.72,0,1) infinite alternate}@keyframes identity-pulse{from{opacity:.4}to{opacity:1}}@media(prefers-reduced-motion:reduce){.identity-skeleton{animation:none}}

/* One navigation hierarchy. Task pages stay directly reachable from every route. */
body{grid-template-columns:248px minmax(0,1fr)}
#sidebar{gap:16px;padding:24px 16px 16px;overflow:hidden}
#sidebar>.brand{flex:none;padding-inline:8px}
.sidebar-workspace{flex:none;display:grid;gap:4px;padding:8px 12px;background:var(--raised);border:1px solid var(--line);border-radius:8px;min-width:0}
.sidebar-workspace>span{font-size:12px;line-height:16px;color:var(--ink-3)}
.sidebar-workspace>strong{font-size:14px;line-height:20px;font-weight:600;overflow-wrap:anywhere}
.sidebar-workspace #workspace-switcher{max-width:100%;width:100%;margin-top:8px;padding:8px;font-size:12px;line-height:16px}
#nav{display:flex;flex-direction:column;gap:8px;overflow-y:auto;overscroll-behavior:contain;min-height:0;flex:1;scrollbar-width:thin;margin-inline:-4px;padding-inline:4px}
.workspace-nav-group{display:grid;gap:2px;flex:none;padding-top:4px}
#nav>.workspace-page-link{flex:none}
#nav .nav-group-label{padding:12px 12px 8px;font-size:12px;line-height:16px;font-weight:600;color:var(--ink-3)}
.workspace-page-link{text-decoration:none}
#nav .workspace-page-link{display:flex;align-items:center;gap:12px;min-height:40px;padding:8px 12px;width:100%;border-radius:8px;font-size:14px;line-height:20px;font-weight:400;color:var(--ink-2);transition:background .7s var(--ease),color .7s var(--ease),transform .7s var(--ease)}
#nav .workspace-page-link svg{width:20px;height:20px;flex:none;fill:currentColor;stroke:none}
#nav .workspace-page-link:hover{background:var(--line);color:var(--ink)}
#nav .workspace-page-link:active{transform:translateY(1px)}
#nav .workspace-page-link[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}
#nav .workspace-page-link:focus-visible,#breadcrumbs a:focus-visible,.sidebar-utilities a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
#sidebar .aside-end{flex:none;gap:8px;margin-top:0;padding:12px 8px 0;border-top:1px solid var(--line)}
.sidebar-utilities{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;line-height:16px}
.sidebar-utilities a{color:var(--ink-2);text-underline-offset:4px}
.sidebar-utilities #logout{font-size:12px;line-height:16px;padding:8px;background:transparent;border-color:transparent}
#breadcrumbs{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px;line-height:16px;margin-bottom:12px;color:var(--ink-3)}
#breadcrumbs>*+*:before{content:'/';color:var(--ink-3);margin-inline-end:8px}
#breadcrumbs a{color:var(--ink-2)}
#breadcrumbs [aria-current=page]{color:var(--ink)}
.page-header{align-items:flex-start}
.flow-tabs{flex-direction:row;align-items:center;gap:8px}
.flow-tabs button{width:auto;flex:0 0 auto}
@media(max-width:1000px){body{grid-template-columns:232px minmax(0,1fr)}main{padding:24px}}
@media(max-width:760px){
 body{display:block}.page-header{position:relative;gap:16px;align-items:flex-start}
 .page-location{width:100%;order:2}.header-tools{width:100%;justify-content:flex-end;order:1;margin:0;gap:8px}
 #menu{margin-inline-end:auto;min-height:44px;font-size:14px;line-height:20px;border:1px solid var(--line);background:var(--raised);padding:8px 16px}
 #breadcrumbs{font-size:12px;line-height:16px;margin-bottom:8px;gap:8px}
 #breadcrumbs .breadcrumb-group{display:none}
 .page-header h1{font-size:24px;line-height:32px}
 body.nav-open #sidebar{padding:16px;width:min(340px,calc(100vw - 32px));overflow:hidden;gap:16px}
 #sidebar>.brand{padding-inline:8px}#close-menu{position:absolute;inset-inline-end:16px;top:16px;font-size:12px;line-height:16px;padding:8px;min-height:40px}
 #sidebar .sidebar-workspace{padding:8px 12px}.sidebar-workspace>strong{font-size:14px;line-height:20px}
 .workspace-nav-group{padding-top:0}#nav .nav-group-label{padding-block:8px 4px}
 #nav .workspace-page-link{min-height:44px}
 #sidebar .aside-end{padding-top:12px;gap:8px}#sidebar .aside-end>.test{display:none}
 .flow-tabs{gap:8px}.flow-tabs button{font-size:14px;line-height:20px}
}
@media(min-width:761px) and (max-height:800px){
 #sidebar{padding-top:16px;gap:12px}.sidebar-workspace>span{display:none}
 #nav{gap:4px}#nav .workspace-page-link{min-height:36px}
 .workspace-nav-group{padding-top:0}#nav .nav-group-label{padding-block:8px 4px}
 #sidebar .aside-end>.test{display:none}
}
