/* The parts every page shares, so the site looks like one product. Loaded last, on top of each page's own styles. */
body { font-family: Body, system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif; }
.topbar { position: sticky; top: 0; z-index: 30; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; min-height: 66px; margin: 0; padding: 8px max(20px, calc((100vw - 1180px) / 2 + 20px)); background: rgba(12, 11, 16, .82); backdrop-filter: blur(14px); border: 0; border-bottom: 1px solid #2d2b36; }
.logo { display: inline-flex; align-items: center; gap: 9px; width: auto; height: auto; margin: 0; padding: 0; background: none; border-radius: 0; color: #f6f4ee; font: 800 21px/1 Display, sans-serif; letter-spacing: -.03em; text-decoration: none; white-space: nowrap; }
.logo:before { content: ""; width: 26px; height: 26px; border-radius: 8px; background: #ff3d2e url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 6.5v11l9-5.5z'/%3E%3C/svg%3E") center/20px no-repeat; }
.top-nav, .acct-nav { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 20px; font: 600 15px/1.3 Body, sans-serif; }
.top-nav a:not(.btn), .acct-nav a:not(.credits):not(.btn) { color: #aaa7b3; text-decoration: none; }
.top-nav a:not(.btn):hover, .acct-nav a:not(.credits):not(.btn):hover, .acct-nav a[aria-current="page"]:not(.credits) { color: #f6f4ee; }
.acct-nav .credits { padding: 7px 14px; border-radius: 12px; background: #ff3d2e; color: #fff; font-weight: 800; text-decoration: none; }
.btn { border-radius: 12px; font-family: Body, sans-serif; font-weight: 800; }
footer.foot { border-top: 1px solid #2d2b36; padding: 34px 20px 40px; font-size: 14.5px; color: #aaa7b3; }
footer.foot .w { display: flex; flex-wrap: wrap; gap: 10px 22px; justify-content: space-between; width: min(1180px, 100%); margin: 0 auto; }
footer.foot nav { display: flex; flex-wrap: wrap; gap: 6px 16px; }
footer.foot a { color: inherit; }
@media (max-width: 640px) { .topbar { position: static; } .top-nav a.hide { display: none; } }