.appearance-trigger{position:fixed;right:22px;bottom:22px;z-index:90;display:flex;align-items:center;gap:9px;padding:12px 17px;border:1px solid var(--line);border-radius:100px;background:var(--teal);color:#fff;font:500 12px var(--sans);box-shadow:0 4px 20px #0002}.appearance-trigger>span{font-size:20px}.appearance-trigger:hover{filter:brightness(1.15)}
.appearance-panel{width:min(440px,calc(100vw - 28px));max-height:calc(100dvh - 32px);overflow:auto;padding:27px;border:1px solid var(--line);border-radius:18px;background:var(--cream);color:var(--ink)}.appearance-panel::backdrop{background:#13251f66;backdrop-filter:blur(4px)}.appearance-heading{display:flex;align-items:center;justify-content:space-between}.appearance-kicker{font:600 9px var(--sans);letter-spacing:1.8px;color:var(--muted)}.appearance-close{display:grid;place-items:center;border:0;background:transparent;color:var(--ink);font:28px var(--sans);width:36px;height:36px;border-radius:50%;padding:0}.appearance-panel h2{font:400 39px var(--serif);letter-spacing:-1px;margin:12px 0 8px}.appearance-panel>p{font:12px/1.7 var(--sans);color:var(--muted);margin:0 0 22px}.appearance-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appearance-option{display:flex;flex-direction:column;text-align:left;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font-family:var(--sans);gap:7px}.appearance-option[aria-pressed=true]{border:2px solid var(--teal);padding:11px;box-shadow:0 0 0 2px var(--sage)}.appearance-swatches{display:flex;overflow:hidden;width:100%;height:37px;border-radius:5px}.appearance-swatches i{width:33.33%;background:hsl(var(--swatch-hue) calc(35% * var(--swatch-saturation)) 24%)}.appearance-swatches i:nth-child(2){background:hsl(var(--swatch-hue) calc(28% * var(--swatch-saturation)) 76%)}.appearance-swatches i:nth-child(3){background:hsl(var(--swatch-hue) calc(25% * var(--swatch-saturation)) 94%)}.appearance-name{font-size:12px;font-weight:600;display:flex;width:100%;justify-content:space-between}.appearance-check{visibility:hidden}.appearance-option[aria-pressed=true] .appearance-check{visibility:visible}.appearance-description{font-size:10px;color:#626b66}.appearance-panel .appearance-note{font-size:10px;line-height:1.6;margin:18px 0;color:var(--muted)}.appearance-done{width:100%;border:0;background:var(--teal);color:#fff;border-radius:7px;padding:12px;font:500 12px var(--sans)}.appearance-panel button:focus-visible,.appearance-trigger:focus-visible{outline:3px solid var(--teal);outline-offset:4px}@media(max-width:600px){.appearance-trigger{right:14px;bottom:14px;padding:9px 13px;font-size:11px}.appearance-panel{padding:22px}.appearance-panel h2{font-size:34px}.page-footer,.site-footer{padding-bottom:85px}}
.appearance-panel{width:min(840px,calc(100vw - 28px))}.palette-columns{display:grid;grid-template-columns:1fr 1fr;gap:26px}.palette-columns h3,.background-picker legend{font:600 14px var(--sans);color:var(--ink);margin-bottom:8px}.palette-columns section>p{font:11px/1.6 var(--sans);color:var(--muted);margin:0 0 14px}.background-picker{border:0;padding:0;margin:0 0 24px}.background-options{display:flex;gap:8px}.background-options button{flex:1;padding:11px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);font:500 12px var(--sans)}.background-options button[aria-pressed=true]{background:var(--teal);color:white;border-color:var(--teal)}.appearance-swatches{height:28px}.appearance-option{padding:10px}.appearance-option[aria-pressed=true]{padding:9px}.appearance-options{gap:10px}.appearance-description{line-height:1.4}.appearance-name{gap:5px}.appearance-done{position:sticky;bottom:0}.appearance-panel button{cursor:pointer}@media(max-width:650px){.palette-columns{grid-template-columns:1fr;gap:24px}.appearance-panel{padding:22px}.appearance-panel h2{font-size:32px}}

.brand-lockup{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.brand-lockup .brand{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:700;letter-spacing:-1.25px;margin:0}.brand-lockup .brand-light{font-weight:450}.brand-lockup .brand img{width:30px;height:34px}.brand-tagline{font:10px/1.2 var(--sans);color:var(--muted);letter-spacing:.1px;padding-left:40px}.topbar{min-height:76px}.brand-lockup .brand b{color:var(--muted)}@media(max-width:700px){.brand-lockup .brand{font-size:22px;gap:7px}.brand-lockup .brand img{width:27px;height:32px}.brand-tagline{font-size:9px;padding-left:34px}}

.consistent-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;min-height:100px;max-width:1360px;margin:0 auto;padding:20px 42px;color:var(--ink);font-family:var(--sans)}.consistent-header .brand{color:var(--ink);text-decoration:none}.shared-navigation{display:flex;align-items:center;gap:29px;font-size:12px;font-weight:500}.shared-navigation a,.shared-logoff{color:var(--ink);text-decoration:none}.shared-navigation a:hover,.shared-logoff:hover{text-decoration:underline}.consistent-header .header-actions,.shared-account{justify-self:end;display:flex;align-items:center;gap:20px}.shared-account .avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--sage);color:var(--ink);font:600 11px var(--sans)}.shared-logoff{font-size:12px;white-space:nowrap;padding:10px 0}.consistent-header .brand-tagline{display:block}@media(max-width:850px){.consistent-header{grid-template-columns:1fr auto;gap:14px;padding:18px 24px}.shared-navigation{grid-column:1/-1;grid-row:2;justify-content:center;gap:24px}.consistent-header .header-actions,.shared-account{grid-column:2;grid-row:1}}@media(max-width:480px){.consistent-header{padding:16px 20px}.shared-navigation{font-size:11px;gap:18px}.consistent-header .header-actions{gap:12px}.consistent-header .header-actions .button{padding:10px;font-size:10px}.consistent-header .sign-in{font-size:11px}.shared-account{gap:12px}}