.site-header{z-index:50;background:color-mix(in srgb, var(--md-surface) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--md-outline-variant);justify-content:space-between;align-items:center;gap:16px;padding:8px clamp(18px,3.4vw,40px);display:flex;position:sticky;top:0}.site-header--screen{top:var(--screen-pad-top);left:var(--screen-pad-x);z-index:2;height:var(--tap);-webkit-backdrop-filter:none;background:0 0;border-bottom:none;gap:0;padding:0;position:absolute}.site-header--screen .site-nav{display:none}.site-nav a[aria-current=page]{color:var(--md-on-surface);text-decoration-thickness:2px}.site-logo{min-height:var(--tap);align-items:center;gap:12px;display:inline-flex}.site-logo-mark{border-radius:var(--md-corner-md);background:var(--md-primary);width:36px;height:36px;color:var(--md-on-primary);font-family:var(--md-typeface-brand);font-size:var(--md-label-large-size);font-weight:var(--md-weight-medium);letter-spacing:.02em;place-items:center;line-height:1;display:grid}.site-logo-text{font-family:var(--md-typeface-brand);font-size:var(--md-title-large-size);line-height:var(--md-title-large-lh);letter-spacing:var(--md-title-large-track);font-weight:var(--md-weight-medium);color:var(--md-on-surface);flex-wrap:wrap;align-items:baseline;gap:2px 12px;display:flex}.site-logo-role{font-family:var(--md-typeface-plain);font-size:var(--md-label-large-size);line-height:var(--md-label-large-lh);letter-spacing:var(--md-label-large-track);font-weight:var(--md-weight-regular);color:var(--md-on-surface-variant)}.site-nav{align-items:center;gap:clamp(14px,2.4vw,28px);display:flex}.site-nav a{min-height:var(--tap);font-size:var(--md-label-large-size);line-height:var(--md-label-large-lh);letter-spacing:var(--md-label-large-track);font-weight:var(--md-weight-medium);color:var(--md-primary);align-items:center;padding:0 4px;display:inline-flex}@media (min-width:861px) and (max-width:1100px){.site-header--screen .site-logo-role{display:none}}@media (max-width:860px){.site-header--screen{height:auto;padding:8px clamp(18px,3.4vw,40px);position:static}.site-header--screen .site-nav{display:flex}}@media (max-width:600px){.site-logo-role{display:none}}
.site-footer{border-top:1px solid var(--md-outline-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px clamp(18px,3.4vw,40px);display:flex}.site-footer--screen{border-top:none;padding:0 clamp(18px,3.4vw,40px) 10px}.site-footer-copy{font-size:var(--md-body-medium-size);line-height:var(--md-body-medium-lh);letter-spacing:var(--md-body-medium-track);color:var(--md-on-surface-variant);margin:0}.site-footer-note{font-size:var(--md-label-medium-size);line-height:var(--md-label-medium-lh);letter-spacing:.06em;text-transform:uppercase;color:var(--md-on-surface-variant);margin:0}.site-footer-nav{flex-wrap:wrap;order:1;gap:4px 20px;display:flex}.site-footer-nav a{min-height:var(--tap);font-size:var(--md-body-medium-size);color:var(--md-on-surface-variant);align-items:center;display:inline-flex}.site-footer-nav a:hover{color:var(--md-on-surface)}@media (max-width:600px){.site-footer{flex-direction:column;align-items:flex-start;gap:4px}.site-footer-nav{order:0;gap:4px 16px}}
