.betaNotice {
  width: 100%;
  background: #fff7e8;
  border-top: 1px solid #e5c89d;
  border-bottom: 1px solid #e5c89d;
  color: #1d2823;
}

.betaNoticeInner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  padding-top: 18px;
  padding-bottom: 18px;
}

.betaNoticeLabel {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 104px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #b8734a;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.betaNoticeCopy {
  font-size: 0.95rem;
  line-height: 1.55;
}

.betaNoticeCopy strong {
  display: block;
  margin: 0 0 4px;
  color: #23322c;
  font-size: 1rem;
}

.betaNoticeCopy p {
  margin: 4px 0 0;
}

.betaNoticeCopy a {
  color: #7a472e;
  font-weight: 800;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.betaNoticeCopy a:hover,
.betaNoticeCopy a:focus-visible {
  color: #23322c;
}

@media (max-width: 700px) {
  .betaNoticeInner {
    grid-template-columns: 1fr;
    gap: 10px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .betaNoticeLabel {
    justify-self: start;
  }
  .betaNoticeCopy {
    font-size: 0.9rem;
  }
}

/* The view switcher: the same segmented pill control the diary uses for Cards, List and Map. */
.localResultsNav {display:flex!important;position:static!important;flex-wrap:wrap;justify-content:center;gap:0;padding:18px 0 4px!important;width:min(1160px,calc(100% - 48px))!important}

.localResultsNav button {min-height:40px;margin:0;padding:0 16px!important;border:1px solid #cfd4d0;border-left-width:0;border-radius:0;background:#fff;color:#23322c!important;font-size:.8rem!important;font-weight:700;letter-spacing:0;text-transform:none;box-shadow:none}

.localResultsNav button:first-child {border-left-width:1px;border-radius:10px 0 0 10px}

.localResultsNav button:last-child {border-radius:0 10px 10px 0}

.localResultsNav button::before, .localResultsNav button::after {content:none!important;display:none!important}

.localResultsNav button:hover {background:#f1f3f0;color:#23322c!important}

.localResultsNav button.active, .localResultsNav button.active:hover {background:#23322c;border-color:#23322c;color:#fff!important}

body[data-results-view="summary"] .localResultsNav {display:none!important}

.summaryNavigation {display:grid;grid-template-columns:repeat(4,1fr);align-items:start;gap:12px;margin:18px 0}

.summaryNavigation>div {min-width:0}

.summaryNavigation p {margin:12px 0 0;color:#4f5e55;font-size:.88rem;font-weight:400;line-height:1.55;white-space:normal}

@media(max-width:900px) {
  .summaryNavigation {grid-template-columns:repeat(2,minmax(0,1fr))}
}

.summaryNavigation a {display:flex;align-items:center;justify-content:center;min-height:54px;padding:14px;background:#23322c;color:#fff;border-radius:10px;font-weight:800}

.summaryNavigation a:focus-visible,.localResultsNav button:focus-visible {outline:3px solid #b8734a;outline-offset:3px}

#moreArchers {display:block;margin:24px auto;min-height:44px}

#moreArchers[hidden] {display:none}

@media(max-width:620px) {
  .summaryNavigation {grid-template-columns:repeat(2,1fr)}
  .localResultsNav {gap:6px;width:calc(100% - 28px)!important}
  .localResultsNav button {flex:1 1 auto;min-height:44px;padding:0 10px!important;border-left-width:1px;border-radius:10px!important;font-size:.78rem!important}
}

.view h1:focus {outline:none}

/* The view buttons stay hidden until the application has chosen a view, so they never flash on the Summary page while scripts load. */
body:not([data-results-view]) .localResultsNav { display: none !important; }

/* The View tournament results button on each tournament card is heritage green, like the diary's Directions and details buttons. */
#tournamentGrid .eventActions .cardAction.primaryLink {background:#23322c !important;border-color:#23322c !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
#tournamentGrid .eventActions .cardAction.primaryLink:hover, #tournamentGrid .eventActions .cardAction.primaryLink:focus-visible {background:#1f3a30 !important;border-color:#1f3a30 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}

/* The summary page's Coverage, Sources and Verification tiles share the heritage green information card look. */
.summaryInfo {gap:12px !important}
.summaryInfo>div {background:#23322c !important;border:1px solid #ffffff29 !important;border-radius:12px !important;padding:18px 20px !important;color:#d9e0dc !important;box-shadow:none !important}
.summaryInfo span {color:#e0a47e !important}
.summaryInfo strong {color:#fff !important}

/* The Open archer profile button on each archer card is heritage green, like View tournament results. */
#archerGrid .eventActions .cardAction.primaryLink {background:#23322c !important;border-color:#23322c !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
#archerGrid .eventActions .cardAction.primaryLink:hover, #archerGrid .eventActions .cardAction.primaryLink:focus-visible {background:#1f3a30 !important;border-color:#1f3a30 !important;color:#fff !important;-webkit-text-fill-color:#fff !important}

/* Archer profile score chart: one quarter or one year at a time, at the full width of its box. */
.scoreChartHost {width:100%;padding:18px 20px !important}
.scoreChart {width:100%;min-width:0}
.scoreChartControls {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;margin-bottom:12px}
.scoreChartMode {display:inline-flex;border:1px solid #cfd4d0;border-radius:10px;overflow:hidden;background:#fff}
#archerProfilePage .scoreChart button span, #archerGrid .scoreChart button span {color:inherit !important;-webkit-text-fill-color:currentColor !important}
#archerProfilePage .scoreChartMode button, #archerGrid .scoreChartMode button {min-height:38px;margin:0;padding:0 14px;border:0;border-radius:0;background:#fff !important;color:#36423d !important;-webkit-text-fill-color:#36423d !important;font:inherit;font-size:.8rem;font-weight:700;cursor:pointer;box-shadow:none}
#archerProfilePage .scoreChartMode button + button, #archerGrid .scoreChartMode button + button {border-left:1px solid #cfd4d0}
#archerProfilePage .scoreChartMode button[aria-pressed="true"], #archerGrid .scoreChartMode button[aria-pressed="true"] {background:#23322c !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
.scoreChartNav {display:flex;align-items:center;gap:10px}
.scoreChartNav strong {min-width:12ch;text-align:center;font-size:.92rem}
#archerProfilePage .scoreChartNav button, #archerGrid .scoreChartNav button {min-height:38px;padding:0 12px;border:1px solid #23322c;border-radius:10px;background:#23322c !important;color:#fff !important;-webkit-text-fill-color:#fff !important;font:inherit;font-size:.78rem;font-weight:700;cursor:pointer}
#archerProfilePage .scoreChartNav button:disabled, #archerGrid .scoreChartNav button:disabled {border-color:#cfd4d0;background:#f1f3f0 !important;color:#8a938d !important;-webkit-text-fill-color:#8a938d !important;cursor:default}
.scoreChartPlot {position:relative;width:100%}
.scoreChartPlot svg {display:block;width:100%;height:auto;overflow:visible}
.scoreChartGrid {stroke:#e3e6e2;stroke-width:1}
.scoreChartMonthLine {stroke:#eef0ec;stroke-width:1}
.scoreChartTick {fill:#5b6660;font-size:11px;font-weight:600}
.scoreChartLine {fill:none;stroke:#b8734a;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.scoreChartDot {fill:#b8734a;stroke:#fff;stroke-width:2}
.scoreChartHit {fill:transparent;cursor:pointer;outline:none}
.scoreChartHit:focus-visible {stroke:#23322c;stroke-width:2}
.scoreChartLabel {fill:#111714;font-size:12px;font-weight:800;stroke:#fff;stroke-width:3;paint-order:stroke}
.scoreChartTip {position:absolute;z-index:2;display:grid;gap:2px;max-width:240px;padding:9px 11px;border-radius:10px;background:#23322c;color:#d9e0dc;font-size:.78rem;line-height:1.35;box-shadow:0 8px 22px rgba(18,31,25,.2);pointer-events:none}
#archerProfilePage .scoreChartTip span, #archerGrid .scoreChartTip span {color:#d9e0dc !important;-webkit-text-fill-color:#d9e0dc !important}
#archerProfilePage .scoreChartTip strong, #archerGrid .scoreChartTip strong {color:#fff !important;-webkit-text-fill-color:#fff !important;font-size:1rem}
.scoreChartTip[hidden] {display:none !important}
.scoreChartShort {display:none}
.scoreChartSummary {margin:10px 0 0;color:#4c5953;font-size:.85rem}
@media(max-width:620px){
  .scoreChartHost {padding:14px 12px !important}
  .scoreChartControls {flex-direction:column;align-items:stretch}
  .scoreChartMode button {flex:1 1 0}
  .scoreChartNav {justify-content:space-between}
  .scoreChartNavWord, .scoreChartLong {display:none}
  .scoreChartShort {display:inline}
  #archerProfilePage .scoreChartNav button, #archerGrid .scoreChartNav button {min-width:48px;font-size:1.1rem}
#archerProfilePage .scoreChartMode button, #archerGrid .scoreChartMode button {min-height:44px}
}

/* The Show more results button under an archer's tournament results is heritage green. */
#archerProfilePage #showMoreProfileResults {background:#23322c !important;border:1px solid #23322c !important;color:#fff !important;-webkit-text-fill-color:#fff !important}
#archerProfilePage #showMoreProfileResults:hover, #archerProfilePage #showMoreProfileResults:focus-visible {background:#1f3a30 !important;border-color:#1f3a30 !important}

/* On archer cards the chart sits in a smaller panel and uses the short period label. */
.compactScoreChart {padding:14px 16px !important}
.compactScoreChart .scoreChartNavWord, .compactScoreChart .scoreChartLong {display:none}
.compactScoreChart .scoreChartShort {display:inline}
#archerGrid .compactScoreChart .scoreChartNav button {min-width:44px;font-size:1rem}
.compactScoreChart .scoreChartSummary {font-size:.8rem}

/* A card's title does the same as its button when tapped: tournament cards open their results, archer cards open the profile. */
#tournamentGrid .eventCard h2, #archerGrid .eventCard h2 {cursor:pointer}
#tournamentGrid .eventCard h2:hover, #archerGrid .eventCard h2:hover {text-decoration:underline;text-decoration-color:#b8734a;text-underline-offset:3px}

/* ===== Dark theme for the results navigation links, overview text and score-chart controls ===== */
html[data-theme="dark"] .summaryNavigation p{color:#aab4ad}
html[data-theme="dark"] .scoreChartSummary{color:#aab4ad}
html[data-theme="dark"] .localResultsNav button{background:#1a201d!important;border-color:#2b332f;color:#c6cdc7!important}
html[data-theme="dark"] .localResultsNav button.active,
html[data-theme="dark"] .localResultsNav button[aria-current="page"]{background:#243a31!important;border-color:#243a31;color:#fff!important}
html[data-theme="dark"] .scoreChartMode{background:#1a201d;border-color:#2b332f}
html[data-theme="dark"] .scoreChartMode button{background:#1a201d!important;color:#c6cdc7!important;-webkit-text-fill-color:#c6cdc7!important}
html[data-theme="dark"] .scoreChartMode button[aria-pressed="true"]{background:#243a31!important;color:#fff!important;-webkit-text-fill-color:#fff!important}