[data-cw-header-source] { display: none !important; }

.cw-site-header {
  --cw-header-bg: var(--cw-color-surface, #fff);
  --cw-header-text: var(--cw-color-text, #182335);
  --cw-header-muted: var(--cw-color-text-secondary, #5f6b7d);
  --cw-header-border: var(--cw-color-border-decorative, #dce3ec);
  --cw-header-outline: var(--cw-color-border-input, #76879e);
  --cw-header-accent: var(--cw-color-primary, #2563eb);
  --cw-header-hover: var(--cw-color-selection-surface, #eaf1ff);
  position: relative;
  z-index: 40;
  isolation: isolate;
  color: var(--cw-header-text);
  background: var(--cw-header-bg);
  border-block-end: 1px solid var(--cw-header-border);
  font: 600 14px/1.35 Manrope, system-ui, sans-serif;
}

.cw-site-header[data-appearance="dark"] {
  --cw-header-bg: #1d1d1d;
  --cw-header-text: #f2f2f2;
  --cw-header-muted: #bdbdbd;
  --cw-header-border: #3d3d3d;
  --cw-header-outline: #7a7a7a;
  --cw-header-accent: #8ab4ff;
  --cw-header-hover: #292929;
  color-scheme: dark;
}

.cw-site-header__row {
  box-sizing: border-box;
  width: min(1320px, calc(100% - 2 * clamp(16px, 3vw, 32px)));
  min-height: 84px;
  margin-inline: auto;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
}

.cw-site-header a { color: inherit; text-decoration: none; }
.cw-site-header button, .cw-site-header summary { font: inherit; }
.cw-site-header :is(a, button, summary):focus-visible { outline: 2px solid var(--cw-header-accent); outline-offset: 3px; }

.cw-site-header__brand { display: inline-flex; align-items: center; gap: 10px; width: fit-content; min-width: 0; }
.cw-site-header__brand img { display: block; width: 38px; height: 38px; object-fit: contain; flex: none; }
.cw-site-header__brand strong { display: block; font-size: 24px; line-height: 1.08; font-weight: 800; letter-spacing: -.035em; }
.cw-site-header__brand small { display: block; margin-top: 3px; color: var(--cw-header-muted); font-size: 10px; font-weight: 600; letter-spacing: .055em; }

.cw-site-header__nav { display: flex; align-items: center; gap: clamp(12px, 2vw, 28px); position: relative; justify-self: start; }
.cw-site-header__nav > details { margin: 0; padding: 0; border: 0; background: none; position: static; }
.cw-site-header__nav > a, .cw-site-header__nav summary { display: flex; align-items: center; min-height: 44px; gap: 7px; white-space: nowrap; cursor: pointer; }
.cw-site-header__nav summary { list-style: none; }
.cw-site-header__nav summary::-webkit-details-marker { display: none; }
.cw-site-header__nav summary svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.cw-site-header__nav details[open] summary svg { transform: rotate(180deg); }
.cw-site-header__nav > a:hover, .cw-site-header__nav summary:hover, .cw-site-header__nav [data-current] > summary,
.cw-site-header__nav > a[aria-current="page"] { color: var(--cw-header-accent); }

.cw-site-header__panel {
  box-sizing: border-box;
  position: absolute;
  inset: calc(100% + 12px) auto auto 0;
  width: min(42rem, 56vw);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  padding: 16px;
  border: 1px solid var(--cw-header-border);
  border-radius: 12px;
  background: var(--cw-header-bg);
  box-shadow: 0 8px 24px #0002;
}

.cw-site-header__panel a { display: flex; flex-direction: column; justify-content: center; gap: 4px; min-height: 44px; padding: 11px 12px; border-radius: 8px; }
.cw-site-header__panel a:is(:hover,[aria-current="page"]) { background: var(--cw-header-hover); }
.cw-site-header__panel a span { color: var(--cw-header-muted); font-size: .75rem; line-height: 1.45; }
.cw-site-header__tools { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }

.cw-site-header__access, .cw-site-header__icon {
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-height: 44px;
  min-width: 44px;
  margin: 0;
  border: 1px solid var(--cw-header-outline);
  border-radius: 8px;
  background: var(--cw-header-bg);
  color: var(--cw-header-text);
  cursor: pointer;
}

.cw-site-header__icon { width: 44px; padding: 0; }
.cw-site-header__icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; }
.cw-site-header__access { gap: 6px; padding-inline: 12px; white-space: nowrap; }
.cw-site-header__access::after { content: '↗'; font-size: .78em; }
.cw-site-header__access:hover, .cw-site-header__icon:hover { background: var(--cw-header-hover); }
.cw-site-header__menu { display: none; }

@media (max-width: 1060px) {
  .cw-site-header__row { grid-template-columns: 1fr auto auto; min-height: 72px; padding-block: 10px; gap: 8px 12px; }
  .cw-site-header__menu { display: inline-flex; justify-self: end; }
  .cw-site-header__nav { display: none; grid-column: 1 / -1; grid-row: 2; width: 100%; align-items: stretch; gap: 3px; padding-block: 8px; border-block-start: 1px solid var(--cw-header-border); }
  .cw-site-header__menu[aria-expanded="true"] + .cw-site-header__nav { display: flex; flex-direction: column; }
  .cw-site-header__nav summary { justify-content: space-between; }
  .cw-site-header__panel { position: static; width: 100%; padding: 8px; margin-block-end: 5px; box-shadow: none; }
}

@media (max-width: 580px) {
  .cw-site-header__row { grid-template-columns: minmax(0,1fr) auto; }
  .cw-site-header__brand strong { font-size: 20px; }
  .cw-site-header__tools { grid-column: 1 / -1; grid-row: 2; }
  .cw-site-header__nav { grid-row: 3; }
  .cw-site-header__panel { grid-template-columns: minmax(0,1fr); }
}