/* Shared controls for public pages, following the homepage's monochrome UI. */
.public-page .ui-icon{display:inline-block;vertical-align:middle;width:18px;height:18px;flex:0 0 18px;color:inherit;pointer-events:none}
.public-page .action{gap:12px}
.public-page .action>.ui-icon{position:relative;z-index:1;transition:transform .18s ease}
.public-page .action:not(:disabled):hover>.ui-icon{transform:translateX(3px)}
.public-page .action:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
.public-page .site-header nav a{gap:6px;min-height:44px}
.public-page .site-header nav .ui-icon{width:14px;height:14px;flex-basis:14px}
.public-page .menu-toggle{display:none;align-items:center;justify-content:center;padding:0;color:#ddd}
.public-page .menu-toggle .ui-menu-close{display:none}
.public-page .menu-toggle[aria-expanded=true] .ui-menu-open{display:none}
.public-page .menu-toggle[aria-expanded=true] .ui-menu-close{display:block}
.public-page #small-nav{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
.public-page #small-nav[hidden]{display:none!important}
.public-page .support-symbol{display:grid;place-items:center;width:48px;height:48px;border:1px solid #ffffff20;border-radius:13px;background:#ffffff04}
.public-page .support-symbol .ui-icon{width:24px;height:24px}
.public-page .support-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;border-top:1px solid #ffffff12;padding-top:12px}
.public-page .support-card:focus-visible{outline-offset:5px;border-color:#888}
.public-page .models-doc-link{display:inline-flex;align-items:center;gap:12px;min-height:44px}
.public-page .models-kicker>.ui-icon{width:13px;height:13px;flex-basis:13px}
.public-page .model-warning #model-warning-cancel{width:44px;height:44px;min-height:44px}
.public-page .model-warning #model-warning-available>.ui-icon{margin-left:auto}
.public-page .connect-cards strong{display:flex;align-items:center;justify-content:space-between;gap:12px}
.public-page .guide-layout>aside a{display:inline-flex;align-items:center;min-height:44px}
.public-page .auth-switch a{display:inline-flex;align-items:center;gap:6px;min-height:44px}
.public-page .auth-help{padding-block:10px;min-height:44px}
.public-page .site-footer nav a{display:inline-flex;align-items:center;min-height:44px}
.public-page :is(a,button,input,select,textarea):focus-visible{outline:2px solid #eee;outline-offset:4px}
@media(max-width:760px){
 .public-page .menu-toggle{display:flex;width:44px;height:44px;flex:0 0 44px}
 .public-page :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}
 .public-page .auth-submit{min-height:48px}
 .public-page .guide-layout>aside nav{gap:4px}
}
@media(prefers-reduced-motion:reduce){.public-page .action,.public-page .action>.ui-icon{transition:none!important;transform:none!important}}