/* Shared application frame. Loaded after page styles so page variants cannot move the brand. */
:root{--frame-width:1200px;--frame-gutter:24px;--header-height:76px}
html{scrollbar-gutter:stable}
.site-header.site-header{position:sticky;top:0;z-index:5;width:100%;max-width:none;height:var(--header-height);margin:0;padding:0;border:0;border-bottom:1px solid #e0e4d8;background:#f7f7f2f5;backdrop-filter:blur(12px);display:block}
.site-header-inner{width:100%;max-width:var(--frame-width);height:100%;margin-inline:auto;padding-inline:var(--frame-gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0}
.site-header.site-header .logo{flex:0 0 auto;font-size:24px;line-height:1.6;letter-spacing:-1.4px;gap:8px;white-space:nowrap}
.site-header.site-header .logo i{width:30px;height:30px;line-height:30px;font-size:19px;flex:0 0 30px}
.site-header-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:12px}
.site-header-actions>nav,.site-header-actions>.row{min-width:0;display:flex;align-items:center;gap:16px}
.site-header-actions a,.site-header-actions button{white-space:nowrap}
.workspace,.auth-layout,.lp-hero,.lp-tour,.lp-faq,.lp-footer{width:100%;max-width:var(--frame-width);margin-inline:auto;padding-inline:var(--frame-gutter);min-width:0}
.workspace>* ,.auth-layout>* ,.lp-hero>* ,.lp-tour-panel>*{min-width:0}
.auth-layout{grid-template-columns:minmax(0,1fr) minmax(0,420px)}
.lp-start{padding-inline:max(var(--frame-gutter),calc((100% - var(--frame-width))/2 + var(--frame-gutter)))}
.lp-start>.lp-section-heading,.lp-steps{max-width:none}
.lp-final{width:calc(100% - 2 * var(--frame-gutter));max-width:calc(var(--frame-width) - 2 * var(--frame-gutter));margin-inline:auto}
.account-main{width:100%;max-width:var(--frame-width);margin-inline:auto;padding-inline:var(--frame-gutter)}
.account-main>.account-card{max-width:720px}
.auth-layout,.account-main,.workspace{margin-top:0;padding-top:32px}
.workspace{grid-template-columns:minmax(0,1fr) 390px}
.lp-tour{scroll-margin-top:calc(var(--header-height) + 16px)}
#getting-started{scroll-margin-top:calc(var(--header-height) + 16px)}
@media(max-width:950px){.workspace{grid-template-columns:minmax(0,1fr) 330px}.site-header-actions .muted{display:none}}
@media(max-width:760px){:root{--frame-gutter:16px;--header-height:64px}.site-header-inner{gap:12px}.site-header.site-header .logo{font-size:21px;gap:6px}.site-header.site-header .logo i{width:28px;height:28px;line-height:28px;flex-basis:28px;font-size:18px}.site-header-actions>nav,.site-header-actions>.row{gap:8px}.site-header-actions .save-state{display:none}.site-header-actions button,.site-header-actions .button{padding:8px 10px;font-size:11px}.workspace{display:block}.auth-layout{display:block}.auth-card{max-width:450px;margin-inline:auto}.account-main,.auth-layout,.workspace{padding-top:24px}.lp-header nav>a:not(.button):not(.lp-account-link){display:none}}
@media(max-width:360px){.site-header-inner{gap:8px}.site-header-actions>nav,.site-header-actions>.row{gap:5px}.site-header-actions button,.site-header-actions .button{padding:8px 7px;font-size:10px}.site-header-actions .lp-account-link{font-size:11px}}

@media(min-width:1350px){.workspace{grid-template-columns:minmax(0,1fr) 450px}}