/* marketing views: aud, nurture, learn (owner: mkt lane). v3: whitespace lists, count pills, AI checklist cards. Tokens with v2 fallbacks. */
.mk-doc{--mk-surf:var(--surface,var(--paper));--mk-sunk:var(--bg-2,var(--soft));--mk-hov:var(--hover,var(--soft));--mk-ai:var(--ai-soft,var(--ai-bg));--mk-act:var(--act,var(--staff));--mk-acts:var(--act-soft,var(--staff-bg));
  display:flex;flex-direction:column;gap:16px;max-width:1200px;min-width:0}
.mk-cols{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:16px;align-items:start}
.nq-cols{grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr)}
.mk-stack{display:flex;flex-direction:column;gap:16px;min-width:0}
.mk-meta{margin:0;font-size:12px;line-height:1.45;color:var(--muted)}
.mk-ink{color:var(--ink)}
.mk-pad{padding:12px 16px 16px;display:flex;flex-direction:column;gap:12px}
.mk-foot{margin:0;padding:8px 16px 12px;font-size:12px;color:var(--muted)}

/* pills and dots */
.mk-pill{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font:600 11px/1 var(--body);background:var(--mk-sunk,var(--soft));color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none}
.mk-pill.ai{background:var(--mk-ai,var(--ai-bg));color:var(--ai)}
.mk-pill.act{background:var(--mk-acts,var(--staff-bg));color:var(--mk-act,var(--staff))}
.mk-pill.good{background:var(--good-bg);color:var(--good)}
.mk-pill.warn{background:var(--warn-bg);color:var(--warn)}
.mk-dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--muted)}
.mk-dot.good{background:var(--good)} .mk-dot.warn{background:var(--warn)} .mk-dot.bad{background:var(--bad)} .mk-dot.act{background:var(--mk-act,var(--staff))}
.mk-st{font:600 11px/1 var(--body);height:20px;display:inline-flex;align-items:center;padding:0 8px;border-radius:999px;white-space:nowrap;background:var(--mk-sunk,var(--soft));color:var(--muted);flex:none}
.mk-st.mk-ok{background:var(--good-bg);color:var(--good)}
.mk-st.mk-staff{background:var(--mk-acts,var(--staff-bg));color:var(--mk-act,var(--staff))}
.mk-st.mk-wait{background:var(--warn-bg);color:var(--warn)}
.mk-st.mk-bad{background:var(--bad-bg);color:var(--bad)}

