.schedule-article{
  --schedule-red:#ef4129;
  --schedule-grid:rgba(255,255,255,.08);
  --schedule-panel:var(--ink-2);
  --schedule-panel-line:rgba(255,255,255,.16);
  --schedule-panel-text:#f4f4f4;
  --schedule-surface:var(--ink-3);
  --schedule-surface-raised:#242424;
  --schedule-text-muted:#b7b8ba;
  --schedule-dependency-panel:#242424;
  --schedule-dependency-line:rgba(255,255,255,.16);
}

.schedule-article .longform-language,
.schedule-article .longform-lead{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(0,1fr);
}

.schedule-article .longform-lead{
  gap:18px;
}

.schedule-article .longform-section{
  min-width:0;
  grid-template-columns:minmax(0,1fr);
}

.schedule-article .longform-list{
  gap:7px;
}

.schedule-article .timeline-path{
  grid-template-columns:max-content auto max-content auto max-content auto max-content;
}

.schedule-article .schedule-example-table{
  width:min(100%,var(--measure));
  margin:24px auto 30px;
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:12px;
  border-collapse:separate;
  border-spacing:0;
  background:var(--ink-2);
  font-size:13px;
}

.schedule-article .schedule-example-table th,
.schedule-article .schedule-example-table td{
  padding:12px 15px;
  border-right:1px solid var(--line);
  border-bottom:1px solid var(--line);
  text-align:left;
}

.schedule-article .schedule-example-table th:last-child,
.schedule-article .schedule-example-table td:last-child{
  border-right:0;
}

.schedule-article .schedule-example-table tr:last-child td{
  border-bottom:0;
}

.schedule-article .schedule-example-table th{
  background:#2c2c2c;
  color:#fff;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.schedule-article .schedule-example-table td{
  color:var(--grey-3);
}

.schedule-article .schedule-walkthrough{
  display:grid;
  width:min(100%,var(--wide));
  min-width:0;
  max-width:100%;
  grid-template-columns:minmax(0,1fr);
  margin:34px auto 40px;
  gap:18px;
}

.schedule-walkthrough-copy{
  display:grid;
  width:min(100%,var(--measure));
  margin-inline:auto;
  gap:10px;
}

.schedule-walkthrough-copy h3{
  color:#fff;
  font-size:17px;
  line-height:1.35;
}

.schedule-walkthrough-copy ol{
  display:grid;
  gap:9px;
  padding-left:22px;
  color:var(--grey-3);
  font-size:13.5px;
  line-height:1.6;
}

.schedule-article .schedule-dependency-composition{
  display:grid;
  width:min(100%,var(--wide));
  min-width:0;
  grid-template-columns:minmax(0,1fr);
  gap:22px;
  align-items:start;
  margin-inline:auto;
}

.schedule-article .schedule-dependency-copy{
  width:min(100%,var(--measure));
  margin-inline:auto;
  gap:18px;
}

.schedule-article .schedule-dependency-showcase{
  width:100%;
  min-width:0;
  margin:0;
  overflow:hidden;
  border:1px solid var(--schedule-dependency-line);
  border-radius:11px;
  background:var(--schedule-dependency-panel);
  color:#e9e9e9;
  box-shadow:none;
}

.schedule-dependency-ui{
  display:grid;
  min-width:0;
  grid-template-columns:minmax(0,1fr) minmax(320px,1.25fr) minmax(0,1fr);
  font-size:12px;
  line-height:1.4;
}

.schedule-dependency-header,
.schedule-dependency-context,
.schedule-dependency-group-label{
  display:flex;
  min-width:0;
  align-items:center;
}

.schedule-dependency-header{
  min-height:50px;
  box-sizing:border-box;
  grid-column:1/-1;
  justify-content:space-between;
  gap:12px;
  padding:11px 18px;
  border-bottom:1px solid rgba(255,255,255,.1);
}

.schedule-dependency-header>strong{
  color:#fff;
  font-size:13px;
}

.schedule-dependency-add{
  display:flex;
  align-items:center;
  gap:6px;
  color:#d9d9d9;
  font-size:11px;
  font-weight:700;
}

.schedule-dependency-add i{
  position:relative;
  width:11px;
  height:11px;
  flex:none;
}

.schedule-dependency-add i::before,
.schedule-dependency-add i::after{
  position:absolute;
  top:5px;
  left:1px;
  width:9px;
  height:1px;
  background:currentColor;
  content:"";
}

.schedule-dependency-add i::after{
  transform:rotate(90deg);
}

.schedule-dependency-context{
  grid-column:1/-1;
  gap:9px;
  padding:10px 18px;
  background:#202020;
}

