/* One header on every route. Scoped rules also isolate it from game resets. */
.site-header.wrap {
  display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;
  width:min(var(--page-width,1280px),calc(100% - var(--page-gutter,40px)*2));height:auto;min-height:90px;
  margin:0 auto;padding:18px 0;gap:22px;border-bottom:1px solid var(--line);
  font-family:var(--body);font-size:13px;line-height:1.4;color:var(--ink);
}
.site-header .wordmark {display:flex;align-items:center;gap:7px;margin:0;padding:0;font-size:30px;line-height:1;letter-spacing:-1.6px;white-space:nowrap}
.site-header .brand-flower {position:relative;isolation:isolate;font-size:40px;color:var(--ink)}
.site-header .brand-flower::before {content:"";position:absolute;inset:1px -2px;z-index:-1;background:var(--lime);border-radius:11px;transform:rotate(-8deg)}
.site-header .primary-nav {display:flex;align-items:center;justify-content:flex-end;gap:4px;order:0;width:auto;height:auto;min-height:0;margin:0;padding:0;border:0;overflow:visible;font-size:13px;font-weight:600;line-height:1.4}
.site-header .primary-nav a {display:flex;align-items:center;justify-content:center;min-height:44px;padding:11px 13px;border-radius:30px;margin:0;white-space:nowrap;text-decoration:none;color:var(--ink);font-size:inherit;font-weight:600;line-height:1.4}
.site-header .primary-nav a::after {display:none}
.site-header .primary-nav a:hover {background:#eaeede}
.site-header .primary-nav a[aria-current=page] {background:var(--lime);box-shadow:inset 0 0 0 1px #173d3514}
.site-header [data-language-control] {margin:0}
.site-header .language-picker {display:flex;align-items:center;margin:0;padding:0;gap:0}
.site-header .language-picker>span {display:none}
.site-header .language-picker select {appearance:none;box-sizing:border-box;font:inherit;font-size:13px;line-height:1.4;width:113px;max-width:none;height:44px;min-height:44px;margin:0;padding:8px 22px 8px 9px;border:1px solid var(--line);border-radius:9px;color:var(--ink);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m2 2 4 4 4-4' fill='none' stroke='%23173d35' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 7px center;cursor:pointer}
.site-header .saved-nav {display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:58px;margin:0;padding:8px 0 8px 15px;background:none;border:0;border-left:1px solid var(--line);border-radius:0;color:var(--ink);text-decoration:none}
.site-header .saved-nav>span {display:none}
.site-header .saved-nav svg {width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
.site-header .saved-nav[aria-pressed=true] svg {fill:var(--ink)}
.site-header .saved-nav b {display:flex;align-items:center;justify-content:center;min-width:21px;width:auto;flex-shrink:0;height:21px;padding:0 5px;border-radius:50px;background:var(--purple);font:600 11px/1.2 var(--body)}
.site-header a:focus-visible,.site-header select:focus-visible {outline:3px solid #7855b8;outline-offset:3px}
@media(max-width:1200px){.site-header.wrap {gap:14px}.site-header .primary-nav a {padding-inline:9px}}
@media(max-width:1150px){
  .site-header.wrap {grid-template-columns:1fr auto auto;gap:12px 14px;padding:18px 0 8px}
  .site-header .primary-nav {grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(6,minmax(max-content,1fr));gap:6px}
  .site-header .primary-nav a {padding:10px 4px;min-height:44px}
  .site-header .language-picker select {font-size:16px;width:128px}
}
@media(max-width:600px){
  .site-header.wrap {width:calc(100% - 32px);padding:14px 0 8px;gap:12px 8px}
  .site-header .wordmark {font-size:24px;gap:5px;letter-spacing:-1.3px}
  .site-header .brand-flower {font-size:31px}
  .site-header .primary-nav {grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;font-size:13px}
  .site-header .primary-nav a {padding:10px 2px}
  .site-header .saved-nav {min-width:44px;padding:8px 0;border:0;gap:4px}
  .site-header .language-picker select {width:121px;padding-left:6px}
}
@media(max-width:360px){
  .site-header.wrap {column-gap:4px}
  .site-header .wordmark {font-size:18px;gap:3px}.site-header .brand-flower {font-size:24px}
  .site-header .language-picker select {width:117px}
  .site-header .primary-nav {font-size:11px}
}