.insight-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(16rem,.7fr);gap:12px;align-items:start;margin:0 0 12px}
.insight-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mode-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding:12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.02);cursor:pointer;min-width:0}
.mode-card input[type=radio]{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;opacity:0;cursor:pointer}
.mode-card:hover{border-color:var(--line-3)}
.mode-card:has(input:checked){border-color:rgba(230,168,92,.75);background:var(--ember-soft)}
.mode-card:has(input:focus-visible){outline:2px solid var(--ember);outline-offset:2px}
.mode-card.is-locked{opacity:.55;cursor:not-allowed}
.mode-card.is-locked input{cursor:not-allowed}
.mode-name{font-weight:650;color:var(--text)}
.mode-desc,.mode-cost{color:var(--mist);font-size:12.5px;line-height:1.4}
.mode-card.is-locked .mode-name,.mode-card.is-locked .mode-desc{color:var(--mute)}
.insight-month h2{margin:0 0 8px;font:600 .95rem/1.3 var(--sans);letter-spacing:0}
.insight-month p{margin:0 0 8px}
@media (max-width:64em){
  .insight-layout{grid-template-columns:1fr}
  .insight-modes{grid-template-columns:1fr 1fr}
}
@media (max-width:30em){
  .insight-modes{grid-template-columns:1fr}
}