#calendar-view { color: var(--text-1); }

.cal-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-4); padding:var(--sp-4) var(--sp-5); margin-bottom:var(--sp-4); border:1px solid var(--border); border-radius:var(--r-xl); background:var(--card); }
.cal-hero h2 { margin:0 0 var(--sp-1); font-family:var(--font-heading); font-size:var(--fs-display); }
.cal-hero span,.cal-hero p { color:var(--text-2); font-size:var(--fs-ui); }
.cal-hero p { max-width:520px; margin:0; text-align:right; line-height:var(--lh-snug); }
.cal-section { margin-bottom:var(--sp-5); }
.cal-section-title { display:flex; align-items:end; justify-content:space-between; gap:var(--sp-4); margin:0 0 var(--sp-3); }
.cal-section-title div>span,.cal-matrix-card header span { color:var(--accent); font-size:var(--fs-meta); font-weight:800; letter-spacing:.1em; }
.cal-section-title h3,.cal-matrix-card h3 { margin:3px 0 0; font-family:var(--font-heading); font-size:var(--fs-display); }
.cal-section-title p { max-width:680px; margin:0; color:var(--text-2); font-size:var(--fs-meta); line-height:var(--lh-snug); text-align:right; }

.cal-snap-none { color:var(--text-3); }
/* 源工作簿更新时间行 (2026-08-30): 平时低调, 陈旧时才跳出来。
   .global-feature-head 是九个页面共用的 flex 且 nowrap —— 直接往里加第三个孩子会把标题块
   挤成 205px (实测标题与副标题被折成三行)。这里只给 /calendar 开 wrap, 让本行独占一整行,
   不动共用类 (改它会波及另外八个页面)。 */
#calendar-view .global-feature-head { flex-wrap: wrap; }
.cal-src-line { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px var(--sp-3); width:100%; margin-top:var(--sp-2); color:var(--text-3); font-size:var(--fs-meta); }
.cal-src-line.stale { color:var(--text-2); }
.cal-src-line b { color:var(--accent-orange); font-weight:600; }
.cal-src-line .cal-src-stale { color:var(--accent-orange); }
.cal-dot { display:inline-block; width:8px; height:8px; margin-right:7px; border-radius:50%; background:var(--cal-color); vertical-align:1px; }

.cal-explorer-card,.cal-matrix-card { overflow:hidden; border:1px solid var(--border); border-radius:var(--r-xl); background:var(--card); }
.cal-toolbar { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3); padding:var(--sp-3) var(--sp-4); border-bottom:1px solid var(--border-soft); }
.cal-segment { display:flex; flex-wrap:wrap; gap:4px; }
.cal-segment button { padding:6px 10px; border:0; border-radius:var(--r-pill); background:transparent; color:var(--text-2); font-size:var(--fs-meta); cursor:pointer; }
.cal-segment button.active { background:var(--text-0); color:var(--card); }
.cal-mode button.active { background:var(--accent); }
.cal-chart-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,440px); }
.cal-chart-wrap { min-width:0; padding:var(--sp-3); border-right:1px solid var(--border-soft); }
.cal-chart-wrap svg { display:block; width:100%; height:auto; }
.cal-grid line { stroke:var(--border-soft); stroke-width:1; }.cal-grid text,.cal-xlabels text,.cal-axis-title { fill:var(--text-3); font-size:var(--fs-meta); }.cal-axis-title { font-weight:700; }
.cal-line { fill:none; stroke-width:2; opacity:.6; vector-effect:non-scaling-stroke; transition:stroke .16s ease,opacity .16s ease,stroke-width .16s ease; }.cal-line.active { stroke-width:3.2; opacity:1; }
/* 2026-09-03 (二/三): 实际路径叠加不用虚线, 且均值线之外只画当年一条 —— 与聚焦曲线
   同色 (calendar.js 内联注入 stroke) 的浅实线, 深浅用 opacity (.6); 粗细贴近均值线。 */
