.site-header{position:relative;z-index:20;border-bottom:1px solid var(--border);background:var(--bg)}
.header-inner{width:100%;max-width:none;min-height:76px;margin:auto;padding:0 32px;display:flex;align-items:center;gap:26px}
.brand{min-height:44px;display:inline-flex;align-items:center;gap:14px;color:var(--text);text-decoration:none}
.brand img{width:42px;height:42px;object-fit:contain}
.brand-name{font-size:22px;font-weight:700;letter-spacing:-.03em;line-height:1;white-space:nowrap}
.header-brand-group{min-height:44px;display:flex;align-items:center;justify-content:flex-start}
.header-brand-group .brand{gap:10px}
.header-company-link{min-height:44px;margin-left:auto;display:inline-flex;align-items:center;justify-content:flex-end;color:var(--primary);font-size:var(--rds-type-small-size);font-weight:700;line-height:var(--rds-type-small-line-height);text-decoration:none;white-space:nowrap}
.header-company-link:hover{color:var(--primary-pressed);text-decoration:underline;text-underline-offset:.18em}
.app-only{display:none}
.site-nav{display:flex;align-items:center;gap:28px;margin-left:auto}
.site-nav a{min-height:44px;display:flex;align-items:center;color:var(--text);font-size:var(--rds-type-navigation-size);font-weight:var(--rds-type-navigation-weight);line-height:var(--rds-type-navigation-line-height);text-decoration:none;transition:color 160ms ease}
.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--primary-pressed)}
.site-nav a[aria-current=page]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}
.header-actions{display:flex;align-items:center;gap:10px}
.site-header--released .header-company-link{margin-left:0}
.icon-button,.menu-button{min-width:44px;height:44px;padding:0 14px;border:1px solid var(--border);border-radius:50%;background:var(--bg);color:var(--text);font-size:var(--rds-type-action-size);font-weight:var(--rds-type-action-weight);line-height:var(--rds-type-action-line-height);cursor:pointer;transition:background-color 160ms ease,color 160ms ease,transform 160ms ease}
.icon-button{border-radius:22px}
.icon-button:hover,.menu-button:hover{background:var(--container);color:var(--primary-pressed)}
.icon-button:active,.menu-button:active{transform:translateY(1px)}
.menu-button{display:none;width:44px;padding:0}
:root[data-context=app] .web-only{display:none!important}
:root[data-context=app] .app-only{display:inline-flex}
:root[data-context=app] .site-header{border-bottom-color:transparent}
.theme-picker{position:relative}
.theme-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:260px;padding:8px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow-raised)}
.theme-menu[hidden]{display:none}
.theme-option{position:relative;width:100%;min-height:58px;padding:9px 42px 9px 12px;display:grid;align-content:center;gap:1px;border:0;border-radius:10px;background:transparent;color:var(--text);text-align:left;cursor:pointer}
.theme-option:hover,.theme-option.is-selected{background:var(--container)}
.theme-option strong{font-size:15px;font-weight:800}
.theme-option span{color:var(--muted);font-size:12px}
.theme-option.is-selected:after{content:'✓';position:absolute;right:14px;top:50%;color:var(--primary-pressed);font-weight:800;transform:translateY(-50%)}

.site-footer,.legal-footer{flex:0 0 auto;border-top:1px solid var(--border);background:var(--bg)}
.footer-inner,.legal-footer-inner{max-width:1240px;margin:auto;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;color:var(--muted);text-align:center}
.footer-inner{padding:36px 32px;font-size:var(--rds-type-small-size);line-height:var(--rds-type-small-line-height)}
.legal-footer-inner{padding:24px 32px;font-size:var(--rds-type-small-size);line-height:var(--rds-type-small-line-height)}
.footer-links,.legal-footer-links{display:flex;flex-wrap:wrap}
.footer-item{display:inline-flex;align-items:center;white-space:nowrap}
.footer-separator{margin:0 10px}
.footer-links a,.legal-footer-links a{min-height:44px;display:flex;align-items:center;color:var(--muted);text-decoration:none}
.footer-links a:hover,.legal-footer-links a:hover{color:var(--primary-pressed)}

@media(max-width:760px){
  .header-inner{min-height:68px;padding:0 18px;gap:18px;flex-wrap:wrap}
  .brand{gap:10px}
  .brand-name{font-size:18px}
  .menu-button{display:block}
  .site-nav{display:none;order:3;width:100%;margin:0;padding:4px 0 18px;flex-direction:column;align-items:stretch;gap:0}
  .site-nav[data-open=true]{display:flex}
  .site-nav a{width:100%;border-top:1px solid var(--border)}
  .header-actions{margin-left:auto}
  .site-header--pre-release .header-inner,.site-header--released .header-inner{min-height:68px;position:relative;justify-content:flex-start}
  .header-brand-group{padding:8px 0}
  .header-brand-group .brand{min-height:40px}
  .header-company-link{min-height:44px;font-size:14px}
  .site-header--home.site-header--pre-release .header-actions{display:none}
  .site-header--released .header-actions{margin-left:auto;display:flex}
  .theme-menu{position:fixed;left:18px;right:18px;top:72px;width:auto}
  .footer-inner{padding:30px 20px;row-gap:4px}
  .legal-footer-inner{padding:20px;row-gap:4px}
  .footer-copyright{flex-basis:100%}
  .footer-copyright+.footer-links .footer-item:first-child .footer-separator,.footer-copyright+.legal-footer-links .footer-item:first-child .footer-separator{display:none}
}
@media(max-width:360px){.brand{gap:8px}.brand-name{font-size:17px}}
@media print{.site-header,.site-footer,.legal-footer{display:none!important}}

@media(min-width:761px){
  .header-inner{position:relative}
  .site-nav{margin-left:auto}
  .site-header--released .header-actions{display:none}
}