/* Seven choices stay visible, including on a phone. Scoped selectors override
   the original three-tab widths without changing any other navigation. */
.scenario-section-expanded .scenario-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--interface-line);border-bottom:0;border-radius:10px 10px 0 0;overflow:hidden;background:var(--paper)}
.scenario-section-expanded .scenario-tabs button{min-width:0;max-width:none;padding:20px 18px;border:0;border-bottom:1px solid var(--interface-line);text-align:left;font-size:17px;line-height:1.4;position:relative}
/* The new campaign example occupies a complete final row at both grid sizes.
   This keeps its longer label legible without an empty cell beside it. */
.scenario-section-expanded #tab-marketing-campaign{grid-column:1/-1}
.scenario-section-expanded .scenario-tabs button[aria-selected=true]{background:var(--forest);color:var(--paper);font-weight:600}
.scenario-section-expanded .scenario-tabs button[aria-selected=true]:after{content:"";position:absolute;left:18px;right:18px;bottom:8px;height:2px;background:var(--mint)}
.scenario-section-expanded .scenario-tabs button:focus-visible{outline:3px solid #537f6b;outline-offset:-4px}
.scenario-section-expanded .scenario-tabs button[aria-selected=true]:focus-visible{outline-color:var(--mint)}
.scenario-section-expanded .scenario-panel{grid-template-columns:.92fr 1.08fr;align-items:start}
.scenario-section-expanded .scenario-story{min-width:0}
.scenario-section-expanded .scenario-story h3{font-size:clamp(29px,3vw,39px)}
.scenario-section-expanded .demo-window{min-width:0}
.scenario-section-expanded [hidden]{display:none!important}

/* Sample documents use real text, not text baked into an image. They remain
   sharp when enlarged, support assistive readers, and fit small screens. */
.scenario-artifact{min-width:0;margin:39px 40px 39px 0;align-self:center}
.sample-output{background:#fff;border:1px solid var(--interface-line);border-radius:8px;box-shadow:0 8px 24px #16372d0c;overflow:hidden;color:var(--ink)}
.sample-heading{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:17px 21px;border-bottom:1px solid var(--line);background:var(--paper);font-size:16px;font-weight:600;line-height:1.4}
.sample-heading .small-mark{font-size:24px;color:var(--forest)}
.sample-heading .demo-label{margin-left:auto;font-size:14px;font-weight:400;white-space:normal}
.sample-body{padding:25px}
.sample-document-title{margin-bottom:22px}
.sample-eyebrow{display:block;color:var(--muted);font-size:15px;margin-bottom:6px;line-height:1.4}
.sample-document-title h4{font-size:25px;font-weight:550;line-height:1.2;letter-spacing:-.025em;margin:0}
.sample-status{display:inline-block;margin-top:11px;padding:5px 10px;background:#e3f4ed;border:1px solid #bddcce;border-radius:5px;color:var(--forest);font-size:14px;line-height:1.4}
.sample-input{padding:14px 16px;background:#f0f3ef;border-left:3px solid #9fc2b2;border-radius:0 5px 5px 0;margin-bottom:22px}
.sample-input>span{font-size:14px;color:var(--muted)}
.sample-input p,.sample-review p,.sample-footnote,.paperwork-queue p{font-size:16px;line-height:1.5;margin:5px 0 0}
.sample-body h5{font-size:17px;font-weight:600;line-height:1.4;margin:0 0 10px}
.sample-body .campaign-copy{font-size:16px;line-height:1.5;margin:0 0 22px;color:var(--muted)}
.sample-scope{list-style:none;padding:0;margin:0}
.sample-scope li{position:relative;padding-left:23px;margin:10px 0;font-size:16px;line-height:1.5;color:var(--muted)}
.sample-scope li:before{content:"✓";position:absolute;left:0;color:var(--forest)}
.sample-review{display:flex;gap:12px;border-top:1px solid var(--line);padding-top:17px;margin-top:21px}
.sample-review>span{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border-radius:50%;background:var(--mint);font-size:21px;color:var(--forest)}
.sample-review p{margin:0}
.sample-review strong{display:block;font-weight:600;margin-bottom:3px}

/* Market comparisons intentionally avoid invented numerical performance.
   Each hypothetical observation is paired with a concrete positioning idea. */
.market-comparison{font-size:16px;line-height:1.5}
.market-comparison-head,.market-comparison-row{display:grid;grid-template-columns:.88fr 1.12fr;gap:18px;padding:15px 0;border-bottom:1px solid var(--line)}
.market-comparison-head{font-size:14px;color:var(--muted);padding-top:0}
.market-comparison-row>span{color:var(--muted)}
.market-comparison-row>strong{font-weight:550;color:var(--forest)}
.sample-footnote{color:var(--muted);font-size:14px;line-height:1.5;margin-top:18px}

/* A compact queue exposes the missing detail, next action, and review state.
   Status labels are text as well as color, and never imply live payments. */
.paperwork-queue{list-style:none;padding:0;margin:0}
.paperwork-queue li{display:flex;gap:14px;justify-content:space-between;align-items:start;padding:18px 0;border-top:1px solid var(--line)}
.paperwork-queue li>div{min-width:0}
.paperwork-type{display:block;font-size:14px;color:var(--muted);margin-bottom:5px;line-height:1.4}
.paperwork-queue h5{margin-bottom:4px}
.paperwork-queue p{color:var(--muted)}
.queue-status{flex-shrink:0;max-width:112px;padding:5px 9px;font-size:14px;line-height:1.35;border:1px solid #c3d5cd;border-radius:5px;background:#f0f5f1;color:var(--forest)}
.queue-attention{background:#f7f1e3;border-color:#ddcfad;color:#685b35}
.queue-ready{background:#e3f4ed;border-color:#bddcce}
.scenario-announcement{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

@media(max-width:1100px){.scenario-artifact{margin:30px 27px 30px 0}.sample-body{padding:21px}.sample-heading{padding:14px 18px}.sample-heading .demo-label{margin-left:0}.paperwork-queue li{display:block}.queue-status{display:inline-block;max-width:none;margin-top:10px}.market-comparison-head,.market-comparison-row{gap:12px}}
@media(max-width:800px){.scenario-section-expanded .scenario-tabs button{padding:18px 14px;font-size:16px}.scenario-section-expanded .scenario-tabs button[aria-selected=true]:after{left:14px;right:14px}.scenario-section-expanded .scenario-panel{grid-template-columns:1fr}.scenario-section-expanded .scenario-story{padding:30px}.scenario-section-expanded .scenario-story>p{max-width:560px}.scenario-section-expanded .demo-window,.scenario-artifact{margin:0 28px 28px;align-self:stretch}.sample-heading .demo-label{margin-left:auto}.paperwork-queue li{display:flex}.queue-status{max-width:112px;margin-top:0}}
@media(max-width:560px){.scenario-section-expanded .scenario-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-section-expanded .scenario-tabs button{padding:16px 12px;min-height:78px;font-size:16px}.scenario-section-expanded .scenario-tabs button[aria-selected=true]:after{left:12px;right:12px;bottom:7px}.scenario-section-expanded .scenario-story{padding:28px 22px 24px}.scenario-section-expanded .demo-window,.scenario-artifact{margin:0 16px 22px}.sample-heading{padding:13px 15px;gap:7px}.sample-heading .demo-label{margin-left:0}.sample-body{padding:20px 16px}.sample-document-title h4{font-size:24px}.market-comparison-head,.market-comparison-row{gap:12px;grid-template-columns:.9fr 1.1fr}.market-comparison-row{font-size:16px}.paperwork-queue li{display:block}.queue-status{margin-top:10px;max-width:none}.sample-input{padding:13px}.sample-scope li{padding-left:21px}}