.cal-line.recent-current { stroke-width:2.4; opacity:.6; }
.cal-recent-dot { stroke:var(--card); stroke-width:1.5; }
.cal-recent-legend { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px var(--sp-4); padding:var(--sp-2) var(--sp-4); border-top:1px solid var(--border-soft); color:var(--text-2); font-size:var(--fs-meta); }
.cal-recent-legend i { display:inline-block; width:20px; height:0; margin-right:6px; border-top:2px solid var(--cal-color, var(--text-3)); vertical-align:3px; }
.cal-recent-legend .lg-curr i { border-top-width:2.4px; opacity:.6; }
.cal-recent-legend .lg-missing { color:var(--text-3); }
.cal-now-line { stroke:var(--text-0); stroke-width:1.2; stroke-dasharray:5 4; vector-effect:non-scaling-stroke; }
.cal-now-tag rect { fill:var(--text-0); }.cal-now-tag text { fill:var(--card); font-size:var(--fs-meta); font-weight:700; }
.cal-coordinate-rail { min-width:0; border-left:1px solid var(--border-soft); background:linear-gradient(180deg,var(--bg-2),var(--card)); }
.cal-coordinate-rail-head { display:flex; flex-wrap:wrap; align-items:baseline; gap:3px var(--sp-2); padding:var(--sp-3); border-bottom:1px solid var(--border-soft); }
.cal-coordinate-rail-head>span { width:100%; color:var(--accent); font-size:var(--fs-micro); font-weight:800; letter-spacing:.09em; }.cal-coordinate-rail-head>b { font-size:var(--fs-ui); }.cal-coordinate-rail-head>small { color:var(--text-3); font-size:var(--fs-micro); }
.cal-coordinate-list { max-height:520px; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; }
.cal-coordinate-card { display:block; width:100%; padding:11px var(--sp-3); border:0; border-bottom:1px solid var(--border-soft); background:transparent; color:var(--text-1); text-align:left; cursor:pointer; transition:background .15s,box-shadow .15s; }
.cal-coordinate-card:hover { background:var(--tag-bg); }.cal-coordinate-card.active { background:var(--card); box-shadow:inset 3px 0 0 var(--accent); }
.cal-coordinate-title { display:grid; grid-template-columns:10px minmax(0,1fr); gap:var(--sp-1); }.cal-coordinate-title .cal-dot { margin-top:5px; }.cal-coordinate-title b,.cal-coordinate-title small { display:block; }.cal-coordinate-title b { font-size:var(--fs-meta); }.cal-coordinate-title small { margin-top:2px; color:var(--text-3); font-size:var(--fs-micro); font-weight:400; line-height:var(--lh-snug); }
.cal-coordinate-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 10px; margin:9px 0 0 16px; }.cal-coordinate-facts>span { min-width:0; }.cal-coordinate-facts i,.cal-coordinate-facts b,.cal-coordinate-facts small { display:block; }.cal-coordinate-facts i { color:var(--text-3); font-size:10px; font-style:normal; }.cal-coordinate-facts b { margin-top:1px; font-family:var(--font-mono); font-size:var(--fs-micro); font-weight:700; }.cal-coordinate-facts b.up { color:var(--up); }.cal-coordinate-facts b.down { color:var(--dn); }.cal-coordinate-facts b.flat { color:var(--flat); }.cal-coordinate-facts small { margin-top:1px; color:var(--text-3); font-size:10px; line-height:var(--lh-snug); }
.cal-coordinate-actual { grid-column:1/-1; padding-top:6px; border-top:1px dashed var(--border-soft); }.cal-coordinate-stage { color:var(--accent) !important; }
.cal-pattern-note { display:grid; grid-template-columns:150px minmax(260px,1fr) auto; align-items:start; gap:var(--sp-3) var(--sp-4); padding:var(--sp-3) var(--sp-4); border-top:1px solid var(--border-soft); background:linear-gradient(90deg,var(--bg-2),var(--card)); }
.cal-pattern-note>div:first-child span,.cal-pattern-note>div:first-child b { display:block; }.cal-pattern-note>div:first-child span { color:var(--accent); font-size:var(--fs-micro); font-weight:800; letter-spacing:.08em; }.cal-pattern-note>div:first-child b { margin-top:3px; font-size:var(--fs-ui); }
.cal-pattern-note p { margin:0; color:var(--text-1); font-size:var(--fs-meta); line-height:var(--lh-snug); }.cal-pattern-tags { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:5px; }.cal-pattern-tags span { padding:3px 7px; border-radius:var(--r-pill); background:var(--tag-bg); color:var(--text-2); font-size:var(--fs-micro); white-space:nowrap; }
.cal-pattern-note>small { grid-column:2/-1; color:var(--text-3); font-size:var(--fs-micro); line-height:var(--lh-snug); }
.cal-chart-note { display:flex; gap:var(--sp-3); padding:var(--sp-3) var(--sp-4); border-top:1px solid var(--border-soft); background:var(--bg-2); color:var(--text-2); font-size:var(--fs-meta); }.cal-chart-note b { color:var(--text-1); }.cal-chart-note span:last-child { margin-left:auto; color:var(--accent); }

