/* One top bar for both public documents; page styles cannot change its metrics. */
.site-header{--header-h:80px;--gutter:clamp(24px,4vw,80px);--container:1400px;position:sticky;top:0;z-index:40;background:#fff;color:var(--ink);font:400 17px/1.6 var(--sans);letter-spacing:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;view-transition-name:public-header}
.site-header .header-inner{display:flex;align-items:center;gap:24px;width:min(calc(100% - var(--gutter)*2),var(--container));max-width:var(--container);height:var(--header-h);margin-inline:auto;padding-inline:0}
.site-header .brand{display:inline-flex;align-items:center;gap:12px;color:inherit;font:500 20px/1.6 var(--sans);letter-spacing:.035em;text-decoration:none;white-space:nowrap}
.site-header .brand .mark{display:block;flex:none;width:40px;height:40px;background:url('/assets/mark.svg') center/contain no-repeat}
.site-header .header-actions{margin-left:auto;display:flex;align-items:center;gap:28px}
.site-header .persistent-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;align-items:center;gap:10px}
.site-header .persistent-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;min-width:0;height:42px;padding:0 18px;border:1px solid transparent;border-radius:0;box-shadow:none;font:500 14px/1 var(--sans);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s}
.site-header .btn-primary{background:var(--ink);color:#fff}.site-header .btn-primary:hover{background:var(--ink-hover)}
.site-header .persistent-actions .btn-secondary{background:#fff;color:var(--ink);border-color:var(--line-2)}.site-header .persistent-actions .btn-secondary:hover{background:#faf8fc;border-color:#cdc2d8}
.site-header .btn .i{display:block;flex:none;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}.site-header .btn:hover .i{transform:translateX(2px)}
@media(max-width:1199px){.site-header .header-actions{gap:16px}}
@media(max-width:767px){.site-header{--header-h:76px;--gutter:24px}.site-header .brand{gap:8px;min-height:44px}.site-header .brand .mark{width:34px;height:34px}.site-header .header-actions{gap:12px}.site-header .persistent-actions{gap:0}.site-header .persistent-actions .btn{min-width:104px;height:44px;padding-inline:16px;font-size:13px}.site-header .persistent-actions [data-link='apply'],.site-header .btn .i{display:none}}
@media(max-width:480px){.site-header{--gutter:20px}.site-header .brand-name{display:none}.site-header .header-inner{gap:10px}.site-header .header-actions{gap:8px}}
/* Keep the shared header painted across native same-origin page navigation. */
@view-transition{navigation:auto}
::view-transition-group(root),::view-transition-group(public-header){animation:none}
::view-transition-old(root),::view-transition-new(root),::view-transition-old(public-header),::view-transition-new(public-header){animation:none;mix-blend-mode:normal}
::view-transition-old(root),::view-transition-old(public-header){opacity:0}