/*! ScrollVault Direction B — bracket skin. GENERATED by gen-bracket-skin.cjs.
   Do not edit by hand.

   ⚠⚠ "EDIT THE GENERATOR" IS ONLY HALF TRUE, AND THE WRONG HALF FOR LAYOUT.
   This generator AUTHORS the colour repaint below. It does NOT author the
   passport/result layout blocks — it LIFTS them verbatim out of the already
   deployed, flattened /css/result.css. So for anything in those blocks
   (.acc-c, #rrCombos-c, #rrDiag-c, the caps, the scroll rules):
     • edit  _design-refs/ds/ui_kits/broadcast/result.css   ← the real source
     • then  node _design-refs/deploy-staging2.cjs          ← flattens, THEN
                                                              runs this generator
   Editing this generator changes nothing there, and running this generator
   alone after a kit edit also changes nothing — it re-reads the old deployed
   bytes. Chain: kit result.css -> css/result.css -> css/bracket-skin.css -> ?v=.

   Loaded AFTER production's bracket.css/redesign.css so it overrides them by
   re-declaring the same selectors. Production's markup is untouched — this file
   is the entire visual difference between the merged flagship and production.

   Repaints production's PURPLE accent family to Direction B's single amber.
   Deliberately does NOT touch: semantic data colours (they encode meaning),
   neutral surfaces (already dark), or the gold family (already in-family).
   126 declarations / 83 rules, plus 4 inside @media. */

