@charset "UTF-8";
.example-main{max-width:1380px;padding-top:52px;padding-bottom:50px}.example-intro{max-width:780px}.example-intro h1{font-size:clamp(33px,4.2vw,53px);margin-bottom:22px}.example-intro>p:not(.eyebrow){font-size:14px;color:var(--muted)}.fiction-note{padding:14px 18px;border-left:3px solid var(--accent);background:#eeece3;line-height:1.9}.fiction-note b{color:var(--ink)}.practice-section{padding:40px 0 55px}.practice-heading{display:flex;gap:35px;align-items:flex-end;justify-content:space-between;border-top:1px solid var(--line);padding-top:30px;margin-bottom:28px}.practice-heading h2{font-size:26px;margin-bottom:0}.practice-heading .eyebrow{font-size:9px;margin-bottom:10px}.practice-heading>p{font-size:11px;color:var(--muted);margin:0}.practice-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:30px;align-items:start}.practice-editor{background:var(--white);border:1px solid var(--line);padding:24px;position:sticky;top:25px}.edit-fields{list-style:none;padding:0;margin:0;counter-reset:edit}.edit-fields li{padding:0 0 22px;counter-increment:edit}.edit-fields label{display:block;margin-bottom:10px;font-size:13px}.edit-fields label:before{content:counter(edit,decimal-leading-zero);font:11px Georgia;color:var(--accent);display:block;margin-bottom:5px}.edit-fields label small{display:block;font-size:10px;color:var(--muted);font-weight:400;margin-top:4px}.edit-fields input,.edit-fields textarea{width:100%;padding:11px 12px;border:1px solid #bcbfb1;color:var(--ink);background:#faf9f5;font-size:13px;line-height:1.8;border-radius:2px}.edit-fields textarea{resize:vertical}.edit-fields input:disabled,.edit-fields textarea:disabled{opacity:.75}.field-hint{font-size:10px;color:var(--muted);line-height:1.8;margin:8px 0 0}.editor-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;border-top:1px solid var(--line);padding-top:18px}.editor-actions .button{font-size:11px;padding:12px 14px;width:100%}.editor-actions .text-link{font-size:11px}.practice-editor>.input-note:last-child{margin-bottom:0}.preview-column{min-width:0}.preview-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid var(--line);background:#e7e8df;padding:12px 14px;font-size:10px}.preview-size{display:flex;flex-shrink:0;gap:4px}.preview-size button{border:1px solid #b8bcb0;background:transparent;padding:6px 10px;font-size:10px;border-radius:2px}.preview-size button[aria-pressed=true]{background:var(--ink);color:#fffefa;border-color:var(--ink)}.preview-width-note{font-size:10px;color:var(--muted);margin:10px 0 16px}.sample-preview{background:#fffcf5;border:1px solid #c9ccbf;box-shadow:0 15px 45px #28392e0a;max-width:100%;margin:0 auto;overflow:hidden;container-type:inline-size}.sample-preview[data-size=small]{max-width:360px}.sample-site-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 6%;border-bottom:1px solid #deded1}.sample-wordmark{font:700 27px Georgia,serif;letter-spacing:-.06em;color:#294434}.sample-wordmark>span{color:#b94027}.sample-site-header>span:last-child{font:8px Arial,sans-serif;letter-spacing:.14em;color:#61705e}.sample-preview section{padding:36px 6%;scroll-margin-top:25px}.sample-preview .section-index{display:block;font-size:8px;color:#65735d;letter-spacing:.08em;margin-bottom:17px}.sample-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:20px}.sample-overline{font-size:9px;color:#61705e;margin-bottom:14px}.sample-preview h2{font-size:clamp(23px,3.1cqw,31px);line-height:1.6;color:#294434;overflow-wrap:anywhere;word-break:normal;margin-bottom:18px;letter-spacing:-.045em}.sample-preview h3{font-size:21px;color:#294434;margin-bottom:18px;line-height:1.6}.sample-preview p,.sample-preview li{font-size:11px;color:#5d6657;line-height:2}.sample-preview #sample-audience{white-space:pre-line;overflow-wrap:anywhere}.sample-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 15px;background:#294434;color:#fffaf1;max-width:100%;font-size:10px;font-weight:700;line-height:1.8;overflow-wrap:anywhere}.sample-cta>span{flex-shrink:0}.photo-stack{height:230px;position:relative;max-width:230px;width:100%;margin:0 auto}.photo-card{position:absolute;background:#fff;padding:10px 10px 34px;box-shadow:1px 8px 16px #2c3b3320;width:142px;height:172px;left:50%;top:50%}.photo-back{transform:translate(-60%,-55%) rotate(-13deg);background:#ebe4d4}.photo-back>span{display:block;height:100%;background:linear-gradient(145deg,#a5ad83,#d4d8bd)}.photo-front{transform:translate(-34%,-35%) rotate(9deg);background:#fffdf8}.photo-front:before{content:'';position:absolute;inset:10px 10px 34px;background:#d9d5be}.photo-vase{position:absolute;width:54px;height:87px;left:42px;top:36px;z-index:1;background:linear-gradient(90deg,#b87649,#dba676,#b67443);border-radius:36% 36% 42% 42%;transform:rotate(-6deg)}.photo-vase:before{content:'';position:absolute;top:-10px;left:16px;width:23px;height:27px;background:linear-gradient(90deg,#b87649,#dba676,#b67443);border-radius:3px}.photo-front>i{position:absolute;width:45px;height:13px;background:#565c453b;border-radius:50%;bottom:45px;left:48px;filter:blur(2px)}.photo-caption{position:absolute;bottom:7px;right:0;font:7px Georgia,serif;letter-spacing:.09em;color:#61705e;transform:rotate(-8deg)}.sample-needs{background:#e9eddf}.sample-needs ul{padding-left:17px;margin:0}.sample-needs li{padding-left:3px;margin-bottom:5px}.sample-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sample-services>div{padding-top:17px;border-top:1px solid #ccd1c1}.sample-services>div>span{font:18px Georgia;color:#b4764d;display:block;margin-bottom:12px}.sample-services b{font-size:11px;color:#294434;display:block}.sample-services p{font-size:10px;margin:10px 0 0}.sample-process{background:#f0eada}.sample-process ol{padding:0;list-style:none;margin:0}.sample-process li{display:flex;align-items:baseline;gap:15px;justify-content:space-between;border-bottom:1px solid #d6d5c5;padding:12px 0}.sample-process li:last-child{border-bottom:0}.sample-process b{font-size:11px;color:#294434}.sample-process span{font-size:10px;text-align:right}.sample-next-step>p{max-width:500px}.sample-boundary{font-size:9px!important;border-left:2px solid #b4764d;padding-left:12px;margin:23px 0 0}.sample-site-footer{padding:20px 6%;border-top:1px solid #deded1;display:flex;justify-content:space-between;gap:10px;font-size:7px;color:#61705e}.notes-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding:50px 0;border-top:1px solid var(--line)}.notes-section h2{font-size:31px}.notes-section>div>p:not(.eyebrow){font-size:13px;color:var(--muted)}.notes-panel{padding:28px;background:var(--cream);border:1px solid var(--line)}.reason-list{list-style:none;padding:0;margin:0 0 20px}.reason-list li{padding:14px 0;border-bottom:1px solid #d4d5c7}.reason-list li:first-child{padding-top:0}.reason-list b{font-size:13px}.reason-list p{font-size:12px;color:var(--muted);margin:8px 0 0}.notes-panel>.button{font-size:12px;width:100%}#note-result>label{font-size:12px;font-weight:700;display:block;margin:25px 0 10px}#edit-note{width:100%;padding:15px;font-size:12px;line-height:1.9;border:1px solid #bcbfb1;color:var(--ink);background:var(--white);resize:vertical}.note-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:15px}.note-actions .button{font-size:11px}.note-actions p{font-size:11px;margin:0;color:#345d3c}.example-next{background:#e6ddcd;padding:38px;margin-top:25px}.example-next h2{font-size:30px}.example-next>p:not(.eyebrow){font-size:13px;max-width:800px;color:var(--muted)}.example-next .guide-actions{gap:20px}.example-next .text-link{font-size:11px}
@container(max-width:430px){.sample-hero-grid{grid-template-columns:1fr;gap:10px}.sample-preview h2{font-size:26px}.sample-preview h3{font-size:20px}.photo-stack{height:190px;max-width:210px}.photo-card{width:124px;height:151px}.photo-vase{width:47px;height:74px;left:37px;top:29px}.photo-vase:before{left:13px;width:21px}.photo-front>i{left:42px;bottom:42px;width:40px}.photo-caption{right:5px;bottom:0}.sample-services{grid-template-columns:1fr;gap:17px}.sample-services>div{display:grid;grid-template-columns:28px 1fr;gap:6px 10px;padding-top:14px}.sample-services>div>span{grid-row:span 2;margin:0}.sample-services b{padding-top:1px;font-size:12px}.sample-services p{grid-column:2;margin:0;font-size:11px}.sample-process li{display:block}.sample-process b,.sample-process span{display:block;text-align:left}.sample-process span{margin-top:4px}.sample-site-footer{display:block}.sample-site-footer>span{display:block;margin-top:5px}}
@media(max-width:1000px){.practice-layout{grid-template-columns:260px minmax(0,1fr);gap:20px}.practice-editor{padding:21px}.example-main{padding-left:30px;padding-right:30px}.preview-toolbar{align-items:flex-start;flex-wrap:wrap;gap:10px}.notes-section{gap:30px}.practice-heading{align-items:flex-start}}
@media(max-width:760px){.practice-layout{grid-template-columns:1fr;gap:24px}.practice-editor{position:static}.example-main{padding-top:35px;padding-left:24px;padding-right:24px}.example-intro h1{font-size:35px}.example-intro>p:not(.eyebrow){font-size:13px}.practice-heading{display:block;margin-bottom:22px}.practice-heading h2{font-size:24px}.practice-heading>p{margin-top:16px}.practice-section{padding-top:25px;padding-bottom:35px}.edit-fields input,.edit-fields textarea{font-size:16px}.edit-fields li{padding-bottom:19px}.edit-fields label small,.field-hint{font-size:11px}.editor-actions .button{width:auto}.practice-editor{padding:22px}.preview-toolbar{align-items:center}.preview-toolbar>span{font-size:9px}.preview-size button{padding:7px 10px}.sample-preview[data-size=wide]{max-width:100%}.notes-section{grid-template-columns:1fr;gap:20px;padding-top:35px}.notes-section h2{font-size:28px}.notes-section>div>p:not(.eyebrow){font-size:13px}.notes-panel{padding:24px 20px}.example-next{padding:27px 23px}.example-next h2{font-size:26px}.example-next .button{width:100%;font-size:12px;padding:15px 18px}.note-actions{gap:14px}.sample-preview section{padding:29px 7%}}
@media(prefers-reduced-motion:reduce){.sample-preview{scroll-behavior:auto}}
/* The same sample now shows the decisions around an AI-assisted draft. */
.ai-workflow{margin-top:30px;border:1px solid #c6cbbd;background:#e9ede2}.ai-workflow>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 42px 20px 24px;font-size:14px;font-weight:700}.ai-workflow>summary small{font-size:10px;font-weight:400;color:var(--muted)}.ai-workflow-body{border-top:1px solid #c6cbbd;padding:24px;background:#f7f7ef}.workflow-path{display:flex;list-style:none;gap:10px 24px;padding:0;margin:0 0 26px;font-size:11px;font-weight:700;color:#4d604a;flex-wrap:wrap}.ai-workflow h2{font-size:18px;margin-bottom:12px;letter-spacing:-.025em}.ai-workflow p{font-size:12px;color:var(--muted);line-height:1.9}.workflow-request{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.workflow-request>details{border:1px solid var(--line);background:var(--white);padding:0 18px}.workflow-request>details>summary{font-size:12px}.ai-workflow label{font-size:11px;font-weight:700;display:block;margin:14px 0 8px}.ai-workflow textarea{width:100%;padding:14px;resize:vertical;border:1px solid #bcc3b1;background:var(--white);color:var(--ink);font-size:12px;line-height:1.9}.ai-workflow textarea:focus-visible{outline:3px solid #006e95;outline-offset:3px}.ai-workflow .button{font-size:11px;margin-top:12px;padding:12px 16px}.ai-workflow button:disabled{opacity:.55}.workflow-choose,.workflow-revision{border-top:1px solid var(--line);padding-top:24px;margin-top:24px}.candidate-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}.candidate-options button{text-align:left;border:1px solid #b9c2b0;background:var(--white);padding:20px;color:var(--ink);border-radius:3px;line-height:1.7}.candidate-options button[aria-pressed=true]{border:2px solid #4d604a;background:#eef2e7;padding:19px}.candidate-options button>span{display:block;font-size:10px;color:#4d604a;margin-bottom:10px}.candidate-options button>b{display:block;font-size:17px;line-height:1.7;margin-bottom:8px}.candidate-options button>small{font-size:12px;font-weight:400;color:var(--muted)}.candidate-feedback{margin-top:15px;padding:18px 20px;background:#edf2e7;border-left:3px solid #4d604a;font-size:12px;line-height:1.9}.candidate-feedback[data-tone=revise]{background:#fff1df;border-color:#b94027}.workflow-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.workflow-revision>.input-note{margin:16px 0 0}.learner-checks{border:0;border-top:1px solid #d4d5c7;padding:22px 0 8px;margin:24px 0 16px}.learner-checks legend{padding:0 8px 0 0;font-size:12px;font-weight:700}.learner-checks label{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.9;padding:9px 0;cursor:pointer}.learner-checks input{width:18px;height:18px;margin:3px 0 0;accent-color:#4d604a;flex-shrink:0}.learner-checks p{margin-top:16px;font-size:11px!important}
@media(max-width:760px){.ai-workflow>summary{display:block;padding:18px 37px 18px 20px;font-size:13px}.ai-workflow>summary small{display:block;margin-top:7px}.ai-workflow-body{padding:20px}.workflow-path{gap:10px 17px;font-size:10px;margin-bottom:22px}.workflow-request,.candidate-options{grid-template-columns:1fr;gap:16px}.ai-workflow h2{font-size:17px}.ai-workflow p{font-size:12px}.ai-workflow textarea{font-size:16px}.candidate-options button{padding:18px}.candidate-options button[aria-pressed=true]{padding:17px}.candidate-options button>b{font-size:16px}.workflow-actions .button{width:100%;justify-content:center}.workflow-actions{gap:0}.candidate-feedback{padding:15px 17px}.learner-checks label{font-size:12px}}