/* HV_HEADER_SCROLL_V17 */
.hv-shell-v2 .hv16-top-frame {
  position:sticky; top:12px; z-index:40;
  margin-top:12px; padding-inline:32px;
  transform:translateY(0); opacity:1;
  transition:transform .24s cubic-bezier(.2,.7,.2,1),opacity .18s ease;
}
.hv-shell-v2 .hv16-top-frame.hv17-hidden { transform:translateY(calc(-100% - 20px)); opacity:0; pointer-events:none; }
.hv-shell-v2 .hv16-top-frame.hv17-key-focus { transition:none; }
.hv-shell-v2 .hv-top.hv16-top {
  display:flex; align-items:center; justify-content:space-between; gap:20px;
  width:100%; min-height:60px; margin-inline:auto; padding:7px 12px 7px 18px;
  border:1px solid rgba(170,191,218,.34); border-radius:20px;
  background:linear-gradient(120deg,rgba(255,255,255,.28),rgba(242,248,255,.12));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 7px 24px rgba(37,60,92,.04);
  -webkit-backdrop-filter:blur(18px) saturate(155%);
  backdrop-filter:blur(18px) saturate(155%);
}
.hv16-top .hv16-caption { display:flex; flex:1; align-items:center; gap:12px; min-width:0; }
.hv16-glyph {
  display:grid; place-items:center; flex:none; width:34px; height:34px;
  border:1px solid rgba(92,137,202,.14); border-radius:11px;
  background:rgba(77,129,209,.065); color:var(--hv-brand);
}
.hv16-glyph .hv-icon { width:18px; height:18px; }
.hv16-heading { flex:1; min-width:0; }
.hv16-top .hv16-title {
  display:block; overflow:hidden; margin:0; padding:0;
  color:var(--hv-text); font-size:18px; font-weight:650; line-height:1.35;
  letter-spacing:-.025em; white-space:nowrap; text-overflow:ellipsis;
}
.hv16-badge {
  display:block; overflow:hidden; margin-top:1px; color:var(--hv-muted);
  font-size:10px; font-weight:500; line-height:1.3;
  white-space:nowrap; text-overflow:ellipsis;
}
.hv-shell-v2 .hv-top.hv16-top .hv-theme-button {
  flex:none; min-height:44px; height:44px; padding:9px 14px; gap:9px;
  border-radius:13px; border-color:rgba(123,153,194,.23);
  background:rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65);
  -webkit-backdrop-filter:none; backdrop-filter:none;
}
.hv-shell-v2 .hv-top.hv16-top .hv-theme-button::before,
.hv-shell-v2 .hv-top.hv16-top .hv-theme-button::after { content:none; }
.hv-shell-v2 .hv-top.hv16-top .hv-theme-button:hover {
  background:rgba(255,255,255,.42); border-color:rgba(105,143,193,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
}
.hv-shell-v2 .hv-main-content { padding-top:24px; }
.hv-page-head.hv16-page-tools { justify-content:flex-end; margin-bottom:22px; }
.hv-shell-v2 .hv-main-content :where([id]) { scroll-margin-top:100px; }
html[data-theme="dark"] .hv-shell-v2 .hv-top.hv16-top {
  background:linear-gradient(120deg,rgba(28,38,53,.30),rgba(23,32,45,.14));
  border-color:rgba(154,180,215,.18);
  box-shadow:inset 0 1px 0 rgba(216,232,255,.075),0 8px 26px rgba(0,0,0,.15);
}
html[data-theme="dark"] .hv16-glyph {
  color:#a9c7f4; background:rgba(133,175,237,.08); border-color:rgba(147,183,236,.13);
}
html[data-theme="dark"] .hv-shell-v2 .hv-top.hv16-top .hv-theme-button {
  background:rgba(183,210,250,.025); border-color:rgba(164,193,233,.15);
  box-shadow:inset 0 1px 0 rgba(224,238,255,.045);
}
html[data-theme="dark"] .hv-shell-v2 .hv-top.hv16-top .hv-theme-button:hover {
  background:rgba(183,210,250,.075); border-color:rgba(164,193,233,.3);
}
@media (max-width:1023px) {
  .hv-shell-v2 .hv16-top-frame { padding-inline:20px; }
  .hv-shell-v2 .hv-top.hv16-top { padding-left:7px; gap:14px; }
  .hv16-top .hv16-caption { gap:10px; }
  .hv16-top .hv16-glyph { display:none; }
  .hv-shell-v2 .hv-top.hv16-top .hv-menu-button {
    flex:none; width:44px; height:44px; min-height:44px; padding:0;
    border-color:transparent; border-radius:13px; background:transparent;
    box-shadow:none; -webkit-backdrop-filter:none; backdrop-filter:none;
  }
  .hv-shell-v2 .hv-top.hv16-top .hv-menu-button:hover { background:rgba(100,136,187,.1); }
}
@media (max-width:540px) {
  .hv-shell-v2 .hv16-top-frame { top:10px; margin-top:10px; padding-inline:16px; }
  .hv-shell-v2 .hv-top.hv16-top { padding-right:7px; gap:8px; border-radius:18px; }
  .hv16-top .hv16-caption { gap:7px; }
  .hv16-top .hv16-title { font-size:16px; }
  .hv-shell-v2 .hv-top.hv16-top .hv-theme-button { width:44px; min-width:44px; padding:0; }
  .hv-shell-v2 .hv-main-content { padding-top:22px; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .hv-shell-v2 .hv-top.hv16-top { background:rgba(247,250,255,.97); }
  html[data-theme="dark"] .hv-shell-v2 .hv-top.hv16-top { background:rgba(26,35,48,.97); }
}
@media print {
  .hv-shell-v2 .hv16-top-frame { position:static; margin-top:0; padding:0; transform:none!important; opacity:1!important; pointer-events:auto; transition:none!important; }
  .hv-shell-v2 .hv-top.hv16-top { border:0; box-shadow:none; background:transparent; -webkit-backdrop-filter:none; backdrop-filter:none; }
  .hv16-top :is(.hv-menu-button,.hv-theme-button,.hv16-glyph) { display:none!important; }
}
@media (prefers-reduced-motion:reduce) { .hv-shell-v2 .hv16-top-frame { transition:none; } }
