/* Shared Jump-to feedback and canonical ten-button sharing row. */
/* The shared outer stack owns sticky positioning; inner bars never overlap. */
body :is(.anchor-nav, .rh-jump, .month-nav, .quick-nav, .faq-cat-nav, .alphabet-jump)[class] {
  position: static;
  top: auto;
  z-index: auto;
  scrollbar-width: none;
}
body :is(.anchor-nav, .rh-jump, .month-nav, .quick-nav, .faq-cat-nav, .alphabet-jump)[class]::-webkit-scrollbar { display: none; }
/* Enlarge only the lettering. The parent retains its original line box/padding. */
body .rux-jump-label-text {
  font-size: 1.2em;
  line-height: 0;
}
body .rux-jump-label-text .anchor-nav-caret {
  font-size: 1.05em;
  line-height: 0;
}
body :is(.anchor-nav, .rh-jump, .month-nav)[class] {
  background: #17354e;
  border-bottom-color: #789cb8;
}
body :is(.anchor-nav-label, .rh-jump-label, .month-nav-label)[class] {
  color: #ffda70;
  border-right-color: #789cb8;
}
body :is(.anchor-nav, .rh-jump, .month-nav)[class] a {
  color: #fff;
  background: transparent;
  border-color: #789cb8;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
  -webkit-tap-highlight-color: rgba(255, 207, 92, .5);
}
body :is(.quick-nav, .faq-cat-nav, .alphabet-jump)[class] a[href^="#"] {
  color: #17354e;
  background: #e6f0f7;
  border-color: #789cb8;
  box-shadow: inset 0 0 0 1px #789cb8;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
  -webkit-tap-highlight-color: rgba(255, 207, 92, .5);
}
body :is(.quick-nav-title, .faq-cat-nav-label)[class] { color: #17354e; }
@media (hover: hover) {
  body :is(.anchor-nav, .rh-jump, .month-nav, .quick-nav, .faq-cat-nav, .alphabet-jump)[class] a:hover {
    background: #ffe3a1;
    color: #17354e;
    border-color: #ffcf5c;
  }
}
body :is(.anchor-nav, .rh-jump, .month-nav, .quick-nav, .faq-cat-nav, .alphabet-jump)[class] a:is(:active, [aria-current="location"]) {
  background: #ffcf5c;
  color: #17354e;
  border-color: #17354e;
  box-shadow: inset 0 -3px 0 #17354e;
}
body :is(.anchor-nav, .rh-jump, .month-nav, .quick-nav, .faq-cat-nav, .alphabet-jump)[class] a:focus-visible {
  outline: 2px solid #17354e;
  outline-offset: -4px;
}

/* Keep each row in its existing position and width; unify the controls within it. */
body .rux-share-row {
  box-sizing: border-box;
  max-width: 1080px;
  margin: 0 auto;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  font-family: 'DM Sans', sans-serif;
}
body .rux-share-row .rux-share-label {
  font-size: .72rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #42556b;
}
body .rux-share-row .rux-share-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  min-height: 36px;
  padding: 6px 13px;
  border: 1px solid transparent;
  border-radius: 20px;
  font-family: 'DM Sans', sans-serif;
  font-size: .76rem;
  line-height: 1.4;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  transition: filter .15s ease, transform .15s ease;
}
body .rux-share-row .rux-share-btn svg { flex-shrink: 0; width: 13px; height: 13px; }
body .rux-share-row .rux-btn-fb { background: #1463ce; color: #fff; }
body .rux-share-row :is(.rux-btn-x, .rux-btn-th) { background: #171717; color: #fff; }
body .rux-share-row .rux-btn-wa { background: #126a39; color: #fff; }
body .rux-share-row .rux-btn-sms { background: #197138; color: #fff; }
body .rux-share-row .rux-btn-em { background: #455a64; color: #fff; }
body .rux-share-row .rux-btn-li { background: #0a66c2; color: #fff; }
body .rux-share-row .rux-btn-rd { background: #b83200; color: #fff; }
body .rux-share-row .rux-btn-bs { background: #0860cc; color: #fff; }
body .rux-share-row .rux-btn-copy { background: #e6f0f7; border-color: #789cb8; color: #17354e; }
body .rux-share-row .rux-btn-copy.rux-copied { background: #126a39; border-color: #126a39; color: #fff; }
body .rux-share-row .rux-share-btn:hover { filter: brightness(.9); opacity: 1; }
body .rux-share-row .rux-share-btn:active { transform: translateY(1px); }
body .rux-share-row .rux-share-btn:focus-visible { outline: 3px solid #17354e; outline-offset: 3px; }
/* Compact share model: original buttons hidden by JS must stay hidden. */
body .rux-share-row [hidden]{display:none!important}
/* Belt-and-suspenders: when the compact controls are mounted, hide every legacy
   share button in that row regardless of attributes. */
body .rux-share-row.rux-compact-row .rux-share-btn,
body .rux-share-row.rux-compact-row .rux-share-button-label{display:none!important}

.rux-share-status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.rux-share-status.rux-share-error { position: static; width: auto; height: auto; clip-path: none; flex-basis: 100%; overflow-wrap: anywhere; color: #8f2020; font-size: .85rem; }
@media (pointer: coarse) {
  body .rux-share-row .rux-share-btn { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  body .rux-share-row .rux-share-btn,
  body :is(.anchor-nav, .rh-jump, .month-nav, .quick-nav, .faq-cat-nav, .alphabet-jump)[class] a { transition: none; transform: none; }
}

/* Keep sharing and section navigation together below the measured site header. */
body .rux-reading-controls {
  position: sticky;
  top: var(--rux-header-offset, 0px);
  z-index: 200;
  width: 100%;
  background: #fff;
  box-shadow: 0 3px 8px rgba(23,53,78,.14);
}
body .rux-reading-controls .rux-share-row {
  position: static;
  top: auto;
  background: #fff;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}
body .rux-reading-controls .rux-share-row::-webkit-scrollbar { display: none; }
body .rux-reading-controls .rux-share-row > :not(.rux-share-status) { flex-shrink: 0; }
body .rux-reading-controls :is(.anchor-nav,.rh-jump,.month-nav,.quick-nav,.faq-cat-nav,.alphabet-jump) {
  position: static;
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin-top: 0;
  margin-bottom: 0;
  white-space: nowrap;
  overflow-x: auto;
  flex-wrap: nowrap;
}
body .rux-reading-controls :is(.quick-nav,.faq-cat-nav,.alphabet-jump) { display: flex; flex-wrap: nowrap !important; flex-direction: row; align-items: center; margin-bottom: 0 !important; }
body .rux-reading-controls :is(.quick-nav,.faq-cat-nav) { padding: 8px 12px; gap: 12px; }
body .rux-reading-controls :is(.quick-nav-title,.faq-cat-nav-label) { margin: 0; }
body .rux-reading-controls :is(.quick-nav .pill-grid,.faq-cat-nav .cat-pills) { display: inline-flex; flex-wrap: nowrap; width: max-content; }
body .rux-reading-controls :is(.quick-nav,.faq-cat-nav,.alphabet-jump) > * { flex-shrink: 0; }
/* Legacy article observers can set .active; the shared current-section state wins. */
body .rux-reading-controls :is(.anchor-nav,.rh-jump,.month-nav) a:not([aria-current="location"]) {
  color: #fff; background: transparent; border-color: #789cb8; box-shadow: none;
}
body .rux-reading-controls :is(.quick-nav,.faq-cat-nav,.alphabet-jump) a:not([aria-current="location"]) {
  color: #17354e; background: #e6f0f7; border-color: #789cb8; box-shadow: inset 0 0 0 1px #789cb8;
}
body .rux-reading-controls a[aria-current="location"] {
  background: #ffcf5c !important; color: #17354e !important;
  border-color: #17354e !important; box-shadow: inset 0 -3px 0 #17354e !important;
}
html.rux-has-reading-controls body [id] {
  scroll-margin-top: calc(var(--rux-reading-offset, 0px) + 18px) !important;
}
body .rux-reading-controls .anchor-nav .anchor-nav-inner {
  display: inline-flex; flex-wrap: nowrap; width: max-content; min-width: 100%; max-width: none;
}
body .rux-reading-controls :is(.anchor-nav,.rh-jump,.month-nav,.quick-nav,.faq-cat-nav,.alphabet-jump) a {
  flex-shrink: 0; white-space: nowrap; overflow-wrap: normal;
}
/* Target margins already include the header and both rows; avoid double offsets. */
html.rux-has-reading-controls { scroll-padding-top: 0 !important; }

/* Copyable article fallback when the phone cannot open its share menu. */
.rux-facebook-help { box-sizing:border-box; width:min(520px,calc(100vw - 32px)); max-height:85dvh; overflow:auto; position:fixed; inset:0; margin:auto; padding:24px; border:2px solid #789cb8; border-radius:16px; background:#fffaf0; color:#17354e; font:16px/1.5 'DM Sans',sans-serif; }
.rux-facebook-help::backdrop { background:rgba(23,53,78,.68); }
.rux-facebook-help form { text-align:right; margin:0 0 12px; }
.rux-facebook-help h2 { font-size:1.4rem; margin:0 0 12px; }
.rux-facebook-help p { margin:12px 0; }
.rux-facebook-help label { display:block; font-weight:700; }
.rux-facebook-help input { box-sizing:border-box; width:100%; min-height:44px; padding:10px; font:inherit; color:#17354e; background:#fff; border:1px solid #789cb8; border-radius:6px; }
.rux-facebook-help-actions { display:grid; gap:10px; margin-top:16px; }
.rux-facebook-help button,.rux-facebook-help-actions a { box-sizing:border-box; min-height:44px; padding:10px 14px; font:700 1rem/1.4 'DM Sans',sans-serif; border:1px solid #17354e; border-radius:8px; cursor:pointer; text-align:center; text-decoration:none; }
.rux-facebook-help-actions button { background:#1463ce; color:#fff; }
.rux-facebook-help-actions a,.rux-facebook-close { background:#e6f0f7; color:#17354e; }
.rux-facebook-help :focus-visible { outline:3px solid #17354e; outline-offset:3px; }
@media print { .rux-facebook-help { display:none; } }

@media (max-width:640px) { body .rux-share-row { padding:12px 16px; } }

/* Fixed, reachable arrows bookend the scrolling row only when it overflows. */
body .rux-share-scroller{display:flex;align-items:center;gap:6px;box-sizing:border-box;width:100%;max-width:1080px;margin:0 auto;padding:0 10px;background:#fff}
body .rux-share-scroller .rux-share-row{flex:1;min-width:0;max-width:none;width:auto;margin:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-left:8px;padding-right:8px;overscroll-behavior-x:contain}
body .rux-share-scroller .rux-share-row::-webkit-scrollbar{display:none}
body .rux-share-scroller .rux-share-row>:not(.rux-share-status){flex-shrink:0}
body .rux-share-scroller .rux-share-arrow{display:inline-flex;flex:0 0 40px;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid #789cb8;border-radius:50%;color:#17354e;background:#e6f0f7;cursor:pointer}
body .rux-share-scroller .rux-share-arrow[hidden]{display:none}
body .rux-share-scroller .rux-share-arrow:disabled{opacity:.35;cursor:default}
body .rux-share-scroller .rux-share-arrow:not(:disabled):hover{background:#ffcf5c}
body .rux-share-scroller .rux-share-arrow:focus-visible{outline:3px solid #17354e;outline-offset:2px}
@media(pointer:coarse){body .rux-share-scroller .rux-share-arrow{flex-basis:44px;width:44px;height:44px}}
@media print{body .rux-share-scroller .rux-share-arrow{display:none}}