/* One recognizable masthead on the original homepage and every personal page. */
header.site-header-shared {
  --shell-pixel:'lores-9-narrow',LoRes,'Courier New',monospace;
  display:flex;
  align-items:flex-end;
  gap:22px;
  padding:15px 24px 0;
  min-height:112px;
  background:linear-gradient(#3d308d,#8c67df);
  border:0;
}
header.site-header-shared .brand {
  display:block;
  width:170px;
  flex:0 0 170px;
  padding:0 0 15px;
}
header.site-header-shared .brand img {
  display:block;
  width:100%;
  max-height:90px;
  height:auto;
  object-fit:contain;
}
header.site-header-shared nav {
  display:flex;
  align-self:flex-end;
  flex:1;
  min-width:0;
  gap:2px;
  margin:0;
}
header.site-header-shared nav a {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:1;
  min-width:0;
  min-height:64px;
  padding:13px 7px;
  color:#dccdff;
  font:clamp(19px,2.2vw,32px)/1.3 var(--shell-pixel);
  letter-spacing:2px;
  text-decoration:none;
  background:linear-gradient(#9779ef,#4c349d);
  border:2px solid #ffc4fb;
  border-bottom:0;
  border-radius:12px 12px 0 0;
}
header.site-header-shared nav a.active,
header.site-header-shared nav a:hover {
  background:linear-gradient(#f7b9fc,#e785e8);
  color:#fff;
}
header.site-header-shared .search {
  width:180px;
  flex:0 0 180px;
  padding:0 0 16px;
  margin:0;
  color:#25035b;
  font:17px/1.4 var(--shell-pixel);
  letter-spacing:1px;
}
header.site-header-shared .search span {
  display:flex;
  align-items:stretch;
  background:#4c3092;
  border:2px solid #fff;
  margin-top:7px;
}
header.site-header-shared .search input {
  width:100%;
  min-width:0;
  padding:7px;
  border:0;
  margin:0;
  border-radius:0;
  background:#eee4ff;
  color:#25035b;
  font:12px/1.5 var(--shell-pixel);
}
header.site-header-shared .search b,
header.site-header-shared .search button {
  border:0;
  margin:0;
  padding:0 6px;
  font-size:25px;
  color:#eedbff;
  background:#4c3092;
}
header.site-header-shared :focus-visible {
  outline:3px solid #fff;
  outline-offset:3px;
}
.shared-ticker {
  display:flex;
  justify-content:center;
  gap:24px;
  padding:5px 14px;
  background:linear-gradient(#f7b9fc,#e785e8);
  border-top:2px solid #ffc6fb;
  border-bottom:2px solid white;
  color:#45266e;
  font:11px/1.6 'lores-9-narrow','Courier New',monospace;
  letter-spacing:1px;
}
.download-ribbon{display:flex;justify-content:center;align-items:center;gap:24px;padding:14px 24px;background:linear-gradient(110deg,#d9faff,#ffe0fa 65%,#e9dbff);border-bottom:3px double #ac76cc;color:#44276c}
.download-ribbon-copy{display:grid;gap:3px;min-width:0}
.download-ribbon-copy>strong{font:18px/1.4 'lores-9-narrow','Courier New',monospace;letter-spacing:1px}
.download-ribbon-copy>span{font:13px/1.5 system-ui,sans-serif}
.download-ribbon-links{display:flex;gap:12px}
.download-store{display:grid;gap:2px;min-width:185px;min-height:61px;padding:9px 16px;border:3px double white;border-radius:6px;box-shadow:0 0 0 1px #5c398a,2px 3px #5c398a30;text-decoration:none;color:white;background:linear-gradient(#7454bc,#442575);font-family:system-ui,sans-serif}
.download-store>span{font-size:10px;line-height:1.5}
.download-store>strong{display:flex;justify-content:space-between;gap:12px;font-size:19px;line-height:1.3;white-space:nowrap}
.download-store b{font-size:18px;font-weight:400;color:#f4c9ff}
.download-android{background:linear-gradient(#346f83,#204455)}
.download-store:hover{filter:brightness(1.15);text-decoration:none}
.download-store:focus-visible{outline:3px solid #c1249b;outline-offset:4px}
@media(max-width:760px){.download-ribbon{flex-direction:column;gap:10px;padding:12px 14px}.download-ribbon-copy{text-align:center}.download-ribbon-copy>strong{font-size:16px}.download-ribbon-copy>span{display:none}.download-ribbon-links{width:100%;max-width:440px;gap:10px}.download-store{flex:1;min-width:0;padding:9px 10px}.download-store>strong{font-size:17px;gap:5px}.download-store>span{font-size:9px}}
@media(max-width:1100px) {
  header.site-header-shared {flex-wrap:wrap;justify-content:space-between;gap:14px;padding-top:14px}
  header.site-header-shared .brand {flex-basis:140px;width:140px;padding:0}
  header.site-header-shared .brand img {max-height:72px}
  header.site-header-shared .search {padding:0}
  header.site-header-shared nav {flex-basis:100%;order:3}
  header.site-header-shared nav a {min-height:56px;font-size:22px}
}
@media(max-width:600px) {
  header.site-header-shared {gap:12px;padding:12px 12px 0}
  header.site-header-shared .brand {width:120px;flex-basis:120px}
  header.site-header-shared .brand img {max-height:60px}
  header.site-header-shared .search {width:140px;flex-basis:140px}
  header.site-header-shared nav a {min-height:48px;font-size:clamp(12px,3.4vw,18px);letter-spacing:0;padding:10px 2px;border-radius:8px 8px 0 0}
  .shared-ticker {font-size:9px}
  .shared-ticker span:last-child {display:none}
}
