.trend-open{width:100%;margin-top:7px;padding:7px 10px;border:1px solid #1d3540;background:#07131a;color:#77909a;font-size:.49rem;letter-spacing:.11em;text-align:left;cursor:pointer}
.trend-open span{float:right;color:var(--cyan)}
.trend-open:hover,.trend-open:focus-visible{border-color:var(--cyan);color:#c2d4d8}
.trend-dialog{width:min(1080px,95vw);padding:0;border:0;background:transparent;color:var(--text)}
.trend-dialog::backdrop{background:#02070be6;backdrop-filter:blur(5px)}
.trend-panel{border:1px solid #294550;background:#07131a;box-shadow:0 35px 100px #000;min-height:650px;display:flex;flex-direction:column}
.trend-panel>header{height:auto;min-height:96px;padding:18px 22px;border-bottom:1px solid #23414d;align-items:flex-start}
.trend-panel>header small{display:block;color:var(--cyan);font-size:.51rem;letter-spacing:.14em}
.trend-panel>header strong{display:block;margin-top:5px;font-size:1.15rem}
.trend-panel>header p{margin:4px 0 0;color:#718a94;font-size:.62rem}
.trend-panel>header p b{color:#a8bec4;font-weight:600}
.trend-panel>header button{margin-left:auto;border:1px solid var(--cyan);background:transparent;color:var(--cyan);padding:7px 12px;cursor:pointer}
.trajectory-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 22px}
.trajectory-summary div{border:1px solid #1e3540;background:#091820;padding:10px 12px}
.trajectory-summary small{display:block;color:#6e8992;font-size:.47rem;letter-spacing:.12em}
.trajectory-summary strong{display:block;color:#e9f3f4;font-family:ui-monospace,monospace;font-size:1rem;margin:4px 0 2px}
.trajectory-summary span{color:#607983;font-size:.5rem}
.trajectory-list{display:grid;gap:6px;padding:0 22px 14px}
.trajectory-row{display:grid;grid-template-columns:minmax(240px,.95fr) 2fr 118px;gap:14px;align-items:center;border-top:1px solid #172d37;padding:8px 0}
.trajectory-label small{display:block;color:#55717c;font-size:.43rem;letter-spacing:.1em}
.trajectory-label strong{display:block;font-size:.65rem;margin-top:3px}
.trajectory-functions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:6px;color:#6f8790;font-size:.43rem}
.trajectory-functions span{display:flex;align-items:center;gap:3px}
.trajectory-functions i{width:5px;height:5px;border-radius:50%;background:var(--role);box-shadow:0 0 5px var(--role)}
.trajectory-functions b{margin-left:auto;color:#9bb0b7;font-family:ui-monospace,monospace;font-size:.46rem;font-weight:500}
.trajectory-chart{width:100%;height:48px;overflow:visible}
.trajectory-grid{stroke:#1a333e;stroke-width:.5}
.trajectory-pressure{fill:none;stroke:#687c84;stroke-width:1;stroke-dasharray:3 3;opacity:.7}
.trajectory-required{fill:none;stroke:#f1b64a;stroke-width:1.15;opacity:.9}
.trajectory-capability{fill:none;stroke:#27d7cf;stroke-width:2}
.trajectory-end{fill:#27d7cf}
.trajectory-score{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;font-family:ui-monospace,monospace;text-align:right;border-left:1px solid #1d3540;padding-left:10px}
.trajectory-score div span{display:block;color:#dff4f3;font-size:.72rem}
.trajectory-score small{display:block;color:#5f7982;font-size:.36rem}
.trajectory-score strong{grid-column:1/-1;color:#9bb0b7;font-size:.5rem;margin-top:3px}
.trajectory-score b{grid-column:1/-1;font-size:.43rem;letter-spacing:.08em;color:#27d7cf}
.trajectory-score.strained b{color:#f1b64a}.trajectory-score.exposed b{color:#ff695c}.trajectory-score.exposed strong{color:#ff8b80}
.trend-panel>footer{margin-top:auto;display:flex;gap:18px;align-items:center;padding:12px 22px;border-top:1px solid #23414d;color:#728b94;font-size:.5rem}
.trend-panel>footer span{display:flex;align-items:center;gap:5px}
.trend-panel>footer i{display:inline-block;width:17px;height:2px}
.capability-key{background:var(--cyan)}
.required-key{background:var(--amber)}
.pressure-key{border-top:1px dashed #687c84}
.trend-panel>footer small{margin-left:auto;color:#526b75}
@media(max-width:700px){.trajectory-summary{grid-template-columns:1fr}.trajectory-row{grid-template-columns:1fr 52px}.trajectory-chart{grid-column:1/-1;grid-row:2}.trend-panel>footer{flex-wrap:wrap}.trend-panel>footer small{margin-left:0;width:100%}}