.monthly-conversions .mc-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,630px);gap:1px;margin-top:24px;padding:3px;border:1px solid var(--mt-line);border-radius:6px;background:#211a26}
.monthly-conversions .mc-modes button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:40px;padding:8px 10px;border:0;border-radius:3px;background:transparent;color:var(--mt-muted);font-size:12px;line-height:1.4;font-weight:400;white-space:normal;overflow-wrap:anywhere;text-align:center;box-shadow:none}
.monthly-conversions .mc-modes button:hover{background:#2d2432;color:var(--mt-text)}
.monthly-conversions .mc-modes button.active{background:#3b2b3b;color:var(--mt-text);font-weight:600}
.monthly-conversions .mt-totals,.monthly-conversions .mt-values{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:22px}
.monthly-conversions .mt-total,.monthly-conversions .mt-value{min-width:0}
.monthly-conversions .mt-total strong{font-size:26px;white-space:normal;overflow-wrap:anywhere}
.monthly-conversions .mt-value strong{font-size:22px;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
.monthly-conversions .mt-total small,.monthly-conversions .mt-value small{max-width:none;overflow-wrap:anywhere}
.monthly-conversions .mc-fraction{display:block;margin-top:4px;color:var(--mt-muted);font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.monthly-conversions .mc-muted{opacity:.5}
.monthly-conversions .mt-toolbar{align-items:flex-start;flex-wrap:wrap}
.monthly-conversions .mt-y-axis span{right:8px;font-variant-numeric:tabular-nums}
.monthly-conversions .mt-bar.mc-zero{min-height:3px}
.monthly-conversions .mt-bar.mc-missing{height:0!important;min-height:0;background:transparent;position:relative}
.monthly-conversions .mt-bar.mc-missing:after{content:"—";position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-size:10px;color:var(--bar-color);line-height:1}
.monthly-conversions .mt-chart-note{line-height:1.7}
.monthly-conversions .mt-partial-swatch{flex-shrink:0}
.monthly-conversions .mc-cohort-note{margin:0 0 20px;color:var(--mt-muted);font-size:11px;line-height:1.65}
.monthly-conversions .mt-footer>span:first-child{flex-wrap:wrap;min-width:0}
.monthly-conversions .mt-footer time{overflow-wrap:anywhere}
.monthly-conversions .mc-stale{color:#e295b6}
.monthly-conversions .mt-method summary{width:fit-content;max-width:100%}
.monthly-conversions .mt-method p{overflow-wrap:anywhere}
.monthly-conversions .mc-table-caption{text-align:left;color:var(--mt-muted);font-size:11px;padding:0 0 10px}
.monthly-conversions table{table-layout:fixed;min-width:640px}
.monthly-conversions th,.monthly-conversions td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}
.monthly-conversions table small{color:var(--mt-muted);line-height:1.5}
.monthly-conversions tbody th button{padding:0;border:0;border-radius:2px;background:transparent;text-align:left;line-height:1.5;white-space:normal;max-width:100%}
.monthly-conversions tbody th button.selected{color:var(--mt-text)}
.monthly-conversions .mt-tooltip{width:320px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:hidden;padding:12px 14px}
.monthly-conversions .mt-tooltip .mc-tooltip-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:2px 12px;margin-top:9px}
.monthly-conversions .mc-tooltip-value{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.monthly-conversions .mt-tooltip .mc-fraction{font-size:10px;margin-top:1px}
.monthly-conversions .mt-tooltip small{grid-column:1/-1;color:var(--mt-muted);font-size:10px;line-height:1.5;margin-top:2px;overflow-wrap:anywhere}
.monthly-conversions .mt-tooltip.mc-column-tooltip{width:max-content;max-width:min(220px,calc(100vw - 16px));padding:8px 12px;text-align:center}
.monthly-conversions .mc-bar-percent{display:block;font-size:20px;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums}
.monthly-conversions .mc-bar-caption{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:var(--mt-muted)}
@media(max-width:760px){
  .monthly-conversions .mc-modes{margin-top:20px}
  .monthly-conversions .mc-modes button{font-size:11px;padding:8px 5px;min-height:44px}
  .monthly-conversions .mt-totals,.monthly-conversions .mt-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
  .monthly-conversions .mt-total strong{font-size:21px}
  .monthly-conversions .mt-value strong{font-size:18px}
  .monthly-conversions .mt-total small,.monthly-conversions .mt-value small{font-size:10px}
  .monthly-conversions .mc-fraction{font-size:10px}
  .monthly-conversions .mt-detail-heading{align-items:center;gap:8px}
  .monthly-conversions .mt-select{min-width:120px;max-width:100%}
  .monthly-conversions .mt-chart{grid-template-columns:44px minmax(0,1fr)}
  .monthly-conversions .mt-y-axis span{right:7px}
  .monthly-conversions .mc-cohort-note{font-size:10px}
}
@media(max-width:380px){
  .monthly-conversions .mc-modes{grid-template-columns:minmax(0,1fr)}
  .monthly-conversions .mc-modes button{min-height:38px;font-size:12px}
  .monthly-conversions .mt-detail-heading{align-items:flex-start;flex-wrap:wrap}
  .monthly-conversions .mt-total strong{font-size:19px}
}