/* The club site's header, menus, dateline and search on the game page (build_site.py, from styles.css) */
.gpc-top, .sx-scrim {
  --gold: #97865A;
  --red: #B13634;
  --dark: #1A1613;
  --ink: #0F0E0D;
  --white: #FFFFFF;
  --cream: #F7F5F0;
  --paper: #F4F0E6;

  --bg: var(--paper);
  --fg: var(--ink);
  --pf: rgba(15, 14, 13, 0.22);
  --muted: #5F574C;
  --rule: #D6D0C4;
  --hair: rgba(15, 14, 13, 0.16);
  --rule-strong: var(--ink);
  --card: var(--white);
  --slot: #ECE6D8;
  --tint: rgba(151, 134, 90, 0.16);
  --bar-bg: rgba(244, 240, 230, 0.95);
  --btn-bg: var(--ink);
  --btn-fg: var(--cream);
  --red-text: var(--red);
  --li-text: #0A66C2;
  --chip-line: #8E877B;
  --ink2: #3D3730;

  --sans: "Source Sans 3", "Source Sans 3 fb", "Source Sans Pro", "Helvetica Neue", Arial, sans-serif;
  --serif: "Newsreader", "Newsreader fb", Georgia, "Times New Roman", serif;
  --accent: var(--serif);

  --w: 85rem;
  --gutter: clamp(1rem, 3.2vw, 2.5rem);
  --cg: 1.5rem;
  --sec: clamp(3.25rem, 6vw, 4.75rem);
  --bar-h: 4.75rem;
  --t-fast: 150ms;
  --t: 250ms;
  --t-page: 250ms;
  --t-map: 300ms;
  --t-theme: 300ms;
  --t-slow: 450ms;
  --t-flash: 650ms;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);}