.cal-similarity { overflow:hidden; border:1px solid var(--border); border-radius:var(--r-xl); background:var(--card); }
/* 2026-08-30 版式重做: 原来 7 个块各占满整幅宽度竖着摞 (实测 576px 高, 文字被推到左右两端),
   现改两栏 — 左「是哪个相位」/ 右「凭什么这么说」,「不要误读」横跨收底。可读文本统一到 meta 档,
   不再用 --fs-micro 承载正文 (tokens.css 写明 micro 只给贴片)。 */
.cal-phase-human { display:grid; grid-template-columns:minmax(0,330px) minmax(0,1fr); align-items:start; gap:var(--sp-4) var(--sp-5); padding:var(--sp-4) var(--sp-5); background:linear-gradient(135deg,var(--bg-2),var(--card) 62%); }
.cal-phase-col { display:flex; flex-direction:column; gap:var(--sp-3); min-width:0; }
.cal-phase-lead>span { display:block; color:var(--accent); font-size:var(--fs-meta); font-weight:800; letter-spacing:.1em; }
.cal-phase-lead h3 { margin:2px 0 0; font-family:var(--font-heading); font-size:var(--fs-display); line-height:var(--lh-tight); }
.cal-phase-lead p { margin:5px 0 0; color:var(--text-2); font-size:var(--fs-meta); line-height:var(--lh-snug); }
.cal-phase-facts { display:grid; grid-template-columns:1fr; gap:1px; overflow:hidden; border:1px solid var(--border-soft); border-radius:var(--r-lg); background:var(--border-soft); }
.cal-phase-facts>div { display:flex; align-items:baseline; justify-content:space-between; gap:var(--sp-3); padding:7px var(--sp-3); background:var(--card); }
.cal-phase-facts span { color:var(--text-3); font-size:var(--fs-meta); }.cal-phase-facts b { font-size:var(--fs-ui); }
.cal-phase-facts .confidence-high { color:var(--up); }.cal-phase-facts .confidence-mid { color:var(--accent); }.cal-phase-facts .confidence-low { color:var(--dn); }
.cal-phase-prob { display:flex; height:9px; overflow:hidden; border-radius:var(--r-pill); background:var(--border-soft); }
.cal-phase-prob .early { background:var(--flat); }.cal-phase-prob .sync { background:var(--accent); }.cal-phase-prob .late { background:var(--up); }
.cal-phase-prob-label { display:flex; justify-content:space-between; margin-top:5px; color:var(--text-3); font-size:var(--fs-meta); }
.cal-phase-reading { display:flex; flex-direction:column; align-items:flex-start; gap:6px; }
.cal-phase-reading p { margin:0; color:var(--text-1); font-size:var(--fs-meta); font-weight:600; }
.cal-phase-chips { display:flex; flex-wrap:wrap; gap:5px; }.cal-phase-chips span { padding:3px 7px; border-radius:var(--r-pill); background:var(--tag-bg); color:var(--text-2); font-size:var(--fs-meta); }.cal-phase-chips i { width:1px; margin:2px 4px; background:var(--border); }
.cal-cycle-strip { display:grid; grid-template-columns:auto minmax(0,1fr); align-items:baseline; gap:6px var(--sp-2); padding-top:var(--sp-3); border-top:1px solid var(--border-soft); }.cal-cycle-strip>b { color:var(--accent); font-size:var(--fs-meta); white-space:nowrap; }.cal-cycle-strip p { margin:0; color:var(--text-3); font-size:var(--fs-meta); line-height:var(--lh-snug); }.cal-cycle-strip>div { grid-column:1/-1; display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:5px; }.cal-cycle-strip>div span { padding:4px 7px; border:1px solid var(--border-soft); border-radius:var(--r-md); color:var(--text-2); font-size:var(--fs-meta); line-height:var(--lh-snug); }.cal-cycle-strip>div b { margin-right:5px; color:var(--text-1); }
.cal-phase-warning { grid-column:1/-1; display:flex; gap:var(--sp-2); padding:9px 11px; border-left:3px solid var(--dn); background:color-mix(in srgb,var(--dn) 6%,transparent); color:var(--text-2); font-size:var(--fs-meta); }.cal-phase-warning b { color:var(--dn); white-space:nowrap; }
.cal-phase-explainer { border-top:1px solid var(--border-soft); background:var(--bg-2); }.cal-phase-explainer summary { display:flex; align-items:baseline; gap:var(--sp-3); padding:12px var(--sp-4); color:var(--text-2); font-size:var(--fs-meta); cursor:pointer; }.cal-phase-explainer summary span { color:var(--accent); font-size:var(--fs-micro); font-weight:800; letter-spacing:.08em; }.cal-phase-explainer summary b { color:var(--text-1); }.cal-phase-explainer[open] summary { border-bottom:1px solid var(--border-soft); }
.cal-phase-explainer-body { padding:var(--sp-4); }.cal-phase-explainer-body p { margin:0; color:var(--text-2); font-size:var(--fs-meta); line-height:var(--lh-body); }.cal-phase-explainer-body .cal-phase-example { padding:10px 12px; border-left:3px solid var(--accent); background:var(--card); color:var(--text-1); }.cal-phase-explainer-body ol { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--sp-3); padding:0; margin:var(--sp-4) 0; list-style:none; counter-reset:phase-step; }.cal-phase-explainer-body li { position:relative; padding:10px 12px 10px 38px; border:1px solid var(--border-soft); border-radius:var(--r-md); background:var(--card); counter-increment:phase-step; }.cal-phase-explainer-body li::before { content:counter(phase-step); position:absolute; top:11px; left:12px; display:grid; width:18px; height:18px; place-items:center; border-radius:50%; background:var(--text-0); color:var(--card); font:700 10px var(--font-mono); }.cal-phase-explainer-body li b,.cal-phase-explainer-body li span { display:block; }.cal-phase-explainer-body li b { font-size:var(--fs-meta); }.cal-phase-explainer-body li span { margin-top:3px; color:var(--text-3); font-size:var(--fs-micro); line-height:var(--lh-snug); }
.cal-sim-table { width:100%; min-width:1040px; border-collapse:collapse; font-size:var(--fs-meta); }
.cal-sim-table thead th { padding:9px 12px; border-bottom:1px solid var(--border-soft); color:var(--text-3); font-size:var(--fs-micro); font-weight:700; text-align:left; white-space:nowrap; }
.cal-sim-table tbody tr { border-top:1px solid var(--border-soft); }.cal-sim-table tbody tr:first-child { border-top:0; }
.cal-sim-table tbody th,.cal-sim-table tbody td { padding:10px 12px; text-align:left; vertical-align:middle; }
.cal-sim-table tbody th b,.cal-sim-table tbody td b,.cal-sim-table tbody td small { display:block; }
.cal-sim-table tbody th b { font-family:var(--font-heading); font-size:var(--fs-ui); }
.cal-sim-table tbody th small,.cal-sim-table tbody td small { margin-top:2px; color:var(--text-3); font-size:var(--fs-micro); white-space:nowrap; }
.cal-sim-rank { width:24px; color:var(--text-3); font-family:var(--font-mono); }.cal-sim-score b { color:var(--accent); font-size:var(--fs-ui); }
.cal-phase { display:inline-block; padding:3px 7px; border-radius:var(--r-pill); font-size:var(--fs-micro); font-weight:700; white-space:nowrap; }
.cal-phase.early { background:color-mix(in srgb,var(--flat) 14%,transparent); color:var(--flat); }.cal-phase.late { background:color-mix(in srgb,var(--up) 12%,transparent); color:var(--up); }.cal-phase.sync { background:var(--tag-bg); color:var(--text-2); }
.cal-sim-future { min-width:190px; }.cal-sim-evidence { border-top:1px solid var(--border-soft); }.cal-sim-evidence summary { padding:11px var(--sp-4); color:var(--text-2); font-size:var(--fs-meta); font-weight:600; cursor:pointer; }.cal-sim-evidence[open] summary { border-bottom:1px solid var(--border-soft); }

