/* Growth Command. The release copy is set in Newsreader (it is "the copy"); the desk around it in Instrument Sans.
   Marks in the left margin borrow from proofreading: a tick with a claim number, an open mark, and "stet". */
@font-face { font-family: "Newsreader"; src: url("/console/newsreader.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Newsreader"; src: url("/console/newsreader-italic.woff2") format("woff2"); font-weight: 200 800; font-style: italic; font-display: swap; }
@font-face { font-family: "Instrument Sans"; src: url("/console/instrument-sans.woff2") format("woff2"); font-weight: 400 700; font-display: swap; }

:root {
  --paper: #F6F8FA; --sheet: #FFFFFF; --ink: #17202E; --graphite: #566173; --rule: #D9DFE7; --wash: #EDF1F6;
  --blueline: #1F5FD1; --blueline-wash: #E8F0FD; --proof: #B8322A; --proof-wash: #FBECEA;
  --cleared: #1C7C54; --cleared-wash: #E6F4EC; --stet: #8A6A12; --stet-wash: #FBF3DC;
  --ui: "Instrument Sans", "Segoe UI", system-ui, sans-serif; --copy: "Newsreader", Georgia, "Times New Roman", serif;
  --gutter: 5.25rem;
}
* { box-sizing: border-box; }
html { font-size: 16px; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--ui); font-size: 0.9375rem; line-height: 1.45; }
button, input, select, textarea { font: inherit; color: inherit; }
:focus-visible { outline: 2px solid var(--blueline); outline-offset: 2px; }
.boot { padding: 4rem 2rem; color: var(--graphite); }
#app[aria-busy="true"] { cursor: progress; }
a { color: var(--blueline); }

