/* Scoped field-guide treatment. Keep homepage and tier/class semantics intact. */
body.reference-cleanup {
  --bg:#101010; --bg2:#171717; --text:#f5f2e9; --dim:#bcbab4;
  --ink-1:#d5d2cb; --ink-2:#bcbab4; --accent:#ff6378; --accent-2:#e4032e;
  --surface:#191919; --surface2:#222; --card:#191919;
  --line:rgba(245,242,233,.12); --line-2:rgba(245,242,233,.22);
  --radius:4px;
  background:#101010;
  color:var(--text);
}
.reference-cleanup :is(.gd-wrap,.sp-wrap,.ct-wrap,.sg-wrap,.lo-wrap,.ttk-wrap,.cb-wrap,.wp-wrap) {padding:28px 24px 60px}
.reference-cleanup :is(.gd-hero,.sp-hero,.ct-hero,.sg-hero,.lo-hero,.ttk-hero,.cb-hero,.wp-hero) {padding:16px 0 20px}
.reference-cleanup :is(.gd-h1,.sp-h1,.ct-h1,.sg-h1,.lo-h1,.ttk-h1,.cb-h1,.wp-h1,.hero-title) em {
  color:var(--text); background:none; -webkit-text-fill-color:currentColor; filter:none; text-shadow:none;
}
.reference-cleanup :is(.gd-eyebrow,.sp-eyebrow,.ct-eyebrow,.sg-eyebrow,.lo-eyebrow,.ttk-eyebrow,.cb-eyebrow,.wp-eyebrow) {
  color:var(--ink-2); font-size:12px; letter-spacing:.06em;
}
.reference-cleanup :is(.gd-eyebrow,.sp-eyebrow,.ct-eyebrow,.sg-eyebrow,.lo-eyebrow,.ttk-eyebrow,.cb-eyebrow,.wp-eyebrow) .dot,
.reference-cleanup .eyebrow-dot {display:none}
.reference-cleanup :is(.gd-sub,.sp-sub,.ct-sub,.sg-sub,.lo-sub,.ttk-sub,.cb-sub,.wp-sub) {max-width:68ch; margin:10px 0 14px; color:var(--ink-1)}
.reference-cleanup :is(.gd-herometa,.sp-herometa,.ct-herometa,.sg-herometa,.lo-herometa,.ttk-herometa,.cb-chips,.wp-chips) {gap:8px 18px}
.reference-cleanup :is(.gd-chip,.gd-chip-meta,.sp-chip,.sp-chip-meta,.ct-chip-meta,.sg-chip-meta,.lo-chip,.ttk-chip,.cb-chip,.wp-chip) {
  padding:0; background:none; border:0; border-radius:0; box-shadow:none; letter-spacing:.02em;
}
.reference-cleanup :is(.gd-glance,.sp-glance,.ct-glance,.sg-glance,.lo-glance,.ttk-glance,.cb-answer,.wp-answer) {
  padding:20px 0; margin:20px 0; background:none; border:0; border-top:1px solid var(--line-2); border-radius:0; box-shadow:none;
}
.reference-cleanup :is(.gd-glance,.sp-glance,.ct-glance,.sg-glance,.lo-glance,.ttk-glance,.cb-answer,.wp-answer)::before {display:none}
.reference-cleanup :is(.gd-glance-list,.sp-glance-list,.ct-glance-list,.sg-glance-list,.lo-glance-list,.ttk-glance-list) {gap:0}
.reference-cleanup :is(.gd-glance-list,.sp-glance-list,.ct-glance-list,.sg-glance-list,.lo-glance-list,.ttk-glance-list) li {
  padding:9px 0; background:none; border:0; border-bottom:1px solid var(--line); border-radius:0;
}
.reference-cleanup :is(.gd-card,.sp-card,.ct-card,.sg-wcard,.lo-card,.cb-card) {border-radius:4px; box-shadow:none; background:var(--surface); will-change:auto}
.reference-cleanup :is(.gd-card,.sp-card,.ct-card,.sg-wcard,.lo-card,.cb-card):hover {transform:none; box-shadow:none}
.reference-cleanup :is(.gd-card,.sp-card,.ct-card,.sg-wcard,.lo-card,.cb-card)::before {background:none}
.reference-cleanup .rx-cta {padding:16px 0; background:none; border:0; border-top:1px solid var(--line); border-radius:0; box-shadow:none}
.reference-cleanup .rx-cta--top {margin:0 0 12px; padding:0; border:0; justify-content:flex-start}
.reference-cleanup .rx-btn {min-height:44px; padding:0 14px; background:var(--surface2); border:1px solid var(--line-2); border-radius:3px; color:var(--text); font-size:14px; font-weight:600; letter-spacing:0}
.reference-cleanup .rx-btn:hover {color:var(--text); background:#2a2a2a; border-color:var(--accent); transform:none; box-shadow:none}
.reference-cleanup .rx-cta--top .rx-btn {padding:0; border:0; background:none; text-decoration:underline; text-underline-offset:4px}
.reference-cleanup .rx-arts {gap:16px}
.reference-cleanup .rx-art {padding:0; border:0; background:none; border-radius:0}
.reference-cleanup .rx-art:hover {background:none}
.reference-cleanup :is(.lo-jumps,.gd-subnav,.sp-subnav,.ct-subnav,.sg-subnav) a {border-radius:3px}
.reference-cleanup :is(.lo-build-cta,.cb-build-cta) {background:#272727; color:var(--text); border-color:var(--line-2); border-radius:3px; box-shadow:none}
.reference-cleanup :is(.lo-build-cta,.cb-build-cta):hover {background:#343434; color:var(--text); transform:none; box-shadow:none}
.reference-cleanup .arena-preview {margin:20px 0 28px; max-width:900px}
.reference-cleanup .arena-preview img {display:block; width:100%; height:auto; border-radius:3px}
.reference-cleanup .arena-preview figcaption {display:flex; flex-wrap:wrap; gap:6px 16px; margin-top:10px; color:var(--ink-2); font-size:13px; line-height:1.5}
.reference-cleanup a:focus-visible {outline:2px solid var(--text); outline-offset:4px}
@media(max-width:768px) {
  .reference-cleanup :is(.gd-wrap,.sp-wrap,.ct-wrap,.sg-wrap,.lo-wrap,.ttk-wrap,.cb-wrap,.wp-wrap) {padding:18px 18px 48px}
  .reference-cleanup :is(.gd-hero,.sp-hero,.ct-hero,.sg-hero,.lo-hero,.ttk-hero,.cb-hero,.wp-hero) {padding:12px 0 16px}
  .reference-cleanup :is(.gd-glance,.sp-glance,.ct-glance,.sg-glance,.lo-glance,.ttk-glance,.cb-answer,.wp-answer) {padding:16px 0; margin:16px 0}
}
/* Navigation remains available without looking like another content panel. */
.reference-cleanup :is(.lo-jumps,.gd-subnav,.sp-subnav,.ct-subnav,.sg-subnav) {background:#101010; border-radius:0; box-shadow:none; backdrop-filter:none}
.reference-cleanup .lo-discovery-nav {display:flex; flex-wrap:wrap; gap:0 20px; margin:0 0 8px}
.reference-cleanup .lo-discovery-nav a {display:inline-flex; align-items:center; min-height:44px; padding:0; background:none; border:0; border-radius:0; box-shadow:none; color:var(--ink-1); font-weight:600; text-decoration:underline; text-underline-offset:4px}
.reference-cleanup .lo-discovery-nav a:hover {color:var(--text); background:none}
@media(max-width:560px) {
  .reference-cleanup .lo-jumps {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; padding:6px 0}
  .reference-cleanup .lo-jumps a {min-width:0; padding:8px 4px; white-space:normal}
  .reference-cleanup .lo-jumps a:nth-child(n+4) {background:none; border:0; font-size:12px}
  .reference-cleanup .lo-jumps a:last-child {grid-column:span 2}
}

.reference-cleanup :is(.gd-chip,.sp-chip,.ct-chip-meta,.cb-chip,.wp-chip) {flex-direction:row; align-items:baseline; gap:6px; font-size:12px; transform:none}
.reference-cleanup :is(.gd-chip,.sp-chip,.ct-chip-meta,.cb-chip,.wp-chip) strong {font-size:13px; line-height:1.5}
.reference-cleanup :is(.gd-chip,.sp-chip,.ct-chip-meta,.cb-chip,.wp-chip):hover {background:none; transform:none}
.reference-cleanup :is(.gd-glance,.sp-glance,.ct-glance) {display:flex; flex-direction:column}
.reference-cleanup :is(.gd-glance-title,.sp-glance-title,.ct-glance-title) {order:0}
.reference-cleanup :is(.gd-glance-list,.sp-glance-list,.ct-glance-list) {order:1}
.reference-cleanup :is(.gd-glance-lead,.sp-glance-lead,.ct-glance-lead) {order:2; margin:14px 0 0}
@media(max-width:768px) {
  .reference-cleanup :is(.gd-subnav,.sp-subnav,.ct-subnav,.sg-subnav) {margin-left:0; margin-right:0}
}