.cal-matrix-grid { display:grid; grid-template-columns:1fr; gap:var(--sp-4); }
.cal-matrix-card header { display:flex; align-items:flex-start; justify-content:space-between; gap:var(--sp-3); padding:var(--sp-4); border-bottom:1px solid var(--border-soft); }
.cal-matrix-card header p { max-width:420px; margin:0; color:var(--text-3); font-size:var(--fs-meta); line-height:var(--lh-snug); text-align:right; }
.cal-subchart-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; }.cal-subchart { min-width:0; padding:var(--sp-3); border-right:1px solid var(--border-soft); }.cal-subchart svg { display:block; width:100%; height:auto; }
.cal-series-line { fill:none; stroke-width:2; opacity:1; vector-effect:non-scaling-stroke; transition:stroke .16s,opacity .16s,stroke-width .16s; }.cal-series-line.active { stroke-width:3.2; }.cal-series-line.muted { stroke:var(--border-strong); stroke-width:1.25; opacity:.45; }.cal-series-point { transition:fill .16s,opacity .16s; }.cal-series-point.muted { fill:var(--border-strong); opacity:.22; }.cal-series-point.active { opacity:1; }
.cal-series-legend { display:flex; flex-direction:column; gap:3px; padding:var(--sp-3); background:linear-gradient(180deg,var(--bg-2),var(--card)); }.cal-series-legend button { display:grid; grid-template-columns:8px minmax(0,1fr); gap:var(--sp-2); padding:8px; border:1px solid transparent; border-radius:var(--r-md); background:transparent; color:var(--text-2); text-align:left; cursor:pointer; opacity:.7; }.cal-series-legend button:hover { background:var(--tag-bg); opacity:1; }.cal-series-legend button.active { border-color:var(--border); background:var(--card); color:var(--text-1); opacity:1; }.cal-series-legend i { width:7px; height:7px; margin-top:5px; border-radius:50%; background:var(--cal-color); }.cal-series-legend b,.cal-series-legend small { display:block; }.cal-series-legend b { font-size:var(--fs-meta); }.cal-series-legend small { margin-top:2px; color:var(--text-3); font-size:var(--fs-micro); line-height:var(--lh-snug); }
.cal-chart-values { border-top:1px solid var(--border-soft); }.cal-chart-values summary { padding:10px var(--sp-4); color:var(--text-2); font-size:var(--fs-meta); font-weight:600; cursor:pointer; }.cal-chart-values[open] summary { border-bottom:1px solid var(--border-soft); }.cal-value-lines { display:flex; flex-direction:column; gap:var(--sp-3); padding:var(--sp-4); }.cal-value-lines>div { display:grid; grid-template-columns:180px minmax(0,1fr); gap:var(--sp-3); }.cal-value-lines b { font-size:var(--fs-meta); }.cal-value-lines span { display:flex; flex-wrap:wrap; gap:5px; }.cal-value-lines i { padding:3px 6px; border-radius:var(--r-md); background:var(--tag-bg); color:var(--text-2); font-size:var(--fs-micro); font-style:normal; }
.cal-table-scroll { overflow:auto; }.cal-heat-table { width:100%; border-collapse:separate; border-spacing:2px; padding:var(--sp-3); font-size:var(--fs-meta); }
.cal-heat-table th,.cal-heat-table td { min-width:64px; padding:7px 6px; border-radius:4px; text-align:center; }.cal-heat-table thead th { position:sticky; top:0; z-index:1; background:var(--card); color:var(--text-2); font-weight:700; }
.cal-heat-table tbody th { position:sticky; left:0; min-width:92px; background:var(--card); color:var(--text-2); text-align:left; }.cal-heat-table td { background:var(--bg-2); color:var(--text-1); font-family:var(--font-mono); }
.cal-heat-table tr.current th { color:var(--accent); }.cal-heat-table tr.current th::after { content:' 当前'; font-size:var(--fs-micro); }

