/* Indicators page: yield history chart, market table, next Bank of Canada announcement.
   Chart card copied from the Co-In dashboard "Growth Performance" card (green line, soft fill, dashed guides,
   small caps axis); announcement bar from its "Market Intelligence Insight" bar. Loaded on the Indicators pages only. */

/* Chart card */
.ind-card{background:#fff;border:1px solid var(--line-2);padding:30px 32px 26px;margin:0 60px}
.ind-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap}
.ind-title{font-size:26px;font-weight:500;letter-spacing:-.025em;line-height:1.15;margin:0}
.ind-sub{font-size:15px;color:var(--muted);margin:6px 0 0}
.ind-ranges{display:inline-flex;align-items:center;border:1px solid var(--line-2);background:#f4f9f5;padding:3px}
.ind-ranges button{font:400 15px/1 "DM Sans",sans-serif;height:36px;padding:0 16px;border:0;background:transparent;color:var(--ink);cursor:pointer;white-space:nowrap}
.ind-ranges button[aria-pressed=true]{background:#000;color:#fff}
.ind-ranges .ind-reset{display:none;color:var(--green-deep)}
.ind-ranges .ind-reset[data-zoomed=true]{display:inline-block}
.ind-plot{position:relative;margin-top:26px;touch-action:pan-y;outline:none;cursor:crosshair}
.ind-plot:focus-visible{box-shadow:0 0 0 2px var(--green)}
.ind-svg{display:block;width:100%;height:380px;overflow:visible;user-select:none}
.ind-svg text{font:400 11px "DM Sans",sans-serif;fill:var(--muted)}
.ind-svg .ind-xlab{text-transform:uppercase;letter-spacing:.09em}
.ind-grid{stroke:var(--line-2);stroke-dasharray:3 5}
.ind-base{stroke:var(--line-2)}
.ind-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.ind-line[data-series=cmb5]{stroke-width:2.5}
.ind-fill{stroke:none}
.ind-cross{stroke:var(--ink-2);stroke-width:1;stroke-dasharray:2 3}
.ind-dot{stroke:#fff;stroke-width:2}
.ind-brush{fill:rgba(3,189,112,.10);stroke:var(--green);stroke-width:1}
.ind-capture{fill:transparent}
[data-series=cmb5]{--c:#03bd70}
[data-series=cmb10]{--c:#0a6b3a}
[data-series=goc5]{--c:#131d18}
[data-series=goc10]{--c:#a3ada8}
.ind-line{stroke:var(--c)}
.ind-dot{fill:var(--c)}
.ind-tip{position:absolute;top:0;z-index:2;background:#fff;border:1px solid var(--line-2);box-shadow:0 14px 34px rgba(10,27,19,.10);padding:12px 14px;font-size:13px;min-width:220px;pointer-events:none}
.ind-tip strong{display:block;font-weight:500;margin-bottom:6px}
.ind-tip div{display:flex;justify-content:space-between;gap:16px;padding:2px 0;color:var(--text)}
.ind-tip div span:last-child{color:var(--ink);font-variant-numeric:tabular-nums}
.ind-sw{display:inline-block;width:10px;height:10px;margin-right:8px;background:var(--c);vertical-align:-1px}
.ind-legend{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.ind-legend button{font:400 14px/1.3 "DM Sans",sans-serif;border:0;background:none;padding:2px 0;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center}
.ind-legend button[aria-pressed=false]{color:var(--muted);opacity:.55}
.ind-legend button[aria-pressed=false] .ind-sw{background:transparent;box-shadow:inset 0 0 0 1.5px var(--c)}
.ind-card .art-note{margin:14px 0 0}

/* Market table */
.ind-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line-2);font-size:16px}
.ind-table th,.ind-table td{padding:14px 20px;text-align:right;font-weight:400;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}
.ind-table th:first-child{text-align:left}
.ind-table thead th{font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding-top:16px;padding-bottom:12px}
.ind-table .ind-group th{background:var(--mint-2);font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);font-weight:500;padding-top:11px;padding-bottom:11px}
.ind-table td[data-field=value]{color:var(--ink);font-weight:500}
.ind-table td[data-field=prev],.ind-table td[data-field=delta]{color:var(--text)}
.ind-table tbody tr:last-child th,.ind-table tbody tr:last-child td{border-bottom:0}

/* Next Bank of Canada announcement */
.ind-insight{display:flex;align-items:center;gap:18px;margin-top:18px;padding:20px 24px;background:linear-gradient(90deg,#0d5f33,#16773f);color:#fff}
.ind-insight .ind-ico{flex:none;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.13);display:grid;place-items:center}
.ind-insight .ind-ico svg{width:20px;height:20px}
.ind-insight b{display:block;font-size:17px;font-weight:500;letter-spacing:-.01em}
.ind-insight span{display:block;font-size:15px;color:#cfe9da;margin-top:2px}
.ind-sources{margin-top:14px}
.ind-sources a{color:inherit}

@media (max-width:900px){
  .ind-card{margin:0;padding:22px 16px 18px}
  .ind-title{font-size:22px}
  .ind-ranges{display:flex;width:100%}
  .ind-ranges button{flex:1;padding:0 6px;font-size:14px}
  .ind-ranges .ind-reset[data-zoomed=true]{display:none}
  .ind-svg{height:280px}
  .ind-legend{gap:8px 16px}
  .ind-table{font-size:15px}
  .ind-table th,.ind-table td{padding:12px 12px}
  .ind-insight{padding:16px 16px;gap:14px}
  .ind-hint{display:none}
}