/* Homepage palette: Oxford Blue #002147 × Tan #D2B48C.
   Loaded last; intentionally does not recolor media or the standalone UGC app. */
.compact-page {
  --oxford: #002147;
  --tan: #d2b48c;
  --paper: #f8f4ed;
  --paper-2: #eee3d3;
  --ink: var(--oxford);
  --muted: #596776;
  --line: #d7cbb9;
  --acid: var(--tan);
  --violet: #826340;
  --blue: var(--oxford);
  --orange: #a8865b;
  background: var(--paper);
  color: var(--ink);
}
.compact-page ::selection { background: var(--tan); color: var(--oxford); }
.compact-page .site-header { background: #002147f5; border-color: #d2b48c45; color: var(--tan); }
.compact-page .wordmark-mark { background: var(--tan); color: var(--oxford); }
.compact-page .site-header nav a { color: #e4d7c5; }
.compact-page .site-header nav a:hover { color: #fffaf1; }
.compact-page .site-header nav a::after { background: var(--tan); }
.compact-page .header-paper { border-color: var(--tan); }
.compact-page .scroll-progress span { background: var(--tan); }
.compact-page .hero-cinematic { background: var(--oxford); }
.compact-page .hero-wall-shade { background: linear-gradient(180deg,#00214760,#002147b8 43%,#002147a8 72%,#00214765); }
.compact-page .hero .hero-cinematic .project-title { color: #fbf6ed; }
.compact-page .hero-cinematic .project-title>span,
.compact-page .hero-cinematic .paper-title em { color: var(--tan); }
.compact-page .hero-cinematic .paper-title { color: #fbf6ed; }
.compact-page .hero-cinematic .hero-dek,
.compact-page .hero-cinematic .authors { color: #e5dacb; }
.compact-page .hero-wall-label,
.compact-page .hero-wall-toggle { background: #002147bb; color: #efe1ce; border-color: #d2b48c80; }
.compact-page .hero-wall-toggle:hover { background: var(--oxford); }
.compact-page h1 em,.compact-page h2 em,.compact-page h3 em { color: #826340; }
.compact-page .section-index,.compact-page .section-number { color: #826340; }
.compact-page .paper-tldr h2,.compact-page .paper-tldr strong,
.compact-page #idea .section-heading strong { color: var(--oxford); }
.compact-page .paper-tldr p { color: var(--muted); }
.compact-page .method-section,.compact-page .ugc-application { background: var(--oxford); color: #f8f4ed; }
.compact-page .method-section h2 em,.compact-page .ugc-compact h2 em,
.compact-page .method-section .section-index,.compact-page .ugc-application .section-index,
.compact-page .method-section .section-number,.compact-page .ugc-application .section-number { color: var(--tan); }
.compact-page .method-explanation,.compact-page .method-section .section-heading>p,
.compact-page .ugc-compact-copy>p:not(.section-index),.compact-page .ugc-links>a,
.compact-page .ugc-chain { color: #e3d7c7; }
.compact-page .ugc-chain span { color: var(--tan); }
.compact-page .ugc-launch,.compact-page .ugc-close { background: var(--tan); color: var(--oxford); }
.compact-page .ugc-proxy-inset { background: var(--paper-2); color: var(--oxford); border-color: var(--tan); }
.compact-page #ugc-dialog { background: var(--oxford); border-color: var(--tan); }
.compact-page .spectrum-switch,.compact-page .qual-method-switch { background: var(--paper-2); border-color: var(--line); }
.compact-page #idea .spectrum-options button { background: #f2ebe1; border-color: var(--line); color: var(--muted); }
.compact-page #idea .spectrum-options strong,
.compact-page #idea .spectrum-options button[data-mode=coarse] strong { color: var(--oxford); }
.compact-page #idea .spectrum-options button[data-mode=coarse] { background: #eee0cc; border-color: var(--tan); color: var(--oxford); box-shadow: 0 10px 28px #00214708; }
.compact-page #idea .spectrum-options button[aria-pressed=true],
.compact-page #idea .spectrum-options button[data-mode=coarse][aria-pressed=true] { outline-color: var(--oxford); }
.compact-page .control-tags i,.compact-page #idea .spectrum-options button[data-mode=coarse] .control-tags i { background: #e2d0b6; color: var(--oxford); }
.compact-page .tradeoff,.compact-page .proxy-choice,.compact-page .concept-label,
.compact-page .ambiguity-copy p,.compact-page .ambiguity-key { color: #645942; }
.compact-page .proxy-ambiguity { background: #eee3d3; border-color: var(--line); }
.compact-page .ambiguity-copy h3 { color: var(--oxford); }
.compact-page .proxy-branch figure { background: var(--paper); border-color: var(--tan); }
.compact-page .proxy-branch figcaption,.compact-page .branch-connector { color: #826340; }
@keyframes world-emphasis { 0%,30% { border-color:#826340;box-shadow:0 0 0 2px #d2b48c80 } 34%,100% { border-color:#d7cbb9;box-shadow:none } }
.compact-page input[type=range],.compact-page #idea #proxy-spectrum { accent-color: var(--oxford); }
.compact-page :focus-visible { outline-color: #a8865b; }
.compact-page .button-dark { background: var(--oxford); color: #f8f4ed; }
.compact-page .button-dark:hover { background: #16416e; border-color: #16416e; }
.compact-page .style-controls select,.compact-page .natural-controls select,
.compact-page .media-controls button,.compact-page .sequence-controls button,
.compact-page .example-navigation button,.compact-page .atlas-carousel-heading button,
.compact-page .gallery-toggle { background: #fffaf2; border-color: var(--line); color: var(--oxford); }
.compact-page .interaction-tabs button,.compact-page .gallery-filters button { color: var(--muted); }
.compact-page .interaction-tabs button[aria-pressed=true],
.compact-page .gallery-filters button[aria-pressed=true] { background: var(--oxford); border-color: var(--oxford); color: #f8f4ed; }
.compact-page .qual-row,.compact-page .atlas-main,.compact-page .atlas-views figure,
.compact-page .ablation-schedules,.compact-page .ablation-matrix-scroll { background: #fffdf8; border-color: var(--line); }
.compact-page .qual-selected,.compact-page .qual-method-labels button[aria-pressed=true] { color: var(--oxford); }
.compact-page .qual-method-labels button[aria-pressed=true] { background: var(--tan); }
.compact-page .example-navigation button:hover,.compact-page .atlas-card:hover { background: var(--paper-2); border-color: var(--tan); }
.compact-page .atlas-card { background: var(--paper-2); color: var(--oxford); }
.compact-page .atlas-card[aria-pressed=true] { background: var(--tan); border-color: var(--oxford); color: var(--oxford); }
.compact-page .atlas-cards { scrollbar-color: var(--tan) var(--paper-2); }
.compact-page .data-status { background: var(--paper-2); color: #645942; border-color: var(--line); }
.compact-page .benchmark-table thead,.compact-page .benchmark-table .table-group { background: #e7d6bf; color: var(--oxford); }
.compact-page .benchmark-table .ours-row { background: #f0e4d3; }
.compact-page .benchmark-table .ours-row th,.compact-page .condition-icon { color: var(--oxford); }
.compact-page .more-section { background: var(--paper-2); }
.compact-page footer { background: var(--oxford); color: #e3d7c7; }
.compact-page .camera-tile { border-color: var(--line); }
.compact-page .ablation-column-headings,.compact-page .denoise-label strong { color: var(--oxford); }
.compact-page .denoise-segment.grounding { background-color: #dce5ef; color: var(--oxford); border-color: #66809f; }
.compact-page .denoise-segment.refinement { background-color: #e7d3b7; color: #493924; border-color: #b2936b; }
.compact-page .denoise-row.staged { background: #f5eee3; }
.compact-page .denoise-switch { color: var(--oxford); border-color: var(--oxford); }
.compact-page .denoise-camera { color: #705838; }
.compact-page .denoise-camera>div { border-color: #a8865b; }
.compact-page .ablation-caveat { background: #efe3d0; border-color: #a8865b; color: #64533b; }
.compact-page .unpaired-bridge { background: #eee3d3; border-color: var(--tan); color: var(--oxford); }
.compact-page .unpaired-bridge>span,.compact-page .unpaired-bridge p,.compact-page .unpaired-bridge a { color: #645942; }
.compact-page .method-steps article { border-color: #d2b48c55; }
.compact-page .method-steps span { color: var(--tan); }
.compact-page .method-steps p { color: #e3d7c7; }
.compact-page .matrix-controls button { border-color: var(--line); color: var(--oxford); }
.compact-page .proxybench-intro { max-width: 1040px; margin: 0 0 30px; font-size: 16px; line-height: 1.85; color: var(--muted); }
.compact-page .proxybench-intro strong { color: var(--oxford); font-weight: 600; }
.rank-crown { display: inline-flex; width: 19px; height: 19px; margin-left: 7px; vertical-align: -4px; }
.rank-crown svg { width: 100%; height: 100%; fill: #d2b48c; stroke: #826340; stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; }
.hero-resource-links { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; margin-top:28px; }
.compact-page .hero-resource { display:inline-flex; align-items:center; gap:10px; padding:12px 20px; min-height:48px; border:1px solid #d2b48c99; border-radius:99px; background:#002147da; color:#f8f4ed; text-decoration:none; font:600 13px var(--sans); text-shadow:none; transition:background .18s,color .18s; }
.hero-resource svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.compact-page a.hero-resource:hover { background:var(--tan); color:var(--oxford); }
.compact-page button.hero-resource:disabled { cursor:default; color:#e3d7c7; background:#00214799; }
.hero-resource small { font-size:10px; font-weight:400; margin-left:5px; color:var(--tan); }
.compact-page .resource-disabled { opacity:.45; filter:grayscale(1); cursor:not-allowed; }
.compact-page .hero-resource.resource-disabled { background:#263746aa; border-color:#87919b88; color:#c5c9ce; }
.compact-page .proxy-ambiguity.concept-only { gap:24px; }
.abstraction-levels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.abstraction-levels figure { min-width:0; margin:0; padding:12px 12px 18px; background:var(--paper); border:1px solid #00214722; border-radius:12px; }
.abstraction-levels img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; }
.abstraction-levels figcaption { display:grid; gap:5px; text-align:center; color:var(--oxford); }
.abstraction-levels strong { font-size:18px; font-weight:650; }
.abstraction-levels figcaption span { font-size:12px; color:#645942; }
.compact-page .unpaired-bridge { display:grid; grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr); align-items:center; gap:40px; background:var(--oxford); color:var(--paper); border:1px solid #d2b48c80; border-left:5px solid var(--tan); border-radius:16px; }
.compact-page .unpaired-bridge h3 { color:var(--paper); }
.compact-page .unpaired-bridge p { color:#e3d7c7; }
.compact-page .unpaired-bridge a { color:var(--tan); }
.challenge-label { display:flex; gap:12px; align-items:center; font:600 12px var(--mono); letter-spacing:.12em; color:var(--tan); }
.challenge-mark { display:grid; place-items:center; width:30px; height:30px; border:1.5px solid var(--tan); border-radius:50%; font:700 22px var(--sans); }
.challenge-symbols { display:grid; grid-template-columns:1fr 60px 1fr; gap:12px; align-items:center; text-align:center; }
.challenge-symbols svg { display:block; width:80px; height:80px; max-width:100%; margin:0 auto 12px; fill:none; stroke:var(--paper); stroke-width:2.3; stroke-linejoin:round; stroke-linecap:round; }
.challenge-symbols strong { font:600 14px var(--sans); color:var(--paper); }
.challenge-missing { position:relative; align-self:center; padding-bottom:26px; color:var(--tan); }
.challenge-missing span { font-size:42px; opacity:.55; }
.challenge-missing b { position:absolute; top:-18px; left:0; right:0; font:700 28px var(--sans); }
.compact-page .challenge-symbols p { grid-column:1/-1; margin:0; font:500 13px var(--sans); color:var(--tan); }
@media(max-width:800px) { .compact-page .unpaired-bridge { grid-template-columns:1fr; gap:26px; } .challenge-symbols { width:min(360px,100%); margin:auto; } .abstraction-levels { gap:8px; } .abstraction-levels figure { padding:6px 4px 14px; } .abstraction-levels strong { font-size:14px; } .abstraction-levels figcaption span { font-size:11px; } }
@media(max-width:440px) { .compact-page .proxy-ambiguity.concept-only { padding:18px 12px; } .abstraction-levels strong { font-size:12px; } .abstraction-levels figcaption span { font-size:10px; } }
@media(max-width:600px) { .hero-resource-links { gap:8px; } .compact-page .hero-resource { padding:10px 13px; font-size:12px; } .hero-resource small { display:block; margin:3px 0 0; } }
.compact-page .dense-results { margin-top:64px; padding-top:40px; border-top:1px solid #00214733; }
.compact-page .dense-results h3 { margin:0; font:600 clamp(24px,3vw,38px)/1.15 var(--sans); color:var(--oxford); }
.compact-page .method-figure img { display:block; width:100%; height:auto; max-width:100%; object-fit:contain; }
.ti2v-matrix { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px 16px; }
.ti2v-matrix-item .matrix-controls { gap:6px; margin-top:10px; }
.ti2v-matrix-item .matrix-controls button { padding:5px 9px; }
.ti2v-matrix-item .matrix-controls [role=status]:empty { display:none; }
@media(max-width:900px){.ti2v-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.ti2v-matrix{grid-template-columns:1fr}}

/* Public author attribution */
.compact-page .hero-cinematic .public-authors { max-width:940px; margin:0 auto; padding:0 16px; font-size:clamp(13px,1.3vw,18px); line-height:1.8; color:#f8f4ed; }
.public-authors span { display:inline-block; margin:0; white-space:nowrap; }
.public-authors .author-affiliation { color:#d2b48c; font-size:15px; margin-top:3px; }
.compact-page .hero .hero-cinematic .project-title.public-title-rule { display:inline-block; max-width:100%; border-bottom:3px solid #fff; padding-bottom:14px; }
.public-authors .corresponding-mark { font-size:.72em; margin-left:2px; line-height:0; vertical-align:super; }
.public-authors .corresponding-note { margin-left:16px; font-size:13px; color:#f8f4ed; }