.gauge-card{background:#fff; border:1px solid var(--hairline); border-radius:var(--radius); box-shadow:0 12px 32px rgba(45,37,77,0.08); padding:32px 32px 28px;}
.gauge-top{display:flex; align-items:baseline; justify-content:space-between; margin-bottom:6px;}
.gauge-label{font-size:12px; font-weight:600; letter-spacing:0.05em; color:var(--ink-soft); text-transform:uppercase;}
.gauge-percent{font-family:var(--display); font-size:28px; font-weight:800; color:var(--ink);}
.gauge-svg{display:block; width:100%; height:auto;}
.gauge-status{font-size:13px; font-weight:600; text-align:center; margin-top:2px; margin-bottom:22px; transition:color .2s ease;}
.gauge-controls{display:grid; grid-template-columns:repeat(3, 1fr); gap:8px;}
@media(max-width:480px){ .gauge-controls{grid-template-columns:1fr 1fr;} }
.gauge-controls button{
  font-family:var(--body); font-size:13px; font-weight:600; padding:10px 14px; border-radius:999px;
  border:1px solid var(--hairline); background:var(--canvas-alt); color:var(--ink); cursor:pointer;
  transition:background .15s ease, border-color .15s ease; white-space:nowrap;
}
.gauge-controls button:hover{border-color:var(--indigo); color:var(--indigo);}
.gauge-controls button#meterReset{
  grid-column:1 / -1; justify-self:end; margin-top:4px;
  color:var(--ink-soft); background:transparent; border-style:dashed;
}

.channel.advanced{
  background:var(--indigo-tint); color:var(--ink); border-radius:var(--radius);
  margin:52px 0; padding:32px 28px; border-bottom:none; border-left:4px solid var(--indigo);
}
.channel.advanced .channel-index .n{color:var(--indigo);}
.channel.advanced .channel-index .label{color:var(--ink-soft);}
.channel.advanced p, .channel.advanced ul{color:#54527A;}
.channel.advanced li strong{color:var(--ink);}
.adv-badge{
  display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; letter-spacing:0.05em;
  text-transform:uppercase; color:var(--indigo); background:#fff; padding:5px 12px; border-radius:999px; margin-bottom:12px;
  border:1px solid #E1DBFA;
}
.adv-badge::before{content:""; width:6px; height:6px; border-radius:50%; background:var(--indigo); display:inline-block;}
.doc-note{margin-top:16px; padding-top:14px; border-top:1px dashed #D9D2F5; font-size:13px; color:#6E6C93;}

.cheatsheet{padding:56px 0 24px;}
.cheatsheet h2{font-family:var(--display); font-size:22px; margin:0 0 20px;}
.chips{display:flex; flex-wrap:wrap; gap:10px;}
.chip{font-size:12.5px; font-weight:600; padding:9px 14px; background:#fff; border:1px solid var(--hairline); border-radius:999px; color:var(--ink);}