.mcp-page{--mcp-ink:#153b45;--mcp-muted:#52676d;--mcp-accent:#096954;--mcp-line:#dbe5e5;background:#f7faf9;color:var(--mcp-ink);font:1rem/1.65 system-ui,-apple-system,"Segoe UI",sans-serif;margin:0}
.mcp-wrap{width:min(1120px,calc(100% - 48px));margin:auto}
.mcp-header{border-bottom:1px solid var(--mcp-line);background:#fff}
.mcp-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0}
.mcp-brand{font-size:1.2rem;font-weight:750;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--mcp-ink)}
.mcp-brand-mark{background:var(--mcp-accent);color:white;border-radius:9px;padding:3px 9px;font-size:1.2rem}
.mcp-header nav,.mcp-footer nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.mcp-page a{color:var(--mcp-accent);text-underline-offset:4px}
.mcp-page a:focus-visible,.mcp-page button:focus-visible,.mcp-page summary:focus-visible,.mcp-page input:focus-visible{outline:3px solid #007e6c;outline-offset:4px}
.mcp-page .mcp-button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:14px 22px;background:var(--mcp-accent);color:#fff;border:1px solid var(--mcp-accent);border-radius:7px;text-decoration:none;font-weight:650;cursor:pointer}
.mcp-page .mcp-button-small{padding:9px 16px;gap:12px;font-size:.9rem}
.mcp-hero{padding:80px 0 52px;max-width:850px}
.mcp-eyebrow{font-size:.75rem;font-weight:750;letter-spacing:.13em;color:var(--mcp-accent)}
.mcp-page h1{font-size:clamp(2.25rem,5.3vw,4rem);line-height:1.12;letter-spacing:-.045em;margin:18px 0 24px;font-weight:750}
.mcp-lead{font-size:1.18rem;max-width:740px;color:var(--mcp-muted);line-height:1.75}
.mcp-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:30px 0}
.mcp-status{font-size:.85rem;color:var(--mcp-muted);display:flex;gap:10px;align-items:baseline}
.mcp-status span{color:#b57a10;font-size:.75rem}
.mcp-guide-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;border-top:1px solid var(--mcp-line);padding-top:32px}
.mcp-index nav{position:sticky;top:30px;display:grid;gap:13px;font-size:.9rem}
.mcp-index strong{margin-bottom:8px}
.mcp-index a{text-decoration:none;color:var(--mcp-muted)}
.mcp-section{padding:20px 0 44px;scroll-margin-top:24px}
.mcp-page h2{font-size:1.8rem;line-height:1.3;letter-spacing:-.025em;margin:12px 0 24px}
.mcp-page h3{font-size:1.25rem;margin:0 0 12px}
.mcp-steps{list-style:none;counter-reset:mcp;padding:0}
.mcp-steps li{counter-increment:mcp;position:relative;padding:0 0 12px 48px}
.mcp-steps li:before{content:counter(mcp);position:absolute;left:0;top:0;background:#e5efeb;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:.9rem;font-weight:700}
.mcp-steps p{margin:5px 0 18px;color:var(--mcp-muted)}
.mcp-provider{display:flex;gap:20px;padding:28px 0;border-top:1px solid var(--mcp-line)}
.mcp-provider-letter{background:#e5efeb;border:1px solid #d3e0da;border-radius:9px;height:40px;min-width:40px;display:grid;place-items:center;font-weight:700}
.mcp-provider p{margin-top:0}
.mcp-note{padding:16px 20px;background:#fff7e6;border-left:3px solid #bc871c;color:#5b471f;font-size:.93rem;margin:16px 0;overflow-wrap:anywhere}
.mcp-note strong{display:block;margin-bottom:5px}
.mcp-muted{color:var(--mcp-muted);font-size:.9rem}
.mcp-example{padding:20px 0;border-top:1px solid var(--mcp-line)}
.mcp-example span{font-size:.7rem;letter-spacing:.08em;color:var(--mcp-accent);font-weight:700}
.mcp-example p{font-size:1.08rem;margin:8px 0 0}
.mcp-facts{margin:0}
.mcp-facts div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:24px;border-top:1px solid var(--mcp-line);padding:22px 0}
.mcp-facts dt{font-weight:650}
.mcp-facts dd{margin:0;color:var(--mcp-muted)}
.mcp-page details{padding:18px 0;border-top:1px solid var(--mcp-line)}
.mcp-page summary{cursor:pointer;font-weight:650}
.mcp-page details p{margin:14px 0 0}
.mcp-footer{border-top:1px solid var(--mcp-line);padding:32px 0 24px;display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between;font-size:.9rem}
.mcp-footer p{margin:3px 0}
.mcp-footer>.mcp-muted{width:100%;font-size:.75rem}
.mcp-legal{max-width:790px;padding:65px 0;margin:auto}
.mcp-legal h1{font-size:clamp(2rem,5vw,3.4rem)}
.mcp-legal h2{font-size:1.35rem;margin-top:32px}
.mcp-skip{position:absolute;left:8px;top:-80px;background:#fff;padding:12px;z-index:100}
.mcp-skip:focus{top:8px}
.mcp-panel{padding:45px 0;max-width:850px;margin:auto}
.mcp-panel h1{font-size:2.5rem}
.mcp-box{background:white;border:1px solid var(--mcp-line);border-radius:8px;padding:24px;margin:20px 0}
.mcp-form{display:grid;gap:16px}
.mcp-form label{display:grid;gap:6px;font-weight:600}
.mcp-form input:not([type=checkbox]){padding:11px 12px;border:1px solid #95aba6;border-radius:5px;font:inherit;width:100%;box-sizing:border-box}
.mcp-check{display:flex!important;align-items:flex-start;gap:10px!important;font-weight:400!important}
.mcp-check input{margin-top:7px;width:18px;height:18px;flex-shrink:0}
.mcp-form button:disabled{opacity:.55;cursor:not-allowed}
.mcp-connection{border-top:1px solid var(--mcp-line);padding:18px 0;display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}
.mcp-secret{overflow-wrap:anywhere;white-space:pre-wrap}
.mcp-hidden{display:none!important}
.mcp-danger{color:#a12626}
.mcp-page code{overflow-wrap:anywhere}
.mcp-page [role=status]{margin:16px 0}
@media(max-width:768px){.mcp-wrap{width:calc(100% - 32px)}
.mcp-header-inner{gap:16px}
.mcp-header nav>a:first-child{display:none}
.mcp-guide-grid{grid-template-columns:1fr;gap:12px}
.mcp-index nav{position:static;display:flex;gap:12px;flex-wrap:wrap}
.mcp-index strong{width:100%;margin:0}
.mcp-index a{font-size:.8rem}
.mcp-hero{padding:45px 0 32px}
.mcp-hero h1 br{display:none}
.mcp-section{padding:20px 0 30px}
.mcp-facts div{grid-template-columns:1fr;gap:8px}
.mcp-provider{gap:12px}
.mcp-footer nav{gap:16px}
.mcp-legal{padding:35px 0}
.mcp-box{padding:18px}
.mcp-actions{gap:18px}
.mcp-panel h1{font-size:2rem}
}
@media(prefers-reduced-motion:reduce){.mcp-page *{scroll-behavior:auto!important}
}

.mcp-page form { display: grid; gap: 14px; max-width: 760px; margin: 20px 0 32px; }

.mcp-page form label { font-weight: 600; }

.mcp-page form input:not([type=checkbox]) { font: inherit; min-height: 44px; padding: 10px 12px; }

.mcp-page form .mcp-button { justify-self: start; margin-top: 6px; }

.mcp-page pre { white-space: pre-wrap; overflow-wrap: anywhere; }

/* Account settings use the product's compact form scale, separate from the public guide. */
.mcp-account-page{font-size:1rem;line-height:1.5}
.mcp-account-page [hidden]{display:none!important}
.mcp-account-page .mcp-header-inner{padding:12px 0}
.mcp-account-page .mcp-brand,.mcp-account-page .mcp-brand-mark{font-size:1rem}
.mcp-account-page .mcp-button{font:inherit;font-weight:600;min-height:38px;gap:8px;padding:8px 14px;border-radius:6px;line-height:1.4}
.mcp-account-page .mcp-button-outline{background:#fff;color:var(--mcp-accent);border-color:#bed2cc}
.mcp-account-page .mcp-button:hover{filter:brightness(.96)}
.mcp-account-shell{padding:24px 0 32px}
.mcp-account-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.mcp-account-page h1{font-size:1.75rem;letter-spacing:-.025em;line-height:1.2;margin:4px 0 6px}
.mcp-account-heading p{margin:0}
.mcp-badge{display:inline-flex;align-items:center;white-space:nowrap;padding:5px 10px;border:1px solid #e3d3a9;border-radius:5px;background:#fff7e6;color:#765712;font-size:.75rem;font-weight:600}
.mcp-badge-ready{color:#145640;background:#eaf5ef;border-color:#c2dfce}
.mcp-account-intro{margin:0 0 20px;color:var(--mcp-muted);max-width:88ch}
.mcp-account-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,1fr);gap:20px;align-items:start}
.mcp-account-grid-single{grid-template-columns:minmax(0,1fr);max-width:760px}
.mcp-account-main{display:grid;gap:20px;min-width:0}
.mcp-card{background:#fff;border:1px solid var(--mcp-line);border-radius:8px;padding:20px;min-width:0}
.mcp-account-page h2{font-size:1.0625rem;line-height:1.35;letter-spacing:-.01em;margin:0 0 12px}
.mcp-account-page h3{font-size:.9375rem;line-height:1.4;margin:0 0 6px;font-weight:650}
.mcp-card-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.mcp-card-heading h2{margin:0}
.mcp-card p{margin:0 0 10px}
.mcp-card .mcp-muted{font-size:.875rem}
.mcp-security-step+.mcp-security-step{border-top:1px solid var(--mcp-line);padding-top:16px;margin-top:16px}
.mcp-account-page .mcp-card form{margin:12px 0 0;max-width:none;gap:12px}
.mcp-account-page .mcp-inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end}
.mcp-field{display:grid;gap:5px;min-width:0}
.mcp-account-page form label,.mcp-qr-instructions label{font-size:.875rem;font-weight:600}
.mcp-account-page .form-control,.mcp-account-page form input:not([type=checkbox]){font:inherit;min-height:38px;line-height:1.4;padding:8px 10px;width:100%;box-sizing:border-box}
.mcp-account-page form .mcp-button{margin:0;align-self:end}
.mcp-account-page .mcp-code-input{max-width:190px;font-family:ui-monospace,monospace;letter-spacing:.14em}
.mcp-account-page .mcp-feedback{font-size:.875rem;color:var(--mcp-accent);margin:8px 0 0}
.mcp-account-page .mcp-feedback:empty{display:none}
.mcp-enrollment-grid{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;margin:16px 0}
.mcp-qr-frame{background:white;border:1px solid var(--mcp-line);border-radius:6px;padding:4px;max-width:256px}
.mcp-qr-frame canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated}
.mcp-qr-instructions{min-width:0;font-size:.875rem}
.mcp-qr-instructions strong{display:block;margin-bottom:8px}
.mcp-account-page .mcp-qr-instructions details{font-size:.75rem;padding:10px 0 0}
.mcp-qr-instructions label{display:block;margin:8px 0 5px}
.mcp-account-page .mcp-secret-input{font: .75rem/1.4 ui-monospace,monospace}
.mcp-account-page details{padding:12px 0 0;margin-top:12px}
.mcp-account-page details p{margin:8px 0}
.mcp-account-page .mcp-connection{padding:14px 0 0;margin-top:14px;gap:10px}
.mcp-connection>div{min-width:0;flex:1}
.mcp-account-page .mcp-empty{background:#f7faf9;border-radius:5px;padding:12px;margin:0;color:var(--mcp-muted);font-size:.875rem}
.mcp-account-page .mcp-factor-active{display:inline-block;color:#145640;background:#eaf5ef;padding:6px 10px;border-radius:5px;margin-top:14px;font-weight:600}
.mcp-company-card form{display:grid}
.mcp-account-page .mcp-check{font-size:.875rem;font-weight:400;gap:8px!important;line-height:1.45;margin:0}
.mcp-account-page .mcp-check input{height:16px;width:16px;margin:2px 0 0}
.mcp-account-page .mcp-enable{font-weight:650!important;background:#f1f7f4;border:1px solid #d6e7df;border-radius:5px;padding:10px}
.mcp-scope-options{padding:0 0 12px;margin:0;border:0;border-bottom:1px solid var(--mcp-line);display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;min-width:0}
.mcp-scope-options legend{float:none;width:auto;font-size:.75rem;font-weight:650;color:var(--mcp-muted);padding:0;margin:0 0 10px}
.mcp-account-page .mcp-legal-check{font-size:.75rem;color:var(--mcp-muted)}
.mcp-account-page .mcp-note{margin:14px 0 0;padding:12px;font-size:.875rem}
.mcp-account-page .mcp-note h3{font-size:.875rem}
.mcp-account-page #mcp-recovery-values{font-size:.875rem;line-height:1.6;margin:8px 0 0}
.mcp-endpoint{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1px solid var(--mcp-line);border-radius:6px;margin-bottom:20px}
.mcp-endpoint label{font-size:.875rem;white-space:nowrap;margin:0}
.mcp-account-page .mcp-account-help{font-size:.875rem;margin-top:20px}
.mcp-account-help section{margin-top:12px;max-width:80ch}
.mcp-account-page .mcp-footer{padding:16px 0;font-size:.875rem}
@media(max-width:1000px){.mcp-account-grid{grid-template-columns:minmax(0,1fr)}.mcp-company-card{max-width:none}.mcp-account-grid-single{max-width:none}}
@media(max-width:600px){.mcp-account-heading{align-items:flex-start;flex-direction:column;gap:8px}.mcp-account-shell{padding-top:16px}.mcp-account-page h1{font-size:1.5rem}.mcp-card{padding:16px}.mcp-account-page .mcp-inline-form{grid-template-columns:minmax(0,1fr)}.mcp-account-page .mcp-button{min-height:44px}.mcp-account-page .form-control,.mcp-account-page form input:not([type=checkbox]){font-size:1rem;min-height:44px}.mcp-enrollment-grid{grid-template-columns:minmax(0,1fr)}.mcp-qr-frame{justify-self:start;max-width:100%}.mcp-endpoint{align-items:stretch;flex-direction:column;gap:6px}.mcp-scope-options{grid-template-columns:minmax(0,1fr)}.mcp-account-page .mcp-wrap{width:calc(100% - 24px)}}
@media(max-width:600px){.mcp-account-page .mcp-header-inner{gap:8px}.mcp-account-page .mcp-header nav{flex-shrink:0}.mcp-account-page .mcp-header .mcp-button-small{white-space:nowrap;padding-inline:10px;font-size:.875rem}}

/* Guided account setup: one task at a time, with saved state always visible. */
.mcp-account-page{font-size:.875rem}
.mcp-account-heading{align-items:flex-start;margin-bottom:20px}
.mcp-account-heading h1{font-size:1.625rem;margin:4px 0 8px}
.mcp-back-link{font-size:.8125rem;white-space:nowrap;padding-top:8px}
.mcp-account-context{display:flex;flex-wrap:wrap;gap:8px 28px;padding:12px 0 20px;margin-bottom:4px;color:var(--mcp-muted);font-size:.8125rem}
.mcp-account-context strong{margin-right:8px;color:var(--mcp-ink)}
.mcp-setup-layout{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:32px;align-items:start}
.mcp-setup-steps{display:grid;gap:16px;min-width:0}
.mcp-account-page .mcp-setup-step{padding:0;margin:0;border:1px solid var(--mcp-line);background:white;border-radius:8px;min-width:0;scroll-margin-top:20px}
.mcp-setup-step>summary{display:flex;align-items:center;gap:12px;list-style:none;padding:18px 20px;position:relative;border-radius:8px}
.mcp-setup-step>summary::-webkit-details-marker{display:none}
.mcp-setup-step>summary::after{content:'+';color:var(--mcp-muted);font-size:1.25rem;font-weight:400;margin-left:4px}
.mcp-setup-step[open]>summary::after{content:'−'}
.mcp-setup-step[open]>summary{border-bottom:1px solid var(--mcp-line);border-radius:8px 8px 0 0;background:#f8fbfa}
.mcp-step-number{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;background:#eaf2ee;color:var(--mcp-accent);border-radius:50%;font-size:.875rem;font-weight:700}
.mcp-step-heading{min-width:0;flex:1}
.mcp-step-title{display:block;font-size:.9375rem;font-weight:650;line-height:1.4}
.mcp-step-description{display:block;font-size:.8125rem;color:var(--mcp-muted);font-weight:400;margin-top:4px;line-height:1.5}
.mcp-step-body{padding:20px;min-width:0}
.mcp-step-body p{margin:0 0 12px}
.mcp-step-body .mcp-security-step{padding-top:0}
.mcp-step-body form{margin:12px 0 0;max-width:none}
.mcp-step-body>details:first-child{margin-top:0}
.mcp-account-page .mcp-step-body details{font-size:.8125rem}
.mcp-step-body .mcp-success-line{font-weight:650;color:var(--mcp-accent)}
.mcp-mini-steps{padding-left:20px;margin:12px 0 16px;color:var(--mcp-muted);font-size:.875rem}
.mcp-mini-steps li{padding-left:4px;margin-bottom:12px}
.mcp-mini-steps strong{color:var(--mcp-ink)}
.mcp-permission-tags{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px;padding:0;list-style:none}
.mcp-permission-tags li{border:1px solid var(--mcp-line);padding:4px 8px;border-radius:4px;font-size:.75rem;background:#f8fbfa}
.mcp-account-page .mcp-scope-choice{padding:10px;border:1px solid var(--mcp-line);border-radius:5px;min-width:0;cursor:pointer}
.mcp-scope-choice:has(input:checked){background:#f1f7f4;border-color:#8fb9a9}
.mcp-scope-choice strong{display:block;font-size:.8125rem;font-weight:600}
.mcp-scope-choice small{display:block;font-size:.75rem;color:var(--mcp-muted);margin-top:4px;line-height:1.5}
.mcp-policy-save{display:flex;gap:12px;align-items:end;flex-wrap:wrap}
.mcp-account-page .mcp-endpoint{display:block;padding:12px;background:#f7faf9;margin:16px 0}
.mcp-copy-row{display:flex;gap:8px;margin-top:8px;align-items:center}
.mcp-copy-row input{min-width:0;flex:1;font-size:.75rem!important}
.mcp-copy-row button{white-space:nowrap;flex-shrink:0}
.mcp-endpoint label{white-space:normal;font-size:.8125rem}
.mcp-test-prompt{border-left:3px solid #a5c9bb;padding:4px 0 4px 12px;margin:16px 0;font-size:.8125rem}
.mcp-test-prompt blockquote{margin:8px 0;font-size:.9375rem;color:var(--mcp-ink);font-weight:500;border:0;padding:0}
.mcp-account-page .mcp-empty p{margin:6px 0 0}
.mcp-account-page .mcp-card-heading p{margin:4px 0 0}
.mcp-setup-help{font-size:.8125rem;color:var(--mcp-muted);padding:12px 0}
.mcp-setup-help h2{color:var(--mcp-ink);font-size:.9375rem}
.mcp-setup-help h3{color:var(--mcp-ink);font-size:.8125rem;margin:20px 0 8px}
.mcp-setup-help ul{padding-left:18px;line-height:1.7}
.mcp-setup-help li{margin-bottom:8px}
.mcp-setup-help p{margin:8px 0}
.mcp-help-rule{border-top:1px solid var(--mcp-line);margin-top:20px}
.mcp-setup-help>a{display:inline-block;margin-top:20px}
.mcp-setup-help summary{color:var(--mcp-ink)}
@media(max-width:1000px){.mcp-setup-layout{grid-template-columns:minmax(0,1fr);gap:20px}.mcp-setup-help{border-top:1px solid var(--mcp-line);padding-top:20px}}
@media(max-width:600px){.mcp-account-heading h1{font-size:1.375rem}.mcp-setup-step>summary{padding:16px 12px;gap:8px;flex-wrap:wrap}.mcp-step-heading{flex-basis:calc(100% - 40px)}.mcp-setup-step>summary>.mcp-badge{margin-left:38px}.mcp-setup-step>summary::after{margin-left:auto}.mcp-step-body{padding:16px}.mcp-copy-row{flex-direction:column;align-items:stretch}.mcp-copy-row .mcp-button{align-self:start}.mcp-policy-save{display:grid;grid-template-columns:minmax(0,1fr)}.mcp-account-page .mcp-step-body form{margin-bottom:0}.mcp-account-context{gap:8px}.mcp-account-context span{width:100%;overflow-wrap:anywhere}.mcp-step-body .mcp-note{margin-bottom:12px}}