/* A local editorial demonstration: warm paper, slate copy and teal context. */
body[data-project=personamail] #interaction .section-experience>.persona-refined{grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:32px 56px;align-items:start;color:#273c3d;--persona-teal:#28675f;--persona-border:#c5d0c8}
.persona-refined .persona-step{color:#346e63;font-weight:650;font-size:13px;letter-spacing:.08em}
body[data-project=personamail] .persona-refined h3{font-size:29px!important;line-height:1.19!important;color:#233c3b;margin:0 0 20px;letter-spacing:-.025em}
body[data-project=personamail] .persona-refined p{color:#314749;font-size:18px!important;line-height:1.5!important}
.persona-refined .persona-before{padding-top:0}
.persona-refined .persona-before>p{max-width:none;margin-bottom:19px!important}
.persona-relationship-context{display:flex;align-items:center;gap:20px;margin:0 0 20px;padding:17px 19px;border:1px solid #c9d2cb;background:#f2f3ed;border-radius:5px}
.persona-relationship-context>span{font-size:12px;line-height:1.6;color:#61716b}.persona-relationship-context strong{font-size:16px;color:#294843;font-weight:600}.persona-relationship-context i{font-style:normal;color:#7f958c;font-size:22px}
.persona-refined .persona-bad-draft{border:1px solid #d8c7bc;border-left:3px solid #a36d55;border-radius:4px;background:#f3eee6;padding:20px 21px;margin:22px 0 20px}
.persona-refined .persona-bad-label{color:#86553f;font-size:16px;gap:9px;margin-bottom:21px}.persona-refined .persona-bad-label strong{font-weight:650}
.persona-rejected-line{margin-bottom:19px}.persona-rejected-line>span{display:block;font-size:12px;font-weight:650;letter-spacing:.03em;color:#8c583f;margin-bottom:7px}
body[data-project=personamail] .persona-refined .persona-rejected-line p{color:#756b60;font-size:17px!important;line-height:1.5!important;margin:0!important;font-style:normal;text-decoration:line-through;text-decoration-color:#b59a88;text-decoration-thickness:1px}
.persona-refined .persona-bad-draft .persona-rejected-summary{font-size:17px;color:#7b513e;font-weight:650;padding-top:5px}
body[data-project=personamail] .persona-refined .persona-before-note{font-size:17px!important;color:#50625d}
.persona-refined .persona-after{padding-left:34px;border-left:1px solid var(--persona-border)}
.persona-refined .persona-settings{grid-template-columns:1fr 1fr;gap:15px 18px;margin:0 0 22px}
.persona-refined .persona-settings>label{font-size:14px;color:#365650;font-weight:600;line-height:1.4;min-width:0}
.persona-refined .persona-settings select{font-size:16px;min-height:46px;background:#fffdf7;border:1px solid #b3c3b7;border-radius:5px;color:#2c4843;padding:11px 28px 11px 12px;margin-top:7px}
.persona-refined .persona-settings .persona-appreciation{grid-column:auto;align-self:end;min-height:46px;font-size:15px;gap:10px;line-height:1.3;margin-bottom:0;padding-bottom:2px}.persona-refined .persona-appreciation input{width:20px;height:20px;accent-color:#2d6d60;flex-shrink:0}
.persona-refined .persona-settings :is(select,input):focus-visible,.persona-refined .persona-reuse button:focus-visible,.persona-refined .persona-original summary:focus-visible{outline:3px solid #367f73;outline-offset:4px}
.persona-refined .persona-draft{background:#fffdf7;border:1px solid #b8cdc2;border-top:4px solid #357c6b;border-radius:5px;padding:21px 24px 22px;box-shadow:0 5px 20px #254f3d06}
.persona-refined .persona-draft-heading{color:#376b60;font-size:11px;align-items:center;gap:10px;margin-bottom:19px;text-transform:none;letter-spacing:.025em;font-weight:600}.persona-refined .persona-draft-heading>span:first-child{font-size:13px;display:flex;gap:7px;align-items:center}.persona-refined .persona-draft-heading b{background:#dcece2;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:13px}
.persona-email-subject{display:grid;grid-template-columns:51px minmax(0,1fr);gap:10px;align-items:baseline;margin-bottom:18px;border-bottom:1px solid #dde5db;padding-bottom:14px}.persona-email-subject>span{font-size:12px;color:#688075}
body[data-project=personamail] .persona-refined .persona-email-subject h4{font-size:19px!important;line-height:1.3;margin:0!important;letter-spacing:0;color:#294640}
body[data-project=personamail] .persona-refined .persona-draft p{font-size:18px!important;line-height:1.5!important;margin:0 0 15px!important}.persona-refined .persona-draft p:last-child{margin-bottom:0!important;white-space:pre-line;font-size:16px!important}
.persona-email-request{font-weight:500;color:#234e43}.persona-refined mark{background:#e0eee2;color:#244e40;padding:1px 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.persona-refined .persona-reuse{margin-top:23px}.persona-refined .persona-reuse .persona-step{margin-bottom:10px}
body[data-project=personamail] .persona-refined .persona-reuse p{font-size:17px!important;margin:0 0 14px!important}
.persona-refined .persona-reuse button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:15px;min-height:54px;padding:14px 18px;border:1px solid #275b50;border-radius:5px;background:#2c6458;color:#fffdf3;font:600 16px/1.4 var(--font-body);cursor:pointer;box-shadow:0 3px 0 #1f4b42;text-align:left}
.persona-refined .persona-reuse button:hover{background:#225247;color:#fffdf3}.persona-refined .persona-reuse button:active{transform:translateY(2px);box-shadow:0 1px 0 #1f4b42}.persona-refined .persona-reuse button>span{font-size:22px}
.persona-style-memory{margin:0 0 18px;scroll-margin-top:100px;padding:14px 15px;background:#e4eee6;border:1px solid #b5cebc;border-radius:5px}.persona-style-memory[hidden]{display:none}.persona-style-memory>strong{display:block;font-size:14px;color:#2a5c47;line-height:1.4;margin-bottom:9px}.persona-memory-chips{display:flex;flex-wrap:wrap;gap:7px}.persona-memory-chips>span{font-size:12px;line-height:1.2;padding:6px 8px;background:#f9fbf5;color:#375d4c;border:1px solid #c7d7c7;border-radius:3px}
.persona-refined .persona-original{border-color:#c9d3cb;padding-top:18px}.persona-refined .persona-original summary{color:#356b60;font-size:16px}.persona-refined .persona-original p{color:#455c55}
body[data-project=personamail] .persona-refined>.persona-demo-note{font-size:14px!important;line-height:1.5!important;color:#5f716b}
@media(max-width:1000px){body[data-project=personamail] #interaction .section-experience>.persona-refined{gap:30px}.persona-refined .persona-after{padding-left:25px}.persona-refined .persona-draft{padding:20px}.persona-relationship-context{gap:12px;padding:15px}.persona-relationship-context strong{font-size:15px}}
@media(max-width:760px){body[data-project=personamail] #interaction .section-experience>.persona-refined{grid-template-columns:1fr;gap:30px}.persona-refined .persona-after{padding:28px 0 0;border-left:0;border-top:1px solid #c5d0c8}body[data-project=personamail] .persona-refined h3{font-size:27px!important}.persona-refined .persona-settings{grid-template-columns:1fr 1fr;gap:15px 12px}.persona-refined .persona-settings select{font-size:14px;padding-left:8px;padding-right:23px}.persona-refined .persona-settings .persona-appreciation{font-size:14px}.persona-refined .persona-draft{padding:19px 18px}.persona-refined .persona-draft-heading{font-size:10px;gap:7px}.persona-refined .persona-draft-heading>span:first-child{font-size:12px}.persona-email-subject{grid-template-columns:1fr;gap:5px}.persona-refined .persona-reuse button{font-size:16px;min-height:56px}.persona-refined .persona-original>div{grid-template-columns:1fr;gap:20px}.persona-refined .persona-bad-draft{padding:19px}.persona-style-memory{padding:13px}}
@media(prefers-reduced-motion:reduce){.persona-refined .persona-draft.is-updated{animation:none}}

@media(max-width:760px){.persona-refined .persona-settings>label:first-child{grid-column:1/-1}.persona-refined .persona-settings .persona-appreciation{grid-column:1/-1;min-height:32px}}

/* Align the research explanation with the actual image; let its caption use the row. */
@media(min-width:800px){
 body[data-project=personamail] #research.editorial-pair{row-gap:20px}
 body[data-project=personamail] #research.editorial-pair>.section-body{align-self:center!important}
 body[data-project=personamail] #research.editorial-pair>.section-visuals,
 body[data-project=personamail] #research.editorial-pair>.section-visuals>.project-figure{display:contents!important}
 body[data-project=personamail] #research.editorial-pair .figure-media{grid-column:1;grid-row:2;align-self:center;width:100%;max-width:none;margin:0}
 body[data-project=personamail] #research.editorial-pair .research-source-figure>figcaption{grid-column:1/-1;grid-row:3;padding:0!important;max-width:none;width:100%}
 body[data-project=personamail] #research.editorial-pair .research-source-figure>figcaption .figure-caption-title{font-size:20px!important;margin-bottom:6px}
 body[data-project=personamail] #research.editorial-pair .research-source-figure>figcaption p{max-width:none;text-wrap:pretty}
}
.persona-refined .persona-email-request{font-weight:650}

/* A local edit makes the difference between a saved preset and learned preference visible. */
.persona-refined .persona-local-edit{margin-top:16px;padding:16px 20px;background:#edf1e8;border-radius:5px}
.persona-refined .persona-local-edit p{margin:8px 0!important}
.persona-refined .persona-local-edit button{padding:10px 14px;border:1px solid #32685a;background:#fffdf7;color:#244e40;border-radius:4px;cursor:pointer}
.persona-refined .persona-local-edit button[aria-pressed=true]{background:#d9e8d9}
.persona-refined .persona-local-edit button:focus-visible{outline:3px solid #367f73;outline-offset:3px}
.persona-refined .persona-email-subject{grid-template-columns:max-content minmax(0,1fr);gap:14px}
@media(min-width:1000px){.persona-refined .persona-local-edit{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center}.persona-refined .persona-local-edit>.persona-step,.persona-refined .persona-local-edit>[data-persona-edit-status]{grid-column:1/-1}.persona-refined .persona-local-edit p{margin:0!important}.persona-refined .persona-local-edit button{max-width:220px}}
@media(max-width:760px){.persona-refined .persona-email-subject{grid-template-columns:1fr;gap:5px}}

/* Read the original interface as five short steps, at native image resolution. */
body[data-project=personamail] #research>.persona-research-tour{grid-column:1/-1;grid-row:3;display:grid;gap:42px;width:100%;min-width:0;margin-top:12px}
.persona-research-step{min-width:0;margin:0;padding:0}
.persona-research-step>h3{display:flex;align-items:baseline;gap:12px;margin:0 0 16px;color:#264d45}
.persona-research-letter{display:grid;place-items:center;flex:0 0 29px;height:29px;background:#dde8de;color:#315d51;border-radius:3px}
.persona-research-step>p{width:100%;max-width:none;margin:0 0 23px;color:#34433f}
.persona-research-image{margin:0;width:100%;min-width:0;align-self:center}
.persona-research-image img{display:block;width:100%;height:auto;max-width:100%;margin:0;object-fit:contain}
.persona-research-purpose>.persona-research-image{max-width:790px;margin:0 auto}
.persona-research-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:38px}
.persona-research-context .persona-research-image{max-width:471px;justify-self:center}
.persona-research-editor .persona-research-pair{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.persona-research-editor .persona-research-image{max-width:660px;justify-self:center}
.persona-research-save .persona-research-image{max-width:474px;justify-self:center}
.persona-research-annotations{display:grid;gap:20px;min-width:0}
.persona-research-annotations>p{margin:0;max-width:none;color:#34433f}
.persona-research-note>p{margin:0;max-width:none;color:#34433f}
.persona-editor-detail{display:none}
.persona-research-annotations strong{color:#305c50}
.persona-research-reuse-image{max-width:940px;margin:0 auto}
.persona-research-boundary{margin:0;padding:16px 20px;background:#e7ece3;color:#46554c;border-radius:4px}

/* Compact the controls and email without changing the authored choices. */
body[data-project=personamail] #interaction>.section-heading,
body[data-project=personamail] #interaction>.section-body,
body[data-project=personamail] #interaction>.section-experience{grid-column:1/-1!important;width:100%;max-width:none}
body[data-project=personamail] #interaction>.section-heading{grid-row:1!important}
body[data-project=personamail] #interaction>.section-body{grid-row:2!important}
body[data-project=personamail] #interaction>.section-experience{grid-row:3!important}
body[data-project=personamail] #interaction>.section-body>p{margin-bottom:0}
body[data-project=personamail] #interaction .section-experience>.persona-refined{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:32px 40px;align-items:start}
.persona-refined .persona-after{padding:0;border:0}
.persona-refined .persona-step{margin-bottom:7px}
body[data-project=personamail] .persona-refined h3{margin-bottom:14px}
.persona-refined .persona-relationship-context{width:max-content;max-width:100%;gap:18px;padding:12px 16px;margin-bottom:16px}
.persona-refined .persona-settings{grid-template-columns:1.17fr 1fr 1fr;gap:10px 12px;margin-bottom:16px}
.persona-refined .persona-settings>label:first-child{grid-column:auto}
.persona-refined .persona-settings select{margin-top:5px;padding:8px 25px 8px 10px;min-height:42px}
.persona-refined .persona-settings .persona-appreciation{grid-column:1/-1;min-height:26px;padding:0}
.persona-refined .persona-draft{padding:17px 20px}
.persona-refined .persona-draft-heading{margin-bottom:12px}
.persona-refined .persona-email-subject{margin-bottom:12px;padding-bottom:10px}
body[data-project=personamail] .persona-refined .persona-draft p{margin-bottom:10px!important}
.persona-refined .persona-bad-draft{margin:17px 0 16px;padding:17px 20px}
.persona-refined .persona-bad-label{margin-bottom:14px}
.persona-refined .persona-rejected-line{margin-bottom:15px}
.persona-refined .persona-local-edit{margin-top:12px;padding:12px 16px;gap:6px 12px}
.persona-refined .persona-local-edit button{padding:8px 12px}
.persona-refined .persona-reuse{margin-top:17px}
.persona-refined .persona-reuse .persona-step{margin-bottom:7px}
body[data-project=personamail] .persona-refined .persona-reuse p{margin-bottom:10px!important}
.persona-refined .persona-reuse button{min-height:48px;padding:11px 16px}
@media(max-width:1050px){
 .persona-refined .persona-settings{grid-template-columns:1fr 1fr}
 .persona-refined .persona-settings>label:first-child{grid-column:1/-1}
 .persona-research-pair{gap:28px}
}
@media(max-width:760px){
 body[data-project=personamail] #research>.persona-research-tour{gap:32px;margin-top:0}
 .persona-research-step>h3{gap:10px;margin-bottom:12px}
 .persona-research-pair,.persona-research-editor .persona-research-pair{grid-template-columns:1fr;gap:20px}
 .persona-research-annotations{gap:14px}
 .persona-research-editor .persona-research-image{max-width:520px}
 .persona-research-editor .persona-research-pair>.persona-research-image{display:none}
 .persona-research-editor .persona-research-annotations{gap:25px}
 .persona-editor-detail{display:block;position:relative;overflow:hidden;width:100%;max-width:var(--detail-max);aspect-ratio:var(--detail-ratio);margin:16px auto 0;background:#fff}
 .persona-editor-detail img{position:absolute;width:var(--detail-width);height:auto;max-width:none;left:var(--detail-left);top:var(--detail-top)}
 .persona-research-boundary{padding:14px 16px}
 body[data-project=personamail] #interaction .section-experience>.persona-refined{grid-template-columns:1fr;gap:28px}
 body[data-project=personamail] .persona-refined .persona-after{padding:0;border:0}
 .persona-refined .persona-relationship-context{gap:15px;padding:12px 14px}
 .persona-refined .persona-settings{grid-template-columns:1fr 1fr;gap:10px 12px}
 .persona-refined .persona-settings>label:first-child{grid-column:1/-1}
 .persona-refined .persona-draft{padding:16px}
 .persona-refined .persona-draft-heading{gap:12px;align-items:flex-start}
 .persona-refined .persona-draft-heading>span:first-child{flex-shrink:0}
 .persona-refined .persona-local-edit{padding:12px 14px}
}
@layer case-typography{
 body[data-project=personamail] .case-study .persona-research-letter{font-size:var(--case-label)!important;line-height:1!important;font-weight:600!important}
 body[data-project=personamail] .case-study :is(.persona-research-annotations>p,.persona-research-note>p){font-size:var(--case-note)!important;line-height:1.5!important}
 body[data-project=personamail] .case-study .persona-research-boundary{font-size:var(--case-caption)!important;line-height:1.5!important}
}
/* Original prototype labels rendered as text, not enlarged screenshot pixels. */
.persona-original-ui {background:#fff;border:1px solid #cdd8dd;border-radius:5px;padding:20px;color:#243330;min-width:0}
.persona-original-ui h4 {margin:0 0 15px!important;color:#243330}
.persona-original-prompt {max-width:950px;margin:auto;width:100%;box-sizing:border-box}
.persona-original-prompt>p {border:1px solid #80949b;border-radius:24px;padding:15px 19px;margin:0!important}
.persona-original-field {padding:12px 0;border-bottom:1px solid #e0e6e6}
.persona-original-field>strong {display:block;margin-bottom:9px}
.persona-original-field>div {display:flex;flex-wrap:wrap;gap:9px 15px}
.persona-original-choice {display:inline-flex;gap:8px;align-items:baseline;line-height:1.4}
.persona-original-choice i {font-style:normal!important;color:#83918e}
.persona-original-choice.is-selected i {color:#527ada}
.persona-original-free-text {background:#edf6fa;border:1px solid #a8cedd;border-radius:4px;padding:13px;margin:13px 0!important}
.persona-research-editor-details {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;align-items:start}
.persona-research-editor-details>.persona-research-note {display:grid;grid-template-rows:auto 1fr;gap:18px;min-width:0}
.persona-original-unit {padding:10px 12px;border-left:3px solid #cad8dd;margin-top:7px}
.persona-original-unit.is-selected {border-color:#7596da;background:#eaf1fb;color:#3b61a4}
.persona-original-intent>div {display:grid;gap:12px}
.persona-original-selection {background:#eaf1fb;padding:13px;margin:16px 0 0!important}
.persona-original-quickfix>article {padding:13px;border:1px solid #a8c1df;background:#f2f7fd;border-radius:4px;margin-top:12px}
.persona-original-quickfix article>strong {display:block;color:#3b61a4;margin-bottom:8px}
.persona-original-quickfix article>p {margin:0!important}
.persona-original-anchor-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.persona-original-anchor {background:#fff;border:1px solid #d4dddc;border-radius:5px;padding:15px;min-width:0}
.persona-original-anchor>span {display:block;color:#526760;margin-bottom:10px}
.persona-original-anchor h4 {margin:13px 0 8px!important;color:#2c4d45}
.persona-original-anchor p {margin:0!important}
.persona-original-anchor-art {position:relative;width:100%;max-width:250px;margin:auto;aspect-ratio:203/77;overflow:hidden}
.persona-original-anchor-art img {position:absolute;width:517.734%;max-width:none!important;height:auto!important;left:var(--source-left);top:-127.273%;}
.persona-research-reuse>.persona-original-anchor-grid {grid-template-columns:repeat(4,minmax(0,1fr))}
@layer case-typography{
 body[data-project=personamail] .case-study .persona-original-ui,
 body[data-project=personamail] .case-study .persona-original-ui :is(p,span,strong,div),
 body[data-project=personamail] .case-study .persona-original-anchor :is(p,span,strong) {font-size:var(--case-caption)!important;line-height:1.5!important}
 body[data-project=personamail] .case-study :is(.persona-original-ui,.persona-original-anchor) h4 {font-size:var(--case-note)!important;line-height:1.3!important}
}
@media(max-width:1000px){.persona-research-editor-details{grid-template-columns:1fr}.persona-research-editor-details>.persona-research-note{grid-template-columns:1fr 1fr;gap:25px}.persona-research-reuse>.persona-original-anchor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.persona-research-editor-details>.persona-research-note{grid-template-columns:1fr;gap:15px}.persona-original-ui{padding:16px}.persona-original-anchor-grid,.persona-research-reuse>.persona-original-anchor-grid{grid-template-columns:1fr}.persona-original-anchor-art{max-width:220px}.persona-original-prompt>p{border-radius:15px;padding:13px}}
@media(min-width:1001px){
 .persona-research-editor-details {grid-template-rows:auto auto;row-gap:18px;align-items:stretch}
 .persona-research-editor-details>.persona-research-note {grid-row:span 2;grid-template-rows:subgrid;gap:18px}
}
/* Crop only the original illustrations; keep rasterized source captions out. */
.persona-original-anchor-art {aspect-ratio:203/70}
.persona-original-anchor-art img {top:-138.571%}

/* Consistent research tour: a bounded interface on the left, its reading on the right. */
body[data-project=personamail] #research>.persona-research-tour{gap:30px;margin-top:0}
.persona-research-tour .persona-research-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,44px);align-items:center}
.persona-research-tour .persona-research-editor{display:grid;gap:30px}
.persona-research-visual{width:100%;max-width:none;justify-self:stretch;min-width:0}
.persona-research-context .persona-research-visual{max-width:none}
.persona-research-explanation{min-width:0}
.persona-research-explanation>h3{display:flex;align-items:baseline;gap:12px;margin:0 0 16px;color:#264d45}
.persona-research-explanation>p{margin:0 0 14px;max-width:none;color:#34433f}
.persona-research-explanation>p:last-child{margin-bottom:0}
.persona-research-explanation .persona-research-letter{display:inline-grid;min-width:31px;flex-basis:auto;padding:0 5px}
.persona-research-tour .persona-original-ui{padding:17px}
.persona-research-tour .persona-original-anchor-grid{gap:12px}
.persona-research-tour .persona-original-anchor{padding:12px}
.persona-research-tour .persona-original-anchor-art{max-width:175px}
@media(max-width:760px){
 body[data-project=personamail] #research>.persona-research-tour,.persona-research-tour .persona-research-editor{gap:30px}
 .persona-research-tour .persona-research-pair{grid-template-columns:minmax(0,1fr);gap:18px}
 .persona-research-explanation{grid-row:1}
 .persona-research-tour .persona-original-anchor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .persona-research-tour .persona-original-anchor{padding:10px}
 .persona-research-tour .persona-original-anchor h4{overflow-wrap:normal;text-wrap:pretty}
}