/* Font license: /story-font-OFL.txt */
@font-face{font-family:Story Inter;src:url('/assets/a7aac157f958ee298150222acd304f84401672cccf7b603499336634bb07a56d/story-font.woff2') format('woff2');font-weight:100 900;font-display:swap}
/* Shared public/account shell. Product workspaces keep their own view system. */
body.story-site{--ink:#f1eee9;--muted:#c8c3bb;--line:#303234;--paper:#151618;--brand:#eb6d56;--brand2:#f38b77;--landing-ink:#f1eee9;--landing-line:#303234;--landing-muted:#c8c3bb;background:#0d0e10;color:#f1eee9;font-family:Story Inter,Arial,sans-serif;color-scheme:dark}
.story-site :focus-visible{outline:2px solid #72b8ca;outline-offset:4px}
.story-site:not(:has(.bs-story)) a{color:#f38b77;text-underline-offset:4px}
.story-site:not(:has(.bs-story)) :is(h1,h2,h3,h4,strong){color:#f1eee9}
.story-site:not(:has(.bs-story)) h1{font-size:clamp(32px,4.5vw,56px);font-weight:740;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}
.story-site:not(:has(.bs-story)) :is(.lede,.muted,.auth-back,.auth-card>.lede,.landing-form label){color:#c8c3bb}
.story-site:not(:has(.bs-story)) :is(.eyebrow,.connect-command-label){color:#eb6d56;font-size:11px;letter-spacing:.035em;text-transform:none}
.story-site:not(:has(.bs-story)) :is(.panel,.auth-card,.connect-frontdoor,.connect-now,.connect-setup,.connect-access-card,.connect-help,.connector-permissions,.consent-recovery){background:#151618;border:1px solid #303234;border-radius:12px;box-shadow:none}
.story-site:not(:has(.bs-story)) :is(.auth-page,.auth-shell){width:min(620px,calc(100% - 40px));padding:42px 0 80px}
.story-site:not(:has(.bs-story)) .auth-brand{margin-bottom:36px;color:#f1eee9}
.story-site:not(:has(.bs-story)) .auth-card{padding:clamp(24px,4vw,44px)}
.story-site:not(:has(.bs-story)) .auth-card h1{font-size:clamp(30px,4vw,42px)}
.story-site:not(:has(.bs-story)) :is(input,select,textarea,.landing-form input){background:#0b1014;color:#f1eee9;border:1px solid #465159;border-radius:7px;font:inherit;accent-color:#eb6d56}
.story-site:not(:has(.bs-story)) :is(input,select,textarea):focus{border-color:#72b8ca}
.story-site:not(:has(.bs-story)) :is(input[type=checkbox],input[type=radio]){width:18px;height:18px;flex:0 0 auto}
.story-site:not(:has(.bs-story)) :is(button:not(:where(.credit-dialog *)),.landing-form button,.button,.connect-action,.connect-read-cta){background:#eb6d56;color:#15100d;border:1px solid transparent;border-radius:7px;font:650 14px/1.4 Story Inter,Arial,sans-serif;min-height:44px;box-shadow:none;text-shadow:none}
.story-site:not(:has(.bs-story)) :is(button:not(:where(.credit-dialog *)),.button,.connect-action):hover{background:#f38b77}
.story-site:not(:has(.bs-story)) :is(button.secondary,.copy-command){background:#202a30;color:#f1eee9;border-color:#465159}
.story-site:not(:has(.bs-story)) button.danger{background:#652e2b;color:#ffe9e4;border-color:#ad5c51}
.story-site:not(:has(.bs-story)) :is(.notice,.callout,.connect-protocol-note){background:#18282b;border-color:#36565b;color:#c5e7eb}
.story-site:not(:has(.bs-story)) :is(code,pre,.connect-command){background:#0b1014;color:#a6dfe7;border-color:#303234;overflow-wrap:anywhere}
.story-site:not(:has(.bs-story)) :is(.connect-frontdoor-heading p:last-child,.connect-frontdoor-state,.connect-now p:last-child,.connect-access-card p,.connect-access-card ul,.connect-provider-note,.connect-help p,.connect-protocol-note p,.connect-command-label){color:#c8c3bb}
.story-site:not(:has(.bs-story)) :is(.connect-provider-note,.connect-help summary){background:transparent;color:#d3dadf}
.story-site:not(:has(.bs-story)) .connect-state{background:#223138;color:#b8dce4}
.story-site:not(:has(.bs-story)) .connect-state.is-ready{background:#203b2c;color:#a5dfb4}
.story-site:not(:has(.bs-story)) .connect-access-card.is-recommended{border-color:#557778;box-shadow:inset 0 3px 0 #72b8ca}
.story-site:not(:has(.bs-story)) .landing-form{background:transparent;border:0;box-shadow:none}
.story-site:not(:has(.bs-story)) .topbar{border-color:#303234;gap:18px;flex-wrap:wrap}
.story-site:not(:has(.bs-story)) .topbar a{color:#f1eee9}
.story-site:not(:has(.bs-story)) .mark{background:#eb6d56;color:#15100d}
.story-site:not(:has(.bs-story)) .legal-page{max-width:850px}
.story-site:not(:has(.bs-story)) .legal-page :is(p,li){color:#c4cacf;line-height:1.8}
.story-site:not(:has(.bs-story)) .legal-page h2{margin-top:2em;font-size:24px;letter-spacing:-.025em}
.story-site:not(:has(.bs-story)) .account-page h2{font-size:24px;letter-spacing:-.025em}
@media(max-width:620px){.story-site:not(:has(.bs-story)) .connect-frontdoor{width:calc(100% - 32px)}.story-site:not(:has(.bs-story)) .topbar>div{flex-wrap:wrap}.story-site:not(:has(.bs-story)) .actions{flex-wrap:wrap}.story-site:not(:has(.bs-story)) .auth-card{padding:25px 22px}}
@media(prefers-reduced-motion:reduce){.story-site *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.story-site:not(:has(.bs-story)) :is(.connect-provider-card,.connect-status-panel,.connect-provider-steps li,.connect-migration-note){background:#151618;border:1px solid #303234;border-radius:12px;box-shadow:none}
.story-site:not(:has(.bs-story)) :is(.connect-provider-copy>p:not(.eyebrow),.connect-provider-steps p,.connect-finish-list p,.connect-status-list dd,.connect-migration-note){color:#b6bfc5;font-size:13px;line-height:1.7}
.story-site:not(:has(.bs-story)) :is(.connect-provider-steps li>span,.connect-finish-list li>span){background:#22343b;color:#b9e4eb}
.story-site:not(:has(.bs-story)) a.landing-cta{background:#eb6d56;color:#15100d;border-radius:7px;min-height:46px;padding:13px 21px;box-shadow:none}
.story-site:not(:has(.bs-story)) a.landing-cta:hover{background:#f38b77}
.story-site:not(:has(.bs-story)) .connect-hero .lede{font-size:17px;line-height:1.75;max-width:68ch}
.story-site:not(:has(.bs-story)) .connect-provider-copy h2{font-size:clamp(28px,3.3vw,42px);line-height:1.15}
.story-site:not(:has(.bs-story)) .connect-status-list{border-color:#303234}
.story-shared-brand,.story-shared-footer{width:min(1050px,calc(100% - 40px));margin-inline:auto}
.story-shared-brand{padding-top:30px}.story-shared-brand a{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:18px;font-weight:700;color:#f1eee9!important}
.story-shared-footer{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid #303234;padding:24px 0 36px;font-size:12px}.story-shared-footer a{color:#c8c3bb!important}.story-shared-footer a:hover{color:#f38b77!important}

body.story-diagnostic{--accent:#eb6d56;--wash:#0d0e10}.story-diagnostic header a{display:inline-flex;align-items:center;gap:12px;color:#f1eee9!important}.story-diagnostic .card{box-shadow:none;border-radius:12px}.story-diagnostic .tab{border-color:#eb6d56}
body.story-project-picker{--bg:#0d0e10;--panel:#151618;--raised:#1b2024;--line:#303234;--text:#f1eee9;--soft:#c4cacf;--muted:#c8c3bb;--accent:#72b8ca;background:var(--bg);color:var(--text);font-family:Story Inter,Arial,sans-serif;color-scheme:dark}.story-project-picker h1{font-size:36px;font-weight:740;letter-spacing:-.04em}.story-project-picker .eyebrow{color:#eb6d56;font-family:inherit;letter-spacing:.04em}.story-project-picker .proj-status{font-size:10px}.story-project-picker :focus-visible{outline:2px solid #72b8ca;outline-offset:4px}

/* Legal documents and sign-in/signup explicitly choose the plain white shell. */
body.story-site.story-light{--ink:#17212b;--muted:#4b5563;--line:#dce3e8;--paper:#fff;--brand:#1d4ed8;--brand2:#1e40af;--landing-ink:var(--ink);--landing-muted:var(--muted);--landing-line:var(--line);--light-field-border:#6b7280;background:var(--paper);color:var(--ink);color-scheme:light}
.story-site.story-light :focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.story-site.story-light:not(:has(.bs-story)) a{color:var(--brand)}
.story-site.story-light:not(:has(.bs-story)) :is(h1,h2,h3,h4,strong,.auth-brand){color:var(--ink)}
.story-site.story-light:not(:has(.bs-story)) :is(.lede,.muted,.auth-back,.auth-card>.lede,.landing-form label,.eyebrow){color:var(--muted)}
.story-site.story-light:not(:has(.bs-story)) .auth-card{background:var(--paper);border-color:var(--line)}
.story-site.story-light:not(:has(.bs-story)) :is(input,select,textarea,.landing-form input){background:var(--paper);color:var(--ink);border-color:var(--light-field-border);accent-color:var(--brand);max-width:100%;min-width:0}
.story-site.story-light:not(:has(.bs-story)) :is(input,select,textarea):focus{border-color:var(--brand);box-shadow:none}
.story-site.story-light:not(:has(.bs-story)) :is(button:not(:where(.credit-dialog *)),.landing-form button){background:var(--brand);color:var(--paper)}
.story-site.story-light:not(:has(.bs-story)) :is(button:not(:where(.credit-dialog *)),.landing-form button):hover{background:var(--brand2)}
.story-site.story-light:not(:has(.bs-story)) .notice{background:#eff6ff;border-color:var(--brand);color:#1e3a8a}
.story-site.story-light:not(:has(.bs-story)) .legal-page :is(p,li){color:var(--ink)}
.story-site.story-light:not(:has(.bs-story)) :is(code,pre){background:#f3f4f6;color:var(--ink);border-color:var(--line)}
.story-site.story-light .legal-page{overflow-wrap:anywhere}
.story-site.story-light .story-shared-brand a{color:var(--ink)!important}
.story-site.story-light .story-shared-footer{border-color:var(--line)}
.story-site.story-light .story-shared-footer a{color:var(--muted)!important}
.story-site.story-light .story-shared-footer a:hover{color:var(--brand)!important}

/* Website provider forms share the existing auth palette. */
.provider-signin{margin-top:24px}.provider-signin h2{font-size:1.15rem;margin:0 0 14px}.provider-signin form{margin:0 0 10px}.provider-signin button{width:100%;min-height:44px}.provider-signin p{font-size:.875rem;line-height:1.6}
.story-site .provider-onboarding .panel{margin-top:20px}.story-site .provider-onboarding .panel h2{margin-top:0}.story-site .provider-onboarding .consent-check{display:block;font-weight:500;line-height:1.7}.story-site .provider-onboarding .consent-check input{display:inline-block;vertical-align:middle;margin:0 8px 0 0;padding:0}.story-site .provider-onboarding .consent-check a{display:inline}

/* Shared task forms: label, input, help and action stay in one reading column. */
.story-site:not(:has(.bs-story)) .auth-card .landing-form{padding:0;margin:24px 0}
.story-site:not(:has(.bs-story)) .auth-card .landing-form>h2,.story-site:not(:has(.bs-story)) .auth-card .landing-form>p{display:none}
.story-site:not(:has(.bs-story)) .landing-form label{font-size:15px;line-height:1.6;letter-spacing:0}
.story-site:not(:has(.bs-story)) .landing-form input:not([type=checkbox]){width:100%;min-height:48px;padding:12px}
.story-site:not(:has(.bs-story)) .consent-check{display:block;font-weight:400;line-height:1.6;font-size:14px}
.story-site:not(:has(.bs-story)) .consent-check input{display:inline-block;vertical-align:middle;margin:0 8px 0 0;padding:0}
.story-site:not(:has(.bs-story)) .consent-check a{display:inline;min-height:0;padding:0}
.story-site:not(:has(.bs-story)) .auth-card button:disabled{background:#202123;color:#a19f99;border-color:#70757b;cursor:not-allowed;opacity:.8}
.story-site:not(:has(.bs-story)) .auth-card button:disabled:hover{background:#202123}
.story-project-picker .proj-status{font-size:12px;letter-spacing:0;text-transform:none}
.story-project-picker .proj-meta{font-size:14px;line-height:1.6}
.story-project-picker .proj-head{flex-wrap:wrap}
.story-project-picker .proj-head strong{overflow-wrap:anywhere}
.story-project-picker .project-onboarding{padding:20px 0;color:var(--soft);line-height:1.7}
.story-project-picker .project-onboarding a{color:var(--accent);text-underline-offset:3px}
.story-project-picker .dialog-actions button{min-height:44px}
.story-project-picker #projectDeleteDialogStatus{color:#ffb6b0}
.story-site .connect-provider-note summary{min-height:44px;cursor:pointer;font-size:15px;font-weight:600}
@media(max-width:480px){.story-site:not(:has(.bs-story)) .auth-page,.story-site:not(:has(.bs-story)) .auth-shell{width:calc(100% - 32px);padding:24px 0 48px}.story-site:not(:has(.bs-story)) .auth-card{padding:24px 16px}.story-site:not(:has(.bs-story)) .auth-card h1{font-size:30px}.story-project-picker .shell{padding:32px 16px}.story-project-picker h1{font-size:30px}.story-project-picker .proj-card{padding:20px 64px 20px 16px}.story-project-picker .dialog-actions{flex-wrap:wrap}}

.story-site:not(:has(.bs-story)) .auth-card .landing-form form>p{display:block;color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 16px}

/* Shared public actions. Official Google configurator rules remain untouched. */
.story-site:not(:has(.bs-story)) button:not(:where(.credit-dialog *)):not(.gsi-material-button),.story-site a.landing-cta,.story-project-picker .dialog-actions button{min-height:44px;padding:10px 16px;border-radius:8px;font-weight:600;letter-spacing:0;line-height:1.4;box-shadow:inset 0 1px 0 #ffffff0d,0 1px 2px #0003;transition:background-color 140ms,border-color 140ms,box-shadow 140ms}
.story-site:not(:has(.bs-story)) button:not(:where(.credit-dialog *)):not(.gsi-material-button):not(:disabled):hover{background:#f38b77;color:#151618;transform:none}
.story-site:not(:has(.bs-story)) button:not(:where(.credit-dialog *)):not(.gsi-material-button):not(:disabled):active,.story-site a.landing-cta:active{box-shadow:inset 0 1px 2px #0005;transform:none}
.story-site:not(:has(.bs-story)) button:not(:where(.credit-dialog *)):not(.gsi-material-button):focus-visible,.story-site a.landing-cta:focus-visible,.story-project-picker .dialog-actions button:focus-visible{outline:3px solid #72b8ca;outline-offset:3px}
.story-site:not(:has(.bs-story)) :is(button.secondary,.copy-command,.provider-signin button:not(.gsi-material-button)){background:#202123;color:#f1eee9;border-color:#777b80}
.story-site:not(:has(.bs-story)) :is(button.secondary,.copy-command,.provider-signin button:not(.gsi-material-button)):hover:not(:disabled){background:#303236;color:#f1eee9;border-color:#a8acb0}
.story-site .provider-signin button:not(.gsi-material-button){display:flex;align-items:center;justify-content:center;gap:10px}
.story-site .provider-signin button svg{flex-shrink:0}
.story-site:not(:has(.bs-story)) button.danger{background:#382426;color:#ffb6b0;border-color:#b87574}
.story-site:not(:has(.bs-story)) button.danger:hover:not(:disabled){background:#492c2f;color:#ffb6b0;border-color:#e49a96}
.story-site:not(:has(.bs-story)) .auth-card button:not(.gsi-material-button):disabled{background:#242628;color:#a9a7a2;border-color:#55595e;opacity:1;box-shadow:none;cursor:not-allowed}
.story-site:not(:has(.bs-story)) button:not(:where(.credit-dialog *)):not(.gsi-material-button)[aria-busy=true]{cursor:progress}
@media(prefers-reduced-motion:reduce){.story-site:not(:has(.bs-story)) button:not(:where(.credit-dialog *)):not(.gsi-material-button),.story-site a.landing-cta,.story-project-picker .dialog-actions button{transition:none}}

/* P036: one clear next step, with the existing charcoal/coral system. */
.story-project-picker .project-next-step{margin:0 0 24px;padding:24px;background:#202123;border:1px solid #72b8ca;border-radius:12px}
.story-project-picker .project-next-step h2,.story-project-picker .project-workspace h2{font-size:24px;line-height:1.2;margin:0 0 12px}
.story-project-picker .project-next-step p{color:#c8c3bb;max-width:68ch;line-height:1.6}
.project-next-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px}
.story-project-picker .project-next-actions a,.story-project-picker .project-next-step>a{display:inline-flex;align-items:center;min-height:44px;color:#72b8ca;overflow-wrap:anywhere}
.story-project-picker .project-next-actions .project-next-primary{padding:10px 16px;background:#eb6d56;color:#151618;border-radius:8px;font-weight:700;text-decoration:none}
.story-project-picker .project-next-note{font-size:14px;margin-bottom:0}
.story-project-picker .project-workspace{margin-top:32px}
.story-project-picker .proj-head strong{overflow-wrap:anywhere;min-width:0}
.story-project-picker a:focus-visible,.first-map-panel button:focus-visible,.first-map-panel a:focus-visible{outline:3px solid #72b8ca;outline-offset:3px}
.story-site .first-map-panel{display:block;scroll-margin-top:24px}
.story-site .first-map-panel h2{font-size:clamp(24px,3vw,32px);line-height:1.2}
.story-site .first-map-panel p,.story-site .first-map-prompt{max-width:68ch;color:#c8c3bb;font-size:16px;line-height:1.6}
.story-site .first-map-prompt{margin:20px 0;padding:16px;border-left:3px solid #72b8ca;background:#202123;overflow-wrap:anywhere}
.story-site .first-map-panel .connect-provider-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.story-site .guide-start{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin:24px 0}
.story-site .guide-start span{color:#c8c3bb;font-size:14px;max-width:34ch}
@media(max-width:480px){.story-project-picker .project-next-step{padding:16px}.project-next-actions,.story-site .first-map-panel .connect-provider-actions,.story-site .guide-start{display:block}.project-next-actions a,.story-site .first-map-panel .connect-provider-actions>*{display:block;width:100%;margin-top:12px}.story-site .guide-start span{display:block;margin-top:12px}.story-project-picker .proj-head{align-items:flex-start;flex-wrap:wrap}}
.story-site:not(:has(.bs-story)) .first-map-panel .copy-command{background:#eb6d56;color:#151618;border-color:transparent}.story-site:not(:has(.bs-story)) .first-map-panel .copy-command:hover:not(:disabled){background:#f38b77;color:#151618}.story-site:not(:has(.bs-story)) .first-map-panel .copy-command:active:not(:disabled){background:#eb6d56;color:#151618}.story-site:not(:has(.bs-story)) .first-map-panel .copy-command:disabled{background:#202123;color:#c8c3bb;border-color:#465159;opacity:1;cursor:not-allowed}

.story-site .public-skip{position:fixed;z-index:20000;top:8px;left:8px;transform:translateY(-180%);padding:12px 16px;background:#f1eee9;color:#151618;font-weight:700}.story-site .public-skip:focus{transform:none;color:#151618;outline:3px solid #72b8ca}
.story-site .legal-current{padding:20px;border:1px solid #7c7973;border-radius:8px;margin:24px 0}.story-site .legal-current p{overflow-wrap:anywhere}

.story-site:not(:has(.bs-story)) a.public-skip,.story-site a.public-skip:visited,.story-site:not(:has(.bs-story)) a.public-skip:hover,.story-site:not(:has(.bs-story)) a.public-skip:focus{color:#151618;background:#f1eee9}

/* Project deletion uses the same outline icon language as the graph UI. */
.story-project-picker .proj-delete{display:grid;place-items:center;padding:0}
.story-project-picker .proj-delete svg{display:block;width:20px;height:20px;pointer-events:none}