/* panels: one border, a 40px header, whitespace rows */
.mk-panel{background:var(--mk-surf,var(--paper));border:1px solid var(--line);border-radius:8px;min-width:0;display:flex;flex-direction:column}
.mk-ph{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-bottom:1px solid var(--line)}
.mk-ph h3{margin:0;font:600 13px var(--body);color:var(--ink);letter-spacing:0;text-transform:none}
.mk-ph-x{margin-left:auto;display:flex;align-items:center;gap:8px}
.mk-rows{list-style:none;margin:0;padding:4px 0}
.mk-row{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:6px 16px;cursor:pointer;min-width:0}
.mk-row:hover{background:var(--mk-hov,var(--soft))}
.mk-row:focus-visible{outline:2px solid var(--mk-act,var(--ink));outline-offset:-2px;border-radius:6px}
.mk-row-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.mk-row-t{font-size:13px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-row-t.mono{font:500 12px var(--mono)}
.mk-row-s{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.mk-numcol{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:96px}
.mk-num{font:700 28px/1 var(--display,var(--body));letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}
.mk-delta{font:500 11px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.mk-delta.up{color:var(--good)} .mk-delta.down{color:var(--bad)}
.au-spark{width:72px;height:24px;flex:none}

/* consent strip */
.mk-consent{display:flex;align-items:flex-start;gap:16px 24px;flex-wrap:wrap;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--mk-sunk,var(--soft))}
.mk-consent-h{display:flex;align-items:center;gap:8px;flex:none;min-height:20px}
.mk-consent-h svg{width:16px;height:16px;color:var(--good)}
.mk-consent-h b{font-size:13px}
.mk-rules{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.mk-rules li{display:flex;gap:8px;align-items:baseline;font-size:12px;line-height:1.45;color:var(--ink)}
.mk-rules .mk-dot{transform:translateY(-1px)}
.mk-panel .mk-rules{padding:12px 16px 16px}
.mk-rules-c{flex:1;min-width:280px;gap:4px}
.mk-rules-c li{font-size:12px;color:var(--muted)}

/* AI checklist card (Spark-style: review a batch, one primary action) */
.mk-ai{background:var(--mk-surf,var(--paper));border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0;display:flex;flex-direction:column}
.mk-ai-h{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-bottom:1px solid var(--line);box-shadow:inset 3px 0 0 var(--ai);flex-wrap:wrap}
.mk-ai-h>svg{width:16px;height:16px;color:var(--ai);flex:none}
.mk-ai-h b{font-size:13px;color:var(--ink)}
.mk-ai-st{font-size:12px;font-weight:500;color:var(--ai)}
.mk-aidot{width:8px;height:8px;border-radius:50%;background:var(--ai);flex:none;animation:mkBreathe 2s ease-in-out infinite}
@keyframes mkBreathe{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.mk-aidot{animation:none}}
.mk-ai-when{margin-left:auto;font-size:12px;color:var(--muted)}
.mk-ai-all{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer}
.mk-ai-b{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);gap:16px 24px;padding:16px}
.mk-ai-main{display:flex;flex-direction:column;gap:8px;min-width:0}
.mk-ai-t{margin:0;font:600 15px var(--body);color:var(--ink)}
.mk-ai-f{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;border-top:1px solid var(--line)}
.mk-ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;align-self:start}
.mk-tick{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.4;color:var(--ink)}
.mk-tick svg{width:14px;height:14px;color:var(--good);flex:none;margin-top:2px}
.mk-bubble{background:var(--surface,var(--paper));border:1px solid var(--line);border-radius:8px 8px 8px 2px;padding:8px 12px;font-size:14px;line-height:1.5;display:flex;flex-direction:column;gap:4px;max-width:60ch}
.mk-bubble p{margin:0}
.mk-stop{font-size:12px;color:var(--muted)}

/* sent broadcasts */
.mk-bc{padding:8px 16px 12px;display:flex;flex-direction:column;gap:8px}
.mk-bc+.mk-bc{border-top:1px solid var(--line);padding-top:12px}
.mk-bc-top{display:flex;align-items:flex-start;gap:12px}
.mk-res{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.mk-res-i{display:flex;flex-direction:column;gap:2px;font-size:11px;color:var(--muted)}
.mk-res-i b{font:700 15px var(--body);color:var(--ink);font-variant-numeric:tabular-nums}
.mk-res-i.bad b{color:var(--bad)}
.mk-warn{margin:0;padding:8px 16px 12px;font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:baseline;border-top:1px solid var(--line)}

/* nurture / review rows */
.nq-list{list-style:none;margin:0;padding:4px 0}
.mk-group{display:flex;align-items:baseline;gap:8px;padding:16px 16px 4px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.mk-group .mono{margin-left:auto;font:500 11px var(--mono);letter-spacing:0}
.mk-sl-n{font:500 11px var(--mono);letter-spacing:0;color:var(--muted)}
.nq{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;padding:12px 16px;align-items:start}
.nq+.nq{border-top:1px solid var(--line)}
.mk-group+.nq{border-top:0}
.nq.sel{background:var(--mk-acts,var(--staff-bg))}
.nq.nq-held{opacity:.92}
.nq-cb{width:16px;height:16px;margin:2px 0 0;accent-color:var(--mk-act,var(--staff));cursor:pointer}
.nq-cb-sp{width:16px}
.nq-body{display:flex;flex-direction:column;gap:8px;min-width:0}
.nq-head{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}
.nq-head .lnk{font-weight:600;font-size:13px}
.nq-text{margin:0;font-size:14px;line-height:1.5;color:var(--ink);max-width:68ch}
.nq-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nq-qa{all:unset;display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:600;color:var(--muted);cursor:pointer}
.nq-qa:hover{background:var(--mk-hov,var(--soft));color:var(--ink)}
.nq-qa:focus-visible{outline:2px solid var(--mk-act,var(--ink))}
.nq-qa.flag{color:var(--warn)}
.nq-qalist{margin:0;padding-left:18px;font-size:12px;color:var(--ink);display:flex;flex-direction:column;gap:4px}
.nq-act{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.mk-ai-q .mk-ai-f{background:var(--mk-surf,var(--paper))}
.mk-bundle{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 16px;border-top:1px solid var(--line);cursor:pointer;background:var(--mk-sunk,var(--soft));min-width:0}
.mk-bundle:hover{background:var(--mk-hov,var(--soft))}
.mk-bundle:focus-visible{outline:2px solid var(--mk-act,var(--ink));outline-offset:-2px}
.mk-bundle b{font-size:13px}
.mk-chev{margin-left:auto;display:inline-flex;color:var(--muted);transition:transform 160ms var(--ease-out)}
.mk-chev svg{width:16px;height:16px}
.mk-chev.open{transform:rotate(90deg)}
.mk-how{margin:0;padding:12px 16px 16px 32px;font-size:12px;line-height:1.5;color:var(--ink);display:flex;flex-direction:column;gap:4px}

/* tabs */
.mk-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line)}
.mk-tabs button{all:unset;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:13px;font-weight:500;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}
.mk-tabs button:hover{color:var(--ink)}
.mk-tabs button[aria-selected=true]{color:var(--ink);font-weight:600;border-bottom-color:var(--mk-act,var(--staff))}
.mk-tabs button:focus-visible{outline:2px solid var(--mk-act,var(--ink));outline-offset:-2px;border-radius:6px}

/* templates */
.tp{display:flex;flex-direction:column;gap:8px;padding:8px 16px 12px}
.tp+.tp{border-top:1px solid var(--line);padding-top:12px}
.tp-langs{display:flex;flex-wrap:wrap;gap:8px}
.tp-lang{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 6px 0 10px;border:1px solid var(--line);border-radius:6px;font-size:12px;cursor:pointer;max-width:100%}
.tp-lang:hover{background:var(--mk-hov,var(--soft))}
.tp-lang.on{border-color:var(--mk-act,var(--staff));background:var(--mk-acts,var(--staff-bg))}
.tp-lang:focus-visible{outline:2px solid var(--mk-act,var(--ink));outline-offset:2px}
.tp-phone{background:var(--mk-sunk,var(--soft));border-radius:8px;padding:16px}
.tp-act{display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* tag values */
.tg-dims{margin:0;padding:8px 16px;display:flex;flex-direction:column}
.tg-dims>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;padding:8px 0;align-items:baseline}
.tg-dims>div+div{border-top:1px solid var(--line)}
.tg-dims dt{font-size:12px;color:var(--muted);text-transform:capitalize}
.tg-dims dd{margin:0;display:flex;flex-wrap:wrap;gap:4px}

/* empty */
.mk-empty{display:flex;flex-direction:column;gap:4px;align-items:center;text-align:center;padding:32px 16px;color:var(--muted);font-size:12px}
.mk-empty b{color:var(--ink);font-size:13px}

/* audience drawer */
.mk-scrim{position:fixed;inset:0;background:rgba(15,12,8,.32);z-index:60;display:flex;justify-content:flex-end}
.mk-drawer{width:min(420px,100%);height:100%;overflow:auto;background:var(--surface,var(--paper));border-left:1px solid var(--line);box-shadow:-12px 0 32px rgba(0,0,0,.14);padding:16px 24px 24px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}
.mk-dhead{display:flex;align-items:center;justify-content:space-between}
.mk-x{width:28px;padding:0;justify-content:center;display:inline-flex;align-items:center}
.mk-x svg{width:16px;height:16px}
.mk-dtitle{margin:0;font:700 18px var(--display,var(--body))}
.mk-tags{display:flex;flex-wrap:wrap;gap:4px}
.mk-dstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.mk-dstats div{display:flex;flex-direction:column;gap:2px}
.mk-dstats b{font:700 24px var(--body);font-variant-numeric:tabular-nums;line-height:1.1}
.mk-dstats span{font-size:12px;color:var(--muted)}
.mk-dstats .au-spark{width:100%;height:28px}
.mk-sub{margin:4px 0 0;font:600 13px var(--body);display:flex;align-items:center;gap:8px}
.mk-drawer .mk-rows{margin:0 -16px;padding:0}
.mk-dfoot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line)}

