#view-competition-detail.active { display: flex; flex-direction: column; }
#competitionHero { order: 0; }
#competitionProjectsPanel { order: 1; }
#competitionInsightPanel { order: 2; }
.detail-filters { display: flex; flex-wrap: wrap; gap: 8px; padding-bottom: 16px; }
.detail-filters label { display: grid; gap: 5px; flex: 1 1 100px; color: #656b77; font-size: 12px; }
.detail-filters select, .detail-reset { min-height: 44px; border: 1px solid #e4e5e9; border-radius: 10px; padding: 8px; background: #fff; color: #242b37; max-width: 100%; }
.detail-reset { align-self: end; cursor: pointer; }
.detail-finder { padding: 16px; }
.detail-finder > label { display: block; font-size: 14px; font-weight: 650; margin-bottom: 8px; }
.detail-finder input { width: 100%; box-sizing: border-box; min-height: 44px; padding: 10px 12px; border: 1px solid #dedfe5; border-radius: 12px; background: #fafafa; font: inherit; }
.detail-person { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 0; border-bottom: 1px solid #eee; font-size: 14px; }
.detail-person > div:first-child { min-width: 0; }
.detail-person small { display: block; color: #6b7280; line-height: 1.5; margin-top: 5px; }
.detail-person-actions { display: flex; gap: 6px; flex-wrap: wrap; flex-shrink: 0; max-width: 44%; }
.detail-person-actions button { min-height: 44px; background: #fff4ed; color: #9a421f; border: 1px solid #f0d4c6; border-radius: 10px; padding: 6px 10px; cursor: pointer; }
.detail-finder-results > p { font-size: 13px; color: #6b7280; }
.phase-switch button:disabled { opacity: .4; cursor: default; }
.detail-located { outline: 3px solid #e78347 !important; outline-offset: -3px; background: #fff3df !important; }
.detail-source { font-size: 12px; line-height: 1.6; color: #687180; margin: 10px 0 0; }
#view-event-detail .process-tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; padding: 6px 0 10px; gap: 6px; }
#view-event-detail .process-tabs .tab { white-space: nowrap; flex-shrink: 0; min-height: 44px; }
#view-event-detail .pool-matrix td.pool-win { background: #e7f5ed; color: #166348; }
#view-event-detail .pool-matrix td.pool-loss { background: #fff1ed; color: #9f4635; }
#view-event-detail .pool-matrix td small { display: block; font-size: 10px; line-height: 1.1; }
#view-event-detail .pool-quick-summary { display: none; }
#view-event-detail .pool-matrix th:first-child { z-index: 2; background: #fff; }
#view-event-detail .pool-matrix th button { min-height: 44px; }
#view-event-detail .pool-matrix { width: calc(128px + (var(--pool-size, 7) * 36px)); min-width: calc(128px + (var(--pool-size, 7) * 36px)); }
#view-event-detail .pool-matrix th:first-child, #view-event-detail .pool-matrix td:first-child { width: 128px; min-width: 128px; max-width: 128px; padding: 6px 8px; }
#view-event-detail .pool-matrix th:not(:first-child), #view-event-detail .pool-matrix td:not(:first-child) { width: 36px; min-width: 36px; max-width: 36px; }
#view-event-detail .pool-matrix th button { min-height: 36px; padding: 0; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; font-size: 12px; font-weight: 600; line-height: 1.4; }
#view-event-detail .pool-matrix thead th { height: 34px; padding: 4px; background: #f7f8fa; color: #667085; font-size: 12px; font-weight: 500; }
#view-event-detail .pool-matrix td { height: 48px; padding: 4px 0; font-size: 13px; font-variant-numeric: tabular-nums; }
#view-event-detail .pool-matrix td.self { background: #f2f4f7; color: transparent; }
#view-event-detail .pool-matrix td.pool-win { background: #eef7f3; color: #087760; }
#view-event-detail .pool-matrix td.pool-loss { background: #fbf4f2; color: #8a5b50; }
#view-event-detail .pool-matrix-wrap { touch-action: pan-x pan-y; }
#view-event-detail .process-scroll-hint { background: transparent; padding: 0; margin: 8px 0 12px; font-size: 11px; color: #667085; }
#view-event-detail .pool-process-card { padding: 12px; border-color: #e7e9ed; border-radius: 12px; box-shadow: none; }
#view-event-detail .pool-results-table { min-width: 380px; }
#view-event-detail .pool-results-table th:first-child, #view-event-detail .pool-results-table td:first-child { width: 112px; white-space: normal; overflow-wrap: anywhere; }
.detail-filters :focus-visible, .detail-finder :focus-visible { outline: 3px solid #de7b41; outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
/* Published draws contain schedule and entrants, without provisional scores. */
.pool-draw-schedule { color: #167568; margin: 10px 0 18px; font-size: 14px; }
.pool-draw-table { width: 100%; min-width: 0; table-layout: fixed; }
.pool-draw-table th, .pool-draw-table td { padding: 12px 8px; white-space: normal; overflow-wrap: anywhere; text-align: left; }
.pool-draw-table th:first-child, .pool-draw-table td:first-child { width: 40px; color: #7b8490; }
.pool-draw-table td:nth-child(2) { font-weight: 600; color: #202832; }
.pool-draw-table td:last-child { color: #6c7683; }
.pool-draw-note { color: #7b8490; margin: 16px 0 0; font-size: 13px; line-height: 1.6; }