/* 景气投资的日历效应: 股价-业绩相关性月度柱状图 (数据为研究图表转录) */
.cal-prosperity-head { display:flex; align-items:center; justify-content:space-between; gap:var(--sp-3); padding:var(--sp-3) var(--sp-4); border-bottom:1px solid var(--border-soft); }
.cal-legend-inline { display:flex; flex-wrap:wrap; gap:var(--sp-2) var(--sp-4); color:var(--text-2); font-size:var(--fs-meta); }
.cal-legend-inline i { display:inline-block; width:10px; height:10px; margin-right:6px; border-radius:3px; vertical-align:-1px; }
.cal-legend-inline i.prev { background:var(--flat); }.cal-legend-inline i.curr { background:var(--up); }
.cal-prosperity-sample { color:var(--text-3); font-size:var(--fs-micro); }
.cal-prosperity-chart { padding:var(--sp-2) var(--sp-2) 0; }
.cal-prosperity-chart svg { display:block; width:100%; height:auto; }
.cal-pbar.prev { fill:var(--flat); opacity:.85; }.cal-pbar.curr { fill:var(--up); }
.cal-mlabel { fill:var(--text-3); font-size:var(--fs-meta); }.cal-mlabel.win { fill:var(--accent); font-weight:700; }
.cal-zero-line { stroke:var(--text-2); stroke-width:1; }

