/* extracted from rakkhun-visual-system.css: header/footer/shell/mobile-panel rules */
/* Global header: one quiet hierarchy */
.site-header{height:72px!important;position:sticky!important;top:0;z-index:200!important;background:rgba(12,13,13,.94)!important;color:var(--r-ink)!important;border:0!important;border-bottom:1px solid var(--r-line)!important;box-shadow:none!important;backdrop-filter:blur(16px)}
.header-inner{width:min(calc(100% - (var(--r-gutter) * 2)),var(--r-max))!important;grid-template-columns:1fr auto 1fr!important}
.primary-nav{gap:clamp(18px,2vw,30px)!important}
.primary-nav a{padding:27px 0 25px!important;color:var(--r-text)!important;font-size:14px!important;font-weight:500!important;letter-spacing:.02em!important}
.primary-nav a:after{height:1px!important;bottom:19px!important;background:var(--r-ink)!important}
.primary-nav a:hover,.primary-nav a.active{color:var(--r-ink)!important}
.header-actions,.header-tools{justify-self:end}
.header-cta{display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border:1px solid var(--r-ink);border-radius:2px;color:var(--r-ink);font-size:13px;font-weight:500;line-height:1;transition:.25s var(--ease)}
.header-cta:hover{background:var(--r-ink);color:var(--r-bg)}
.menu-button{border-radius:0!important;color:inherit!important}
.mobile-panel{background:var(--r-bg)!important;color:var(--r-ink)!important;border-color:var(--r-line)!important}
.mobile-panel a{font-size:14px!important;font-weight:500!important;border-color:var(--r-line)!important}
.mobile-panel a:before{content:counter(rnav,decimal-leading-zero);counter-increment:rnav;margin-right:20px;color:var(--r-muted);font:400 11px/1 var(--font-measurement);letter-spacing:.08em}
.mobile-panel{counter-reset:rnav}
body:has(.tabs-shell) .site-header{background:rgba(14,16,15,.94)!important;color:var(--r-night-text)!important;border-color:var(--r-night-line)!important}
body:has(.tabs-shell) .brand,body:has(.tabs-shell) .primary-nav a{color:var(--r-night-text)!important}
body:has(.tabs-shell) .primary-nav a:after{background:var(--r-night-text)!important}
body:has(.tabs-shell) .header-cta{border-color:var(--r-night-text);color:var(--r-night-text)}
body:has(.tabs-shell) .header-cta:hover{background:var(--r-night-text);color:var(--r-night)}
.site-footer{margin-left:0!important;background:var(--r-night)!important;border-color:var(--r-night-line)!important}
body:has(.ai-shell) .site-header{background:rgba(14,16,15,.95)!important;color:var(--r-night-text)!important;border-color:var(--r-night-line)!important}
body:has(.ai-shell) .brand,body:has(.ai-shell) .primary-nav a{color:var(--r-night-text)!important}
body:has(.ai-shell) .primary-nav a:after{background:var(--r-night-text)!important}
.header-cta,.btn,.cta,.compare-link,.device-hero-actions a,.search,.filter-chip,.device-btn,.view-toggle,.view-btn,.freq-card,.active-tag,.page-btn,.modal-card,.meta-box,.knowledge-button,.clear-button,.starter,.bubble,.product-card,.composer,.send,.drawer-close,.kb-search,.category-chip{border-radius:0!important}
.header-cta{border-color:var(--r-text);color:var(--r-ink)}
.header-cta:hover{background:var(--r-bone);color:var(--r-bg)}
body:has(.tabs-shell) .site-header,body:has(.ai-shell) .site-header{background:rgba(12,13,13,.95)!important}
.site-footer{background:var(--r-bg)!important;border-color:var(--r-line)!important}
.primary-nav{gap:16px!important}
.header-cta{display:none}
.site-header{height:64px!important}
body:has(.hero)>.site-header{position:fixed!important;inset:0 0 auto 0;width:100%}
.header-inner{width:calc(100% - 40px)!important;grid-template-columns:minmax(0,1fr) auto!important}
.primary-nav{display:none!important}
.menu-button{display:grid!important}
.mobile-panel{top:64px!important;padding:22px 20px 34px!important}
body:has(.tabs-shell) .mobile-panel,body:has(.ai-shell) .mobile-panel{background:var(--r-night)!important;color:var(--r-night-text)!important;border-color:var(--r-night-line)!important}
/* 12-column frame / navigation */
.site-header{background:rgba(17,17,17,.94)!important}
.header-inner{max-width:1440px!important}
.primary-nav{gap:clamp(14px,1.5vw,24px)!important}
.primary-nav a{font:500 11px/1 var(--font-measurement)!important;letter-spacing:.08em!important}
.header-cta{min-height:auto;padding:7px 0;border:0;border-bottom:1px solid currentColor;border-radius:0;font:500 11px/1 var(--font-measurement);letter-spacing:.08em}
.hero-inner,.home-field-inner,.header-inner{max-width:1600px!important}
.primary-nav{gap:12px!important}
.mobile-panel a{padding:15px 0!important;font:500 12px/1 var(--font-measurement)!important;letter-spacing:.1em}
}

/* Vector wordmark / light architectural header */
.site-header,
body:has(.tabs-shell) .site-header,
body:has(.ai-shell) .site-header{
  background:rgba(243,241,235,.97)!important;
  color:var(--vs-carbon)!important;
  border-bottom:1px solid #D6D4CE!important;
  backdrop-filter:blur(18px)
}
.primary-nav a,
body:has(.tabs-shell) .primary-nav a,
body:has(.ai-shell) .primary-nav a{color:#555751!important}
.primary-nav a:hover,.primary-nav a.active,
body:has(.tabs-shell) .primary-nav a:hover,body:has(.tabs-shell) .primary-nav a.active,
body:has(.ai-shell) .primary-nav a:hover,body:has(.ai-shell) .primary-nav a.active{color:var(--vs-carbon)!important}
.primary-nav a:after,
body:has(.tabs-shell) .primary-nav a:after,
body:has(.ai-shell) .primary-nav a:after{background:var(--vs-carbon)!important}
.header-cta,body:has(.tabs-shell) .header-cta{border-color:var(--vs-carbon)!important;color:var(--vs-carbon)!important}
.header-cta:hover,body:has(.tabs-shell) .header-cta:hover{background:var(--vs-carbon)!important;color:var(--vs-bone)!important}
.menu-button{color:var(--vs-carbon)!important}
.mobile-panel,
body:has(.tabs-shell) .mobile-panel,
body:has(.ai-shell) .mobile-panel{background:var(--vs-bone)!important;color:var(--vs-carbon)!important;border-color:#D6D4CE!important}
.mobile-panel a,
body:has(.tabs-shell) .mobile-panel a,
body:has(.ai-shell) .mobile-panel a{color:var(--vs-carbon)!important;border-color:#D6D4CE!important}
.site-header{box-shadow:none!important}
.menu-button{width:44px!important;height:44px!important;min-width:44px!important}