:root[data-theme="dark"] .gpc-top, :root[data-theme="dark"] .sx-scrim {
  --bg: var(--dark);
  --fg: var(--cream);
  --pf: rgba(247, 245, 240, 0.28);
  --muted: #AFA696;
  --rule: #46403A;
  --hair: rgba(247, 245, 240, 0.17);
  --rule-strong: var(--cream);
  --card: #241F1B;
  --slot: #2E2824;
  --tint: rgba(151, 134, 90, 0.22);
  --bar-bg: rgba(26, 22, 19, 0.94);
  --btn-bg: var(--cream);
  --btn-fg: var(--ink);
  --red-text: #E2705F;
  --li-text: #70B5F9;
  --chip-line: #776E63;
  --ink2: #CFC6B4;
  --slot: #2E2824;}
.gpc-top { background: var(--bg); color: var(--fg); font-family: var(--serif); font-size: 1.125rem; line-height: 1.55; text-align: left; }
.gpc-top .bar { position: relative; }
.gpc-top .ctl { line-height: normal; }
.gpc-top svg { display: block; } .gpc-top a { color: inherit; } .gpc-top p { margin: 0; }
.gpc-top *, .gpc-top *::before, .gpc-top *::after { box-sizing: border-box; }
html.pt-out body { opacity: 0; transition: opacity 250ms; }
/* the game page below the header: the site's paper and the site's type for its title */
:root:not([data-theme="dark"]) { --bg: #F4F0E6; }
html[data-own-theme] body { border-top: 0; }
.page > .title h1 { font-family: "Newsreader", Georgia, serif; font-weight: 500; letter-spacing: -0.01em; }
.page > .title p { font: italic 400 1.25rem/1.3 "Newsreader", Georgia, serif; }
@font-face{font-family:"Newsreader";font-weight:300 700;font-style:normal;font-display:swap;src:url("Newsreader-Roman.woff2?v=1") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Newsreader";font-weight:300 700;font-style:normal;font-display:swap;src:url("Newsreader-Roman-ext.woff2?v=1") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Newsreader";font-weight:300 700;font-style:italic;font-display:swap;src:url("Newsreader-Italic.woff2?v=1") format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:"Newsreader";font-weight:300 700;font-style:italic;font-display:swap;src:url("Newsreader-Italic-ext.woff2?v=1") format("woff2");unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:"Newsreader fb";src:local("Georgia");size-adjust:96%;}
@font-face{font-family:"Newsreader fb";font-style:italic;src:local("Georgia Italic");size-adjust:96%;}
.gpc-top html:has(.bar :focus){ scroll-padding-top: 0; }
html.theming .gpc-top .ctl .ic{ transition: transform var(--t-slow) var(--ease), color var(--t-theme) var(--ease), stroke var(--t-theme) var(--ease) !important; }
@media (prefers-reduced-motion: reduce){html.theming .gpc-top .ctl .ic{ transition-duration: 0.01ms !important; }}
.gpc-top .ic{ width: 1.25rem; height: 1.25rem; flex: 0 0 auto; }
.gpc-top .wrap{ width: 100%; max-width: var(--w); margin: 0 auto; padding-left: max(var(--gutter), env(safe-area-inset-left, 0px)); padding-right: max(var(--gutter), env(safe-area-inset-right, 0px)); }
.gpc-top .sr{ position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.gpc-top .button{ display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; font-family: var(--sans); font-weight: 600; font-size: 0.98rem; line-height: 1; min-height: 2.75rem; padding: 0.8rem 1.15rem; text-decoration: none; white-space: normal; max-width: 100%; text-align: center; cursor: pointer; border: 1.5px solid; transition: background-color var(--t-fast) var(--ease), color var(--t-fast) var(--ease), border-color var(--t-fast) var(--ease); }
.gpc-top .button{ background: var(--btn-bg); color: var(--btn-fg); border-color: var(--btn-bg); }
.gpc-top .button:hover{ background: var(--red); border-color: var(--red); color: var(--white); }
.gpc-top .button .ic, .gpc-top .button2 .ic{ width: 1.05rem; height: 1.05rem; }
.gpc-top .more .ic{ width: 0.95rem; height: 0.95rem; }
.gpc-top .bar{ position: sticky; top: 0; z-index: 40; background: var(--bar-bg); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); border-bottom: 1px solid var(--hair); }
.gpc-top .bar .wrap{ display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--cg); align-items: center; min-height: var(--bar-h); }
.gpc-top .brand{ grid-column: 1 / 4; justify-self: start; display: flex; align-items: center; gap: 0.75rem; text-decoration: none; color: inherit; }
.gpc-top .brand:hover{ color: inherit; }
.gpc-top .brand{ --mark: 2.75rem; }
.gpc-top .mark{ width: var(--mark); height: var(--mark); flex: 0 0 auto; }
.gpc-top .brand span{ font-family: var(--serif); font-weight: 500; font-size: 1.4375rem; line-height: calc(var(--mark) - 0.67em); letter-spacing: -0.005em; text-box: trim-both cap alphabetic; }
.gpc-top .brand span b{ display: block; font-weight: 500; }
.gpc-top .nav{ grid-column: 4 / 11; display: flex; gap: 1.5rem; }
.gpc-top .nav a{ display: inline-flex; align-items: center; gap: 0.5rem; min-height: 2.75rem; font-family: var(--sans); font-weight: 600; font-size: 0.75rem; letter-spacing: 0.16em; text-transform: uppercase; text-decoration: none; color: var(--fg); white-space: nowrap; }
.gpc-top .nav a:hover{ color: var(--fg); text-decoration: none; box-shadow: inset 0 -2px 0 var(--fg); }
.gpc-top .nav a[aria-current="page"], .gpc-top .nav a[aria-current="page"]:hover{ box-shadow: inset 0 -2px 0 var(--red-text); }
.gpc-top .tools{ grid-column: 11 / 13; justify-self: end; display: flex; align-items: center; gap: 0.6rem; }
.gpc-top .tools .button{ padding: 0.7rem 1.1rem; white-space: nowrap; gap: 0; background: var(--red); border-color: var(--red); color: var(--white); font-size: 0.75rem; letter-spacing: 0.14em; text-transform: uppercase; }
.gpc-top .tools .button:hover{ background: #8E2826; border-color: #8E2826; }
.gpc-top .ctl{ appearance: none; background: none; border: 1px solid var(--hair); color: var(--fg); font-family: var(--sans); font-weight: 600; font-size: 0.9rem; height: 2.75rem; min-width: 2.75rem; padding: 0 0.6rem; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.gpc-top .ctl:hover{ border-color: var(--fg); }
.gpc-top .ctl .ic{ width: 1.2rem; height: 1.2rem; transition: transform var(--t-slow) var(--ease); }
.gpc-top .ctl.turn .ic{ transform: rotate(180deg); }
:root[data-theme="dark"] .gpc-top .moon{ display: none; }
:root:not([data-theme="dark"]) .gpc-top .sun{ display: none; }
@media (max-width: 77rem){.gpc-top .bar{ position: static; -webkit-backdrop-filter: none; backdrop-filter: none; background: var(--bg); }.gpc-top .bar .wrap{ grid-template-columns: minmax(0, 1fr) auto; row-gap: 0; padding-top: 0.7rem; min-height: 0; }.gpc-top .brand{ grid-column: 1; }.gpc-top .tools{ grid-column: 2; grid-row: 1; gap: 0.5rem; }.gpc-top .nav{ grid-column: 1 / -1; grid-row: 2; margin-top: 0.6rem; border-top: 1px solid var(--hair); gap: 1rem; justify-content: space-between; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }.gpc-top .nav::-webkit-scrollbar{ display: none; }.gpc-top .brand{ --mark: 2.5rem; }.gpc-top .brand span{ font-size: 1.3125rem; }}
@media (max-width: 30rem){.gpc-top .nav{ gap: 0.55rem; }.gpc-top .nav a{ font-size: 0.9rem; }.gpc-top .nav a[aria-current="page"]::before{ width: 0.4rem; height: 0.4rem; }}
@media (max-width: 30rem){.gpc-top .tools .button .long{ display: none; }}
@media (max-width: 23.5rem){.gpc-top .brand{ gap: 0.55rem; --mark: 2.25rem; }.gpc-top .brand span{ font-size: 1.1875rem; }.gpc-top .nav{ gap: 0.1rem 0.9rem; flex-wrap: wrap; justify-content: flex-start; overflow: visible; }}
.gpc-top .nav .dd{ display: inline-flex; }
.gpc-top .nav .dd-t .ic{ width: 0.9rem; height: 0.9rem; margin-left: -0.2rem; transition: transform var(--t-fast) var(--ease); }
html:not(.js) .gpc-top .nav .dd-t .ic, .gpc-top .nav .dd-p{ display: none; }
.gpc-top .nav .dd-t[data-current], .gpc-top .nav button.dd-t[data-current]{ box-shadow: inset 0 -2px 0 var(--red-text); }
.gpc-top .nav button.dd-t{ appearance: none; background: none; border: 0; padding: 0; cursor: pointer; display: inline-flex; align-items: center; gap: 0.45rem; min-height: 2.75rem; font-family: var(--sans); font-weight: 600; font-size: 0.75rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--fg); white-space: nowrap; }
.gpc-top .nav button.dd-t:hover, .gpc-top .nav .dd.open button.dd-t{ box-shadow: inset 0 -2px 0 var(--fg); }
.gpc-top .nav button.dd-t[data-current]:hover, .gpc-top .nav .dd.open button.dd-t[data-current]{ box-shadow: inset 0 -2px 0 var(--red-text); }
.gpc-top .nav .dd.open .dd-t .ic{ transform: rotate(180deg); }
.gpc-top .nav .dd.open .dd-p{ display: block; }
.gpc-top .nav .dd-p{ list-style: none; margin: 0; padding: 0.35rem 0; position: absolute; z-index: 45; min-width: 15rem; background: var(--bg); border: 1px solid var(--fg); box-shadow: 0 14px 30px rgba(15, 14, 13, 0.14); }
:root[data-theme="dark"] .gpc-top .nav .dd-p{ border-color: #3A332C; border-top-color: var(--fg); box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5); }
.gpc-top .nav .dd-p a{ display: flex; align-items: center; gap: 0.6rem; min-height: 2.75rem; padding: 0 1.1rem; font-family: var(--serif); font-weight: 400; font-size: 1.0625rem; letter-spacing: 0; text-transform: none; text-decoration: none; }
.gpc-top .nav .dd-p a[aria-current="page"]{ box-shadow: inset 3px 0 0 var(--red-text); }
.gpc-top .nav .dd-p a:hover, .gpc-top .nav .dd-p a:focus-visible{ background: var(--slot); text-decoration: underline; text-decoration-color: var(--fg); text-underline-offset: 0.25em; }
.gpc-top .nav .dd-p a:focus-visible{ outline-offset: -3px; }
@media (min-width: 77.01rem){.gpc-top .nav .dd{ position: relative; }.gpc-top .nav .dd-p{ top: calc(100% + 0.9rem); left: -1.1rem; }.gpc-top .nav .dd-p::before{ content: ""; position: absolute; left: 0; right: 0; top: -1rem; height: 1rem; }}
@media (max-width: 77rem){.gpc-top .bar .wrap{ position: relative; }.gpc-top .nav .dd-p{ left: var(--gutter); right: var(--gutter); top: 100%; min-width: 0; columns: 2; column-gap: 0; }.gpc-top .nav .dd-p li{ break-inside: avoid; }}
@media (max-width: 30rem){.gpc-top .nav button.dd-t{ font-size: 0.9rem; gap: 0.35rem; }.gpc-top .nav .dd-p{ columns: 1; }.gpc-top .nav .dd-t[data-current]::before{ width: 0.4rem; height: 0.4rem; }}
.gpc-top .jump .ic{ width: 0.95rem; height: 0.95rem; }
.gpc-top .cta-block .button{ transition: background-color var(--t-flash) var(--ease), color var(--t-flash) var(--ease), border-color var(--t-flash) var(--ease), text-decoration-color var(--t-flash) var(--ease); }
.gpc-top .contact.flash .cta-block .button{ background: var(--white); color: var(--red); border-color: var(--white); }
.gpc-top .contact.flash .cta-block .button:hover{ background: var(--ink); color: var(--white); border-color: var(--ink); }
.gpc-top .seat .li-link .ic{ width: 0.95rem; height: 0.95rem; }
.gpc-top footer.foot .wrap{ padding-bottom: 2rem; }
.gpc-top .flag .x .ic{ width: 1rem; height: 1rem; }
.gpc-top .flag .row a .ic{ width: 0.9rem; height: 0.9rem; }
.gpc-top .map-ctl .ic{ width: 1.1rem; height: 1.1rem; }
.gpc-top .map-overlay .top .ctl{ color: var(--cream); opacity: 1; }
.gpc-top .listbar .chip .ic{ width: 0.95rem; height: 0.95rem; }
.gpc-top .wipe-label .ic{ width: 1.6em; height: 1.6em; }
@media (max-width: 40rem){.gpc-top .joinbar .button{ flex: 1; margin-right: 3.6rem; }}
.gpc-top .toast .ic{ width: 1.05rem; height: 1.05rem; color: var(--gold); }
@media print{.gpc-top .bar .tools{ display: none !important; }.gpc-top .bar{ position: static; background: none; border-bottom: 1px solid #000; }}
.gpc-top .gl-field .ic{ width: 1.05rem; height: 1.05rem; color: var(--muted); }
.gpc-top .gl-used a .ic{ display: inline-block; width: 0.85rem; height: 0.85rem; margin-left: 0.3rem; vertical-align: -0.08em; color: var(--muted); }
html.js .gpc-top .bar .tools:not(.sx-ready)::before{ content: ""; flex: 0 0 auto; width: 2.75rem; height: 2.75rem; }
.gpc-top .sx-btn .ic{ width: 1.15rem; height: 1.15rem; }
.gpc-top .sx-btn[aria-expanded="true"]{ border-color: var(--fg); background: var(--tint); }
@media (max-width: 25.5rem){html.js .gpc-top .bar .tools .button .long{ display: none; }}
@media (max-width: 23.5rem){html.js .gpc-top .bar .tools{ gap: 0.3rem; }html.js .gpc-top .bar .tools .button{ padding-left: 0.75rem; padding-right: 0.75rem; }}
@media print{.gpc-top .sx-panel, .sx-scrim{ display: none !important; }}
.sx-scrim{ position: fixed; inset: 0; z-index: 39; background: rgba(15, 14, 13, 0.28); opacity: 0; transition: opacity var(--t) var(--ease); }
.sx-scrim.on{ opacity: 1; }
.sx-scrim[hidden]{ display: none; }
:root[data-theme="dark"] .gpc-top .sx-scrim{ background: rgba(0, 0, 0, 0.5); }
.gpc-top .sx-panel{
  position: absolute; top: 100%; z-index: 1;
  right: calc(max(0px, (100% - var(--w)) / 2) + max(var(--gutter), env(safe-area-inset-right, 0px)));
  width: min(40rem, calc(100% - 2 * var(--gutter)));
  max-height: calc(100vh - var(--bar-h) - 2.5rem); max-height: calc(100dvh - var(--bar-h) - 2.5rem);
  display: flex; flex-direction: column;
  background: var(--bg); color: var(--fg);
  border: 1px solid var(--rule); border-top: 2px solid var(--rule-strong);
  opacity: 0; transform: translateY(-0.35rem);
  transition: opacity var(--t-fast) var(--ease), transform var(--t) var(--ease);
}
.gpc-top .sx-panel.on{ opacity: 1; transform: none; }
.gpc-top .sx-panel[hidden]{ display: none; }
.gpc-top .sx-head{ display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem; border-bottom: 1px solid var(--hair); flex: 0 0 auto; }
.gpc-top .sx-field{ flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 0.55rem; height: 2.75rem; padding: 0 0.7rem; border: 1px solid var(--chip-line); background: var(--card); }
.gpc-top .sx-field:focus-within{ border-color: var(--fg); outline: 3px solid var(--fg); outline-offset: 2px; }
.gpc-top .sx-field .ic{ width: 1.1rem; height: 1.1rem; color: var(--muted); }
.gpc-top .sx-in{ flex: 1 1 auto; min-width: 0; height: 100%; appearance: none; -webkit-appearance: none; border: 0; border-radius: 0; background: transparent; color: var(--fg); font-family: var(--sans); font-weight: 400; font-size: 1.0625rem; padding: 0; }
.gpc-top .sx-in:focus{ outline: none; }
.gpc-top .sx-in::placeholder{ color: var(--muted); opacity: 1; }
.gpc-top .sx-in::-webkit-search-cancel-button, .gpc-top .sx-in::-webkit-search-decoration{ -webkit-appearance: none; appearance: none; }
.gpc-top .sx-x{ flex: 0 0 auto; }
.gpc-top .sx-body{ flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 0 0 0.5rem; }
.gpc-top .sx-g + .sx-g{ border-top: 1px solid var(--hair); }
.gpc-top .sx-gh{ display: flex; align-items: center; gap: 0.5rem; padding: 0.85rem 1rem 0.35rem; font-family: var(--sans); font-weight: 600; font-size: 0.6875rem; line-height: 1.3; letter-spacing: 0.14em; text-transform: uppercase; color: var(--red-text); }
.gpc-top .sx-gh::before{ content: ""; width: 0.45rem; height: 0.45rem; background: var(--red); flex: 0 0 auto; }
.gpc-top .sx-gh .n{ color: var(--muted); letter-spacing: 0.04em; }
.gpc-top .sx-o{ display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 0.75rem; padding: 0.55rem 1rem 0.6rem calc(1rem - 3px); border-left: 3px solid transparent; color: var(--fg); text-decoration: none; cursor: pointer; }
.gpc-top .sx-o:hover{ background: var(--tint); color: var(--fg); }
.gpc-top .sx-o[aria-selected="true"]{ background: var(--tint); border-left-color: var(--red); outline: 2px solid var(--fg); outline-offset: -2px; }
.gpc-top .sx-o > span:not(.sx-go){ grid-column: 1; min-width: 0; overflow-wrap: anywhere; }
.gpc-top .sx-t{ font-family: var(--sans); font-weight: 600; font-size: 1rem; line-height: 1.3; }
.gpc-top .sx-m{ font-family: var(--sans); font-size: 0.8rem; line-height: 1.4; color: var(--muted); margin-top: 0.1rem; }
.gpc-top .sx-s{ font-family: var(--serif); font-size: 0.88rem; line-height: 1.45; color: var(--fg); opacity: 0.86; margin-top: 0.2rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; }
.gpc-top .sx-kw{ font-family: var(--sans); font-size: 0.78rem; color: var(--muted); margin-top: 0.25rem; }
.gpc-top .sx-go{ grid-column: 2; grid-row: 1 / span 4; align-self: center; color: var(--muted); }
.gpc-top .sx-go .ic{ width: 1rem; height: 1rem; }
.gpc-top .sx-o:hover .sx-go, .gpc-top .sx-o[aria-selected="true"] .sx-go{ color: var(--fg); }
.gpc-top mark.sx-k{ background: rgba(151, 134, 90, 0.34); color: inherit; padding: 0 0.04em; }
:root[data-theme="dark"] .gpc-top mark.sx-k{ background: rgba(151, 134, 90, 0.48); }
.gpc-top .sx-empty{ padding: 1rem 1rem 0.25rem; font-family: var(--sans); font-size: 0.95rem; color: var(--muted); }
.gpc-top .sx-more{ padding: 0.3rem 1rem 0.5rem; font-family: var(--sans); font-size: 0.8rem; color: var(--muted); }
.gpc-top .sx-foot{ flex: 0 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 1.1rem; padding: 0.6rem 1rem; border-top: 1px solid var(--hair); font-family: var(--sans); font-size: 0.78rem; color: var(--muted); }
.gpc-top .sx-foot .r{ margin-left: auto; }
.gpc-top .sx-foot kbd{ display: inline-block; min-width: 1.35rem; margin-right: 0.3rem; padding: 0.05rem 0.35rem; border: 1px solid var(--chip-line); font-family: var(--sans); font-weight: 600; font-size: 0.72rem; line-height: 1.35; text-align: center; color: var(--fg); }
.gpc-top .sx-foot kbd + kbd{ margin-left: -0.1rem; }
@media (max-width: 62rem){.gpc-top .sx-panel{ position: fixed; inset: 0; z-index: 65; width: auto; max-height: none; border: 0; border-top: 3px solid var(--red); padding-top: env(safe-area-inset-top, 0px); padding-bottom: env(safe-area-inset-bottom, 0px); transform: none; }.gpc-top .sx-head{ padding: 0.7rem max(var(--gutter), env(safe-area-inset-right, 0px)) 0.7rem max(var(--gutter), env(safe-area-inset-left, 0px)); }.gpc-top .sx-gh{ padding-left: var(--gutter); padding-right: var(--gutter); }.gpc-top .sx-o{ padding-left: calc(var(--gutter) - 3px); padding-right: var(--gutter); }.gpc-top .sx-empty, .gpc-top .sx-more{ padding-left: var(--gutter); padding-right: var(--gutter); }.gpc-top .sx-foot, .sx-scrim{ display: none; }}
.gpc-top .brand b{ white-space: nowrap; }
@media (max-width: 23.5rem){html.js .gpc-top .bar .tools .ctl{ width: 2.5rem; height: 2.5rem; }html.js .gpc-top .bar .tools::before{ width: 2.5rem; height: 2.5rem; }}
.gpc-top .tl-foot a .ic{ width: 0.9rem; height: 0.9rem; }
.gpc-top .gstrip .gs-go .ic{ width: 0.95rem; height: 0.95rem; }
.gpc-top .st-signin .button .ic{ width: 1.05rem; height: 1.05rem; margin-right: 0.5rem; }
.gpc-top .st-chart .bar{ fill: var(--red); }
:root[data-theme="dark"] .gpc-top .st-chart .bar{ fill: var(--red-text); }
.gpc-top .dfb-go .ic{ width: 1rem; height: 1rem; transition: transform var(--t-fast) var(--ease); }
.gpc-top .dfb:hover .dfb-go .ic{ transform: translateX(3px); }
@media (max-width: 30rem){.gpc-top .nav{ flex-wrap: wrap; justify-content: flex-start; overflow: visible; gap: 0.1rem 0.9rem; }}
@media (max-width: 77rem){.gpc-top .nav .dd.open .dd-p{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); columns: auto; }}
@media (max-width: 30rem){.gpc-top .nav .dd.open .dd-p{ grid-template-columns: 1fr; }}
.gpc-top .dateline{ display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; column-gap: 1rem; border-top: 3px double var(--fg); border-bottom: 1px solid var(--rule); padding: 0.6rem 0; font-family: var(--sans); font-weight: 600; font-size: 0.6875rem; line-height: 1.3; letter-spacing: 0.16em; text-transform: uppercase; font-variant-numeric: tabular-nums; }
.gpc-top .dateline .dl-tag{ text-align: right; }
.gpc-top .dateline .dl-short{ display: none; }
.gpc-top .bar{ border-bottom: 0; }
@media (max-width: 77rem){.gpc-top .dl-w{ margin-top: 0.4rem; }}
@media (max-width: 56rem){.gpc-top .dateline{ grid-template-columns: minmax(0, 1fr) auto; }.gpc-top .dateline .dl-tag{ display: none; }.gpc-top .dateline .dl-issue{ text-align: right; }}
@media (max-width: 30rem){.gpc-top .dateline .dl-long{ display: none; }.gpc-top .dateline .dl-short{ display: inline; }.gpc-top .dateline{ letter-spacing: 0.1em; }}
.gpc-top .read .ic{ width: 0.9rem; height: 0.9rem; }