/* Shared brand primitives. The workspace is the source for all public actions. */
:root{--action-radius:999px;--action-height:48px;--action-height-compact:44px;--action-weight:600;--action-padding:11px 22px;--brand-size:26px;--brand-symbol-size:36px;--brand-gap:8px;--panel-radius:16px}
.brand-lockup{display:inline-flex;align-items:center;gap:var(--brand-gap);font-size:var(--brand-size);font-weight:750;line-height:1.5;letter-spacing:0;color:var(--ink);text-decoration:none}
.button:not(.primary){border-radius:var(--action-radius);font-weight:500;background:transparent;color:var(--text);border-color:var(--line-strong)}
.button:not(.primary):hover{background:var(--surface-hover);border-color:var(--subtle)}
.button:not(.primary).danger-text{color:var(--danger)}
.button:not(.primary):disabled{cursor:not-allowed}
.editor-form>.form-footer>.button{border-radius:var(--action-radius)}
:is(.button.primary,.auth-submit,.land-button){min-height:var(--action-height);padding:var(--action-padding);border:1px solid var(--primary);border-radius:var(--action-radius);background:var(--primary);color:var(--on-primary);font-size:var(--type-body);font-weight:var(--action-weight);line-height:1.7;gap:9px;box-shadow:none;text-decoration:none}
:is(.button.primary,.auth-submit,.land-button):hover{background:var(--primary);color:var(--on-primary);filter:brightness(.96);opacity:1}
:is(.button.primary,.auth-submit,.land-button):focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.landing-page .land-button .icon{width:18px;height:18px;stroke-width:1.6}
.land-header .land-button{min-height:var(--action-height-compact);padding:9px 17px;font-size:var(--type-caption)}
.landing-page .land-brand,.auth-card .auth-brand,:root[data-navigation=dock] .mobile-brand.brand-lockup,.sidebar .brand.brand-lockup{font-size:var(--brand-size);font-weight:750;gap:var(--brand-gap);line-height:1.5;letter-spacing:0}
.landing-page .land-brand.brand-lockup .brand-symbol,.auth-card .auth-brand .brand-symbol,:root[data-navigation=dock] .mobile-brand.brand-lockup .brand-symbol{width:var(--brand-symbol-size);height:var(--brand-symbol-size);border-radius:var(--control-radius)}
.landing-page .land-brand .brand-symbol .icon,.auth-card .auth-brand .brand-symbol .icon,:root[data-navigation=dock] .mobile-brand .brand-symbol .icon{width:23px;height:23px;stroke-width:1.6}
.landing-page .theme-button{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:var(--control-radius);background:var(--surface-soft);color:var(--text)}
.landing-page .theme-button:hover{background:var(--surface-hover);border-color:var(--line-strong)}
.land-header .land-login{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 17px;border:1px solid var(--line-strong);border-radius:var(--action-radius);background:var(--surface-soft);font-size:var(--type-caption);font-weight:550;color:var(--text);line-height:1.7}
.land-header .land-login:hover{background:var(--surface-hover)}
@media(max-width:760px){:root{--brand-size:22px;--brand-symbol-size:30px;--brand-gap:7px}.landing-page .land-brand .brand-symbol .icon,.auth-card .auth-brand .brand-symbol .icon,:root[data-navigation=dock] .mobile-brand .brand-symbol .icon{width:20px;height:20px}}
@media(max-width:400px){.land-header .land-login{padding-inline:12px}.landing-page .theme-button{min-width:40px;width:40px;min-height:40px}.landing-page .land-button{padding-inline:18px;font-size:var(--type-body)}}

/* Keep the header's intrinsic controls inside the frame, including enlarged text. */
.landing-page .land-header-actions,.landing-page .land-nav{flex-wrap:wrap}
@media(max-width:1100px){
 .landing-page .land-header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;padding:12px 8px}
 .landing-page .land-header .land-brand{margin-inline:0;flex:0 0 auto;max-width:100%}
 .landing-page .land-header-actions{flex:0 1 auto;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:0;max-width:100%}
 .landing-page .land-header-actions>:is(a,button){flex:0 0 auto}
 .landing-page .land-menu-toggle,.landing-page .land-header-actions>.theme-button{width:44px;min-width:44px;height:44px;min-height:44px}
 .landing-page .land-header .land-login{min-height:44px}
}
@media(max-width:360px){
 .landing-page .land-header-actions>.theme-button{display:none}
 .landing-page .land-header .land-login{width:44px;min-width:44px;padding:10px}
 .landing-page .land-header .land-login>span{display:none}
 .landing-page .land-header .land-login>.icon{display:block;width:20px;height:20px}
}
.landing-page .land-mobile-menu{inset-block-start:var(--land-menu-top,84px);max-height:calc(100dvh - var(--land-menu-top,84px) - max(14px,env(safe-area-inset-bottom,0px)))}
.landing-page .land-menu-head{gap:10px}.landing-page .land-menu-head>span{min-width:0;overflow-wrap:anywhere}.landing-page .land-menu-head>button{min-width:44px;min-height:44px;flex-shrink:0}