/* ---------- top bar */
.bar { display: flex; align-items: center; gap: 1.5rem; padding: 0 1.25rem; height: 3.25rem; background: var(--ink); color: #fff; }
.bar .mark { font-weight: 650; letter-spacing: 0.01em; font-size: 1rem; white-space: nowrap; }
.bar nav { display: flex; gap: 0.25rem; flex: 1; }
.bar nav button { background: none; border: 0; color: #C3CCDA; padding: 0.4rem 0.75rem; border-radius: 4px; cursor: pointer; }
.bar nav button[aria-current="page"] { color: #fff; background: rgba(255,255,255,0.13); }
.bar nav button:hover { color: #fff; }
.who { display: flex; align-items: center; gap: 0.75rem; font-size: 0.8125rem; color: #C3CCDA; min-width: 0; }
.who strong { color: #fff; font-weight: 550; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 16rem; }
.who button { background: none; border: 1px solid rgba(255,255,255,0.3); color: #fff; border-radius: 4px; padding: 0.25rem 0.6rem; cursor: pointer; }

/* ---------- buttons, fields */
.btn { border: 1px solid var(--rule); background: var(--sheet); border-radius: 5px; padding: 0.4rem 0.8rem; cursor: pointer; font-weight: 550; }
.btn:hover { border-color: var(--graphite); }
.btn.primary { background: var(--blueline); border-color: var(--blueline); color: #fff; }
.btn.primary:hover { background: #184CA8; }
.btn.danger { color: var(--proof); }
.btn.quiet { border-color: transparent; background: none; color: var(--blueline); padding-inline: 0.3rem; font-weight: 500; }
.btn[disabled] { opacity: 0.5; cursor: not-allowed; }
label { display: block; font-size: 0.8125rem; color: var(--graphite); margin-bottom: 0.2rem; }
input[type=text], input[type=password], input[type=url], select, textarea {
  width: 100%; border: 1px solid var(--rule); border-radius: 5px; padding: 0.45rem 0.6rem; background: var(--sheet); }
textarea { min-height: 7rem; resize: vertical; }
.field { margin-bottom: 0.75rem; }
.row { display: flex; gap: 0.5rem; align-items: center; flex-wrap: wrap; }
.note { color: var(--graphite); font-size: 0.8125rem; }
.error { background: var(--proof-wash); color: var(--proof); border-left: 3px solid var(--proof); padding: 0.55rem 0.8rem; margin: 0 0 0.9rem; }
.done { background: var(--cleared-wash); color: var(--cleared); border-left: 3px solid var(--cleared); padding: 0.55rem 0.8rem; margin: 0 0 0.9rem; }

/* ---------- sign in */
.signin { max-width: 26rem; margin: 12vh auto 0; background: var(--sheet); border: 1px solid var(--rule); padding: 2rem; }
.signin h1 { font-family: var(--copy); font-weight: 500; font-size: 2rem; line-height: 1.1; margin: 0 0 0.4rem; }
.signin p { color: var(--graphite); margin: 0 0 1.25rem; }
.signin hr { border: 0; border-top: 1px solid var(--rule); margin: 1.25rem 0; }

/* ---------- releases: queue | proof | sheet */
.desk { display: grid; grid-template-columns: 19rem minmax(0, 1fr) 21.5rem; min-height: calc(100vh - 3.25rem); }
.queue { border-right: 1px solid var(--rule); background: var(--sheet); display: flex; flex-direction: column; min-width: 0; }
.tabs { display: flex; border-bottom: 1px solid var(--rule); }
.tabs button { flex: 1 1 auto; background: none; border: 0; border-bottom: 2px solid transparent; padding: 0.7rem 0.2rem 0.55rem; cursor: pointer; color: var(--graphite); white-space: nowrap; font-size: 0.875rem; }
.tabs button[aria-selected="true"] { color: var(--ink); border-bottom-color: var(--ink); font-weight: 600; }
.tabs .n { font-variant-numeric: tabular-nums; margin-left: 0.3rem; color: var(--graphite); font-weight: 400; }
.queue ul { list-style: none; margin: 0; padding: 0; overflow-y: auto; flex: 1; }
.queue li button { display: block; width: 100%; text-align: left; background: none; border: 0; border-bottom: 1px solid var(--wash); padding: 0.7rem 1rem; cursor: pointer; }
.queue li button:hover { background: var(--paper); }
.queue li button[aria-current="true"] { background: var(--blueline-wash); box-shadow: inset 3px 0 0 var(--blueline); }
.queue .t { font-family: var(--copy); font-size: 1.0625rem; line-height: 1.25; display: block; margin-bottom: 0.2rem; overflow-wrap: anywhere; }
.queue .m { font-size: 0.78rem; color: var(--graphite); display: flex; gap: 0.6rem; }
.queue .new { padding: 0.75rem 1rem; border-top: 1px solid var(--rule); }
.empty { padding: 1.5rem 1rem; color: var(--graphite); }

.state { font-weight: 600; }
.state.blocked { color: var(--proof); } .state.approved { color: var(--cleared); } .state.published { color: var(--blueline); } .state.draft { color: var(--graphite); }

.proofwrap { padding: 2rem clamp(1rem, 3vw, 2.5rem) 4rem; min-width: 0; }
.proof { background: var(--sheet); border: 1px solid var(--rule); max-width: 49rem; margin: 0 auto; padding: 2.25rem 2.25rem 2.5rem 0; }
.proof header { padding-left: var(--gutter); margin-bottom: 1.25rem; }
.proof .meta { display: flex; gap: 1rem; flex-wrap: wrap; font-size: 0.8125rem; color: var(--graphite); margin-bottom: 0.9rem; align-items: baseline; }
.proof .meta code { font-family: var(--ui); font-variant-numeric: tabular-nums; }
.proof .tools { margin-left: auto; display: flex; gap: 0.4rem; }
.line { display: grid; grid-template-columns: var(--gutter) minmax(0, 1fr); align-items: baseline; }
.line .mark { font-size: 0.75rem; text-align: right; padding-right: 0.9rem; white-space: nowrap; font-weight: 600; user-select: none; }
.line .txt { font-family: var(--copy); font-size: 1.1875rem; line-height: 1.5; padding: 0.12rem 0.35rem; margin: 0 -0.35rem; border-radius: 3px; overflow-wrap: anywhere; max-width: 38rem; }
.line.title .txt { font-size: 2.125rem; line-height: 1.12; font-weight: 500; letter-spacing: -0.012em; padding-block: 0.2rem; margin-bottom: 0.6rem; }
.line.summary .txt { font-style: italic; color: var(--graphite); margin-bottom: 0.5rem; }
.line.covered .mark { color: var(--cleared); }
.line.waived .mark { color: var(--stet); font-family: var(--copy); font-style: italic; font-size: 0.9375rem; font-weight: 500; }
.line.waived .txt { text-decoration: underline dotted var(--stet); text-underline-offset: 0.28em; }
.line.open .mark { color: var(--proof); }
.line.open .txt { background: var(--proof-wash); box-shadow: inset 0 -2px 0 var(--proof); }
.line.exempt .txt { color: var(--graphite); }
.line button.txt { text-align: left; border: 0; cursor: pointer; width: 100%; background: none; color: inherit; }
.line.open button.txt { background: var(--proof-wash); }
.line button.txt:hover { outline: 1px solid var(--graphite); }
.resolve { grid-column: 2; background: var(--paper); border: 1px solid var(--rule); border-radius: 5px; padding: 0.9rem 1rem; margin: 0.4rem 0 0.9rem; max-width: 38rem; }
.resolve h3 { margin: 0 0 0.6rem; font-size: 0.875rem; }
.resolve .split { display: grid; grid-template-columns: 1fr 1fr; gap: 1.25rem; }
.resolve .split > div + div { border-left: 1px solid var(--rule); padding-left: 1.25rem; }
.editor { padding-left: var(--gutter); }

/* ---------- release sheet (right) */
.sheet { border-left: 1px solid var(--rule); background: var(--sheet); padding: 1.25rem 1.1rem 3rem; min-width: 0; }
.sheet section { padding-bottom: 1.1rem; margin-bottom: 1.1rem; border-bottom: 1px solid var(--rule); }
.sheet section:last-child { border-bottom: 0; }
.sheet h2 { font-size: 0.875rem; margin: 0 0 0.55rem; font-weight: 650; }
.verdict { font-family: var(--copy); font-size: 1.5rem; line-height: 1.15; font-weight: 500; margin: 0 0 0.5rem; }
.verdict.pass { color: var(--cleared); } .verdict.block { color: var(--proof); }
.sheet ul { margin: 0; padding-left: 1.1rem; }
.sheet li { margin-bottom: 0.35rem; overflow-wrap: anywhere; }
.sheet li.warn { color: var(--stet); }
.claims { list-style: none; padding: 0 !important; }
.claims li { display: grid; grid-template-columns: 1.6rem 1fr; gap: 0.2rem; font-size: 0.875rem; }
.claims .ref { color: var(--cleared); font-weight: 650; }
.claims .src { color: var(--graphite); font-size: 0.78rem; display: block; }
.claims .unsourced { color: var(--proof); }
.dest { display: flex; justify-content: space-between; align-items: center; gap: 0.5rem; padding: 0.3rem 0; }
.dest .k { color: var(--graphite); font-size: 0.78rem; display: block; }
.sheet audio { width: 100%; margin-bottom: 0.4rem; }
.sent { color: var(--cleared); font-size: 0.8125rem; font-weight: 600; } .failed { color: var(--proof); font-size: 0.8125rem; font-weight: 600; }

/* ---------- destinations + audit */
.page { max-width: 68rem; margin: 0 auto; padding: 2rem clamp(1rem, 3vw, 2.5rem) 4rem; }
.page h1 { font-family: var(--copy); font-weight: 500; font-size: 2rem; margin: 0 0 0.3rem; }
.page > p { color: var(--graphite); margin: 0 0 1.5rem; max-width: 44rem; }
.tablewrap { overflow-x: auto; background: var(--sheet); border: 1px solid var(--rule); }
table { border-collapse: collapse; width: 100%; font-size: 0.875rem; }
th { text-align: left; font-weight: 600; color: var(--graphite); padding: 0.6rem 0.9rem; border-bottom: 1px solid var(--rule); white-space: nowrap; }
td { padding: 0.6rem 0.9rem; border-bottom: 1px solid var(--wash); vertical-align: top; overflow-wrap: anywhere; }
td.num, th.num { text-align: right; font-variant-numeric: tabular-nums; }
.chain { background: var(--sheet); border: 1px solid var(--rule); padding: 1.1rem 1.25rem; margin-bottom: 1.5rem; display: flex; gap: 1.5rem; align-items: center; flex-wrap: wrap; }
.chain .verdict { margin: 0; }
.chain code { font-family: var(--ui); font-size: 0.8125rem; color: var(--graphite); overflow-wrap: anywhere; }

@media (max-width: 68rem) {
  .desk { grid-template-columns: 16rem minmax(0, 1fr); }
  .sheet { grid-column: 1 / -1; border-left: 0; border-top: 1px solid var(--rule); }
}
@media (max-width: 44rem) {
  :root { --gutter: 1rem; }
  .bar { flex-wrap: wrap; height: auto; padding: 0.5rem 0.75rem; gap: 0.5rem 1rem; }
  .bar nav { order: 3; flex-basis: 100%; }
  .desk { grid-template-columns: minmax(0, 1fr); }
  .queue { border-right: 0; border-bottom: 1px solid var(--rule); max-height: 40vh; }
  .proofwrap { padding: 1rem 0.5rem 2rem; }
  .proof { padding: 1.25rem 1rem 1.5rem 0; }
  .line.title .txt { font-size: 1.625rem; }
  /* No room for a margin: the mark sits above its sentence instead. */
  .line { grid-template-columns: minmax(0, 1fr); padding-left: var(--gutter); }
  .line .mark { text-align: left; padding: 0.45rem 0 0.05rem; }
  .line .mark:empty { display: none; }
  .resolve { grid-column: 1; }
  .resolve .split { grid-template-columns: 1fr; }
  .resolve .split > div + div { border-left: 0; padding-left: 0; border-top: 1px solid var(--rule); padding-top: 0.9rem; }
}
@media (prefers-reduced-motion: no-preference) { .btn, .queue li button { transition: background-color 0.12s, border-color 0.12s; } }

/* GrowthOS workspace: live information, clear hierarchy and a persistent workspace rail. */
:root{--paper:#f5f7f4;--ink:#17362f;--graphite:#64756f;--rule:#dde5de;--wash:#eff3ed;--blueline:#16654f;--blueline-wash:#e7f1e9;--cleared:#24754e;--ui:"Instrument Sans","Segoe UI",sans-serif}
body{font-size:14px}.btn{border-radius:7px;padding:.6rem .9rem;font-size:13px}.btn.primary:hover{background:#104c3d}.btn:hover{border-color:#91b3a2}.bar{position:fixed;inset:0 auto 0 0;width:218px;height:100vh;padding:30px 18px;display:flex;flex-direction:column;align-items:stretch;gap:0;background:#102f28;z-index:5;overflow-y:auto}.brand{color:#f2f5df;font-size:26px;letter-spacing:-1px;font-weight:700;padding:0 12px}.brand span{display:block;color:#9cb7aa;font-size:9px;letter-spacing:3px;margin-top:6px;font-weight:500}.workspace-label{border:1px solid #345448;margin:32px 0 22px;padding:12px 9px;border-radius:8px;display:flex;gap:10px;align-items:center;font-size:12px}.workspace-avatar{padding:7px 10px;background:#dfefb5;color:#234234;border-radius:6px;font-weight:700}.workspace-label small{display:block;color:#9eb7ab;font-size:10px;margin-top:4px}.nav-label{font-size:9px;letter-spacing:2px;padding-left:13px;color:#91af9f}.bar nav{display:flex;flex-direction:column;flex:0;gap:6px}.bar nav button{display:flex;align-items:center;gap:13px;text-align:left;padding:12px 13px;color:#b9cec2;font-size:13px;border-radius:6px}.bar nav button[aria-current=page]{background:#2a493a;color:#e4f4c4;box-shadow:inset 3px 0 #d8edb0}.bar nav button:hover{background:#244236}.nav-icon{font-size:19px;width:22px;text-align:center}.side-message{margin-top:auto;padding:35px 10px 18px;color:#b7cbbb;font-size:11px}.side-message strong{color:#e0eacb;font-size:12px;font-weight:500}.side-message p{margin:5px 0}.who{flex-wrap:wrap;border-top:1px solid #365047;padding:18px 10px 0;gap:5px;font-size:10px}.who strong{width:100%;font-size:12px;color:white;overflow-wrap:anywhere;white-space:normal}.who>span{color:#99b2a5}.who button{margin-left:auto;font-size:10px;padding:4px 7px}.workspace-main{margin-left:218px;min-width:0}.topstrip{height:72px;background:white;border-bottom:1px solid var(--rule);padding:0 32px;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:12px}.topstrip>div>span:first-child{color:var(--graphite)}.topstrip strong{font-weight:500}.crumb-divider{padding:0 15px;color:#a1b1a6}.connection-badge{background:#edf3e4;color:#456d3d;border-radius:20px;padding:6px 10px;font-size:10px;white-space:nowrap}.page{max-width:1450px;padding:32px 34px 50px}.page h1{font-family:var(--ui);font-size:32px;letter-spacing:-1px;font-weight:550;line-height:1.15;margin:6px 0 12px}.page>p{font-size:13px;margin-bottom:25px}.eyebrow{font-size:9px!important;letter-spacing:2px!important;font-weight:700;color:var(--blueline)!important;margin:0 0 10px!important}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.page-heading p{color:var(--graphite);margin:0;font-size:13px}.command-banner{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;background:#e7eedc;border:1px solid #d4dfc9;border-radius:12px;padding:28px 30px;gap:30px;margin-bottom:22px}.command-banner h2{font:32px/1.15 var(--copy);margin:10px 0;max-width:450px;font-weight:500}.command-banner p:not(.eyebrow){max-width:430px;color:#66745c;font-size:13px;line-height:1.6;margin:12px 0 20px}.workflow-map{display:grid;grid-template-columns:1fr 1fr;gap:12px}.workflow-map>div{padding:20px 18px;background:#f5f8ef;border:1px solid #d2ddc7;border-radius:8px;display:flex;align-items:center;gap:14px}.workflow-map span{color:#8aa276;font-size:10px}.workflow-map strong{font-size:13px;font-weight:500}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:26px}.metric{padding:19px 20px;background:white;border:1px solid var(--rule);border-radius:9px}.metric>span{display:block;color:var(--graphite);font-size:12px}.metric strong{font-size:34px;font-weight:550;line-height:1.8;display:block;letter-spacing:-1px}.metric small{color:#739073;font-size:10px}.overview-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px}.panel{background:white;border:1px solid var(--rule);border-radius:10px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 24px;border-bottom:1px solid var(--rule)}.panel h2{font-size:18px;margin:0;font-weight:550;letter-spacing:-.4px}.panel .eyebrow{font-size:8px!important;margin-bottom:7px!important}.recent.queue{max-height:none;border-right:1px solid var(--rule)}.recent.queue ul{overflow:visible}.recent.queue li button{display:flex;align-items:center;gap:12px;padding:21px 24px}.recent-copy{flex:1;min-width:0}.recent.queue .t{font-family:var(--ui);font-size:13px;line-height:1.5}.recent.queue .m{font-size:10px;display:block;margin-top:4px}.release-symbol{background:#eff3e9;color:#6f8860;border:1px solid #e0e8d8;border-radius:6px;padding:11px;font-size:18px}.status-pill{font-size:10px;border-radius:15px;padding:5px 8px;background:#edf0eb;color:#5d7364;white-space:nowrap}.status-pill.blocked{background:#fcf0df;color:#906229}.status-pill.approved{background:#e6f1dc;color:#4c712e}.status-pill.published{background:#e5f2ec;color:#1f7454}.welcome-empty{padding:40px 28px;text-align:center}.empty-symbol{font-size:30px;display:inline-grid;place-content:center;width:62px;height:68px;background:#eff3e8;border:1px solid #dee8d4;border-radius:10px;color:#7b9769}.welcome-empty h3{font-weight:550;font-size:19px;margin:20px 0 9px}.welcome-empty p{font-size:12px;color:var(--graphite);max-width:315px;line-height:1.7;margin:0 auto 22px}.setup-step{display:flex;align-items:center;gap:12px;padding:21px 24px;border:0;border-bottom:1px solid #edf1e8;background:white;width:100%;text-align:left;cursor:pointer}.setup-step:hover{background:#f6f8f2}.step-index{border:1px solid #dce5d4;border-radius:50%;font-size:10px;width:30px;height:30px;flex:none;display:grid;place-content:center;color:#789167}.step-index.complete{background:#e9f2df}.setup-step>span:nth-child(2){flex:1}.setup-step strong{display:block;font-size:12px;font-weight:550}.setup-step small{display:block;font-size:10px;color:var(--graphite);margin-top:5px}.setup-step>span:last-child{color:#86a17c}.setup-note{font-size:10px;padding:4px 24px 10px;color:var(--graphite)}.dashboard-footnote{font-size:10px!important;margin:21px 0 0!important;color:#809183!important}.desk{grid-template-columns:235px minmax(0,1fr) 290px;min-height:calc(100vh - 72px)}.queue li button{padding:18px 16px}.queue .t{font-size:17px}.queue .m{font-size:10px;flex-wrap:wrap;gap:5px}.queue .tabs button{font-size:11px;padding:17px 3px}.queue .new{padding:18px 16px}.queue .new .btn{width:100%;background:#16654f;color:white}.proofwrap{padding:28px 20px}.proof{border-radius:8px;padding-top:26px;box-shadow:0 3px 8px #22332603}.sheet{padding:24px 18px}.sheet h2{font-size:12px;letter-spacing:.2px}.sheet section{padding-bottom:22px;margin-bottom:22px}.sheet .note{font-size:11px;line-height:1.65}.page>section:not(.command-banner){background:white;border:1px solid var(--rule);border-radius:9px;padding:24px;margin:18px 0}.page>section>h2{font-size:17px}.tablewrap,.chain{border-radius:9px}th{padding:14px 16px;background:#f7f9f4;font-size:11px}td{padding:16px;font-size:12px}.agent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.agent-card{padding:24px}.agent-avatar{display:inline-grid;place-content:center;background:#e8efdb;color:#54703f;width:42px;height:44px;border-radius:8px;font-size:19px;margin-bottom:20px}.agent-mode{float:right;color:#698571;font-size:9px;border:1px solid #e0e8d8;padding:4px 7px;border-radius:20px}.agent-function{text-transform:capitalize;color:var(--graphite);font-size:11px}.agent-card ul{padding-left:16px;font-size:12px;line-height:1.8;min-height:70px}.agent-card .note{font-size:10px;border-top:1px solid var(--rule);padding-top:14px;margin-bottom:0}.agent-next{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#e8efde;padding:18px 24px;border-radius:8px;margin-top:24px;font-size:12px}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#fafbf7}.auth-story{background:#12362b;align-self:stretch;padding:45px 50px;display:flex;flex-direction:column;justify-content:space-between;color:#dfead6}.auth-story .brand{padding:0}.auth-story .eyebrow{color:#adc988!important}.auth-story h2{font:58px/1.12 var(--copy);font-weight:400;white-space:pre-line;letter-spacing:-1px;margin:18px 0}.auth-story p:not(.eyebrow){color:#b0c5b7;max-width:390px;font-size:14px;line-height:1.8}.auth-path{display:flex;align-items:center;gap:20px;font-size:12px;margin-top:40px;border-top:1px solid #456451;padding-top:23px}.auth-path span{color:#819e7b}.auth-caption{font-size:11px!important}.signin{margin:0 auto;border:0;background:none;width:min(100%,440px);padding:35px}.signin h1{font-family:var(--ui);font-size:28px;letter-spacing:-.7px;font-weight:550}.signin p{font-size:13px;line-height:1.7;margin:12px 0 28px}.signin .btn{width:100%;padding:12px;display:block;text-align:center}.signin input{padding:12px}.signin label{font-size:12px;margin-bottom:9px}.creation-studio{max-width:1050px}.studio-form{padding:28px}.studio-form h2{margin-top:0}.format-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.format-card{background:#fff;border:1px solid var(--rule);border-radius:8px;padding:18px;cursor:pointer;text-align:left;font-size:12px}.format-card[aria-pressed=true]{border-color:#348164;background:#e9f1e0;box-shadow:inset 0 0 0 1px #348164}.format-card span{display:block;font-size:24px;margin-bottom:10px}.draft-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}.generation-note{background:#f0f4e9;border:1px solid #dce6d0;border-radius:7px;padding:14px 16px;font-size:12px;line-height:1.6;margin-bottom:24px}.generation-note p{margin:0}.agent-output{white-space:pre-wrap;overflow-wrap:anywhere;background:#f8faf5;border:1px solid var(--rule);border-radius:7px;padding:20px;font:14px/1.7 var(--ui)}
@media(max-width:1250px){.desk{grid-template-columns:220px minmax(0,1fr)}.sheet{grid-column:1/-1;border-left:0;border-top:1px solid var(--rule);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.sheet section{margin:0}.command-banner{grid-template-columns:1.2fr 1fr;padding:24px}.workflow-map{gap:9px}.workflow-map>div{padding:14px 10px}.workflow-map strong{font-size:11px}.overview-grid{grid-template-columns:1fr}.agent-grid{grid-template-columns:repeat(2,1fr)}.metric{padding:16px 12px}.auth-story h2{font-size:48px}}
@media(max-width:850px){.bar{width:180px;padding:25px 12px}.workspace-main{margin-left:180px}.workspace-label{padding:10px 6px;font-size:11px}.workspace-avatar{display:none}.brand{font-size:23px}.page{padding:25px 22px}.topstrip{padding:0 22px}.command-banner{grid-template-columns:1fr}.workflow-map{grid-template-columns:repeat(4,1fr)}.workflow-map>div{display:block;padding:10px}.workflow-map strong{display:block;margin-top:5px}.metrics{grid-template-columns:repeat(2,1fr)}.desk{grid-template-columns:185px minmax(0,1fr)}.proof{--gutter:2rem;padding-right:18px}.proofwrap{padding:20px 12px}.line .mark{font-size:9px;padding-right:5px}.page h1{font-size:29px}.format-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.bar{position:static;width:auto;height:auto;padding:18px;display:block;overflow:visible}.brand{font-size:23px;padding:0}.brand span{display:inline;margin-left:12px;font-size:8px}.workspace-label,.nav-label,.side-message{display:none}.bar nav{flex-direction:row;overflow:auto;margin-top:20px;gap:5px}.bar nav button{white-space:nowrap;font-size:11px;padding:9px 11px;gap:0}.nav-icon{display:none}.who{padding:12px 0 0;margin-top:15px;display:flex;border-color:#3a5748}.who strong{width:auto;flex:1}.who>span{display:none}.workspace-main{margin:0}.topstrip{height:56px;padding:0 18px;font-size:11px}.topstrip .btn{font-size:10px}.connection-badge{font-size:9px;padding:4px 7px}.topstrip .row{gap:3px}.page{padding:25px 18px 40px}.page-heading{align-items:flex-start}.page-heading>.btn{white-space:nowrap;font-size:11px;padding:9px}.page h1{font-size:27px}.command-banner{padding:23px}.command-banner h2{font-size:29px}.workflow-map{grid-template-columns:repeat(2,1fr)}.metrics{gap:10px}.metric strong{font-size:30px}.panel-heading{padding:19px}.recent.queue{max-height:none}.recent.queue li button{padding:18px;flex-wrap:wrap}.recent-copy{min-width:160px}.status-pill{margin-left:51px}.setup-step{padding:18px}.desk{grid-template-columns:minmax(0,1fr);min-height:0}.queue{max-height:330px}.sheet{display:block;padding:24px}.sheet section{margin-bottom:20px}.proof{--gutter:1rem}.proofwrap{padding:18px 10px}.agent-grid{grid-template-columns:1fr}.agent-next{display:block}.agent-next .btn{margin-top:8px}.auth-layout{grid-template-columns:1fr}.auth-story{padding:25px}.auth-story>div:nth-child(2){padding-top:30px}.auth-story h2{font-size:38px}.auth-story p:not(.eyebrow){font-size:12px;margin:10px 0}.auth-path,.auth-caption{display:none}.signin{padding:32px 25px}.draft-options{grid-template-columns:1fr}.studio-form{padding:20px}.recent.queue .t{overflow-wrap:anywhere}.page-heading .eyebrow{font-size:8px!important}}

.drafting-notes{margin:24px 0 0;padding:24px;border-top:1px solid var(--rule);font-family:var(--ui)}.drafting-notes h2{font-size:20px}.drafting-notes details{margin:18px 0}.drafting-notes summary{cursor:pointer;font-weight:600}.source-notes{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.6 var(--ui);background:var(--wash);padding:16px;border-radius:8px}.editorial-findings{padding:14px;background:#fff8e6;border-radius:8px;margin:12px 0}.editorial-findings p{font:13px/1.6 var(--ui)}.campaign-links{margin:16px 0;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.drafting-notes .row{flex-wrap:wrap}