:root, body, .rr-island, body.rr-island {

  --accent-purple: #FFB020;
  --accent-purple-hover: #ffd08a;
  --gradient-purple: linear-gradient(135deg, #FFB020 0%, #b87400 100%);
  --nav-border: rgba(255,176,32,0.10);

  --input-border-color: rgba(255,176,32,0.50);
  --input-border-hover: rgba(255,176,32,0.75);
  --input-focus-shadow: 0 0 0 3px rgba(255,176,32,0.22), inset 0 1px 0 rgba(255,255,255,0.05);

  --text-muted: var(--ink-muted);

  --accent:       var(--flare);
  --accent-hover: var(--flare-soft);
  --success:      var(--b1);
  --warning:      var(--b3);
  --info:         var(--b2);
  --card-bg-hi:   var(--raised);

  --card-border:  var(--line);

}

:root, body, .rr-island, .rr-bento {
  --serif: var(--font-display);
}

body .rr-bento .tile:hover {
  border-color: var(--line);
  box-shadow: 0 16px 34px rgba(0,0,0,.55), 0 0 0 1px var(--line);
}

#results:has(.bracket-1) #gaugeNumber { color: var(--b1) !important; }
#results:has(.bracket-1) #gaugeFill   { stroke: var(--b1) !important; }
#results:has(.bracket-2) #gaugeNumber { color: var(--b2) !important; }
#results:has(.bracket-2) #gaugeFill   { stroke: var(--b2) !important; }
#results:has(.bracket-3) #gaugeNumber { color: var(--b3) !important; }
#results:has(.bracket-3) #gaugeFill   { stroke: var(--b3) !important; }
#results:has(.bracket-4) #gaugeNumber { color: var(--b4) !important; }
#results:has(.bracket-4) #gaugeFill   { stroke: var(--b4) !important; }
#results:has(.bracket-5) #gaugeNumber { color: var(--b5) !important; }
#results:has(.bracket-5) #gaugeFill   { stroke: var(--b5) !important; }

.results-edit-note { color: rgba(255,208,138,0.85); background: rgba(255,176,32,0.1); border-left: 2px solid rgba(255,176,32,0.4); }
input[type="text"], textarea { border: 1.5px solid rgba(255,176,32,0.50); }
input[type="text"]:hover, textarea:hover { border-color: rgba(255,176,32,0.75); }
input[type="text"]:focus, textarea:focus { box-shadow: 0 0 0 3px rgba(255,176,32,0.22), inset 0 1px 0 rgba(255,255,255,0.05); }
.detected-list li { background: rgba(255,176,32,0.1); border: 1px solid rgba(255,176,32,0.2); color: #ffd08a; }
.floor-reasons { background: rgba(255,176,32,0.06); border: 1px solid rgba(255,176,32,0.2); }
.floor-reasons h4 { color: #ffd08a; }
.why-bracket { background: rgba(255,176,32,0.06); border: 1px solid rgba(255,176,32,0.2); }
.why-bracket h4 { color: #ffd08a; }
.why-bracket-reason-icon { color: #ffd08a; }
.why-bracket-trigger-list li { background: rgba(255,176,32,0.1); border: 1px solid rgba(255,176,32,0.18); }
.impact-card { background: rgba(255,176,32,0.1); border: 1px solid rgba(255,176,32,0.2); color: #ffd08a; }
.combo-steps-toggle:hover { color: #ffd08a; }
.type-win { background: rgba(255,176,32,0.15); color: #ffd08a; border: 1px solid rgba(255,176,32,0.3); }
.archetype-tag { color: #ffd08a; }
.card-link:hover { color: #ffd08a; }
.win-tag { background: rgba(224,144,0,0.15); border: 1px solid rgba(224,144,0,0.3); color: #ffd08a; }
.passport-tipping-chip { color: #ffc04d; }
.passport-tipping-chip:focus-visible { outline: 2px solid #ffc04d; }
.rule0-tipping-line strong { color: #ffc04d; }
.density-dual { color: #ffd08a; background: rgba(224,144,0,0.12); border: 1px solid rgba(224,144,0,0.25); }
.bracket-ref-table tr.bracket-ref-active td { background: rgba(255,176,32,0.08); }
.info-box { background: rgba(255,176,32,0.08); border: 1px solid rgba(255,176,32,0.2); }
.info-box a:hover { color: #ffd08a; }
.faq-q:focus-visible { outline: 2px solid #ffb020; }
.edu-section a { text-decoration-color: rgba(255,176,32,0.5); }
.edu-section a:hover { color: #ffd08a; text-decoration-color: #ffd08a; }
.passport-deck-name:hover { border-color: rgba(255,176,32,0.25); }
.passport-deck-name:focus { border-color: rgba(255,176,32,0.5); }
.passport-oracle { border-left: 2px solid rgba(224,144,0,0.35); }
.passport-tag { background: rgba(224,144,0,0.15); border: 1px solid rgba(224,144,0,0.3); color: #ffd08a; }
.stars-edit-hint { color: rgba(255,208,138,0.7); }
.passport-star:hover img { border-color: rgba(255,176,32,0.5); }
.star-swap-btn { color: #ffd08a; }
.star-picker-search:focus { border-color: rgba(255,176,32,0.5); }
.star-picker-list { scrollbar-color: rgba(255,176,32,0.3) transparent; }
.star-picker-item:hover { background: rgba(255,176,32,0.12); }
.gameplan-edit-hint { color: rgba(255,208,138,0.7); }
.rule0-gameplan[contenteditable]:hover { border-color: rgba(255,176,32,0.25); }
.rule0-gameplan[contenteditable]:focus { border-color: rgba(255,176,32,0.5); }
.btn-copy-link { background: rgba(255,176,32,0.1); border: 1px solid rgba(255,176,32,0.25); color: #ffc04d; }
.btn-copy-link:hover { background: rgba(255,176,32,0.2); }
.btn-share-discord { background: rgba(255,176,32, 0.12); }
.diag-fix-link { color: #ffd08a; border-bottom: 1px solid rgba(255,208,138,0.35); }
.diag-fix-link:hover, .diag-fix-link:focus-visible { color: #ffe4bd; }
.diag-bar-high { background: #ffb020; }
.counted > summary { color: var(--accent-purple, #ffb020); }
.rule0-bracket-call { border-left: 3px solid #ffc04d; }
.rule0-bracket-call-label { color: #ffc04d; }
.rule0-chip { background: rgba(255,176,32,0.1); border: 1px solid rgba(255,176,32,0.2); color: #ffd08a; }
.deck-structure-banner { background: rgba(255,176,32, 0.08); border: 1px solid rgba(255,176,32, 0.25); }
.structure-primary { background: rgba(255,176,32, 0.15); border-color: rgba(255,176,32, 0.4); }
.companion-btn-yes { border-color: rgba(255,176,32,0.4); }
.companion-btn-yes:hover { background: rgba(255,176,32,0.15); border-color: rgba(255,176,32,0.6); }
.synergy-bar-payoff { background: linear-gradient(90deg, var(--accent-purple), #e09000); }
.synergy-axis-detail { border-left: 2px solid rgba(255,176,32,0.3); }
.synergy-depth-deep { background: rgba(255,176,32,0.15); }
.cq-tier-tuned { background: rgba(255,176,32,0.12); }
.bracket-suggestions { background: rgba(255,176,32,0.06); border: 1px solid rgba(255,176,32,0.15); }
.bracket-suggestions h3 { color: #ffd08a; }
.restore-chip { background: rgba(255,176,32,0.08); border: 1px solid rgba(255,176,32,0.25); color: #ffd08a; }
.restore-chip:hover { background: rgba(255,176,32,0.16); border-color: rgba(255,176,32,0.45); }
.bb-tab-btn { border: 1.5px solid rgba(255,176,32,0.55); background: rgba(255,176,32,0.14); }
.bb-tab-btn:hover { border-color: rgba(255,176,32,0.85); background: rgba(255,176,32,0.22); }
.bb-tab-btn[aria-selected="true"] { background: linear-gradient(135deg, rgba(255,176,32,0.55), rgba(99,102,241,0.42)); border-color: rgba(255,176,32,0.95); box-shadow: 0 0 0 1px rgba(255,176,32,0.45),
                0 4px 12px rgba(255,176,32,0.35),
                inset 0 -3px 0 var(--accent); }
.bb-tab-btn:focus-visible { outline: 2px solid rgba(255,176,32,0.8); }
.bb-input-tab-btn { border: 1.5px solid rgba(255,176,32,0.55); background: rgba(255,176,32,0.14); }
.bb-input-tab-btn:hover { border-color: rgba(255,176,32,0.85); background: rgba(255,176,32,0.22); }
.bb-input-tab-btn[aria-selected="true"] { background: linear-gradient(135deg, rgba(255,176,32,0.55), rgba(99,102,241,0.42)); border-color: rgba(255,176,32,0.95); box-shadow: 0 0 0 1px rgba(255,176,32,0.45),
                0 2px 6px rgba(255,176,32,0.28),
                inset 0 -3px 0 var(--accent); }
.bb-input-tab-btn:focus-visible { outline: 2px solid rgba(255,176,32,0.8); }
.bb-advanced-summary { background: rgba(255,176,32,0.08); border: 1px solid rgba(255,176,32,0.30); }
.bb-advanced-summary:hover { background: rgba(255,176,32,0.14); border-color: rgba(255,176,32,0.50); }
.bb-trust-source:hover { color: #ffd08a; border-color: rgba(255,208,138,0.5); }
.precon-deeplink-banner { background: linear-gradient(135deg, rgba(110, 168, 255, 0.10) 0%, rgba(255,176,32, 0.06) 100%); }
.precon-deeplink-banner strong { color: #ffc04d; }
.precon-deeplink-banner .precon-deeplink-bracket { color: #ffc04d; }
.dispute-why-note strong { color: #ffc04d; }
.debug-panel { border: 1px solid #ffb020; }
.debug-badge { background: #ffb020; }
.debug-floor-icon { color: #ffb020; }
.debug-note a { color: #b87400; }
body.rr-island.rr-results:not(.rr-input-open) #rrNewDeck { background: rgba(255,176,32,.12); border: 1px solid rgba(255,176,32,.35); }
body.rr-island.rr-results:not(.rr-input-open) #rrNewDeck:hover { background: rgba(255,176,32,.22); }

@media print { .passport-oracle { border-left: 1.5pt solid #b87400 !important; } }
@media print { .passport-curve-bar { background: #b87400 !important; } }
@media print { .curve-bar { background: #b87400 !important; } }
@media print { .density-curve-fill { background: #b87400 !important; } }

.passport {
  width: 380px; max-width: 100%;
  background: var(--panel);
  border: 1px solid var(--line);
  border-top: 3px solid var(--rung, var(--flare));
  border-radius: var(--r-lg);
  overflow: hidden;
  color: var(--ink);
  font-family: var(--font-sans);
}
.passport[data-b="1"] { --rung: var(--b1); } .passport[data-b="2"] { --rung: var(--b2); }
.passport[data-b="3"] { --rung: var(--b3); } .passport[data-b="4"] { --rung: var(--b4); }
.passport[data-b="5"] { --rung: var(--b5); }

.passport-art {
  position: relative; height: 132px;
  background-size: cover; background-position: center 30%;
  background-repeat: no-repeat; background-color: var(--raised);
}

.passport-art-gradient {
  position: absolute; inset: 0;
  background: linear-gradient(to top, var(--panel) 0%, rgba(19,17,16,0.35) 40%, rgba(19,17,16,0) 72%);
}

.passport-body { padding: var(--s-3) var(--s-4) var(--s-4); display: flex; flex-direction: column; gap: var(--s-3); }

.passport-deck-name {
  font-family: var(--font-display); font-weight: 800; font-size: var(--fs-28);
  text-transform: uppercase; letter-spacing: var(--track-caps); line-height: 0.95;
  color: var(--ink); outline: none; min-height: 1em;
}
.passport-deck-name:empty::before {
  content: attr(data-placeholder);
  color: var(--ink-muted); font-style: normal;
}
.passport-deck-name:focus { box-shadow: inset 0 -2px 0 var(--flare); }
.passport-name { font-size: var(--fs-16); font-weight: 600; color: var(--ink); line-height: 1.25; }
.passport-partner { color: var(--ink-dim); font-weight: 400; }
.passport-type { font-family: var(--font-mono); font-size: 11px; color: var(--ink-muted); }
.passport-oracle {
  font-size: var(--fs-12); line-height: 1.5; color: var(--ink-dim);
  border-left: 2px solid var(--line-strong); padding-left: var(--s-3);
}

.passport-chips { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.passport-bracket {
  font-family: var(--font-display); font-weight: 800; font-size: var(--fs-14);
  text-transform: uppercase; letter-spacing: var(--track-caps);
  padding: 4px 10px; border-radius: var(--r-md);
  border: 1px solid currentColor; line-height: 1.1;
}
.passport-bracket.bracket-1 { color: var(--b1); background: var(--b1-tint); }
.passport-bracket.bracket-2 { color: var(--b2); background: var(--b2-tint); }
.passport-bracket.bracket-3 { color: var(--b3); background: var(--b3-tint); }
.passport-bracket.bracket-4 { color: var(--b4); background: var(--b4-tint); }
.passport-bracket.bracket-5 { color: var(--b5); background: var(--b5-tint); }
.passport-power-chip {
  font-family: var(--font-mono); font-weight: 500; font-size: var(--fs-14);
  padding: 4px 9px; border-radius: var(--r-md);
  border: 1px solid currentColor; font-variant-numeric: tabular-nums; line-height: 1.1;
}
.passport-power-ci { color: var(--ink-muted); font-size: 11px; }
.passport-tipping-chip, .passport-tag {
  font-family: var(--font-mono); font-size: 11px;
  padding: 3px 8px; border-radius: var(--r-pill);
  border: 1px solid var(--line); background: var(--raised); color: var(--ink-dim);
}

.passport-stars { display: flex; flex-direction: column; gap: 6px; }
.passport-stars-label {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: var(--track-caps);
  text-transform: uppercase; color: var(--ink-muted);
}

.stars-edit-hint, .gameplan-edit-hint { color: var(--flare); text-transform: none; letter-spacing: 0; }
.passport-stars-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.passport-star { position: relative; border-radius: var(--r-md); overflow: hidden; background: var(--raised); }
.passport-star img { width: 100%; display: block; aspect-ratio: 488 / 680; object-fit: cover; }

.star-swap-btn {
  padding: 0; font: inherit; appearance: none;
  position: absolute; top: 4px; right: 4px;

  width: 24px; height: 24px; border-radius: var(--r-sm);
  background: var(--ground); color: var(--flare);
  display: grid; place-items: center; font-size: 12px; cursor: pointer;
  border: 1px solid var(--flare-line);
}
.star-picker:empty { display: none; }

.star-picker { display: block; margin-top: var(--s-2); border: 1px solid var(--flare-line); border-radius: var(--r-md); background: var(--raised); overflow: hidden; }
.star-picker[hidden] { display: none; }
.star-picker-head {
  display: flex; align-items: center; justify-content: space-between; gap: var(--s-2);
  padding: 6px 8px; border-bottom: 1px solid var(--line);
  font-family: var(--font-mono); font-size: 10px; letter-spacing: var(--track-caps);
  text-transform: uppercase; color: var(--ink-muted);
}
.star-picker-close {

  width: 24px; height: 24px; display: grid; place-items: center;
  border: 1px solid var(--line); border-radius: var(--r-sm);
  background: var(--ground); color: var(--ink-dim); font-size: 14px; line-height: 1; cursor: pointer;
}
.star-picker-close:hover { color: var(--flare); border-color: var(--flare-line); }

.star-picker-grid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
  gap: 6px; padding: 8px; max-height: 260px; overflow-y: auto;
}
.star-picker-opt {
  display: flex; flex-direction: column; gap: 4px; padding: 0;
  border: 1px solid transparent; border-radius: var(--r-sm);
  background: none; color: var(--ink-dim); font: inherit; text-align: left; cursor: pointer;
}
.star-picker-opt img { width: 100%; display: block; aspect-ratio: 488 / 680; object-fit: cover; border-radius: var(--r-sm); }
.star-picker-opt span {
  font-size: 9px; line-height: 1.25; padding: 0 2px 4px;

  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.star-picker-opt:hover, .star-picker-opt:focus-visible { border-color: var(--flare); color: var(--flare); }

.passport-rule0 { display: flex; flex-direction: column; gap: var(--s-2); border-top: 1px solid var(--line); padding-top: var(--s-3); }
.rule0-heading, .rule0-label {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: var(--track-caps);
  text-transform: uppercase; color: var(--ink-muted);
}
.rule0-gameplan {
  font-size: var(--fs-12); line-height: 1.55; color: var(--ink-dim); outline: none;
}
.rule0-gameplan strong { color: var(--ink); font-weight: 600; }
.rule0-gameplan:focus { box-shadow: inset 0 -2px 0 var(--flare); }
.rule0-highlights { display: flex; flex-wrap: wrap; gap: 5px; }
.rule0-chip {
  font-family: var(--font-mono); font-size: 10.5px;
  padding: 3px 8px; border-radius: var(--r-pill);
  border: 1px solid var(--line); background: var(--raised);
  color: var(--ink-dim); text-decoration: none;
}
.rule0-chip-danger { color: var(--b5-ink); border-color: rgba(226,69,58,.4); background: var(--b5-tint); }
.rule0-chip-clickable { cursor: pointer; }
.rule0-chip-clickable:hover { border-color: var(--flare-line); color: var(--flare); }
.rule0-speed, .rule0-speed-narrative, .rule0-tipping-line { font-size: 11px; color: var(--ink-muted); line-height: 1.45; }
.rule0-tipping-line strong, .rule0-speed-narrative strong { color: var(--ink-dim); }
.rule0-speed-badge {
  font-family: var(--font-mono); font-size: 10px; letter-spacing: var(--track-caps);
  text-transform: uppercase; padding: 2px 7px; border-radius: var(--r-sm);
  border: 1px solid currentColor;
}
.speed-fast { color: var(--b5); } .speed-moderate { color: var(--b3); } .speed-slow { color: var(--b1); }

.passport-credit {
  font-size: 9.5px; line-height: 1.4; color: var(--ink-muted);
  border-top: 1px solid var(--line); padding-top: 6px;
}

.passport-footer {
  display: grid; grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--s-3); align-items: center;
  border-top: 1px solid var(--line); padding-top: var(--s-3);
}
.passport-brand-row { display: flex; align-items: center; gap: 7px; }
.passport-brand-logo { width: 18px; height: 18px; display: block; }

.passport-brand {
  font-family: var(--font-display); font-weight: 800; font-size: var(--fs-14);
  text-transform: uppercase; letter-spacing: var(--track-caps); color: var(--ink);
}
.passport-verified { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--b1); display: flex; align-items: center; gap: 5px; grid-column: 1; }
.passport-verified-dot { width: 5px; height: 5px; border-radius: 50%; background: var(--b1); }
.passport-qr-wrap { grid-row: 1 / 3; grid-column: 2; display: flex; flex-direction: column; align-items: center; gap: 4px; }

.passport-qr { width: 72px; height: 72px; background: var(--ink); border-radius: var(--r-sm); padding: 3px; }
.passport-qr svg { display: block; width: 100%; height: 100%; }
.passport-qr-label { font-family: var(--font-mono); font-size: 8.5px; color: var(--ink-muted); text-align: center; }

.passport a { color: var(--flare); text-decoration: none; }
.passport a:hover { text-decoration: underline; }
.rule0-verify-sim-link {
  font-family: var(--font-mono); font-size: 11px;
  color: var(--flare); display: inline-block; margin-top: 2px;
}

.rule0-goldfish-line { border-left: 2px solid var(--line-strong); padding-left: var(--s-3); }

.rule0-tipping-note { display: block; margin-top: 3px; font-size: 10px; color: var(--ink-muted); }

.passport.is-wide {
  width: 100%; max-width: 56rem;
  aspect-ratio: 4 / 3;
  display: grid;
  grid-template-columns: 34% minmax(0, 1fr);
  overflow: hidden;
}

.passport.is-wide .passport-art { height: 100%; background-position: center 28%; }
.passport.is-wide .passport-art-gradient {
  background: linear-gradient(to right, rgba(19,17,16,0) 58%, var(--panel) 100%);
}

.passport.is-wide .passport-body {
  padding: var(--s-4) var(--s-5);
  display: flex; flex-direction: column;
  gap: var(--s-2); min-height: 0;
}

.passport.is-wide .passport-deck-name { font-size: var(--fs-36); }
.passport.is-wide .passport-name { font-size: var(--fs-18); }
.passport.is-wide .passport-type { display: none; }
.passport.is-wide .passport-oracle { display: none; }
.passport.is-wide .passport-bracket,
.passport.is-wide .passport-power-chip { font-size: var(--fs-16); padding: 5px 12px; }
.passport.is-wide .passport-tipping-chip,
.passport.is-wide .passport-tag { font-size: var(--fs-12); padding: 4px 10px; }

.passport.is-wide .passport-stars { flex: 1 1 auto; min-height: 170px; display: flex; flex-direction: column; gap: 6px; }
.passport.is-wide .passport-stars-label { font-size: var(--fs-12); }
.passport.is-wide .passport-stars-row { flex: 1 1 auto; min-height: 0; gap: 8px; }
.passport.is-wide .passport-star { min-height: 0; }

.passport.is-wide .passport-star img { height: 100%; aspect-ratio: auto; object-position: center top; }
.passport.is-wide .star-swap-btn { width: 24px; height: 24px; font-size: 13px; }

.passport.is-wide .passport-rule0 { flex: none; gap: var(--s-2); padding-top: var(--s-3); }
.passport.is-wide .rule0-heading { display: none; }
.passport.is-wide .rule0-gameplan {
  font-size: var(--fs-14); line-height: 1.5;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

.passport.is-wide .rule0-speed-narrative,
.passport.is-wide .rule0-tipping-line { display: none; }
.passport.is-wide .rule0-label { font-size: var(--fs-12); }
.passport.is-wide .rule0-chip { font-size: var(--fs-12); padding: 4px 10px; }
.passport.is-wide .rule0-speed { font-size: var(--fs-12); }
.passport.is-wide .rule0-speed-badge { font-size: var(--fs-12); }

.passport.is-wide .passport-deck-name,
.passport.is-wide .passport-name,
.passport.is-wide .passport-chips,
.passport.is-wide .passport-rule0,
.passport.is-wide .passport-credit,
.passport.is-wide .passport-footer { flex: none; }

.passport.is-wide .passport-credit { font-size: 10px; padding-top: 6px; }
.passport.is-wide .passport-footer { padding-top: var(--s-3); margin-top: auto; }
.passport.is-wide .passport-qr { width: 84px; height: 84px; }
.passport.is-wide .passport-brand { font-size: var(--fs-18); }
.passport.is-wide .passport-brand-logo { width: 22px; height: 22px; }

@media (max-width: 700px) {
  .passport.is-wide { aspect-ratio: auto; grid-template-columns: minmax(0, 1fr); max-width: 380px; }
  .passport.is-wide .passport-art { height: 132px; }
  .passport.is-wide .passport-art-gradient { background: linear-gradient(to top, var(--panel) 0%, rgba(19,17,16,0.35) 40%, rgba(19,17,16,0) 72%); }
  .passport.is-wide .passport-body { display: flex; flex-direction: column; padding: var(--s-3) var(--s-4) var(--s-4); }
  .passport.is-wide .passport-deck-name { font-size: var(--fs-28); }
  .passport.is-wide .passport-stars { min-height: 0; }
  .passport.is-wide .passport-star img { height: auto; aspect-ratio: 488 / 680; object-position: center 30%; }
  .passport.is-wide .rule0-gameplan { -webkit-line-clamp: unset; }
}

.verdict-hero {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto;
  gap: var(--s-5); align-items: start;
  border: 1px solid var(--line);
  border-top: 3px solid var(--rung, var(--line));
  border-radius: var(--r-lg);
  background: var(--panel);
  padding: var(--s-5);
}
.verdict-hero[data-b="1"] { --rung: var(--b1); } .verdict-hero[data-b="2"] { --rung: var(--b2); }
.verdict-hero[data-b="3"] { --rung: var(--b3); } .verdict-hero[data-b="4"] { --rung: var(--b4); }
.verdict-hero[data-b="5"] { --rung: var(--b5); }

.vh-num {
  font-family: var(--font-display); font-weight: 800;
  font-size: clamp(4rem, 9vw, 7rem); line-height: 0.78;
  letter-spacing: var(--track-tight); color: var(--rung);
  margin: 0; display: block;
}
.vh-name {
  font-family: var(--font-display); font-weight: 800; font-size: var(--fs-28);
  text-transform: uppercase; letter-spacing: var(--track-caps);
  margin: var(--s-2) 0 0; color: var(--ink); line-height: 1;
}
.vh-read { font-size: var(--fs-16); color: var(--ink-dim); margin: var(--s-3) 0 0; max-width: 34rem; }
.vh-read b { color: var(--ink); font-weight: 600; }
.vh-binding {
  margin: var(--s-3) 0 0; padding: var(--s-3);
  border-left: 2px solid var(--rung); background: var(--ground);
  font-size: var(--fs-14); color: var(--ink); border-radius: 0 var(--r-md) var(--r-md) 0;
}
.vh-side { display: flex; flex-direction: column; gap: var(--s-3); align-items: flex-end; text-align: right; }
.vh-power { display: flex; flex-direction: column; align-items: flex-end; }
.vh-power .v { font-family: var(--font-mono); font-weight: 500; font-size: var(--fs-36); line-height: 1; font-variant-numeric: tabular-nums; }
.vh-power .k { font-family: var(--font-mono); font-size: 10px; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--ink-muted); }

.conf {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 3px 9px; border-radius: var(--r-pill);
  border: 1px solid var(--line-strong);
  font-family: var(--font-mono); font-size: 10px;
  letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--ink-dim);
}
.conf[data-c="Firm"] { color: var(--b1); border-color: rgba(78,158,114,.45); }
.conf[data-c="Banded"] { color: var(--b3); border-color: rgba(224,169,58,.45); }
.conf[data-c="Provisional"] { color: var(--b4); border-color: rgba(232,114,46,.45); }

.receipts { display: flex; flex-direction: column; gap: var(--s-2); }
.receipt {
  display: grid; grid-template-columns: auto minmax(0, 1fr);
  gap: var(--s-3); align-items: start;
  padding: var(--s-3); border: 1px solid var(--line);
  border-radius: var(--r-md); background: var(--panel);
}
.receipt[data-binding="true"] { border-color: var(--flare-line); background: var(--flare-tint); }
.r-tier {
  font-family: var(--font-mono); font-size: 10px; font-weight: 500;
  letter-spacing: var(--track-caps); padding: 2px 6px; border-radius: var(--r-sm);
  border: 1px solid var(--line-strong); color: var(--ink-dim); white-space: nowrap;
}
.receipt[data-binding="true"] .r-tier { color: var(--flare); border-color: var(--flare-line); }

.r-label { font-family: var(--font-mono); font-size: 10px; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--ink-muted); }
.r-cards { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px; }

.panel-b {
  border: 1px solid var(--line); border-radius: var(--r-lg);
  background: var(--panel); padding: var(--s-4);
}

.panel-b > h3 {
  font-family: var(--font-display); font-weight: 800; font-size: var(--fs-18);
  text-transform: uppercase; letter-spacing: var(--track-caps);
  margin: 0 0 var(--s-3); line-height: 1; color: var(--ink);
}
.res-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr); gap: var(--s-5); align-items: start; }
.stack { display: flex; flex-direction: column; gap: var(--s-4); }

.stat-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--line); border: 1px solid var(--line); border-radius: var(--r-md); overflow: hidden; }
.stat-cell { background: var(--panel); padding: var(--s-3); display: flex; flex-direction: column; gap: 2px; }
.stat-cell .k { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--ink-muted); }
.stat-cell .v { font-family: var(--font-mono); font-weight: 500; font-size: var(--fs-22); font-variant-numeric: tabular-nums; color: var(--ink); line-height: 1.1; }

.cat { display: grid; grid-template-columns: 132px minmax(0, 1fr) 64px; gap: var(--s-3); align-items: center; padding: 5px 0; }
.cat-label { font-size: var(--fs-12); color: var(--ink-dim); }
.cat-track { height: 8px; background: var(--ground); border-radius: var(--r-sm); overflow: hidden; }
.cat-fill { display: block; height: 100%; border-radius: var(--r-sm); background: var(--flare); }
.cat-val { font-family: var(--font-mono); font-size: var(--fs-12); color: var(--ink); text-align: right; font-variant-numeric: tabular-nums; }
.cat-detail { grid-column: 1 / -1; font-size: 11px; color: var(--ink-muted); margin: 0 0 4px; }
.health-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; margin-right: 5px; }

.hitem { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--s-3); align-items: start; padding: 7px 0; border-bottom: 1px solid var(--line); font-size: var(--fs-14); color: var(--ink-dim); }
.hitem:last-child { border-bottom: 0; }
.hitem b { color: var(--ink); font-weight: 600; }
.htag { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: var(--track-caps); text-transform: uppercase; padding: 2px 6px; border-radius: var(--r-sm); border: 1px solid currentColor; white-space: nowrap; }
.htag[data-t="strength"] { color: var(--b1); }
.htag[data-t="warning"] { color: var(--b4); }
.htag[data-t="info"] { color: var(--ink-muted); }

.acc { border: 1px solid var(--line); border-radius: var(--r-lg); background: var(--panel); overflow: hidden; }
.acc + .acc { margin-top: var(--s-3); }
.acc > .acc-h {
  width: 100%; text-align: left; background: none; border: 0; cursor: pointer;
  padding: var(--s-3) var(--s-4); display: flex; align-items: center; gap: var(--s-3);
  font-family: var(--font-display); font-weight: 800; font-size: var(--fs-18);
  text-transform: uppercase; letter-spacing: var(--track-caps); color: var(--ink);
  transition: color var(--dur-fast) var(--ease);
}
.acc > .acc-h:hover { color: var(--flare); }
.acc > .acc-h::after { content: "+"; margin-left: auto; font-family: var(--font-mono); font-size: var(--fs-18); color: var(--ink-muted); font-weight: 400; }
.acc.open > .acc-h::after { content: "\2212"; }
.acc > .acc-h:focus-visible { outline: 2px solid var(--flare); outline-offset: -2px; }
.acc-count { font-family: var(--font-mono); font-size: var(--fs-12); color: var(--ink-muted); font-weight: 400; letter-spacing: 0; text-transform: none; }
.acc > .acc-c { display: none; padding: 0 var(--s-4) var(--s-4); }
.acc.open > .acc-c { display: block; }

.combo { padding: var(--s-3) 0; border-bottom: 1px solid var(--line); }
.combo:last-child { border-bottom: 0; }
.combo-cards { font-size: var(--fs-14); color: var(--ink); font-weight: 600; }
.combo-meta { font-family: var(--font-mono); font-size: 11px; color: var(--ink-muted); margin-top: 3px; display: flex; gap: var(--s-3); flex-wrap: wrap; }
.tag { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: var(--track-caps); padding: 1px 5px; border: 1px solid var(--line-strong); border-radius: var(--r-sm); color: var(--ink-dim); }

.tune-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--s-3); align-items: center; padding: var(--s-3) 0; border-bottom: 1px solid var(--line); }
.tune-row:last-child { border-bottom: 0; }
.tune-card { font-size: var(--fs-14); color: var(--ink); font-weight: 600; }
.tune-reason { font-size: var(--fs-12); color: var(--ink-muted); }
.impact { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: var(--track-caps); text-transform: uppercase; padding: 2px 7px; border-radius: var(--r-sm); border: 1px solid currentColor; }
.impact[data-i="high"] { color: var(--b5); }
.impact[data-i="medium"] { color: var(--b3); }
.impact[data-i="low"] { color: var(--ink-muted); }

.pip-row { display: grid; grid-template-columns: 62px minmax(0, 1fr) 82px; gap: var(--s-3); align-items: center; padding: 6px 0; }
.pip-name { font-size: var(--fs-12); color: var(--ink-dim); }
.pip-bar { height: 8px; background: var(--ground); border-radius: var(--r-sm); overflow: hidden; }
.pip-fill { display: block; height: 100%; border-radius: var(--r-sm); }
.pip-good .pip-fill { display: block; background: var(--b1); }
.pip-warn .pip-fill { display: block; background: var(--b3); }
.pip-bad  .pip-fill { display: block; background: var(--b5); }
.pip-num { font-family: var(--font-mono); font-size: 11px; color: var(--ink-muted); text-align: right; font-variant-numeric: tabular-nums; }

.axes { display: flex; flex-direction: column; gap: var(--s-2); }
.axis { display: grid; grid-template-columns: 92px minmax(0, 1fr) 40px; gap: var(--s-3); align-items: center; }
.axis-label { font-size: var(--fs-12); color: var(--ink-dim); }
.axis-track { height: 6px; background: var(--ground); border-radius: var(--r-sm); overflow: hidden; }
.axis-fill { display: block; height: 100%; background: var(--rung, var(--flare)); border-radius: var(--r-sm); }
.axis-val { font-family: var(--font-mono); font-size: 11px; color: var(--ink-muted); text-align: right; }

.qtiers { display: grid; grid-template-columns: repeat(auto-fit, minmax(76px, 1fr)); gap: var(--s-2); }
.qtier { border: 1px solid var(--line); border-radius: var(--r-md); padding: var(--s-2); text-align: center; }
.qtier .v { font-family: var(--font-mono); font-weight: 500; font-size: var(--fs-18); color: var(--ink); }
.qtier .k { font-family: var(--font-mono); font-size: 9.5px; letter-spacing: var(--track-caps); text-transform: uppercase; color: var(--ink-muted); }

.actions { display: flex; gap: var(--s-3); flex-wrap: wrap; align-items: center; }
.dispute-line { font-size: var(--fs-12); color: var(--ink-muted); }
.dispute-line a { color: var(--flare); }

@media (max-width: 1080px) {
  .res-grid { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 700px) {
  .verdict-hero { grid-template-columns: auto minmax(0, 1fr); }
  .vh-side { grid-column: 1 / -1; flex-direction: row; align-items: center; justify-content: flex-start; text-align: left; gap: var(--s-5); }
  .cat { grid-template-columns: 96px minmax(0, 1fr) 52px; }
}

.receipt[data-binding="true"] .r-label { color: var(--ink-dim); }

.receipts, .receipts.narrow { max-width: var(--measure-read); }

.report-top { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: var(--s-6); align-items: start; }
.report-rail {
  position: sticky; top: calc(var(--nav-h) + var(--s-3));
  display: flex; flex-direction: column; gap: var(--s-4);
}
.report-rail .panel-b { padding: var(--s-3) var(--s-4); }
.report-rail .stat-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.tune-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: var(--s-4); align-items: start; max-width: var(--measure-read); }

.zone-wide .zone-h { max-width: none; }

@media (max-width: 1180px) {
  .report-top { grid-template-columns: minmax(0, 1fr); }
  .report-rail { position: static; }
  .report-rail .stat-strip { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); }
}

.acc-c .stat-strip { max-width: var(--measure-read); }

.share-zone { display: grid; grid-template-columns: minmax(0, 56rem) minmax(0, 1fr); gap: var(--s-5); align-items: start; }
@media (max-width: 1180px) { .share-zone { grid-template-columns: minmax(0, 1fr); } }

.acc-c .axes { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(260px, 100%), 1fr)); gap: var(--s-2) var(--s-5); }
.acc-c .axis { grid-template-columns: 92px minmax(0, 1fr) 46px; }

#rrHealth-c .hitem,
#rrCards-c .combo { break-inside: avoid; }
@media (min-width: 900px) {
  #rrHealth-c > div:has(.hitem), #rrHealth-c .axes { column-count: 2; column-gap: var(--s-6); }
  #rrCards-c .combo-list { column-count: 2; column-gap: var(--s-6); }
  #rrHealth-c .pip-row, #rrHealth-c .staple { break-inside: avoid; }
}

.acc-c .salt-grid, .acc-c .pip-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)); gap: 0 var(--s-6); }

@media (min-width: 1000px) {
  .acc-c { column-count: 2; column-gap: var(--s-6); }

  .acc-c .sub { break-inside: avoid; display: inline-block; width: 100%; margin: 0 0 var(--s-5); }
}
.acc-c .sub > .panel-title { margin-top: 0; }
.acc-c .sub:last-child { margin-bottom: 0; }

.acc-c .tile + .sub { margin-top: var(--s-5); }

.acc-c .curve { max-width: 380px; }

#rrAccordions .curve .cc {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  align-items: end;
  justify-items: center;
}
#rrAccordions .curve .cc .b { background: var(--flare); opacity: 1; }

#rrAccordions .catrow,
#rrBento .catrow { grid-template-columns: 96px minmax(0, 1fr) 40px; }
@media (max-width: 860px) {
  #rrAccordions .catrow,
  #rrBento .catrow { grid-template-columns: 84px minmax(0, 1fr) 40px; }
}
#rrAccordions .cvv,
#rrBento .cvv { white-space: nowrap; }

@media (max-width: 860px) {
  #rrAccordions, #rrBento { grid-template-columns: minmax(0, 1fr); }
  #rrAccordions > .zone, #rrBento > .zone { min-width: 0; }

  #results .ll2, #results .ll3 { grid-template-columns: minmax(0, 1fr); }

}
#rrAccordions .pip-row,
#rrBento .pip-row { grid-template-columns: 18px minmax(0, 1fr) 64px; }

#rrAccordions .saltrow,
#rrBento .saltrow { display: flex; align-items: center; gap: 10px; }
#rrAccordions .saltrow .sc,
#rrBento .saltrow .sc { min-width: 0; }
#rrAccordions .saltrow .ss,
#rrBento .saltrow .ss { margin-left: auto; flex: none; }
#results .rrp-grid { grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); }
#results .rrv-rule0-text { min-width: min(220px, 100%); }

@media (max-width: 999.98px) {
  .acc-c .sub + .sub { margin-top: var(--s-5); }
}

.acc-c .pip-row { grid-template-columns: 108px 140px 1fr; padding: 4px 0; }
.acc-c .pip-num { text-align: left; }

@media (min-width: 1000px) {

  .acc.open > .acc-c.lead-wide { column-count: initial; display: grid; align-items: start;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 0 var(--s-6); }
  .acc-c.lead-wide .sub { display: block; width: auto; margin-bottom: var(--s-5); }
  .acc-c.lead-wide .sub-wide { grid-column: 1 / -1; }
}

@media (max-width: 700px) {
  .acc-c .dtable th.meter,
  .acc-c .dtable td.meter { display: none; }
}

@media (max-width: 430px) {
  .receipt { grid-template-columns: minmax(0, 1fr); gap: var(--s-2); }
  .r-tier { justify-self: start; }
}

#results .syn .sbar i,
#results .pip-row .track i { background: var(--flare); }

#results .pip-row .pip { font-size: 0; }

#results #rrCombos-c.acc-c {
  column-count: initial;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--s-5);
  align-items: stretch;

  grid-template-rows: minmax(0, 70vh);
  grid-auto-rows: auto;
  align-content: start;
}

#results #rrCombos-c > .tile.span6 {
  min-height: 0;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  overflow-anchor: none;

}

@media (max-width: 860px) {
  #results #rrCombos-c.acc-c { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; }

  #results #rrCombos-c > .tile.span6 { overflow: hidden; }

  #results .combo-cart-btn { white-space: normal; }
}

#results .combo-sb { white-space: nowrap; }

a.card-pill { text-decoration: none; display: inline-block; }
a.card-pill:hover { border-color: var(--flare-line); color: var(--ink); }
a.card-pill:focus-visible { outline: 2px solid var(--flare); outline-offset: 1px; }

.combo-cards a.card-ln { color: inherit; text-decoration: none; border-bottom: 1px solid transparent; }
.combo-cards a.card-ln:hover { border-bottom-color: var(--flare-line); }
.combo-cards a.card-ln:focus-visible { outline: 2px solid var(--flare); outline-offset: 1px; }

.combo-meta .combo-sb, .combo-meta .combo-pop { font-family: var(--font-mono); font-size: 11px; }
.combo-meta .combo-sb {
  color: var(--flare); text-decoration: none; white-space: nowrap;
  border-bottom: 1px solid transparent;
}
.combo-meta .combo-sb:hover { border-bottom-color: var(--flare-line); }
.combo-cards .buy {
  font-family: var(--font-mono); font-size: 10px; margin-left: 4px;
  padding: 1px 5px; border: 1px solid var(--line-strong); border-radius: var(--r-sm);
  color: var(--ink-dim); text-decoration: none; white-space: nowrap;
}
.combo-cards .buy:hover { border-color: var(--flare-line); color: var(--ink); }
.combo-cart-btn {
  display: inline-block; margin-left: var(--s-2);
  font-family: var(--font-mono); font-size: var(--fs-12);
  padding: 2px 8px; border: 1px solid var(--flare-line); border-radius: var(--r-sm);
  color: var(--flare); text-decoration: none;

  white-space: normal;
}
.combo-cart-btn:hover { background: var(--flare-tint); }

.tag-rating { display: inline-flex; align-items: baseline; gap: 4px; border-color: var(--flare-line); color: var(--flare); }
.tag-rating .tag-word { font-size: 9.5px; letter-spacing: 0; color: var(--ink-dim); }

.tag-status { color: var(--ink-muted); }
.combo-legend { margin-top: var(--s-3); line-height: 1.6; }
.combo-legend b { color: var(--flare); font-family: var(--font-mono); }

.syn-row { display: flex; gap: var(--s-2); align-items: baseline; margin-top: 5px; flex-wrap: wrap; }
.syn-k {
  font-family: var(--font-mono); font-size: 9.5px; letter-spacing: var(--track-caps);
  text-transform: uppercase; color: var(--ink-muted); flex: none; min-width: 58px;
}
.syn-row .r-cards { margin-top: 0; }

.sugg-note { font-size: var(--fs-12); color: var(--ink-muted); font-style: italic; margin: 0 var(--s-2) 0 3px; }

.q-hint { margin-top: var(--s-2); }
.qgrp { margin-top: var(--s-3); }
.qgrp-h { font-size: var(--fs-12); color: var(--ink); margin-bottom: 4px; }
.qgrp-h .dim { color: var(--ink-muted); font-family: var(--font-mono); font-size: 10px; margin-left: 6px; }

.catrow-jump {
  color: inherit; text-decoration: underline dotted;
  text-underline-offset: 2px; text-decoration-thickness: 1px;
}
.catrow-jump:hover { text-decoration-style: solid; color: var(--flare); }
.catrow-jump:focus-visible { outline: 2px solid var(--flare); outline-offset: 2px; }

.rr-flash { animation: rrFlashB 1.2s ease; border-radius: var(--r-md); }
@keyframes rrFlashB {
  0%, 100% { background: transparent; }
  25% { background: var(--flare-tint); }
}
@media (prefers-reduced-motion: reduce) {
  .rr-flash { animation: none; }
}

@media (max-width: 860px) {
  a.card-pill,
  .combo-cards a.card-ln,
  .combo-meta .combo-sb,
  .combo-cards .buy,
  .catrow-jump {
    display: inline-flex; align-items: center;
    min-height: 24px;
  }

  .combo-cards a.card-ln,
  .combo-meta .combo-sb,
  .combo-cards .buy,
  .catrow-jump { padding-left: 2px; padding-right: 2px; }

  .combo-cards { line-height: 1.9; }
  .combo-meta { line-height: 1.8; }
}

.sugg-more {
  font-family: var(--font-mono); font-size: 10px;
  color: var(--ink-muted); margin-left: 4px; white-space: nowrap;
}

#results #rrDiag-c.acc-c {
  column-count: initial;
  max-height: 70vh;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  overflow-anchor: none;
}

#results #rrDiag-c.acc-c {
  scrollbar-color: var(--flare) rgba(255, 255, 255, .07);
  scrollbar-width: thin;
}
#results #rrDiag-c.acc-c::-webkit-scrollbar { width: 10px; }
#results #rrDiag-c.acc-c::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, .07); border-radius: var(--r-pill);
}
#results #rrDiag-c.acc-c::-webkit-scrollbar-thumb {
  background: var(--flare); border-radius: var(--r-pill);
  border: 2px solid transparent; background-clip: padding-box;
}

@media (max-width: 860px) {
  #results #rrDiag-c.acc-c {
    max-height: none; overflow: hidden; scrollbar-gutter: auto;
  }
}

#results .zone-wide > .acc {
  border-color: rgba(255, 176, 32, .45);
}

#results .diag-metrics {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: var(--s-2);
}
@media (min-width: 861px) {
  #results .diag-metrics {
    grid-template-columns: 1fr 1fr;
    column-gap: var(--s-6);
    align-items: start;
  }
}

#results .diag-metric.diag-high,
#results .diag-metric.diag-low { order: -1; }

#results .diag-bar { position: relative; }
#results .diag-bar::after {
  content: "";
  position: absolute; right: 0; top: -4px; bottom: -4px;
  width: 2px; border-radius: 1px;
  background: rgba(255, 255, 255, .38);
}

#results .diag-metric.diag-high .diag-bar-fill {
  background-image: repeating-linear-gradient(90deg,
    rgba(0, 0, 0, .34) 0 4px, transparent 4px 9px);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 30px 100%;
}

#results #rrPrecons { min-height: 297px; }
#results #recommendationsSection { min-height: 74px; }

#results .ad-slot .eyebrow,
.ad-slot .eyebrow { display: none !important; }

.topbar-home { display: inline-flex; align-items: center; font-weight: 700;
  letter-spacing: .01em; color: var(--ink); text-decoration: none; margin-right: var(--s-3); }
.topbar-home .vault { color: var(--flare); }
.topbar-home:hover { color: var(--flare); }
@media (min-width: 861px) { .topbar-home { display: none; } }

.topbar { flex-wrap: nowrap; }
.topbar .eyebrow { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.topbar .nav-link { flex: 0 0 auto; }
.topbar-home { flex: 0 0 auto; }

.passport-brand {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: var(--ink) !important;
}

.passport-credit-artist, .passport-credit-wotc { display: block; }

.sv-sr {
  position: absolute !important;
  width: 1px; height: 1px;
  margin: -1px; padding: 0; border: 0;
  overflow: hidden; white-space: nowrap;
  clip: rect(0 0 0 0); clip-path: inset(50%);
}

.vh-detail {
  grid-column: 1 / -1;
  margin-top: var(--s-4, 18px);
  padding-top: var(--s-3, 12px);
  border-top: 1px solid var(--line);
  display: grid; gap: var(--s-3, 12px);
}

.ladder { list-style: none; margin: 0; padding: 0; }
.ladder .rung { display: block; list-style: none; }

.ladder .rung-bar { display: block; }

#rrAccordions > .zone,
#rrBento > .zone,
#rrWhy > .zone { grid-column: 1 / -1; }

#passportCard .passport.is-wide { margin-left: auto; margin-right: auto; }

.passport.is-wide { aspect-ratio: auto; }
.passport.is-wide .passport-body { margin-top: 0; }

.passport.is-wide { max-width: none; }

.passport.is-wide { grid-template-columns: 28% minmax(0, 1fr); }
.passport.is-wide .passport-body {
  display: flex; flex-direction: column;
  gap: var(--s-2);
}

.passport.is-wide .passport-stars-row {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-3);
}
.passport.is-wide .passport-star { width: auto; }
.passport.is-wide .passport-star img {
  width: 100%; height: auto; aspect-ratio: 488 / 680;
  object-fit: cover; border-radius: var(--r-sm);
}

@media (max-width: 700px) {
  .passport.is-wide .passport-body { display: flex; }
  .passport.is-wide .passport-stars,
  .passport.is-wide .passport-footer { grid-column: auto; grid-row: auto; }
}

.passport.is-wide .rule0-gameplan {
  display: block; -webkit-line-clamp: none; overflow: visible;
}

.passport-actions { max-width: none; }

.report-rail .rr-bento { grid-template-columns: minmax(0, 1fr); gap: var(--s-3); }
.report-rail .rr-bento > .tile { grid-column: 1 / -1 !important; }
.report-rail .rr-bento .stats-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.share-zone { grid-template-columns: minmax(0, 1fr) 300px; }
.rr-share-note { margin: var(--s-3) 0 0; line-height: 1.5; }
.rr-share-col { display: flex; flex-direction: column; gap: var(--s-4); align-self: stretch; }
.rr-share-panel { align-self: stretch; }

.rr-share-col .ad-slot { margin: 0; flex: 1 1 auto; }
@media (max-width: 1180px) { .share-zone { grid-template-columns: minmax(0, 1fr); } }

.passport.is-wide .passport-stars-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-2); }
.passport.is-wide .passport-star { width: auto; }
.passport.is-wide .passport-star img { width: 100%; height: auto; aspect-ratio: 488 / 680; object-fit: cover; border-radius: var(--r-sm); }

.report-rail .discord-cta { display: block; padding: var(--s-3) var(--s-4); }
.report-rail .discord-cta-text { display: block; margin-bottom: var(--s-3); }
.report-rail .discord-cta-title { font-size: var(--fs-14); line-height: 1.25; display: block; }
.report-rail .discord-cta-sub { font-size: var(--fs-12); line-height: 1.45; display: block; }
.report-rail .discord-cta-actions { display: flex; flex-direction: column; align-items: stretch; gap: var(--s-2); }
.report-rail .discord-cta-btn { width: 100%; justify-content: center; }
.report-rail .discord-cta-alt { text-align: center; font-size: var(--fs-12); }

.vh-detail { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--s-2) var(--s-4); }
.vh-detail > .rrv-rule0,
.vh-detail > .rrv-rulegap,
.vh-detail > .rrv-podnote,
.vh-detail > .rrv-prov { flex: 1 0 100%; }

.report-rail .rr-dials { gap: var(--s-2); }
.report-rail .rr-dial { padding: var(--s-3) 4px; }
.report-rail .rr-ring { width: 76px; height: 76px; }
.report-rail .rr-num { font-size: var(--fs-16); }
.report-rail .rr-lbl, .report-rail .rr-cap { font-size: 10px; }

@media (min-width: 1000px) {
  .article-wrap { justify-content: center; }
  .article-wrap .zone-h,
  .article-wrap .zone-lede,
  .nl-signup { margin-left: auto; margin-right: auto; }
}

#deckDiagnosis { max-width: var(--measure-read, 68ch); margin-left: auto; margin-right: auto; }