.cal-loading,.cal-error { padding:var(--sp-6); color:var(--text-2); text-align:center; }.cal-error { display:flex; flex-direction:column; align-items:center; gap:var(--sp-2); border:1px solid var(--border); border-radius:var(--r-xl); background:var(--card); }.cal-error button { padding:6px 16px; border:1px solid var(--border-strong); border-radius:var(--r-md); background:var(--card); cursor:pointer; }

@media (max-width:1100px) { .cal-chart-layout { grid-template-columns:1fr; }.cal-chart-wrap { border-right:0; border-bottom:1px solid var(--border-soft); }.cal-coordinate-rail { border-left:0; }.cal-coordinate-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); max-height:560px; }.cal-coordinate-card:nth-child(odd) { border-right:1px solid var(--border-soft); }.cal-subchart-layout { grid-template-columns:1fr; }.cal-subchart { border-right:0; border-bottom:1px solid var(--border-soft); }.cal-series-legend { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }.cal-pattern-note { grid-template-columns:140px 1fr; }.cal-pattern-tags { grid-column:1/-1; justify-content:flex-start; }.cal-pattern-note>small { grid-column:1/-1; }.cal-phase-human { grid-template-columns:1fr; } }
@media (max-width:680px) { .cal-hero,.cal-section-title,.cal-matrix-card header { align-items:flex-start; flex-direction:column; }.cal-hero p,.cal-section-title p,.cal-matrix-card header p { text-align:left; }.cal-toolbar { align-items:flex-start; flex-direction:column; }.cal-chart-note { flex-direction:column; }.cal-chart-note span:last-child { margin-left:0; }.cal-coordinate-list,.cal-series-legend,.cal-pattern-note { grid-template-columns:1fr; }.cal-coordinate-card:nth-child(odd) { border-right:0; }.cal-coordinate-facts { grid-template-columns:1fr; }.cal-coordinate-actual { grid-column:auto; }.cal-pattern-tags,.cal-pattern-note>small { grid-column:auto; }.cal-value-lines>div { grid-template-columns:1fr; }.cal-phase-human { padding:var(--sp-4); }.cal-cycle-strip,.cal-phase-explainer-body ol { grid-template-columns:1fr; }.cal-phase-warning,.cal-phase-explainer summary { align-items:flex-start; flex-direction:column; }.cal-phase-chips i { display:none; } }