/* ==================== 04｜橫式甘特圖活動期程 ==================== */
.schedule-section { background: radial-gradient(circle at 10% 5%,rgba(243,194,177,.3),transparent 25%),radial-gradient(circle at 90% 90%,rgba(246,219,151,.28),transparent 28%),#fffaf0; }
.gantt-scroll { overflow-x: auto; padding-bottom: 14px; }
.gantt-chart { min-width: 1240px; display: grid; grid-template-columns: 310px repeat(8,minmax(110px,1fr)); padding: 30px 34px 24px; border: 1px solid var(--color-line); border-radius: 30px; background: rgba(255,253,247,.92); box-shadow: var(--shadow-card); }
.gantt-head { min-height: 74px; display: grid; place-items: center; padding: 12px 6px; color: var(--color-red); background: linear-gradient(180deg,#fff8e7,#fae3d3); border-bottom: 2px solid rgba(167,36,33,.18); border-left: 1px solid rgba(161,97,73,.12); font: 800 17px/1.45 sans-serif; }
.gantt-head.corner { justify-items: start; padding-left: 28px; border-left: 0; }
.gantt-row { display: contents; }
.gantt-name { grid-column: 1; min-height: 58px; display: flex; align-items: center; gap: 10px; padding: 12px 22px; border-bottom: 1px solid rgba(161,97,73,.12); font-size: 17px; font-weight: 800; }
.gantt-name i { width: 11px; height: 11px; flex: 0 0 auto; border-radius: 50%; }
.gantt-track { grid-column: 2/-1; min-height: 58px; display: grid; grid-template-columns: repeat(8,1fr); align-items: center; position: relative; border-bottom: 1px solid rgba(161,97,73,.12); }
.gantt-cell { grid-row: 1; height: 100%; border-left: 1px solid rgba(161,97,73,.1); }
.gantt-bar, .gantt-point { z-index: 2; grid-row: 1; align-self: center; border-radius: 999px; }
.gantt-bar { height: 18px; display: grid; place-items: center; margin: 0 8px; color: white; font-size: 13px; font-weight: 900; }
.gantt-point { width: 17px; height: 17px; justify-self: center; border: 3px solid rgba(255,255,255,.9); box-shadow: 0 0 0 2px currentColor; }
.swipe-hint { display: none; margin: 10px 0 0; color: var(--color-muted); font-size: var(--font-small); text-align: center; }