/* One v4 navigation shell for the portal and every business page. */
.site-header, body .platform-site-header.topbar {
  position:fixed; inset:0 0 auto; z-index:50; height:72px; min-height:72px;
  display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px;
  padding:0 clamp(14px,4vw,58px); border:0; background:transparent;
  box-shadow:none; backdrop-filter:none; pointer-events:none; box-sizing:border-box;
}
.site-header .brand-pod,.site-header .nav-pod,.site-header .account-pod {
  pointer-events:auto; display:flex; align-items:center; gap:16px; margin:0;
  min-width:0; height:54px; box-sizing:border-box; border:1px solid rgba(17,18,17,.1);
  border-radius:999px; background:rgba(249,248,245,.94); box-shadow:0 2px 9px rgba(20,20,18,.04);
  backdrop-filter:blur(18px); font-family:"Avenir Next","PingFang SC","Hiragino Sans GB",sans-serif;
}
.site-header .brand-pod { justify-self:start; gap:12px; padding:0 22px; color:#111211; font-size:13px; font-weight:650; text-decoration:none; }
.site-header .brand-seal { display:grid; place-items:center; width:28px; height:28px; border:0; border-radius:50%; }
.site-header .brand-seal img { display:block; width:28px; height:28px; object-fit:contain; border-radius:50%; }
.site-header .nav-pod { position:static; left:auto; transform:none; justify-self:center; padding:0 27px; gap:26px; }
.site-header .nav-pod a { display:flex; align-items:center; height:100%; font-size:13px; color:#6f716d; text-decoration:none; white-space:nowrap; }
.site-header .nav-pod a:hover { color:#111211; }
.site-header .account-pod { justify-self:end; padding:0 5px 0 20px; gap:13px; font-size:13px; }
.site-header .account-pod a,.site-header .account-pod button { font:inherit; white-space:nowrap; text-decoration:none; }
.site-header .account-pod > a:not(.dark) { color:#6f716d; }
.site-header .account-pod .dark { display:inline-flex; align-items:center; min-height:40px; padding:10px 21px; border:0; border-radius:999px; background:#111211; color:#f9f8f5; cursor:pointer; }
.site-header .account-pod:has([data-public-return]):not(:has(.dark:not([hidden]))) { padding-right:20px; }
.site-header :focus-visible { outline:2px solid #53745f; outline-offset:3px; }
.site-header.is-scrolled,body .platform-site-header.topbar.is-scrolled { background:#f9f8f5; }
body.admin-page,body.inbox-app { padding-top:72px; }
.admin-page .admin-intro h1 { font-size:clamp(28px,3vw,40px); line-height:1.25; font-weight:400; letter-spacing:-.04em; }
.admin-page .primary-button,.admin-page .quiet-button { font-weight:500; }
.inbox-app .inbox-nav a { text-decoration:none; }
.inbox-app #uploadMaterials,.inbox-app #reviewMaterials { scroll-margin-top:180px; }
@media(max-width:760px) {
  [id] { scroll-margin-top:136px; }
  .admin-page .admin-resource-title { flex-direction:column; align-items:flex-start; gap:6px; }
  .admin-page .resource-id { max-width:100%; overflow-wrap:anywhere; }
  .site-header,body .platform-site-header.topbar { height:112px; min-height:112px; padding:8px 12px; gap:6px; grid-template-columns:1fr auto; grid-template-areas:"brand account" "nav nav"; }
  .site-header .brand-pod { grid-area:brand; padding:0 14px; }
  .site-header .account-pod { grid-area:account; padding-left:14px; }
  .site-header .nav-pod { grid-area:nav; padding:0 24px; gap:28px; }
  .site-header .brand-pod,.site-header .nav-pod,.site-header .account-pod { height:44px; min-height:44px; }
  .site-header .account-pod .dark { min-height:34px; padding:8px 14px; }
  .site-header .nav-pod a { font-size:12px; }
  .site-header .account-pod > span { display:none; }
  body.admin-page,body.inbox-app { padding-top:112px; }
  #field,#resources,#about,#news,#menu { scroll-margin-top:128px; }
  body.theme-page #themeView { padding-top:120px; }
  body.archive-page #archive { padding-top:148px; }
  #themeView .content-nav { top:112px; }
  #themeView .content-nav-inner { width:100%; min-width:0; padding-left:16px; padding-right:16px; }
  #themeView .content-nav button { flex:1; min-width:0; padding:16px 8px; }
  #themeView .week-panel-header { flex-direction:column; align-items:stretch; gap:16px; }
  #themeView .week-panel-header > div { width:100%; min-width:0; }
  #themeView .week-plan-link { align-self:flex-start; min-width:0; max-width:100%; }
  .inbox-app #message:not(:empty) { top:120px; }
  .inbox-app #uploadMaterials,.inbox-app #reviewMaterials { scroll-margin-top:220px; }
}