/* GCH V19.17: character-only sticky navigation, portrait voting, less chrome.
   Loaded AFTER character_hybrid.css, character_tier_hero.css and V19.16 voting CSS. */
.gch-hybrid .gch-v7-nav.gch-v17-navigation {
  position:sticky;top:8px;z-index:55;
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;gap:9px;
  overflow:visible;max-width:100%;margin:2px 0 20px;
  padding:7px 9px;
}
.gch-hybrid .gch-v17-chapter-links {
  display:flex;align-items:center;gap:5px;
  min-width:0;overflow-x:auto;overscroll-behavior-x:contain;
  padding:2px 0 4px;scrollbar-width:thin;
}
.gch-hybrid .gch-v17-chapter-links a {
  flex:0 0 auto;font-size:clamp(10px,.8vw,14px);
  padding:8px 10px;min-height:38px;
}
.gch-hybrid .gch-v17-backtop {
  display:flex;align-items:center;gap:4px;flex:0 0 auto;
  padding:4px 9px 4px 5px;min-height:43px;
  background:#fbd75f;color:#14243d;
  border:2px solid #0d192e;box-shadow:2px 2px 0 #0d192e;
  font-size:12px;font-weight:950;
}
.gch-hybrid .gch-v17-backtop img {
  width:29px;height:29px;flex:0 0 29px;object-fit:contain;
}
.gch-hybrid .gch-v17-backtop .gch-v17-top-arrow {
  font-weight:1000;font-size:18px;line-height:1;
}
.gch-hybrid .gch-v17-character-browse {
  display:flex;align-items:center;min-width:0;gap:3px;
  padding:3px;background:#f5eacd;border:2px solid #0c1b33;
  box-shadow:2px 2px 0 #0c1b33;
}
.gch-hybrid .gch-v17-character-browse .gch-v17-character-step {
  min-height:37px;min-width:36px;padding:4px 7px;
  display:flex;align-items:center;gap:4px;
  font-size:11px;background:#fffdf6;
}
.gch-hybrid .gch-v17-character-browse .gch-v17-chevron {
  font-size:23px;font-weight:900;line-height:.9;
}
.gch-hybrid .gch-v17-character-current {
  display:block;flex:0 1 auto;min-width:0;max-width:clamp(98px,14vw,210px);
  padding:0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font:950 clamp(11px,1vw,14px)/1.25 'Trebuchet MS',Arial,sans-serif;
  color:#16233a;text-align:center;
}
.gch-hybrid .gch-v17-backtop:hover,
.gch-hybrid .gch-v17-character-step:hover {background:#d7f2ee;}
.gch-hybrid .gch-v17-navigation :is(a,button):focus-visible {
  outline:3px solid #6bddff;outline-offset:3px;
}

/* Unify the tier and the compact community rating INSIDE the large hero artwork. */
.gch-hybrid .gch-h-hero .gch-v17-tier-votes {
  position:absolute;top:clamp(20px,2.1vw,45px);right:clamp(16px,2.6vw,48px);
  z-index:25;display:flex;flex-direction:column;align-items:flex-end;gap:14px;
  width:max-content;max-width:50%;pointer-events:none;
}
.gch-hybrid .gch-h-hero .gch-v17-tier-votes > * {pointer-events:auto;}
.gch-hybrid .gch-h-hero .gch-v17-tier-votes .gch-v7-tier--computed {
  position:relative!important;top:auto!important;right:auto!important;
  width:max-content;max-width:100%;margin:0;
  transform:rotate(8deg);flex:0 0 auto;
}
.gch-hybrid .gch-h-hero .gch-v17-tier-votes .gch-vote-character.gch-crv-character {
  display:block;width:max-content;max-width:100%;padding:2px 5px;margin:0;
  border:2px solid #18304c;border-radius:7px;
  background:rgba(255,252,241,.96);
  box-shadow:3px 3px 0 rgba(9,22,41,.75);
  color:#243e54;backdrop-filter:blur(3px);
  transform:none;
}
.gch-hybrid .gch-h-hero .gch-v17-tier-votes .gch-vote-summary {
  gap:5px;min-height:33px;padding:1px 2px;
  justify-content:flex-end;flex-wrap:nowrap;
}
.gch-hybrid .gch-h-hero .gch-v17-tier-votes .gch-vote-label {display:none;}
.gch-hybrid .gch-h-hero .gch-v17-tier-votes .gch-crv-average {
  font-size:13px;white-space:nowrap;
}
.gch-hybrid .gch-h-hero .gch-v17-tier-votes [data-rec-count] {
  font-size:10px;white-space:nowrap;
}
.gch-hybrid .gch-h-hero .gch-v17-tier-votes .gch-vote-pencil {
  width:27px;height:27px;flex-basis:27px;margin:0;
}
.gch-hybrid .gch-h-hero .gch-v17-tier-votes .gch-vote-disclosure {
  position:relative;
}
.gch-hybrid .gch-h-hero .gch-v17-tier-votes .gch-vote-panel {
  position:absolute;z-index:80;top:calc(100% + 8px);right:0;
  width:260px;max-width:calc(100vw - 38px);margin:0;
  padding:13px;background:#fffdf6;
  border:3px solid #14243d;box-shadow:4px 4px 0 rgba(9,22,41,.8);
}
.gch-hybrid .gch-h-hero .gch-v17-tier-votes .gch-crv-scale {
  display:flex;flex-wrap:nowrap;gap:5px;
}
.gch-hybrid .gch-h-hero .gch-v17-tier-votes button[data-rec-score] {
  min-width:36px;min-height:39px;cursor:pointer;
}
/* Only the duplicated heading and sidebar navigation were removed in the markup.
   Keep recommendation anchors and each genuine artifact/weapon/team card. */
.gch-hybrid .gch-v7-builds.gch-rec {padding-top:15px;}
.gch-hybrid #gch-v7-builds,
.gch-hybrid #gch-v7-artifacts,.gch-hybrid #gch-v7-weapons,
.gch-hybrid #gch-v7-teams,.gch-hybrid #gcc-pane-talents,
.gch-hybrid #gcc-pane-constellations,.gch-hybrid #gcc-pane-ascension {
  scroll-margin-top:95px;
}
@media (max-width:1160px) {
  .gch-hybrid .gch-v17-step-word {display:none;}
  .gch-hybrid .gch-v17-character-current {max-width:140px;}
  .gch-hybrid .gch-v17-top-label {display:none;}
}
@media (max-width:820px) {
  .gch-hybrid .gch-v7-nav.gch-v17-navigation {
    grid-template-columns:auto minmax(0,1fr);
    grid-template-areas:'top browse' 'chapters chapters';
    column-gap:7px;row-gap:4px;
    padding:5px 7px;margin-bottom:16px;
  }
  .gch-hybrid .gch-v17-backtop {grid-area:top;justify-self:start;padding:3px;min-height:36px;}
  .gch-hybrid .gch-v17-backtop img {width:29px;height:29px;}
  .gch-hybrid .gch-v17-top-arrow {display:none;}
  .gch-hybrid .gch-v17-character-browse {grid-area:browse;justify-self:end;max-width:100%;}
  .gch-hybrid .gch-v17-character-browse .gch-v17-character-step {min-width:33px;min-height:34px;}
  .gch-hybrid .gch-v17-chapter-links {grid-area:chapters;max-width:100%;}
  .gch-hybrid .gch-v17-chapter-links a {padding:6px 9px;min-height:34px;}
  .gch-hybrid #gch-v7-builds,.gch-hybrid #gch-v7-artifacts,
  .gch-hybrid #gch-v7-weapons,.gch-hybrid #gch-v7-teams,
  .gch-hybrid #gcc-pane-talents,.gch-hybrid #gcc-pane-constellations,
  .gch-hybrid #gcc-pane-ascension {scroll-margin-top:123px;}
  .gch-hybrid .gch-h-hero .gch-v17-tier-votes {top:57px;right:14px;gap:11px;}
}
@media (max-width:470px) {
  .gch-hybrid .gch-v17-character-current {max-width:clamp(85px,32vw,142px);font-size:11px;}
  .gch-hybrid .gch-h-hero .gch-v17-tier-votes {right:11px;top:58px;gap:10px;max-width:54%;}
  .gch-hybrid .gch-h-hero .gch-v17-tier-votes .gch-v7-tier--computed {padding:5px 9px;}
  .gch-hybrid .gch-h-hero .gch-v17-tier-votes [data-rec-count] {display:none;}
  .gch-hybrid .gch-h-hero .gch-v17-tier-votes .gch-vote-panel {width:245px;}
}
@media (prefers-reduced-motion: reduce) {
  .gch-hybrid .gch-v17-backtop {transition:none;}
}