/* widths */
@media (max-width:1180px){.mk-ai-b{grid-template-columns:minmax(0,1fr)}}
@media (max-width:1060px){.mk-cols,.nq-cols{grid-template-columns:minmax(0,1fr)}}
@media (max-width:640px){
  .mk-doc{gap:12px}
  .mk-consent{padding:12px}
  .mk-rules-c{min-width:0}
  .nq{grid-template-columns:20px minmax(0,1fr);padding:12px}
  .nq-act{grid-column:2;justify-content:flex-start}
  .mk-row{padding:6px 12px}
  .au-spark{display:none}
  .mk-res{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mk-ai-h,.mk-ai-f,.mk-ph{padding-left:12px;padding-right:12px}
  .mk-ai-b{padding:12px}
  .mk-ai-when{margin-left:0;width:100%;padding-bottom:8px}
  .tg-dims>div{grid-template-columns:minmax(0,1fr);gap:4px}
  .mk-drawer{padding:12px 16px 16px}
  .mk-tabs{overflow-x:auto}
}
/* confirm sheet options (locked switches) */
.mk-opts{list-style:none;margin:12px 0 0;padding:0;border:1px solid var(--line);border-radius:8px}
.mk-opts li{display:flex;align-items:center;gap:12px;padding:12px}
.mk-opts li+li{border-top:1px solid var(--line)}
.mk-sw{width:32px;height:18px;border-radius:999px;background:var(--line);position:relative;flex:none;opacity:.75}
.mk-sw::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.mk-sw.on{background:var(--good)}
.mk-sw.on::after{left:16px}
.mk-pill.bad{background:var(--bad-bg);color:var(--bad)}
.mk-pad>.btn,.mk-pad .tp-act .btn{align-self:flex-start}

/* press-room proof: the message set like a printed proof, approvals in the right margin */
.mk-proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:24px;padding:16px}
.mk-proof-sheet{display:flex;flex-direction:column;gap:8px;min-width:0}
.mk-proof-copy{max-width:52ch;padding:16px 20px;border:1px solid var(--line);border-radius:2px;background:var(--surface,var(--paper));font-size:15px;line-height:1.6;display:flex;flex-direction:column;gap:8px}
.mk-proof-copy p{margin:0}
.mk-margin{list-style:none;margin:0;padding:0 0 0 16px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:12px;align-self:start}
.mk-margin li{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:8px;font-size:12px;line-height:1.4;color:var(--ink)}
.mk-margin li .mono{grid-column:2;font:500 11px var(--mono);color:var(--muted)}
.mk-mk{font-weight:700;color:var(--good)}
.mk-margin li.ai .mk-mk{color:var(--ai)}
.mk-margin li.wait .mk-mk{color:var(--muted)}
.mk-margin li.wait span:nth-child(2){color:var(--muted)}
@media (max-width:1180px){.mk-proof{grid-template-columns:minmax(0,1fr)}.mk-margin{padding:12px 0 0;border-left:0;border-top:1px solid var(--line)}}
@media (max-width:640px){.mk-proof{padding:12px}.mk-proof-copy{padding:12px 14px}.mk-numcol{min-width:0}.mk-num{font-size:22px}}
.mk-pu{list-style:none;margin:0;padding:0}
.mk-pu li{display:flex;align-items:center;gap:8px;padding:8px 0}
.mk-pu li+li{border-top:1px solid var(--line)}
.mk-check{display:flex;gap:8px;align-items:flex-start;font-size:13px;margin:4px 0 12px}
.mk-check input{margin-top:2px;accent-color:var(--act)}
/* rounds ledger (garden ledger: rows grow left to right) */
.mk-ledger{width:100%;border-collapse:collapse;font:500 12px var(--mono);font-variant-numeric:tabular-nums}
.mk-ledger th,.mk-ledger td{padding:8px 8px;text-align:right;border-top:1px solid var(--line);white-space:nowrap}
.mk-ledger thead th{border-top:0;font:600 11px var(--body);color:var(--muted);padding-top:12px}
.mk-ledger th:first-child{text-align:left;padding-left:16px;font-weight:500;color:var(--ink)}
.mk-ledger thead th:first-child{color:var(--muted)}
.mk-ledger td:last-child{padding-right:16px}
.mk-ledger td.good{color:var(--good)}
.mk-ledger td:nth-child(2){position:relative;min-width:64px}
.mk-bar{position:absolute;left:8px;top:50%;height:4px;margin-top:-2px;width:calc((100% - 40px) * var(--w) / 100);max-width:calc(100% - 40px);background:var(--good-bg);border-radius:2px}
.mk-ph-x [data-tip]{text-decoration:underline dotted;cursor:help}
/* learnings list reads as a column, not a stretched card */
.mk-doc>.mk-panel,.mk-doc>.mk-ai{max-width:880px}
.mk-tipbtn{all:unset;font-size:12px;color:var(--muted);text-decoration:underline dotted;cursor:help}.mk-tipbtn:focus-visible{outline:2px solid var(--act);outline-offset:2px;border-radius:4px}
.mk-consent-h{flex-wrap:wrap}
@media (max-width:640px){
  .mk-ledger th,.mk-ledger td{padding:8px 4px}
  .mk-ledger th:first-child{padding-left:12px}
  .mk-ledger td:last-child{padding-right:12px}
  .mk-ledger th:nth-child(4),.mk-ledger td:nth-child(4),.mk-ledger th:nth-child(5),.mk-ledger td:nth-child(5){display:none}
}
.tp-head{display:flex;align-items:flex-start;gap:8px}
.tp-rule{border-bottom:1px solid var(--line);padding-top:12px}
.tp-facts{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;font-size:12px}
.tp-facts dt{color:var(--muted)}
.tp-facts dd{margin:2px 0 0;font:500 12px var(--mono);color:var(--ink)}
/* 24px minimum hit area for small inline controls */
.nq-qa,.mk-tipbtn,.mk-doc .lnk,.mk-drawer .lnk{position:relative}
.nq-qa::after,.mk-tipbtn::after,.mk-doc .lnk::after,.mk-drawer .lnk::after{content:"";position:absolute;inset:-6px -4px}
.mk-waves{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}
.mk-waves li{display:flex;gap:8px;align-items:baseline;font-size:12px}
.mk-waves .mono{font:500 12px var(--mono);color:var(--ink)}
.nq-cbw{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-6px 0 0 -6px;cursor:pointer;border-radius:6px}
.nq-cbw:hover{background:var(--mk-hov,var(--soft))}
.nq{grid-template-columns:24px minmax(0,1fr) auto}
.mk-ai-all{min-height:28px;padding:0 4px}
@media (max-width:640px){.nq{grid-template-columns:24px minmax(0,1fr)}}
/* learnings notebook: the question and answer read on the left, the decision sits in a margin on the right */
.lq-book{max-width:none!important}
.lq-list,.lq-ledger{list-style:none;margin:0;padding:0}
.lq{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;padding:16px}
.lq+.lq{border-top:1px solid var(--line)}
.lq-main{display:flex;flex-direction:column;gap:6px;min-width:0}
.lq-q{margin:0;font:600 15px var(--body);color:var(--ink)}
.lq-a{margin:0;font-size:14px;line-height:1.55;color:var(--ink);max-width:70ch}
.lq-side{display:flex;flex-direction:column;gap:8px;padding-left:16px;border-left:1px solid var(--line)}
.lq-btns{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.lq-ledger li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:baseline;padding:8px 16px}
.lq-ledger li+li{border-top:1px solid var(--line)}
.lq-lq{font-size:13px;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-ledgerhead{margin:0;display:flex;gap:4px 24px;flex-wrap:wrap;font:500 12px var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.mk-ledgerhead b{font:700 15px var(--display,var(--body));color:var(--ink);letter-spacing:0;margin-left:6px;font-variant-numeric:tabular-nums}
@media (max-width:760px){.lq{grid-template-columns:minmax(0,1fr);gap:12px}.lq-side{padding-left:0;border-left:0}.lq-btns{flex-direction:row;flex-wrap:wrap;align-items:center}.lq-ledger li{grid-template-columns:minmax(0,1fr)}}
/* the rounds ledger sits in a narrow side column: keep drafts, approved and replies; edited and skipped only when there is room */
@media (max-width:1400px) and (min-width:1061px){
  .mk-ledger th:nth-child(4),.mk-ledger td:nth-child(4),.mk-ledger th:nth-child(5),.mk-ledger td:nth-child(5){display:none}
}
.mk-ledger{table-layout:auto;max-width:100%}
.mk-tabs .seg-n{font:600 11px/1 var(--body);color:var(--muted);font-variant-numeric:tabular-nums}
/* phone pass: 44px controls in marketing sheets, the audience drawer as a bottom sheet, wrapping template names, a scroll cue on the inner tabs */
@media (max-width:640px){
  .modal:is([data-modalform=bcapprove],[data-modalform=bcnew],[data-modalform=nqedit],[data-modalform=nqskip],[data-modalform=lqedit],[data-modalform=punew]) .btn{min-height:44px}
  .mk-scrim{align-items:flex-end}
  .mk-drawer{width:100%;height:auto;max-height:88dvh;border-left:0;border-top:1px solid var(--line);border-radius:12px 12px 0 0;box-shadow:0 -12px 32px rgba(0,0,0,.18);padding-bottom:calc(16px + env(safe-area-inset-bottom))}
  .mk-drawer::before{content:"";align-self:center;width:36px;height:4px;border-radius:2px;background:var(--line);margin-bottom:4px}
  .mk-dfoot .btn{width:100%;justify-content:center;min-height:44px}
  .mk-row-t.mono,.tp .mk-row-t{white-space:normal;overflow-wrap:anywhere}
  .mk-tabs{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
  .mk-tabs::-webkit-scrollbar{display:none}
  .mk-tabs button{flex:none;min-height:44px}
  .mk-ai-f .btn.primary,.mk-ai-f .btn.fill{min-height:44px}
}
@media (max-width:640px){.mk-dstats .au-spark{display:block}}
.mk-tabs-ph{display:none}
@media (max-width:640px){
  .mk-tabs-wide{display:none}
  .mk-tabs-ph{display:inline-flex;flex-wrap:nowrap}
  .mk-tabs-ph button{flex:none;min-height:36px}
}
/* per-row Approve reads first: action-tinted outline, never a second filled primary */
.nq-okbtn{border-color:var(--act,var(--staff));color:var(--act,var(--staff));font-weight:600}
.nq-okbtn:hover{background:var(--act-soft,var(--staff-bg))}
@media (max-width:640px){
  /* one-handed approval: the bulk bar sticks to the bottom once a draft is selected */
  
  .nq-bulk .btn{min-height:44px}
  /* compact head: chips only; the value link lives on Impact and in the ledger row's place */
  .phead-a:has(> .mk-worth:only-child){display:none}
  .mk-ledgerhead{flex-wrap:nowrap;gap:12px;font-size:11px;white-space:nowrap;overflow:hidden}
  .mk-ledgerhead b{font-size:14px;margin-left:4px}
  /* audiences: approve stays in reach while reading the proof */
  .mk-proof-f{position:sticky;bottom:0;z-index:5;background:var(--surface,var(--paper));border-top:1px solid var(--line)}
  .mk-proof-f .btn{min-height:44px}
}
@media (max-width:640px){.mk-ai{overflow:clip}}
@media (max-width:760px){
  .lq-book .lq-a{max-width:none}
  .lq-ph{flex-wrap:wrap;row-gap:0;padding-top:8px;padding-bottom:8px}
  .lq-ph .mk-ph-x{margin-left:0;flex-basis:100%}
  .lq-btns .btn{min-height:36px}
}

.nq-selall{display:none}
@media (max-width:760px){
  /* one-handed approval: the bulk bar is always pinned above the tab bar, with Select all beside it */
  .nq-bulk{position:sticky;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:5;margin:8px 8px 0;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface,var(--paper));box-shadow:0 8px 24px rgba(0,0,0,.14);flex-wrap:nowrap}
  .nq-bulk .mk-meta,.nq-bulk .nq-clr{display:none}
  .nq-selall{display:inline-flex;min-height:44px;flex:none}
  .nq-bulk .btn.primary{flex:1;justify-content:center;min-height:44px}
  .mk-ai-q .mk-ai-all{display:none}
  .mk-ai-q{padding-bottom:8px}
  .lq-book .lq-a,.nq-text{text-wrap:wrap}
}
@media (max-width:760px){
  /* the bar docks onto the tab bar: solid full-bleed backing, hairline top, buttons 8px above the tab bar */
  .mk-ai-q{overflow:visible}
  .nq-bulk{bottom:calc(-1 * var(--mk-vpb,24px));margin:8px -17px 0;padding:8px 16px 8px;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:var(--bg)}
}
.mk-tabs-ph-wrap{display:none}
@media (max-width:640px){
  .mk-tabs-ph-wrap{display:block;margin-top:-4px}
  .mk-tabs-ph{display:inline-flex;flex-wrap:nowrap;max-width:100%;overflow-x:auto;scrollbar-width:none}
}
/* LB23: on narrower desktops the decision row sits under the answer instead of a squeezed margin */
@media (max-width:1100px) and (min-width:761px){
  .lq{grid-template-columns:minmax(0,1fr);gap:12px}
  .lq-side{padding-left:0;border-left:0;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}
  .lq-btns{flex-wrap:nowrap}
}
@media (min-width:1101px){.lq{grid-template-columns:minmax(0,1fr) 300px}.lq-btns{flex-wrap:nowrap}}
.lq-t-short{display:none}
@media (max-width:640px){
  /* LEARN: one-line section head */
  .lq-t-long{display:none}.lq-t-short{display:inline}
  .lq-ph{flex-wrap:nowrap;min-height:40px;padding-top:0;padding-bottom:0}
  .lq-ph .mk-ph-x{margin-left:auto;flex-basis:auto;white-space:nowrap}
  /* AUD: one frame around the proof, not three */
  .mk-proof-copy{border:0;border-left:2px solid var(--line);border-radius:0;padding:4px 0 4px 12px;background:none}
  /* NURTURE: the message uses the full width; the checkbox sits beside the buyer line only */
  .nq{display:block;position:relative}
  .nq>.nq-cbw,.nq>.nq-cb-sp{position:absolute;left:6px;top:8px}
  .nq-head{padding-left:28px;min-height:28px}
  .nq-act{margin-top:8px;justify-content:flex-start}
}
@media (max-width:760px){.phead-a:has(> .mk-bcnew:only-child){display:none}}
@media (max-width:640px){
  /* NURTURE: the AI card head is one line on a phone; the first group label sits close under it */
  .mk-ai-q .mk-ai-h{flex-wrap:nowrap;min-height:36px}
  .mk-ai-q .mk-ai-h b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
  .mk-ai-q .mk-ai-h .mk-ai-st{display:none}
  .nq-list .mk-group:first-child{padding-top:4px}
  .mk-doc{gap:8px}
}