#ganttv{--schedule-panel-line:#e4e5e7;--schedule-surface:#fff;--schedule-surface-raised:#f7f8fa}
#ganttv .schedule-compare-viewport{width:100%;min-width:0;flex:1;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#c3c6cb var(--schedule-surface);border-radius:0;padding-bottom:0}
#ganttv .schedule-compare-viewport:focus-visible{outline:2px solid #ef4129;outline-offset:2px}
#ganttv .schedule-compare{min-width:1000px;border:0;border-radius:0;overflow:clip;background:var(--schedule-surface)}
#ganttv .schedule-compare-head,#ganttv .schedule-compare-row{display:grid;grid-template-columns:220px minmax(720px,1fr)}
#ganttv .schedule-compare-head{position:sticky;top:0;z-index:5;min-height:34px;background:var(--schedule-surface);border-bottom:1px solid var(--schedule-panel-line)}
#ganttv .schedule-compare-head>span:first-child{position:sticky;left:0;z-index:4;display:flex;align-items:center;padding:8px 14px;border-right:1px solid var(--schedule-panel-line);background:var(--schedule-surface);color:#8a8a8a;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
#ganttv .schedule-compare .gantt-head-track{position:relative;display:grid;grid-template-columns:repeat(10,minmax(72px,1fr));padding-top:0}
#ganttv .schedule-compare .gantt-period{display:flex;align-items:center;justify-content:flex-start;padding:9px 5px;border:0;color:#8a8a8a;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
#ganttv .schedule-compare .gantt-period time{font:inherit;font-variant-numeric:tabular-nums}
#ganttv .schedule-compare-row{min-height:44px;padding:0;border:0;border-bottom:1px solid var(--schedule-panel-line);background:var(--schedule-surface);font:inherit}
#ganttv .schedule-compare-row:last-child{border-bottom:0}
#ganttv .schedule-compare-label{position:sticky;left:0;z-index:3;display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;align-items:center;align-self:stretch;min-width:0;padding:6px 14px;border-right:1px solid var(--schedule-panel-line);background:var(--schedule-surface)}
#ganttv .schedule-compare-label b{color:#73767b;font-size:10px;font-weight:500}
#ganttv .schedule-compare-label .gantt-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#252525;font-size:12px;font-weight:500;line-height:1.3}
#ganttv .schedule-compare-row[data-change="unchanged"] .gantt-title,#ganttv .schedule-compare-row[data-change="gone"] .gantt-title{color:#999ca1}
#ganttv .schedule-compare-row[data-change="unchanged"] .is-today{background:#d9dbde;box-shadow:none}
#ganttv .gantt-reference-task{opacity:1;transform:none}
#ganttv .gantt-task:hover,#ganttv .gantt-task:focus-visible{background:#f7f8fa}
#ganttv .gantt-task:hover .schedule-compare-label,#ganttv .gantt-task:focus-visible .schedule-compare-label{background:#f7f8fa}
#ganttv .gantt-task:active,#ganttv .gantt-task.is-autoplay-pressed,#ganttv .gantt-task:active .schedule-compare-label,#ganttv .gantt-task.is-autoplay-pressed .schedule-compare-label{background:#fff0ed}
#ganttv .schedule-compare-track{position:relative;height:100%;min-height:43px;background-image:repeating-linear-gradient(90deg,rgba(25,30,38,.035) 0,rgba(25,30,38,.035) 1px,transparent 1px,transparent 10%)}
#ganttv .schedule-compare-marker{position:absolute;z-index:1;left:calc(var(--start)*1%);width:max(calc(var(--span)*1%),4px);border-radius:3px;pointer-events:none}
#ganttv .schedule-compare-marker.is-today{top:9px;height:18px;background:#6b6d70;box-shadow:none}
#ganttv .schedule-compare-marker.is-baseline{top:32px;height:3px;background:#c9cbce;border-radius:1px}
#ganttv .schedule-marker-number{display:flex;height:100%;align-items:center;padding:0 6px;color:#fff;font-size:10px;font-weight:650;line-height:1;white-space:nowrap}
#ganttv .schedule-compare-marker.is-milestone{width:18px;min-width:18px;height:18px;border-radius:2px;transform:translateX(-50%) rotate(45deg)}
#ganttv .schedule-compare-marker.is-milestone .schedule-marker-number{justify-content:center;padding:0;font-size:8px;transform:rotate(-45deg)}
#ganttv .schedule-compare-marker.is-baseline.is-milestone{top:32px;width:6px;min-width:6px;height:6px;border-radius:1px}
#ganttv .schedule-compare-delta{position:absolute;inset:0;z-index:2;pointer-events:none}
#ganttv .schedule-compare-delta b{position:absolute;top:11px;left:calc(var(--finish)*1% + 7px);color:#ef4129;font-size:11px;font-weight:650;line-height:1.25;white-space:nowrap}
#ganttv .schedule-compare-delta.is-milestone b{left:calc(var(--finish)*1% + 18px)}
#ganttv .schedule-compare .schedule-current-date{position:absolute;z-index:3;top:0;bottom:0;left:var(--gantt-today);width:1px;background:#ef4129;transform:translateX(-50%);pointer-events:none}
#ganttv .schedule-compare .has-current-date::before{z-index:3;bottom:-1px;width:1px;background:#ef4129}
#sc1 .plan-schedule-footer.homepage-plan-comparison-footer{justify-content:flex-end}
#planScheduleLegend .schedule-plan-legend{justify-content:flex-end;flex-wrap:wrap;gap:6px 14px;font-size:10px;font-weight:400;color:#62656a}
#planScheduleLegend .schedule-plan-legend span{display:flex;align-items:center;gap:6px}
#planScheduleLegend .schedule-plan-legend i{width:16px;height:2px;border-radius:1px;background:#c9cbce}
#planScheduleLegend .schedule-plan-legend .is-today{height:9px;border-radius:2px;background:#6b6d70}
#sc1.on:has(.homepage-plan-comparison-footer){display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden}
#sc1:has(.homepage-plan-comparison-footer) .issues-head,#sc1 .homepage-plan-comparison-footer{flex:none}
#ganttv:has(.schedule-compare){display:flex;flex:1;min-height:0}
@media(max-width:520px){#ganttv .schedule-compare-head,#ganttv .schedule-compare-row{grid-template-columns:160px minmax(810px,1fr)}#ganttv .schedule-compare .gantt-head-track{grid-template-columns:repeat(10,minmax(81px,1fr))}#ganttv .schedule-compare-label{padding-inline:10px}}
html:not(.product-showcase-embed) .scr:has(#sc1.on .homepage-plan-comparison-footer) .idrw.is-mobile-plan-autoplay{transition-duration:.25s}

/* Match the light Issues list without changing the embedded product demo. */
#ganttv .schedule-compare-row,#ganttv .schedule-compare-label{border-right:0}
#ganttv .schedule-compare-row{border-radius:0;text-align:left}
#ganttv .schedule-compare-head>span:first-child{border-right:0}
#ganttv .schedule-compare-group{display:grid;grid-template-columns:220px minmax(720px,1fr);min-height:27px;background:var(--schedule-surface-raised);border-bottom:1px solid var(--schedule-panel-line)}
#ganttv .schedule-compare-group-label{position:sticky;left:0;z-index:3;display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--schedule-surface-raised);color:#45484d;font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
#ganttv .schedule-compare-group-label b{color:#73767b;font-weight:500}
#ganttv .schedule-compare-group-track{position:relative}
@media(max-width:520px){#ganttv .schedule-compare-group{grid-template-columns:160px minmax(810px,1fr)}#ganttv .schedule-compare-group-label{padding-inline:10px;font-size:8px}}

html:not(.product-showcase-embed) #sc1 .plan-version-summary{gap:7px;flex-wrap:wrap}
#sc1 .schedule-toolbar-control,#sc1 .schedule-compare-control{display:inline-flex;align-items:center;gap:6px;border:1px solid #c9cbce;border-radius:8px;background:#fff;color:#252525;font:inherit;font-size:11px;line-height:1.3;white-space:nowrap}
#sc1 .schedule-toolbar-control{padding:7px 9px;cursor:pointer;list-style:none}
#sc1 .schedule-toolbar-control::-webkit-details-marker{display:none}
#sc1 .schedule-toolbar-control svg,#sc1 .schedule-compare-control svg{width:14px;height:14px;flex:none}
#sc1 .schedule-current-dropdown{position:relative}
#sc1 .schedule-current-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:10;display:grid;gap:5px;min-width:150px;padding:12px;background:#fff;border:1px solid #e4e5e7;border-radius:8px;box-shadow:0 5px 18px #00000012;color:#252525;font-size:11px}
#sc1 .schedule-current-menu time{color:#73767b}
#sc1 .schedule-compare-control{border-color:#ef4129;color:#ef4129}
#sc1 .schedule-compare-caption{display:inline-flex;align-items:center;gap:6px;padding:7px 0 7px 9px}
#sc1 .schedule-compare-control button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:29px;padding:7px 9px;border:0;border-radius:7px;background:transparent;color:inherit;font:inherit;cursor:pointer}
#sc1 .schedule-compare-control button:hover{background:#fff0ed}
#sc1 .schedule-compare-control button:focus-visible,#sc1 .schedule-toolbar-control:focus-visible{outline:2px solid #ef4129;outline-offset:2px}
@media(max-width:700px){html:not(.product-showcase-embed) #sc1 .plan-version-stack{grid-column:1/-1;grid-row:2;justify-self:start;align-self:start;margin-bottom:12px}html:not(.product-showcase-embed) #sc1 .plan-version-summary{justify-content:flex-start}}
