.match-timeline { grid-column:1/-1; width:min(1120px,100%); margin:0 auto; padding:32px 32px 64px; }
.timeline-import { overflow-wrap:anywhere; }
.timeline-heading { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-bottom:24px; }
.timeline-heading h1 { font-size:var(--elevenx-font-title-1); }.timeline-subtitle { font-size:var(--elevenx-font-headline); }
.timeline-card { padding:24px; margin:16px 0; border:1px solid var(--elevenx-border-soft); border-radius:20px; background:var(--elevenx-surface); min-width:0; }
.timeline-card h2 { font-size:var(--elevenx-font-title-3); }.timeline-card .elevenx-button { margin:8px 8px 0 0; }
.timeline-notice { color:var(--elevenx-danger); margin:16px 0; overflow-wrap:anywhere; }
.timeline-form { display:grid; gap:16px; }.timeline-form label { display:grid; gap:8px; min-width:0; }
.timeline-form .elevenx-field { width:100%; min-width:0; min-height:44px; }.timeline-form textarea { min-height:100px; }
.timeline-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }.timeline-grid>p { grid-column:1/-1; }
.timeline-details { border:1px solid var(--elevenx-border-soft); border-radius:20px; padding:0 20px; background:var(--elevenx-surface); min-width:0; overflow-wrap:anywhere; }
.timeline-details>summary { cursor:pointer; min-height:44px; padding:14px 0; overflow-wrap:anywhere; }
.timeline-details>div,.timeline-details>ul { padding-bottom:20px; }.timeline-details>summary:focus-visible { outline:2px solid var(--elevenx-primary); outline-offset:4px; border-radius:8px; }
.timeline-checks { min-width:0; border:1px solid var(--elevenx-border-soft); border-radius:12px; padding:12px 16px; display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:8px; }
.timeline-form .timeline-check { display:flex; align-items:center; gap:10px; min-height:44px; }.timeline-check input { width:20px; height:20px; flex-shrink:0; }
.timeline-states { padding-left:24px; }.timeline-states li,.timeline-list-row { padding:16px 0; border-bottom:1px solid var(--elevenx-border-soft); overflow-wrap:anywhere; }
.timeline-list-row small { display:block; color:var(--elevenx-muted); }.timeline-status { font-weight:600; }.timeline-preview { min-width:0; }
.timeline-candidate-header { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; }
.timeline-candidate-header h2 { margin:0; }.timeline-candidate-current { color:var(--elevenx-primary); font-weight:600; }
.timeline-source { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 20px; align-items:center; }
.timeline-source-info { display:grid; gap:8px; min-width:0; }.timeline-source-info p { margin:0; }
.timeline-source>.timeline-details { grid-column:1/-1; }.timeline-source>button { min-height:44px; }
.timeline-source>button[aria-pressed="true"] { border-color:var(--elevenx-primary); }
.timeline-editor-section { display:grid; gap:16px; min-width:0; }
.timeline-editor-section[hidden],.timeline-details[hidden] { display:none; }
.timeline-editor-toolbar { display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; }
.timeline-editor-toolbar .system-editor-tabs { margin:0; padding:8px 0; flex-wrap:wrap; }
.timeline-editor-section>.timeline-details[data-panel="layouts"] { border:0; padding:0; background:transparent; }
.timeline-editor-section .system-editor-tabs { margin:0; padding:8px 0; }
.timeline-layout-workspace { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr); gap:24px; align-items:start; }
.timeline-layout-settings { display:grid; gap:16px; min-width:0; }.timeline-layout-settings .timeline-grid { grid-template-columns:minmax(0,1fr); }
.timeline-layout-workspace .pitch-player-name { max-width:72px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
@media(max-width:800px){.timeline-layout-workspace{grid-template-columns:minmax(0,1fr);}.timeline-layout-settings{grid-row:2;}}
@media(max-width:640px){.timeline-layout-workspace .pitch-player-name{max-width:48px;}}
@media(max-width:640px){.timeline-source{grid-template-columns:minmax(0,1fr);}.timeline-source>button{justify-self:start;}}
@media(max-width:640px){.match-timeline{padding:24px 16px;}.timeline-card{padding:20px;}.timeline-grid{grid-template-columns:minmax(0,1fr);}.timeline-details{padding:0 16px;}}

/* Keep focused content below the sticky product shell. */
.match-timeline .timeline-heading,
.match-timeline .timeline-notice,
.match-timeline h2,
.match-timeline input,
.match-timeline select,
.match-timeline textarea { scroll-margin-top:80px; }

/* Keep source record labels readable without hiding additional nodes or long names. */
.timeline-record .timeline-check { align-items:flex-start; }
.timeline-record .timeline-check input { margin-top:2px; }
.timeline-record .timeline-check span { min-width:0; overflow-wrap:anywhere; font-weight:600; }
.timeline-record-items { margin:8px 0; padding-left:24px; display:grid; gap:8px; }
.timeline-record-context { margin:8px 0; color:var(--elevenx-muted); overflow-wrap:anywhere; }