:root{--outreach-pad: var(--space-5);--outreach-radius: var(--radius-image);--outreach-notes-gap: var(--space-8);--outreach-paper: var(--color-paper);--outreach-paper-muted: var(--color-canvas);--outreach-head-bg: var(--color-canvas);--outreach-line: var(--color-line-on-light);--outreach-text: var(--color-ink);--outreach-text-muted: var(--color-text-secondary);--outreach-faint: var(--color-text-secondary);--outreach-shadow: var(--color-card-shadow);--outreach-callout-bg: color-mix(in srgb, var(--color-pill) 45%, var(--color-paper));--outreach-note-accent: var(--color-accent-strong);--outreach-note-accent-text: var(--color-paper);--outreach-critique: var(--color-ink);--outreach-critique-text: var(--color-paper);--outreach-critique-bg: var(--color-card);--outreach-critique-leader: var(--color-text-faint);--outreach-approved: var(--color-accent-strong)}@media(min-width:960px){:root{--outreach-pad: var(--space-8)}}.outreach{container-type:inline-size;display:flex;min-width:0;flex-direction:column;gap:var(--space-3);margin:0}.outreach-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.outreach-channel{display:inline-flex;align-items:center;gap:var(--space-2);padding:.125rem var(--space-3);border:var(--line) solid var(--outreach-line);border-radius:var(--radius-pill);background:var(--outreach-paper);color:var(--outreach-text);font-size:var(--text-small-size);line-height:var(--text-small-line)}.outreach-channel svg{width:1rem;height:1rem;flex:none}.outreach-body{overflow:hidden;border:var(--line) solid var(--outreach-line);border-radius:var(--outreach-radius);background:var(--outreach-paper);color:var(--outreach-text);box-shadow:var(--outreach-shadow)}.outreach-fields{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:var(--space-4) var(--outreach-pad);border-bottom:var(--line) solid var(--outreach-line);background:var(--outreach-head-bg);font-size:var(--text-small-size);line-height:var(--text-small-line)}.outreach-fields div{display:flex;gap:var(--space-3)}.outreach-fields dt{flex:none;min-width:3.25rem;color:var(--outreach-faint)}.outreach-fields dd{min-width:0;margin:0}.outreach-subject dd{font-weight:var(--text-weight-medium)}.outreach-rows{margin:0;padding:var(--space-3) 0;list-style:none}.outreach-row{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) var(--outreach-pad)}.outreach-text{margin:0;font-size:var(--text-body-size);line-height:var(--text-body-line)}.outreach-row-signature .outreach-text{color:var(--outreach-text-muted)}.outreach-row-footer{margin-top:var(--space-2);padding-top:var(--space-4);border-top:var(--line) solid var(--outreach-line)}.outreach-row-footer .outreach-text{color:var(--outreach-faint);font-size:var(--text-fine-size);line-height:var(--text-fine-line)}.outreach-note{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);margin:0;padding:var(--space-3);border-radius:var(--radius-menu);background:var(--outreach-callout-bg);font-size:var(--text-small-size);line-height:var(--text-small-line)}.outreach-note-number{display:inline-grid;width:1.5rem;height:1.5rem;flex:none;place-items:center;border-radius:50%;background:var(--outreach-note-accent);color:var(--outreach-note-accent-text);font-size:var(--text-fine-size);font-weight:var(--text-weight-medium);line-height:1}.outreach-note-copy{display:flex;min-width:0;flex-direction:column;gap:.125rem}.outreach-note-copy strong{font-weight:var(--text-weight-medium)}.outreach-note-copy span{color:var(--outreach-text-muted)}.outreach-generic .outreach-body{background:var(--outreach-paper-muted);box-shadow:none}.outreach-generic .outreach-text{color:var(--outreach-text-muted)}.outreach-generic .outreach-note{background:var(--outreach-critique-bg)}.outreach-generic .outreach-note-number{background:var(--outreach-critique);color:var(--outreach-critique-text)}.outreach-review{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-small-size);line-height:var(--text-small-line)}.outreach-review svg{width:1.25rem;height:1.25rem;flex:none}.outreach-review>span{display:flex;flex-wrap:wrap;gap:0 var(--space-2)}.outreach-review strong{font-weight:var(--text-weight-medium)}.outreach-review>span>span{color:var(--surface-text-secondary)}.outreach-review-approved svg{color:var(--outreach-approved)}@container (min-width: 44rem){.outreach-body{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);column-gap:var(--outreach-notes-gap);overflow:visible;border:0;border-radius:0;background:none;color:inherit;box-shadow:none}.outreach-fields{grid-column:1;border:var(--line) solid var(--outreach-line);border-radius:var(--outreach-radius) var(--outreach-radius) 0 0;color:var(--outreach-text)}.outreach-rows{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;padding:0}.outreach-row{display:grid;grid-column:1 / -1;grid-template-columns:subgrid;column-gap:var(--outreach-notes-gap);row-gap:0;padding:0}.outreach-text{grid-column:1;padding:var(--space-2) var(--outreach-pad);border-inline:var(--line) solid var(--outreach-line);background:var(--outreach-paper);color:var(--outreach-text)}.outreach-generic .outreach-text{background:var(--outreach-paper-muted)}.outreach-row:first-child .outreach-text{padding-top:var(--space-5)}.outreach-row:last-child .outreach-text{padding-bottom:var(--space-5);border-bottom:var(--line) solid var(--outreach-line);border-radius:0 0 var(--outreach-radius) var(--outreach-radius)}.outreach-row-footer{margin-top:0;padding-top:0;border-top:0}.outreach-row-footer .outreach-text{padding-top:var(--space-4);border-top:var(--line) solid var(--outreach-line)}.outreach-note{grid-column:2;align-self:start;padding:var(--space-2) 0;background:none}.outreach-generic .outreach-note{background:none}.outreach-note:before{content:"";position:absolute;top:calc(var(--space-2) + .75rem);left:calc(-1 * var(--outreach-notes-gap));width:calc(var(--outreach-notes-gap) - var(--space-2));border-top:var(--line) dashed var(--outreach-note-accent)}.outreach-generic .outreach-note:before{border-top-color:var(--outreach-critique-leader)}.outreach-note-copy span{color:var(--surface-text-secondary)}}
