/* A readable work sample and concrete first-cohort support. */
#workflow-example [hidden] { display:none!important; }
.workflow-heading { max-width:820px; margin-bottom:24px; }
.campaign-home .workflow-heading h2 { font-size:34px; line-height:1.65; }
.workflow-heading h2 em { color:#905724; }
.workflow-heading > p:last-child { font-size:14px; margin-top:16px; }
.workflow-disclosure { font-size:12px; line-height:1.85; margin:12px 0 22px; color:#5c5c50; }
.workflow-choices { display:flex; gap:12px; margin-bottom:20px; }
.workflow-choices button { padding:12px 24px; border:1px solid #8a987b; background:#fffdf7; color:#4a5b40; font:inherit; font-weight:700; cursor:pointer; border-radius:4px; }
.workflow-choices button[aria-pressed=true] { background:#4e6946; color:white; border-color:#4e6946; }
.workflow-case { border:1px solid #c9cdbb; background:#fffdf7; padding:24px 30px; scroll-margin-top:20px; }
.workflow-case + .workflow-case { margin-top:24px; }
.walkthrough-ready .workflow-case { margin-top:0; }
.workflow-case-head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:16px; }
.workflow-case h3 { font-size:21px; }
.workflow-case-head > p { font-size:11px; white-space:nowrap; }
.workflow-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; border-bottom:1px solid #d6d9c8; padding-bottom:16px; margin-bottom:23px; }
.workflow-steps button { min-height:55px; font:inherit; background:none; border:0; border-bottom:3px solid transparent; color:#56614b; cursor:pointer; font-size:13px; padding:7px 2px; }
.workflow-steps b { display:inline-block; font-size:18px; margin-right:6px; }
.workflow-steps button[aria-current=step] { border-color:#d99a2e; color:#694317; background:#faf0cf; font-weight:700; }
.workflow-steps button:disabled { color:#68685f; cursor:not-allowed; border-bottom-color:#dddccf; background:#f1f0e9; }
[data-stage-panel] { min-height:385px; }
[data-stage-panel] h4 { font-size:23px; line-height:1.6; outline-offset:5px; margin-bottom:14px; }
.stage-label { color:#627452; font-size:12px; font-weight:700; margin-bottom:7px; }
.workflow-request { display:grid; grid-template-columns:1fr 1fr; gap:34px; align-items:center; }
.chat-letter { background:#eaf0e0; border-radius:22px 22px 3px 22px; padding:24px; position:relative; }
.chat-letter > span { font-size:11px; color:#546546; }
.chat-letter blockquote { font-size:18px; line-height:1.9; font-weight:700; margin:9px 0 0; }
.chat-letter svg { position:absolute; width:61px; height:90px; right:-14px; bottom:-19px; }
.workflow-purpose { font-size:14px; line-height:2; padding:6px 15px 6px 0; }
.workflow-purpose strong { color:#4d6844; }
.workflow-source-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:18px; }
.workflow-source { background:#fff; border:1px solid #d7d6c9; padding:18px; box-shadow:3px 3px 0 #ebe7d8; }
.workflow-source > span { display:block; font-size:11px; color:#667451; }
.workflow-source h5 { font-size:16px; margin:8px 0 12px; }
.workflow-source p { font-size:13px; line-height:1.9; }
.workflow-source-note { font-size:12px; margin-top:15px; }
.workflow-draft { display:grid; grid-template-columns:1.4fr 1fr; gap:28px; align-items:start; }
.trace-paper { background:white; border:1px solid #c6c4b7; padding:19px 23px; }
.trace-paper header { border-bottom:2px solid #b5bba5; padding-bottom:10px; display:flex; justify-content:space-between; align-items:center; gap:15px; }
.trace-paper header strong { font-size:17px; }
.trace-paper header span { font-size:11px; color:#5a6b45; }
.trace-paper dl { margin:0; }
.trace-paper dl > div { padding:13px 0; border-bottom:1px solid #e1e2d6; }
.trace-paper dt { font-size:11px; color:#6a705e; margin-bottom:6px; }
.trace-paper dd { font-size:14px; margin:0; line-height:1.9; }
.trace-paper small { display:block; margin-top:7px; color:#755927; font-size:11px; }
.review-note { border-top:3px solid #d6a346; padding-top:14px; font-size:13px; line-height:2; }
.review-note strong { display:block; font-size:16px; color:#845a25; margin-bottom:7px; }
.workflow-review { display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; }
.workflow-options { border:0; padding:0; margin:0; min-width:0; }
.workflow-options legend { font-size:14px; font-weight:700; margin-bottom:12px; }
.workflow-options label { display:flex; align-items:flex-start; gap:9px; padding:13px; border:1px solid #aeb69c; background:white; margin-bottom:10px; font-size:13px; line-height:1.8; cursor:pointer; }
.workflow-options input { accent-color:#526d46; width:18px; height:18px; flex:none; margin-top:3px; }
.workflow-options label:has(input:checked) { background:#eef4e4; border-color:#547347; }
.workflow-check { display:flex; gap:10px; font-size:12px; line-height:1.8; cursor:pointer; margin-top:15px; padding:12px; background:#f5efdb; }
.workflow-check input { width:18px; height:18px; accent-color:#526d46; flex:none; }
.workflow-controls-bottom { display:flex; justify-content:space-between; gap:16px; align-items:center; margin-top:24px; border-top:1px solid #e0dfd1; padding-top:18px; }
.workflow-controls-bottom button { min-height:46px; font:inherit; cursor:pointer; }
.workflow-next { background:#526d46; color:white; border:0; border-radius:4px; padding:12px 23px; font-size:14px!important; font-weight:700!important; }
.workflow-next:disabled { background:#dfdfd4; color:#5b5b50; cursor:not-allowed; }
.workflow-back { border:0; background:none; text-decoration:underline; text-underline-offset:4px; color:#536f74; font-size:12px!important; }
.workflow-transfer { display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:start; }
.workflow-transfer p { font-size:13px; line-height:2; }
.workflow-transfer .handoff-label { background:#f4e5b6; padding:6px 10px; display:inline-block; margin-bottom:14px; font-weight:700; }
.workflow-next-step { margin-top:18px; font-size:14px; }
.hero-scene-link { display:inline-block; color:#426b72; margin-top:10px; font-size:12px; font-weight:700; text-decoration:underline; text-underline-offset:4px; }
.cohort-bonus { margin-top:28px; background:#fffdf3; padding:29px 36px; border:1px solid #dca342; }
.cohort-bonus > header { display:flex; align-items:center; gap:22px; padding-bottom:19px; border-bottom:1px solid #d4c6a4; }
.cohort-bonus > header > span { border:2px solid #587044; color:#4c6540; padding:6px 10px; font-size:12px; font-weight:700; transform:rotate(-4deg); white-space:nowrap; }
.cohort-bonus h3 { font-size:25px; line-height:1.65; }
.bonus-list { display:grid; grid-template-columns:1fr 1fr; gap:35px; margin-top:24px; }
.bonus-list article + article { border-left:1px solid #d9cfb2; padding-left:30px; }
.bonus-list h4 { font-size:17px; }
.bonus-count { margin:10px 0; font-size:17px; color:#83501b; }
.bonus-count b { font-size:42px; line-height:1.3; margin-right:4px; }
.bonus-list article > p:last-child { font-size:13px; line-height:1.9; }
.bonus-foot { font-size:12px; line-height:1.9; margin-top:21px; border-top:1px solid #ded4b7; padding-top:15px; }
.cohort-heading .bonus-teaser { font-weight:700; color:#4d431e; }
.onboarding-sheet { background:#fffdf6; border:1px solid #cbd4bf; margin-top:30px; padding:26px 30px; }
.onboarding-sheet header { display:flex; justify-content:space-between; gap:30px; align-items:center; }
.onboarding-sheet h3 { font-size:23px; line-height:1.7; }
.onboarding-estimate { font-size:12px; flex:none; text-align:right; }
.onboarding-estimate strong { display:block; font-size:28px; color:#4c6d43; }
.onboarding-route { list-style:none; padding:0; margin:23px 0 0; display:grid; grid-template-columns:repeat(3,1fr); gap:25px; }
.onboarding-route li { border-top:2px solid #a8b88e; padding-top:14px; }
.onboarding-route b { color:#4e6742; font-size:15px; }
.onboarding-route h4 { font-size:15px; margin:10px 0 7px; }
.onboarding-route p { font-size:12px; line-height:1.85; }
.onboarding-note { font-size:11px; line-height:1.9; margin-top:19px; }
.onboarding-outcome { border-top:1px solid #d9dccb; margin-top:19px; padding-top:15px; font-size:13px; }
.scope-note { margin-top:20px; font-size:13px; border:1px solid #c1cfbd; background:#fbfcf6; padding:17px 20px; }
.scope-note summary { cursor:pointer; font-weight:700; min-height:30px; }
.scope-note dl > div { border-top:1px solid #d8dfce; padding-top:13px; margin-top:13px; }
.scope-note dt { font-weight:700; color:#526d46; }
.scope-note dd { margin:5px 0 0; line-height:1.9; }
.first-consult { padding:17px 19px; border:1px solid #cad5c2; margin-top:20px; background:#fffdf5; font-size:13px; line-height:1.9; }
.first-consult strong { display:block; color:#4d6742; margin-bottom:6px; font-size:16px; }
.first-consult .fee-preview { border-top:1px solid #d8ddcc; margin-top:11px; padding-top:11px; }
.detail-offer { margin:38px auto; }
.detail-offer .cohort-bonus { background:#fff7df; }
@media(max-width:700px) {
 .campaign-home .workflow-heading h2 { font-size:25px; }
 .workflow-heading > p:last-child { font-size:13px; }
 .workflow-disclosure { font-size:11px; }
 .workflow-choices { gap:8px; }
 .workflow-choices button { flex:1; padding:11px 8px; font-size:12px; }
 .workflow-case { padding:18px 14px; }
 .workflow-case-head { display:block; }
 .workflow-case h3 { font-size:18px; }
 .workflow-case-head > p { font-size:10px; margin-top:4px; }
 .workflow-steps { gap:3px; padding-bottom:10px; margin-bottom:19px; }
 .workflow-steps button { font-size:10px; min-height:56px; padding:5px 1px; }
 .workflow-steps b { display:block; font-size:17px; margin:0; }
 [data-stage-panel] { min-height:0; }
 [data-stage-panel] h4 { font-size:20px; }
 .workflow-request,.workflow-draft,.workflow-review,.workflow-transfer { grid-template-columns:1fr; gap:20px; }
 .chat-letter { padding:18px; margin:5px 10px 14px 0; }
 .chat-letter blockquote { font-size:15px; }
 .workflow-purpose { font-size:12px; padding:0; }
 .workflow-source-list { display:block; }
 .workflow-source { padding:14px; margin-top:12px; }
 .workflow-source h5 { font-size:14px; margin:5px 0 8px; }
 .workflow-source p { font-size:12px; }
 .trace-paper { padding:15px; }
 .trace-paper header strong { font-size:14px; }
 .trace-paper dd { font-size:13px; }
 .review-note { font-size:12px; }
 .workflow-controls-bottom { gap:10px; }
 .workflow-next { padding:12px; font-size:12px!important; }
 .workflow-back { font-size:11px!important; }
 .cohort-bonus { padding:20px; }
 .cohort-bonus > header { display:block; }
 .cohort-bonus > header > span { display:inline-block; margin-bottom:13px; }
 .cohort-bonus h3 { font-size:22px; }
 .bonus-list { grid-template-columns:1fr; gap:23px; }
 .bonus-list article + article { border-left:0; border-top:1px solid #d9cfb2; padding-left:0; padding-top:20px; }
 .bonus-count b { font-size:38px; }
 .bonus-foot { font-size:11px; }
 .onboarding-sheet { padding:20px; }
 .onboarding-sheet header { display:block; }
 .onboarding-sheet h3 { font-size:20px; }
 .onboarding-estimate { text-align:left; margin-top:13px; }
 .onboarding-estimate strong { font-size:26px; }
 .onboarding-route { display:block; margin-top:15px; }
 .onboarding-route li { margin-top:17px; padding-top:12px; }
 .onboarding-route h4 { margin:5px 0; }
 .scope-note { padding:15px; font-size:12px; }
 .first-consult { font-size:12px; }
 .first-consult strong { font-size:15px; }
}

.onboarding-extra { display:block; margin-top:9px; font-size:12px; line-height:1.8; color:#665c42; }