/* Woo Hockey Reading Bar v1.3: scoped styling; no changes to theme header or logo. */
.whrb {
  --whrb-accent:#193a61; --whrb-bg:#fff; --whrb-text:#252a31;
  --whrb-top-desktop:0px; --whrb-top-mobile:0px; --whrb-brand:#193a61;
  position:fixed; inset:auto 0 auto 0; top:var(--whrb-top-desktop);
  z-index:9980; width:100%; color:var(--whrb-text); background:var(--whrb-bg);
  box-shadow:0 2px 12px rgba(12,31,51,.095); border-bottom:0;
  font-family:inherit; -webkit-font-smoothing:antialiased;
  opacity:0; visibility:hidden; pointer-events:none;
  transform:translate3d(0,-110%,0);
  transition:opacity .2s ease,transform .25s cubic-bezier(.22,.78,.28,1),visibility .25s;
}
.whrb, .whrb * { box-sizing:border-box; }
.whrb.whrb--visible { opacity:1; visibility:visible; pointer-events:auto; transform:translate3d(0,0,0); }
.whrb__inner {
  display:flex; align-items:center; gap:14px; max-width:1200px;
  width:100%; min-height:62px; margin:0 auto; padding:9px 22px;
}
.whrb__heading { flex:1 1 auto; display:flex; align-items:center; min-width:0; }
.whrb a.whrb__title, .whrb .whrb__title {
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  min-width:0; overflow:hidden; overflow-wrap:anywhere;
  margin:0; padding:0; border:0; box-shadow:none;
  color:var(--whrb-text) !important; background:transparent !important;
  font-family:inherit; font-size:17px; font-weight:700;
  letter-spacing:normal; line-height:1.28; text-transform:none;
  text-decoration:none !important;
}
.whrb a.whrb__title:hover { color:var(--whrb-accent) !important; }
.whrb__percent {
  display:block; flex:0 0 39px; width:39px; margin:0;
  color:#718096; text-align:right; font-family:inherit;
  font-size:12px; font-weight:600; line-height:1.3;
  font-variant-numeric:tabular-nums; font-feature-settings:'tnum';
  white-space:nowrap;
}
.whrb__social { position:relative; display:flex; flex:0 0 auto; align-items:center; justify-content:flex-end; gap:7px; }
.whrb__desktop-share { display:inline-flex; }
.whrb__mobile-share, .whrb__more, .whrb__menu { display:none !important; }
.whrb a.whrb__share, .whrb button.whrb__share {
  -webkit-appearance:none; appearance:none; display:inline-flex; flex:0 0 auto;
  align-items:center; justify-content:center; cursor:pointer; vertical-align:middle;
  width:37px; height:37px; min-width:37px; margin:0; padding:0;
  color:#fff !important; background:var(--whrb-brand) !important;
  border:1px solid var(--whrb-brand) !important; border-radius:4px;
  line-height:1; text-decoration:none !important; box-shadow:none !important;
  opacity:1; transition:filter .15s ease, box-shadow .15s ease, transform .15s ease;
}
.whrb .whrb__share--facebook { --whrb-brand:#1877f2; }
.whrb .whrb__share--x { --whrb-brand:#000; }
.whrb .whrb__share--linkedin { --whrb-brand:#0a66c2; }
.whrb .whrb__share--reddit { --whrb-brand:#ff4500; }
.whrb .whrb__share--pinterest { --whrb-brand:#bd081c; }
.whrb .whrb__share--email { --whrb-brand:#64748b; }
.whrb .whrb__share--copy { --whrb-brand:#193a61; }
.whrb a.whrb__share:hover, .whrb button.whrb__share:hover {
  filter:brightness(.95); transform:translateY(-1px); box-shadow:0 2px 8px rgba(0,0,0,.12) !important;
}
.whrb .whrb__share svg { display:block; width:19px; height:19px; color:#fff; flex:none; }
.whrb .whrb__share--facebook svg { width:22px; height:22px; }
.whrb .whrb__share--x svg { width:17px; height:17px; }
/* A custom icon is shown in its uploaded colors. There is no recoloring or cropping. */
.whrb a.whrb__share--custom, .whrb button.whrb__share--custom {
  background:#fff !important; border-color:#d8dde5 !important; color:#25354b !important;
}
.whrb a.whrb__share--custom-brand, .whrb button.whrb__share--custom-brand {
  background:var(--whrb-brand) !important; border-color:var(--whrb-brand) !important;
}
.whrb .whrb__custom-icon {
  display:block !important; width:26px !important; height:26px !important;
  min-width:0 !important; max-width:26px !important; max-height:26px !important;
  object-fit:contain !important; margin:0 !important; padding:0 !important;
  border:0 !important; border-radius:0 !important; box-shadow:none !important;
  background:transparent !important; opacity:1 !important;
}
.whrb :focus-visible { outline:2px solid var(--whrb-accent) !important; outline-offset:3px; }
/* One continuous, 0–100% line: no segment blocks or gradient ticks. */
.whrb__track { display:block; position:relative; height:2px; width:100%; margin:0; padding:0; background:#e5e9ee !important; overflow:hidden; border:0; border-radius:0; }
.whrb__fill { display:block; position:absolute; inset:0 auto 0 0; width:0%; height:100%; padding:0; margin:0; background:var(--whrb-accent) !important; border:0; border-radius:0; will-change:width; }
.whrb__notification {
  position:absolute; top:calc(100% + 8px); right:15px;
  background:#193a61; color:#fff; border-radius:4px; padding:8px 11px;
  font-size:12px; opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .16s ease,visibility .16s;
}
.whrb__notification--shown { opacity:1; visibility:visible; }
body.admin-bar .whrb { top:calc(var(--whrb-top-desktop) + 32px); }
@media (max-width:767px) {
  .whrb { top:var(--whrb-top-mobile); }
  .whrb__inner { min-height:56px; gap:9px; padding:8px 12px; }
  .whrb a.whrb__title, .whrb .whrb__title { font-size:14px; line-height:1.28; }
  .whrb__percent { flex-basis:32px; width:32px; font-size:11px; }
  .whrb__social { gap:5px; }
  .whrb__desktop-share { display:none !important; }
  .whrb__mobile-share { display:inline-flex !important; }
  .whrb a.whrb__share, .whrb button.whrb__share { width:34px; height:34px; min-width:34px; }
  .whrb .whrb__custom-icon { width:24px !important; height:24px !important; max-width:24px !important; max-height:24px !important; }
  .whrb__more { display:inline-flex !important; color:#193a61 !important; background:#f1f4f7 !important; border-color:#dce3ea !important; }
  .whrb__more svg { color:#193a61 !important; }
  .whrb__menu:not([hidden]) {
    display:flex !important; flex-wrap:wrap; gap:7px; justify-content:flex-end;
    position:absolute; right:0; top:calc(100% + 14px);
    padding:10px; width:max-content; max-width:calc(100vw - 24px);
    border:1px solid #dce3e9; border-radius:5px; background:#fff;
    box-shadow:0 6px 20px rgba(20,35,52,.15);
  }
}
@media (max-width:360px) {
  .whrb__inner { gap:6px; padding:8px 9px; }
  .whrb a.whrb__title, .whrb .whrb__title { font-size:13px; }
  .whrb a.whrb__share, .whrb button.whrb__share { width:32px; height:32px; min-width:32px; }
}
@media (max-width:782px) { body.admin-bar .whrb { top:calc(var(--whrb-top-mobile) + 46px); } }
@media (prefers-reduced-motion:reduce) { .whrb, .whrb .whrb__share, .whrb__notification { transition:none !important; } }