.schedule-dependency-context span{
  color:#8a8a8a;
  font-size:9px;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.schedule-dependency-context strong{
  min-width:0;
  overflow:hidden;
  color:#d9d9d9;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.schedule-dependency-group{
  display:grid;
  min-width:0;
  align-content:start;
  gap:7px;
  padding:18px;
  border-top:1px solid rgba(255,255,255,.1);
}

.schedule-dependency-group[data-direction="waits-on"]{
  border-right:1px solid rgba(255,255,255,.1);
}

.schedule-dependency-group[data-direction="drives"]{
  border-left:1px solid rgba(255,255,255,.1);
}

.schedule-dependency-group-label{
  gap:6px;
  color:#aaa;
}

.schedule-dependency-group-label svg,
.schedule-dependency-issue>svg{
  width:14px;
  height:14px;
  flex:none;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.schedule-dependency-group-label strong{
  font-size:9px;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.schedule-dependency-issue{
  display:grid;
  min-width:0;
  grid-template-columns:auto auto minmax(0,1fr);
  gap:8px;
  align-items:center;
  padding:11px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:#1e1e1e;
}

.schedule-dependency-issue.is-editing{
  border-color:rgba(239,65,41,.78);
  border-style:dashed;
}

.schedule-dependency-issue>svg,
.schedule-dependency-issue>span{
  color:#8a8a8a;
}

.schedule-dependency-issue>span{
  font-size:9px;
}

.schedule-dependency-issue>strong{
  min-width:0;
  overflow-wrap:anywhere;
  color:#fff;
  font-size:11px;
}

.schedule-dependency-chips{
  display:flex;
  min-width:0;
  grid-column:2/-1;
  flex-wrap:wrap;
  gap:4px;
}

.schedule-dependency-chips i{
  padding:2px 5px;
  border-radius:5px;
  background:#353535;
  color:#c7c7c7;
  font-size:8.5px;
  font-style:normal;
  font-weight:700;
}

.schedule-dependency-chips i.is-unsaved{
  background:#4b2c25;
  color:#ffb09f;
}

.schedule-dependency-editor{
  display:grid;
  min-width:0;
  align-content:start;
  gap:12px;
  padding:18px;
  border-top:1px solid rgba(255,255,255,.1);
  background:#202020;
}

.schedule-dependency-field{
  display:grid;
  min-width:0;
  gap:7px;
}

.schedule-dependency-field>span{
  color:#9b9b9b;
  font-size:9px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.schedule-dependency-showcase .schedule-radio-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px 8px;
}

.schedule-dependency-showcase .schedule-radio{
  display:flex;
  min-width:0;
  align-items:flex-start;
  color:#d9d9d9;
  font-size:10px;
  line-height:1.25;
}

.schedule-dependency-showcase .schedule-radio::before{
  display:inline-block;
  width:9px;
  height:9px;
  box-sizing:border-box;
  flex:none;
  margin:1px 5px 0 0;
  border:1px solid #8a8a8a;
  border-radius:50%;
  content:"";
}

.schedule-dependency-showcase .schedule-radio.is-on::before{
  border:3px solid var(--schedule-red);
}

.schedule-lag-control{
  display:grid;
  width:max-content;
  grid-template-columns:26px 40px 26px auto;
  gap:5px;
  align-items:center;
}

.schedule-lag-control i,
.schedule-lag-control strong{
  display:flex;
  min-height:27px;
  box-sizing:border-box;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.18);
  border-radius:6px;
  background:#282828;
  color:#e9e9e9;
  font-style:normal;
}

.schedule-lag-control small{
  color:#aaa;
  font-size:9px;
}

.schedule-behavior-options{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
}

.schedule-article .schedule-dependency-helper{
  width:100%;
  margin:0;
  color:#aaa;
  font-size:10px;
  line-height:1.45;
}

.schedule-dependency-helper strong{
  color:#d9d9d9;
}

.schedule-article .schedule-plan-showcase{width:min(100%,var(--wide));min-width:0;max-width:100%;margin:30px auto 6px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#181818;color:#ececec;overflow:hidden}
.schedule-plan-ui{--issue-status-in-progress:#378add;--issue-status-in-progress-soft:rgba(55,138,221,.14);--issue-status-resolved:#2fbf9b;--issue-status-resolved-soft:rgba(47,191,155,.13);--issue-status-closed:#8a8a8a;--issue-status-closed-soft:rgba(138,138,138,.13);min-width:0;padding:26px 34px 44px;font-family:Montserrat,system-ui,sans-serif;font-size:16px;line-height:1.5}
.schedule-plan-ui .h1x{font-size:26px;font-weight:800;letter-spacing:-.02em}
.schedule-plan-ui .subx{font-size:12px;color:#8f8f8f;margin:3px 0 16px}
  .schedule-plan-ui .gantt{min-width:0}
  .schedule-plan-ui .issues-head{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:start;margin-bottom:0}
  .schedule-plan-ui .issues-title{grid-column:1;grid-row:1;min-width:0}
  .schedule-plan-ui .issues-title .subx{min-width:0;overflow-wrap:anywhere}
  .schedule-plan-ui .plan-version-stack{display:flex;grid-column:2;grid-row:1;max-width:100%;min-width:0;align-self:end;align-items:center;justify-self:end;margin-bottom:16px}
  .schedule-plan-ui .plan-version-summary{justify-content:flex-end}
  .schedule-plan-ui .plan-schedule-footer{display:flex;max-width:100%;justify-content:flex-start;margin-top:8px}
  .schedule-plan-ui .plan-schedule-footer .gantt-schedule-legend{justify-content:flex-start}
  .schedule-plan-ui .gantt-version-context{display:flex;min-width:0;align-items:center;gap:9px;color:#a5a5a5;font-size:10.5px;line-height:1.25}
  .schedule-plan-ui .gantt-context-version{display:flex;min-width:0;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.1);
    border-radius:999px;padding:7px 10px;background:#202020;white-space:nowrap}
  .schedule-plan-ui .gantt-context-version.is-current{border-color:rgba(102,167,232,.48);color:#ddd}
  .schedule-plan-ui .gantt-context-version span{color:#858585;font-size:8px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
  .schedule-plan-ui .gantt-context-version strong{overflow:hidden;text-overflow:ellipsis;color:#ddd;font-size:11px;font-weight:700}
  .schedule-plan-ui .gantt-context-version time{color:#8f8f8f;font-size:10px;font-variant-numeric:tabular-nums}
  .schedule-plan-ui .gantt-context-arrow{flex:none;color:#777;font-size:14px}
  .schedule-plan-ui .gantt-comparison-key{display:flex;align-items:center;gap:6px;min-width:0}
  .schedule-plan-ui .gantt-comparison-key i{display:block;width:20px;flex:none}
  .schedule-plan-ui .gantt-comparison-key.is-baseline i{height:6px;border:1px dashed #8a8a8a;border-radius:2px;
    background:repeating-linear-gradient(135deg,#717277 0 2px,transparent 2px 4px)}
  .schedule-plan-ui .gantt-comparison-key.is-live i{height:10px;border:1px solid var(--issue-status-in-progress);border-radius:5px;
    background:var(--issue-status-in-progress-soft);color:var(--issue-status-in-progress)}
  .schedule-plan-ui .gantt-comparison-summary.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .schedule-plan-ui .gantt-schedule-legend{display:flex;min-width:0;align-items:center;gap:8px 14px;flex:0 1 auto;flex-wrap:wrap;margin:0;padding:0;
    color:#9a9a9a;font-size:8.5px;font-weight:600}
  .schedule-plan-ui .gantt-schedule-legend .gantt-comparison-key i{width:18px}
  .schedule-plan-ui .gantt-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;
    scrollbar-color:#ef4129 #2a2a2a;padding-bottom:5px}
  .schedule-plan-ui .gantt-scroll::-webkit-scrollbar{height:6px}
  .schedule-plan-ui .gantt-scroll::-webkit-scrollbar-track{background:#2a2a2a;border-radius:999px}
  .schedule-plan-ui .gantt-scroll::-webkit-scrollbar-thumb{background:#ef4129;border-radius:999px}
  .schedule-plan-ui .gantt-grid{min-width:720px;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;background:#1c1c1c}
  .schedule-plan-ui .gantt-head,.schedule-plan-ui .gantt-group,.schedule-plan-ui .gantt-issue{display:grid;grid-template-columns:210px minmax(500px,1fr)}
  .schedule-plan-ui .gantt-head{min-height:34px;background:#202020;color:#8a8a8a;font-size:9.5px;font-weight:600}
  .schedule-plan-ui .gantt-head-label{display:flex;align-items:center;padding:0 11px;border-right:1px solid rgba(255,255,255,.08)}
  .schedule-plan-ui .gantt-head-track{position:relative;display:grid;align-items:stretch}
  .schedule-plan-ui .gantt-period{display:flex;min-width:0;align-items:center;justify-content:center;overflow:hidden;border-left:1px solid rgba(255,255,255,.07);text-transform:capitalize}
  .schedule-plan-ui .gantt-period:first-child{border-left:0}
  .schedule-plan-ui .gantt-group{min-height:27px;background:#252525;border-top:1px solid rgba(255,255,255,.08);color:#ddd;font-size:10.5px;font-weight:700}
  .schedule-plan-ui .gantt-group-label{display:flex;align-items:center;gap:7px;padding:0 11px}
  .schedule-plan-ui .gantt-group-label i{width:7px;height:7px;border-radius:50%}
  .schedule-plan-ui .gantt-group-label b{margin-left:auto;color:#8a8a8a;font-size:9.5px;font-weight:600}
  .schedule-plan-ui .gantt-group-track{border-left:1px solid rgba(255,255,255,.08)}
  .schedule-plan-ui .gantt-issue{width:100%;min-height:33px;padding:0;border:0;border-top:1px solid rgba(255,255,255,.055);
    background:transparent;color:inherit;font:inherit;text-align:left;opacity:0;transform:translateY(3px);
    transition:opacity .3s ease,transform .3s ease,background .15s}
  .schedule-plan-ui button.gantt-issue{appearance:none;cursor:pointer}
  .schedule-plan-ui button.gantt-issue.is-revealed{opacity:1;transform:none}
  .schedule-plan-ui button.gantt-issue:hover{background:rgba(255,255,255,.035)}
  .schedule-plan-ui button.gantt-issue:focus-visible{outline:2px solid #ef4129;outline-offset:-2px}
  .schedule-plan-ui .gantt-identity{display:flex;align-items:center;gap:6px;min-width:0;padding:0 11px;border-right:1px solid rgba(255,255,255,.08)}
  .schedule-plan-ui .gantt-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ddd;font-size:10px;font-weight:600}
  .schedule-plan-ui .gantt-owner{margin-left:auto;flex:none;color:#8a8a8a;font-size:8.5px}
  .schedule-plan-ui .gantt-track{position:relative}
  .schedule-plan-ui .gantt-grid-lines{position:absolute;z-index:0;inset:0;display:grid;pointer-events:none}
  .schedule-plan-ui .gantt-grid-line{border-left:1px solid rgba(255,255,255,.055)}
  .schedule-plan-ui .gantt-grid-line:first-child{border-left:0}
  .schedule-plan-ui .gantt-track.has-current-date::before,.schedule-plan-ui .gantt-head-track.has-current-date::before{content:"";position:absolute;z-index:2;top:0;bottom:0;left:var(--gantt-today);
    width:1px;background:rgba(239,65,41,.82);pointer-events:none}
  .schedule-plan-ui .gantt.is-versioning .gantt-issue{min-height:39px}
  .schedule-plan-ui .gantt-baseline-bar{position:absolute;z-index:2;top:5px;left:var(--gantt-baseline-left);width:var(--gantt-baseline-width);min-width:8px;height:6px;
    border:1px dashed #8a8a8a;border-radius:2px;background:repeating-linear-gradient(135deg,#717277 0 2px,transparent 2px 4px);pointer-events:none}
  .schedule-plan-ui .gantt.is-versioning .gantt-bar{top:14px;height:18px}
  .schedule-plan-ui .gantt-bar{position:absolute;z-index:1;top:7px;left:var(--gantt-left);width:var(--gantt-width);min-width:18px;height:19px;
    display:flex;align-items:center;padding:0 6px;border:1px solid currentColor;border-radius:5px;background:var(--issue-status-in-progress-soft);
    color:var(--issue-status-in-progress);font-size:9px;font-weight:700;white-space:nowrap;overflow:hidden;
    transition:background .3s ease,color .3s ease,border-color .3s ease}
  .schedule-plan-ui .gantt-bar.is-date-only{width:8px;min-width:8px;padding:0;border-radius:999px;transform:translateX(-50%)}
  .schedule-plan-ui .gantt-bar.resolved{background:var(--issue-status-resolved-soft);color:var(--issue-status-resolved)}
  .schedule-plan-ui .gantt-bar.closed{background:var(--issue-status-closed-soft);color:var(--issue-status-closed)}
  .schedule-plan-ui .gantt.is-versioning .gantt-bar.is-current-change{background:var(--issue-status-in-progress-soft);color:var(--issue-status-in-progress);
    border-color:var(--issue-status-in-progress)}
  .schedule-plan-ui .gantt.is-versioning .gantt-bar.is-unchanged{top:8px;height:18px;background:#56585c;color:#8a8a8a;border-color:#8a8a8a;
    box-shadow:inset 3px 0 var(--gantt-status-color)}
  .schedule-plan-ui .gantt-bar.is-unchanged.in-progress{--gantt-status-color:var(--issue-status-in-progress)}
  .schedule-plan-ui .gantt-bar.is-unchanged.resolved{--gantt-status-color:var(--issue-status-resolved)}
  .schedule-plan-ui .gantt-bar.is-unchanged.closed{--gantt-status-color:var(--issue-status-closed)}

.schedule-plan-ui .gantt-issue{opacity:1;transform:none;transition:none}
.schedule-plan-ui .gantt-context-arrow{font-style:normal}
.schedule-plan-ui .gantt-scroll:focus-visible{outline:2px solid #ef4129;outline-offset:2px}
@media(max-width:800px){
.schedule-plan-ui .issues-head{grid-template-columns:minmax(0,1fr);row-gap:12px}
.schedule-plan-ui .plan-version-stack{grid-column:1;grid-row:2;width:100%;align-items:flex-start;justify-self:stretch;margin-bottom:16px}
.schedule-plan-ui .plan-version-summary{justify-content:flex-start}
.schedule-plan-ui .plan-gantt .gantt-grid{overflow:clip}
.schedule-plan-ui .plan-gantt .gantt-head,.schedule-plan-ui .plan-gantt .gantt-issue{grid-template-columns:112px minmax(500px,1fr)}
.schedule-plan-ui .plan-gantt .gantt-head-label,.schedule-plan-ui .plan-gantt .gantt-identity{position:sticky;left:0}
.schedule-plan-ui .plan-gantt .gantt-head-label{z-index:5;background:#202020}
.schedule-plan-ui .plan-gantt .gantt-identity{z-index:3;background:#1c1c1c;box-shadow:1px 0 rgba(255,255,255,.08)}
}
@media(max-width:700px){.schedule-plan-ui{padding:16px}}
@media(max-width:480px){.schedule-plan-ui .gantt-version-context{gap:5px}.schedule-plan-ui .gantt-context-version{flex:0 1 auto;padding-inline:6px}.schedule-plan-ui .gantt-context-version span{display:none}.schedule-plan-ui .gantt-schedule-legend{gap:7px}}

.schedule-article .schedule-screen{
  width:min(100%,var(--wide));
  min-width:0;
  max-width:100%;
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:16px;
  background:var(--schedule-panel);
  box-shadow:0 26px 64px rgba(0,0,0,.38);
  color:var(--schedule-panel-text);
}

.schedule-article .schedule-snapshot-ui{
  display:grid;
  min-width:0;
  background:var(--schedule-panel);
}

.schedule-article .schedule-snapshot-header{
  padding:16px 18px 14px;
  border-bottom:1px solid var(--schedule-panel-line);
  background:var(--schedule-surface-raised);
}

.schedule-article .schedule-screen-title{
  display:flex;
  min-width:0;
  align-items:center;
  gap:11px;
}

.schedule-article .schedule-screen-title>i{
  width:9px;
  height:9px;
  flex:none;
  border-radius:50%;
  background:var(--schedule-red);
}

.schedule-article .schedule-screen-title strong{
  min-width:0;
  color:#fff;
  font-size:16px;
  line-height:1.3;
}

.schedule-article .schedule-compare-toolbar{
  display:flex;
  min-width:0;
  align-items:center;
  justify-content:space-between;
  gap:12px 18px;
  padding:10px 18px;
  border-top:1px solid var(--schedule-panel-line);
  border-bottom:1px solid var(--schedule-panel-line);
  background:var(--schedule-surface-raised);
  flex-wrap:wrap;
}

.schedule-article .schedule-compare-tabs,
.schedule-article .schedule-compare-options,
.schedule-article .schedule-plan-legend,
.schedule-article .schedule-scale{
  display:flex;
  min-width:0;
  align-items:center;
}

.schedule-article .schedule-compare-tabs{gap:5px}

.schedule-article .schedule-compare-options{
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:8px 14px;
  margin-left:auto;
}

.schedule-article .schedule-control{
  display:inline-flex;
  min-height:28px;
  align-items:center;
  gap:6px;
  padding:5px 9px;
  border:1px solid var(--schedule-panel-line);
  border-radius:6px;
  background:var(--schedule-surface);
  color:#d0d0d2;
  font-size:10px;
  font-weight:650;
}

.schedule-article .schedule-control.is-active{
  border-bottom-color:var(--schedule-red);
  border-color:rgba(255,255,255,.26);
  border-bottom-color:var(--schedule-red);
  background:#373737;
  color:#fff;
}

.schedule-article .schedule-plan-legend{
  flex-wrap:wrap;
  gap:6px 11px;
  color:#d0d0d2;
  font-size:11px;
}

.schedule-article .schedule-plan-legend span{
  display:flex;
  align-items:center;
  gap:5px;
}

.schedule-article .schedule-plan-legend i{
  width:13px;
  height:8px;
  border-radius:2px;
  background:#b8c5d3;
}

.schedule-article .schedule-plan-legend .is-today{background:#6f88a4}

.schedule-article .schedule-scale{
  overflow:hidden;
  border:1px solid rgba(255,255,255,.22);
  border-radius:6px;
}

.schedule-article .schedule-scale span{
  min-width:38px;
  padding:6px 10px;
  border-left:1px solid rgba(255,255,255,.22);
  color:#d0d0d2;
  font-size:11px;
  font-weight:650;
  text-align:center;
}

.schedule-article .schedule-scale span:first-child{border-left:0}
.schedule-article .schedule-scale .is-active{background:#373737;color:#fff;box-shadow:inset 0 -2px var(--schedule-red)}

.schedule-article .schedule-unchanged-toggle{
  display:flex;
  align-items:center;
  gap:7px;
  color:#d0d0d2;
  font-size:11px;
  font-weight:650;
  white-space:nowrap;
}

.schedule-article .schedule-unchanged-toggle i{
  position:relative;
  width:30px;
  height:17px;
  border-radius:999px;
  background:#5b5c5f;
}

.schedule-article .schedule-unchanged-toggle i::after{
  position:absolute;
  top:3px;
  left:3px;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 1px 2px rgba(0,0,0,.2);
  content:"";
}

.schedule-article .schedule-unchanged-toggle.is-on i{background:var(--schedule-red)}
.schedule-article .schedule-unchanged-toggle.is-on i::after{left:16px}

.schedule-article .schedule-control:focus-visible,
.schedule-article .schedule-scale span:focus-visible,
.schedule-article .schedule-unchanged-toggle:focus-visible{
  outline:2px solid #fff;
  outline-offset:2px;
}

.schedule-types{
  display:grid;
  width:min(100%,var(--measure));
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:24px auto 10px;
}

.schedule-type{
  display:grid;
  min-width:0;
  gap:7px;
  padding:15px;
  border:1px solid var(--line-strong);
  border-radius:11px;
  background:var(--ink-2);
}

.schedule-type strong{
  color:#fff;
  font-size:12px;
}

.schedule-type span{
  color:var(--grey-3);
  font-size:12px;
  line-height:1.5;
}

.schedule-type-explanation{
  grid-column:1/-1;
}

.schedule-type-explanation p{
  width:100%;
  margin:0;
  color:var(--grey-3);
  font-size:12px;
  line-height:1.5;
}

.schedule-article .schedule-compare-viewport{
  width:100%;
  min-width:0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scrollbar-color:#696b6c var(--schedule-surface);
  scrollbar-width:thin;
}

.schedule-article .schedule-compare{
  min-width:1000px;
  background:var(--schedule-surface);
}

.schedule-article .schedule-compare-head{
  display:grid;
  min-height:38px;
  grid-template-columns:220px repeat(10,minmax(78px,1fr));
  align-items:stretch;
  border-bottom:1px solid var(--schedule-panel-line);
  background:var(--schedule-surface-raised);
}

.schedule-article .schedule-compare-head>span{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 5px;
  border-left:1px solid rgba(255,255,255,.1);
  color:#c7c7c9;
  font-size:11px;
  text-align:center;
}

.schedule-article .schedule-compare-head>span:first-child{
  position:sticky;
  left:0;
  z-index:3;
  justify-content:flex-start;
  padding-left:14px;
  border-left:0;
  background:var(--schedule-surface-raised);
  text-align:left;
}

.schedule-article .schedule-compare-row{
  display:grid;
  min-height:58px;
  grid-template-columns:220px minmax(780px,1fr);
  align-items:center;
  border-bottom:1px solid var(--schedule-panel-line);
  background:var(--schedule-surface);
}

.schedule-article .schedule-compare-label{
  position:sticky;
  left:0;
  z-index:2;
  display:grid;
  min-width:0;
  grid-template-columns:auto minmax(0,1fr);
  gap:1px 7px;
  align-items:center;
  align-self:stretch;
  padding:7px 14px;
  border-right:1px solid var(--schedule-panel-line);
  background:var(--schedule-surface);
  color:#fff;
  font-size:12px;
}

.schedule-article .schedule-compare-label b{
  color:#b7b8ba;
  font-size:11px;
  font-weight:500;
}

.schedule-article .schedule-compare-label>span{
  min-width:0;
  overflow:hidden;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.schedule-article .schedule-compare-track{
  position:relative;
  height:100%;
  min-height:57px;
  background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(255,255,255,.09) calc(10% - 1px),rgba(255,255,255,.09) 10%);
}

.schedule-article .schedule-compare-marker{
  position:absolute;
  top:15px;
  left:calc(var(--start)*1%);
  width:max(calc(var(--span)*1%),4px);
  height:8px;
  border-radius:3px;
  background:#b8c5d3;
}

.schedule-article .schedule-compare-marker.is-today{top:34px;background:#6f88a4}
.schedule-article .schedule-compare-marker.is-milestone{width:9px;min-width:9px;transform:translateX(-50%) rotate(45deg);border-radius:2px;
  height:9px;
}


.schedule-article .schedule-compare-marker.is-baseline.is-milestone{top:14px}
.schedule-article .schedule-compare-marker.is-today.is-milestone{top:33px}

.schedule-article .schedule-compare-delta{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}

.schedule-article .schedule-compare-delta i,
.schedule-article .schedule-compare-delta b{
  position:absolute;
  display:block;
}

.schedule-article .schedule-compare-delta i{
  top:18px;
  left:calc(var(--delta-start)*1%);
  width:calc(var(--delta-span)*1%);
  height:2px;
  background:#ef4129;
}

.schedule-article .schedule-compare-delta b{
  top:7px;
  left:calc(var(--delta-end)*1% + 9px);
  padding:0 3px;
  border-radius:2px;
  background:#191919;
  color:#ef4129;
  font-size:15px;
  font-weight:750;
  line-height:1.3;
  white-space:nowrap;
}

.schedule-article .schedule-compare-delta.is-milestone b{left:calc(var(--delta-end)*1% + 12px)}

.schedule-article .schedule-compare-delta i::after{
  content:"";
  position:absolute;
  top:-2px;
  right:0;
  width:6px;
  height:6px;
  border-top:2px solid #ef4129;
  border-right:2px solid #ef4129;
  transform:rotate(45deg);
}
.schedule-article .schedule-compare-delta.is-milestone.is-later i{left:calc(var(--delta-start)*1% + 7px);width:calc(var(--delta-span)*1% - 7px)}
.schedule-article .schedule-compare-delta.is-milestone.is-earlier i{width:calc(var(--delta-span)*1% - 7px)}

.schedule-article .schedule-compare-delta.is-earlier i::after{
  right:auto;
  left:0;
  transform:rotate(-135deg);
}

.schedule-article .schedule-compare-footer{
  display:flex;
  flex-direction:row;
  gap:8px;
  min-width:0;
  align-items:center;
  padding:9px 14px 11px;
  background:var(--schedule-surface-raised);
  color:#c7c7c9;
  font-size:11px;
  justify-content:flex-end;
}



.schedule-callout{
  display:grid;
  width:min(100%,var(--measure));
  gap:9px;
  margin:24px auto;
  padding:18px 20px;
  border-left:3px solid var(--schedule-red);
  background:var(--ink-2);
}

.schedule-callout p{
  width:100%;
  margin:0;
}

.schedule-closing{
  background:transparent;
}

.schedule-article .schedule-home-chat{
  width:min(100%,var(--measure));
  margin:32px auto 38px;
}

.schedule-article .oja-win{
  overflow:hidden;
  border:1px solid var(--line-strong);
  border-radius:10px;
  background:#111;
  box-shadow:0 24px 60px rgba(0,0,0,.4);
}

.schedule-article .oja-chrome{
  display:flex;
  align-items:center;
  gap:8px;
  padding:13px 16px;
  border-bottom:1px solid var(--line);
  background:var(--ink-3);
}

.schedule-article .vc-dot{
  width:11px;
  height:11px;
  border-radius:50%;
  background:var(--line-strong);
}

.schedule-article .oja-chrome .vc-dot{
  width:9px;
  height:9px;
}

.schedule-article .oja-chrome .t{
  margin-left:10px;
  color:var(--grey-2);
  font-size:12.5px;
}

.schedule-article .oja-body{
  padding:22px 20px 8px;
}

.schedule-article .oja-body .vp-qb{
  width:fit-content;
  max-width:78%;
  margin:0 0 10px auto;
  padding:9px 12px;
  border-radius:11px 11px 3px 11px;
  background:var(--red);
  color:#fff;
  font-size:12px;
  line-height:1.5;
}

.schedule-article .oja-body .vp-inb{
  display:flex;
  min-height:26px;
  align-items:center;
  gap:8px;
  margin:16px 0 14px;
  padding:10px 10px 10px 14px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:#1e1e1e;
}

.schedule-article .vp-dts{
  display:flex;
  width:fit-content;
  gap:4px;
  padding:10px 13px;
  border:1px solid var(--line);
  border-radius:11px 11px 11px 3px;
  background:#232323;
}

.schedule-article .vp-dts i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#9a9a9a;
  animation:vpdot 1s ease infinite;
}

.schedule-article .vp-dts i:nth-child(2){
  animation-delay:.15s;
}

.schedule-article .vp-dts i:nth-child(3){
  animation-delay:.3s;
}

@keyframes vpdot{
  0%,100%{opacity:.25;transform:translateY(0)}
  50%{opacity:1;transform:translateY(-2px)}
}

.schedule-article .vp-pic{
  width:14px;
  height:14px;
  flex:none;
  fill:none;
  stroke:#9a9a9a;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.schedule-article .vp-plc{
  color:#7c7c7c;
  font-size:11px;
}

.schedule-article .vp-car{
  width:2px;
  height:12px;
  flex:none;
  margin-left:2px;
  background:var(--red);
  animation:vpcar 1.1s steps(1) infinite;
}

@keyframes vpcar{
  50%{opacity:0}
}

.schedule-article .vp-snd{
  display:flex;
  width:26px;
  height:26px;
  flex:none;
  align-items:center;
  justify-content:center;
  margin-left:auto;
  border-radius:8px;
  background:var(--red);
}

.schedule-article .vp-snd svg{
  width:13px;
  height:13px;
  fill:none;
  stroke:#fff;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.schedule-article .longform-faq .faq-answer p{
  width:100%;
}

@media(max-width:900px){
  .schedule-article .schedule-dependency-composition{
    width:min(100%,var(--wide));
    grid-template-columns:1fr;
    gap:20px;
    margin-inline:auto;
  }

  .schedule-article .schedule-compare-toolbar{
    align-items:center;
    flex-direction:row;
  }

  .schedule-article .schedule-compare-options{justify-content:flex-end}

}

@media(max-width:820px){
  .schedule-article .schedule-dependency-ui{grid-template-columns:minmax(0,1fr)}
  .schedule-article .schedule-dependency-header,
  .schedule-article .schedule-dependency-context{grid-column:1}
  .schedule-article .schedule-dependency-group[data-direction="waits-on"]{border-right:0}
  .schedule-article .schedule-dependency-group[data-direction="drives"]{border-left:0}
}

@media(max-width:760px){
  .schedule-types{grid-template-columns:1fr}
  .schedule-article .schedule-home-chat{margin:28px auto 32px}
}

@media(max-width:600px){
  .schedule-article .timeline-path{grid-template-columns:1fr}
}

@media(max-width:520px){
  .schedule-article .schedule-example-table{min-width:0;max-width:100%;table-layout:fixed}
  .schedule-article .schedule-example-table th,
  .schedule-article .schedule-example-table td{padding:10px 8px;overflow-wrap:anywhere}
  .schedule-article .schedule-screen{margin-inline:0;border-radius:11px}
  .schedule-article .schedule-snapshot-header,
  .schedule-article .schedule-compare-toolbar{padding-inline:11px}
  .schedule-article .schedule-compare-options{align-items:center;flex-direction:row}
  .schedule-article .schedule-plan-legend{gap:6px 9px}
  .schedule-article .schedule-compare{min-width:1000px}
  .schedule-article .schedule-compare-head{grid-template-columns:220px repeat(10,minmax(78px,1fr))}
  .schedule-article .schedule-compare-row{grid-template-columns:220px minmax(780px,1fr)}
  .schedule-article .schedule-compare-label{padding-inline:10px}
}

@media(max-width:420px){
  .schedule-article .schedule-dependency-header,
  .schedule-article .schedule-dependency-context,
  .schedule-article .schedule-dependency-group,
  .schedule-article .schedule-dependency-editor{padding-inline:11px}
  .schedule-article .schedule-dependency-showcase .schedule-radio-grid{grid-template-columns:1fr}
}

/* Static article copy of the native Track Gantt; homepage renderer remains authoritative. */
.schedule-article .schedule-track-showcase{width:min(100%,var(--wide));min-width:0;max-width:100%;margin:30px auto 6px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#1a1a1a;color:#ececec;overflow:hidden}
.schedule-track-ui{--issue-status-in-progress:#378add;--issue-status-in-progress-soft:rgba(55,138,221,.14);--issue-status-resolved:#2fbf9b;--issue-status-resolved-soft:rgba(47,191,155,.13);--issue-status-closed:#8a8a8a;min-width:0;padding:26px 34px 44px;font-family:Montserrat,system-ui,sans-serif;font-size:16px;line-height:1.5}
.schedule-track-ui *{box-sizing: border-box; margin: 0px; padding: 0px;}
.schedule-track-ui .hrow{display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 2px; flex-wrap: wrap;}
.schedule-track-ui .issues-actions{display: flex; flex-direction: column; align-items: flex-end; gap: 8px;}
.schedule-track-ui .issues-primary-actions{display: flex; gap: 10px; align-items: center;}
.schedule-track-ui .h1x{font-size: 26px; font-weight: 800; letter-spacing: -0.02em;}
.schedule-track-ui .subx{font-size: 12px; color: rgb(143, 143, 143); margin: 3px 0px 16px;}
.schedule-track-ui .rbtn{appearance: none; border: 0px; background: rgb(239, 65, 41); color: rgb(255, 255, 255); font: inherit; font-size: 11.5px; font-weight: 600; border-radius: 8px; padding: 0px 13px; height: 32px; display: flex; align-items: center; white-space: nowrap; cursor: pointer;}
.schedule-track-ui .rbtn{border: 0px; font-family: inherit; cursor: pointer;}
.schedule-track-ui .rbtn{background: rgb(239, 65, 41); color: rgb(255, 255, 255); opacity: 1; cursor: not-allowed;}
.schedule-track-ui .seg{display: flex; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 8px; overflow: hidden; font-size: 11.5px; font-weight: 600; color: rgb(181, 181, 181); height: 32px;}
.schedule-track-ui .seg .on{background: rgb(46, 46, 46); color: rgb(255, 255, 255);}
.schedule-track-ui .issue-view-toolbar{display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 8px 0px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.schedule-track-ui .issue-view-tabs{height: auto; border: 0px; border-radius: 0px; overflow: visible; gap: 20px;}
.schedule-track-ui .issue-view-tabs > span{appearance: none; display: flex; align-items: center; gap: 6px; padding: 8px 2px 10px; border-width: 0px 0px 2px; border-style: none none solid; border-color: currentcolor currentcolor transparent; border-image: initial; background: transparent; color: rgb(138, 138, 138); font: 600 12px Montserrat, sans-serif; cursor: pointer; white-space: nowrap;}
.schedule-track-ui .issue-view-tabs > span.on{border-bottom-color: rgb(239, 65, 41); background: transparent; color: rgb(239, 65, 41);}
.schedule-track-ui .inum{color: rgb(138, 138, 138); font-size: 10.5px; font-weight: 600; margin-right: 6px;}
.schedule-track-ui .ghbtn{appearance: none; display: flex; align-items: center; gap: 6px; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 8px; height: 30px; padding: 0px 12px; background: transparent; font: inherit; font-size: 11px; font-weight: 600; color: rgb(221, 221, 221); cursor: pointer; user-select: none;}
.schedule-track-ui .ghbtn{background: transparent; font-family: inherit;}
.schedule-track-ui .gantt{min-width: 0px;}
.schedule-track-ui .gantt-scroll{max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; scrollbar-color: rgb(239, 65, 41) rgb(42, 42, 42); padding-bottom: 5px;}
.schedule-track-ui .gantt-scroll::-webkit-scrollbar{height: 6px;}
.schedule-track-ui .gantt-scroll::-webkit-scrollbar-track{background: rgb(42, 42, 42); border-radius: 999px;}
.schedule-track-ui .gantt-scroll::-webkit-scrollbar-thumb{background: rgb(239, 65, 41); border-radius: 999px;}
.schedule-track-ui .gantt-grid{min-width: 720px; border: 1px solid rgba(255, 255, 255, 0.08); border-radius: 10px; overflow: hidden; background: rgb(28, 28, 28);}
.schedule-track-ui .gantt-head,
.schedule-track-ui .gantt-group,
.schedule-track-ui .gantt-issue{display: grid; grid-template-columns: 210px minmax(500px, 1fr);}
.schedule-track-ui .gantt-head{min-height: 34px; background: rgb(32, 32, 32); color: rgb(138, 138, 138); font-size: 9.5px; font-weight: 600;}
.schedule-track-ui .gantt-head-label{display: flex; align-items: center; padding: 0px 11px; border-right: 1px solid rgba(255, 255, 255, 0.08);}
.schedule-track-ui .gantt-head-track{position: relative; display: grid; align-items: stretch;}
.schedule-track-ui .gantt-period{display: flex; min-width: 0px; align-items: center; justify-content: center; overflow: hidden; border-left: 1px solid rgba(255, 255, 255, 0.07); text-transform: capitalize;}
.schedule-track-ui .gantt-period:first-child{border-left: 0px;}
.schedule-track-ui .gantt-group{min-height: 27px; background: rgb(37, 37, 37); border-top: 1px solid rgba(255, 255, 255, 0.08); color: rgb(221, 221, 221); font-size: 10.5px; font-weight: 700;}
.schedule-track-ui .gantt-group-label{display: flex; align-items: center; gap: 7px; padding: 0px 11px;}
.schedule-track-ui .gantt-group-label i{width: 7px; height: 7px; border-radius: 50%;}
.schedule-track-ui .gantt-group-label b{margin-left: auto; color: rgb(138, 138, 138); font-size: 9.5px; font-weight: 600;}
.schedule-track-ui .gantt-group-track{border-left: 1px solid rgba(255, 255, 255, 0.08);}
.schedule-track-ui .gantt-issue{width: 100%; min-height: 33px; padding: 0px; border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(255, 255, 255, 0.055) currentcolor currentcolor; border-image: initial; background: transparent; color: inherit; font: inherit; text-align: left; opacity: 0; transform: translateY(3px); transition: opacity 0.3s, transform 0.3s, background 0.15s;}
.schedule-track-ui div.gantt-issue{appearance: none; cursor: pointer;}
.schedule-track-ui div.gantt-issue.is-revealed{opacity: 1; transform: none;}
.schedule-track-ui .gantt-identity{display: flex; align-items: center; gap: 6px; min-width: 0px; padding: 0px 11px; border-right: 1px solid rgba(255, 255, 255, 0.08);}
.schedule-track-ui .gantt-title{min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(221, 221, 221); font-size: 10px; font-weight: 600;}
.schedule-track-ui .gantt-owner{margin-left: auto; flex: 0 0 auto; color: rgb(138, 138, 138); font-size: 8.5px;}
.schedule-track-ui .gantt-track{position: relative;}
.schedule-track-ui .gantt-grid-lines{position: absolute; z-index: 0; inset: 0px; display: grid; pointer-events: none;}
.schedule-track-ui .gantt-grid-line{border-left: 1px solid rgba(255, 255, 255, 0.055);}
.schedule-track-ui .gantt-grid-line:first-child{border-left: 0px;}
.schedule-track-ui .gantt-track.has-current-date::before,
.schedule-track-ui .gantt-head-track.has-current-date::before{content: ""; position: absolute; z-index: 2; top: 0px; bottom: 0px; left: var(--gantt-today); width: 1px; background: rgba(239, 65, 41, 0.82); pointer-events: none;}
.schedule-track-ui .gantt-bar{position: absolute; z-index: 1; top: 7px; left: var(--gantt-left); width: var(--gantt-width); min-width: 18px; height: 19px; display: flex; align-items: center; padding: 0px 6px; border: 1px solid; border-radius: 5px; background: var(--issue-status-in-progress-soft); color: var(--issue-status-in-progress); font-size: 9px; font-weight: 700; white-space: nowrap; overflow: hidden; transition: background 0.3s, color 0.3s, border-color 0.3s;}
.schedule-track-ui .gantt-bar.is-date-only{width: 8px; min-width: 8px; padding: 0px; border-radius: 999px; transform: translateX(-50%);}
.schedule-track-ui .gantt-bar.resolved{background: var(--issue-status-resolved-soft); color: var(--issue-status-resolved);}
@media (max-width: 760px){
.schedule-track-ui .hrow .ghbtn{height: 26px; font-size: 10px; padding: 0px 9px;}
}
@media (max-width: 480px){
.schedule-track-ui .gantt-grid{min-width: 700px;}
}
@media (max-width: 760px){
.schedule-track-ui .issues-head{display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 9px 10px; align-items: start;}
}
@media (max-width: 760px){
.schedule-track-ui .issues-actions{display: contents;}
}
@media (max-width: 760px){
.schedule-track-ui .issues-title{display: contents;}
}
@media (max-width: 760px){
.schedule-track-ui .issues-title .h1x{grid-area: 1 / 1; min-width: 0px; align-self: start;}
}
@media (max-width: 760px){
.schedule-track-ui .issues-title .subx{grid-area: 2 / 1; min-width: 0px; align-self: start; margin: 0px; overflow-wrap: anywhere;}
}
@media (max-width: 760px){
.schedule-track-ui .issues-primary-actions{grid-area: 1 / 2; place-self: start end;}
}
@media (max-width: 760px){
.schedule-track-ui .issues-primary-actions .rbtn{height: 28px; padding: 0px 9px; font-size: 10px;}
}
@media (max-width: 760px){
.schedule-track-ui .issue-view-tabs{grid-area: 2 / 1; justify-self: start; height: 28px; font-size: 10px;}
}
@media (max-width: 760px){
.schedule-track-ui .ghbtn{grid-area: 2 / 2; place-self: start end; min-width: 0px; height: 28px; padding: 0px 8px; font-size: clamp(8px, 2.2vw, 10px); white-space: nowrap;}
}
@media (max-width: 340px){
.schedule-track-ui .h1x{font-size: 24px;}
}
@media (max-width: 340px){
.schedule-track-ui .ghbtn{padding-inline: 7px;}
}
.schedule-track-ui .rbtn,.schedule-track-ui .ghbtn,.schedule-track-ui .issue-view-tabs>span,.schedule-track-ui .gantt-issue{cursor:default}
.schedule-track-ui .gantt-scroll:focus-visible{outline:2px solid #ef4129;outline-offset:-2px}
@media(max-width:760px){.schedule-track-ui{padding:18px 12px 24px}}