/* Offer-letter workspace. These rules never enter the letter preview iframe. */
body.cso-letters .cso-letter-hero{overflow:hidden;isolation:isolate;padding:32px 0 50px;background:radial-gradient(ellipse at 95% 20%,#dce7ce,transparent 65%),#eff3e7}
body.cso-letters .cso-letter-hero::before,body.cso-letters .cso-letter-hero::after{display:none}
body.cso-letters .cso-letter-hero .cso-breadcrumb{margin-bottom:32px}
body.cso-letters .cso-letter-intro{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px}
body.cso-letters .cso-letter-copy{min-width:0}
body.cso-letters .cso-letter-copy h1{font:600 clamp(42px,4.5vw,64px)/1.07 var(--cso-font);letter-spacing:-.055em;margin:21px 0 24px;max-width:730px}
body.cso-letters .cso-letter-copy h1>span{color:#416e43}
body.cso-letters .cso-letter-copy>p{font:400 16px/1.85 var(--cso-font);max-width:52ch;margin:0 0 28px;color:#52664e}
body.cso-letters .cso-letter-copy>.cso-eyebrow{font-size:11px;letter-spacing:1.7px;display:inline-block;border-left:3px solid #a8b777;padding-left:12px}
body.cso-letters .cso-letter-hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}
body.cso-letters .cso-letter-hero-actions .cso-button{min-height:52px;gap:25px;padding:14px 20px;border-radius:10px;font-size:14px;box-shadow:0 8px 20px #174c3c16}
body.cso-letters .cso-letter-hero-actions>a:not(.cso-button){display:inline-flex;align-items:center;gap:12px;font:600 13px/1.6 var(--cso-font);color:#315e43;text-decoration:none}
body.cso-letters .cso-letter-hero-actions>a:not(.cso-button):hover{text-decoration:underline;text-underline-offset:5px}
body.cso-letters .cso-letter-hero-actions svg{width:17px;height:17px;flex-shrink:0}
body.cso-letters .cso-letter-assurances{display:flex;gap:23px;flex-wrap:wrap;border-top:1px solid #ccd9c0;padding-top:23px;margin-top:28px;font:400 12px/1.7 var(--cso-font);color:#476544}
body.cso-letters .cso-letter-assurances>span{display:flex;align-items:center;gap:8px}
body.cso-letters .cso-letter-assurances svg{width:16px;height:16px;stroke-width:1.6}
body.cso-letters .cso-letter-art{position:relative;isolation:isolate;height:350px;max-width:470px;width:100%;margin-left:auto;pointer-events:none}
body.cso-letters .cso-letter-art-grid{position:absolute;inset:-50px -30px;border:1px solid #b8cba280;background:repeating-linear-gradient(45deg,transparent 0 46px,#aabd9030 47px 48px,transparent 49px 94px);transform:rotate(-8deg);mask-image:radial-gradient(ellipse at center,#000,transparent 72%)}
body.cso-letters .cso-letter-art-paper{position:absolute;z-index:1;left:23%;top:7px;width:215px;height:285px;padding:25px 23px;background:#fffdf6;border:1px solid #dbdfca;border-radius:4px;transform:rotate(8deg);box-shadow:0 12px 24px #274c3520;color:#31593e}
body.cso-letters .cso-letter-art-mark{font:600 24px/1 var(--cso-font)}
body.cso-letters .cso-letter-art-rule{display:block;height:1px;background:#cfdbc3;margin:15px 0}
body.cso-letters .cso-letter-art-paper small{display:block;font:600 6px/1.7 var(--cso-font);letter-spacing:1px;color:#7b875f}
body.cso-letters .cso-letter-art-paper strong{display:block;font:600 27px/1.15 var(--cso-font);letter-spacing:-1px;margin:10px 0 16px}
body.cso-letters .cso-letter-art-paper i{display:block;height:2px;background:#d8decc;margin:7px 0;width:95%}
body.cso-letters .cso-letter-art-paper i:nth-last-of-type(1){width:65%}
body.cso-letters .cso-letter-art-signature{display:block;font:italic 14px/1.8 Georgia,serif;margin-top:18px;color:#668255}
body.cso-letters .cso-letter-art-envelope{position:absolute;z-index:2;left:12%;right:5%;bottom:13px;height:170px;background:linear-gradient(150deg,#b3c69a,#ced9b8);border:1px solid #9eb787;border-radius:4px 4px 12px 12px;box-shadow:0 20px 30px #274c351a;overflow:hidden;transform:rotate(-6deg)}
body.cso-letters .cso-letter-art-envelope::before{content:'';position:absolute;inset:0;clip-path:polygon(0 0,50% 65%,100% 0,100% 100%,0 100%);background:linear-gradient(120deg,#dce4c5,#c4d3ac)}
body.cso-letters .cso-letter-art-envelope::after{content:'';position:absolute;width:250px;height:250px;left:50%;top:80px;transform:translateX(-50%) rotate(45deg);border:1px solid #a9be9180;background:#d4dfbd}
body.cso-letters .cso-letter-art-note{position:absolute;z-index:3;left:0;top:32px;border-left:3px solid #b49a50;background:#fdfbf0;padding:13px 17px;transform:rotate(-4deg);box-shadow:0 7px 18px #274c3510}
body.cso-letters .cso-letter-art-note>span{display:block;font:600 7px/1.6 var(--cso-font);letter-spacing:1px;color:#7a794b;margin-bottom:6px}
body.cso-letters .cso-letter-art-note>strong{font:600 13px/1.5 var(--cso-font);letter-spacing:-.2px;color:#435b38}
body.cso-letters .cso-letter-art-seal{position:absolute;z-index:4;right:10%;bottom:51px;width:51px;height:51px;display:grid;place-items:center;background:#174c3c;color:#e8edcd;border:5px solid #eef0d7;border-radius:50%;box-shadow:0 3px 6px #174c3c15;transform:rotate(-6deg)}
body.cso-letters .cso-letter-art-seal svg{width:24px;height:24px}
body.cso-letters .offer-workspace{max-width:1280px;width:calc(100% - 64px);padding:34px 0 0!important;margin-bottom:70px!important}
body.cso-letters .builder-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px}
body.cso-letters .form-column>.progress{position:relative;overflow:hidden;border:1px solid #cbd9c1;border-radius:16px;background:#f5f7ee;box-shadow:0 5px 18px #274c3506;padding:23px}
body.cso-letters .progress-status strong{font-size:15px}
body.cso-letters .progress-status>div>span{font-size:10px;letter-spacing:1px}
body.cso-letters .progress ol{margin:22px 0 20px}
body.cso-letters .progress button{font-size:11px}
body.cso-letters .selected-design{border-radius:16px;border:1px solid #d8cfaa;border-top:3px solid #b5a061;box-shadow:none;background:linear-gradient(115deg,#fffdf5,#f7f8ee);padding:22px}
body.cso-letters .design-selection-heading{font-size:10px;letter-spacing:1px;color:#6b633f}
body.cso-letters .design-availability{background:#f6efd4;border-color:#e3d8ad;color:#766735}
body.cso-letters .selected-design-description>strong{font-family:var(--cso-font);font-size:23px;color:#304b32}
body.cso-letters .selected-design #change-design{border-radius:8px;font-size:12px;padding:12px 15px}
body.cso-letters .design-reassurance{font-size:11px;color:#687251;border-color:#e0dfcb}
body.cso-letters #offer-form .step-panel{padding:30px;border-radius:18px!important;border-color:#d0ddc6!important;box-shadow:0 8px 25px #274c3506}
body.cso-letters .step-panel>.overline{font-size:10px;letter-spacing:1.5px;color:#718356}
body.cso-letters .step-panel>h2{font-size:30px;line-height:1.25;margin:13px 0 14px;font-weight:600}
body.cso-letters .step-panel .section-copy{font-size:14px;line-height:1.8;color:#60705b;margin-bottom:26px}
body.cso-letters .field label{font-size:13px;color:#36503a}
body.cso-letters .step-panel :is(input:not([type=checkbox]):not([type=radio]),select,textarea){border-color:#bdceb3;border-radius:8px;background-color:#fff;font-size:15px;color:#263e2b;min-height:46px}
body.cso-letters .step-panel select{appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23315e43' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='m5 7.5 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:16px;background-position:right 13px center}
body.cso-letters .optional-section{border-color:#d2dfc8;background:#f7f9f2;border-radius:12px}
body.cso-letters .optional-section summary{color:#36563a;font-size:13px}
body.cso-letters .optional-section summary small{color:#67785e;font-size:11px}
body.cso-letters .summary-plus{background:#eaf1df;border-radius:7px;color:#315e43}
body.cso-letters .panel-actions{border-color:#d9e3d0;padding-top:24px}
body.cso-letters .panel-actions .primary{font-size:14px;min-height:46px;border-radius:9px;padding:12px 20px}
body.cso-letters .preview-column{margin-top:0;padding-top:0;top:20px}
body.cso-letters .preview-card{padding:22px;border:1px solid #cddac0;border-radius:18px;background:linear-gradient(145deg,#edf3e4,#f5f7ed);box-shadow:0 8px 25px #274c3508}
body.cso-letters .preview-title{color:#315e43;letter-spacing:1.5px}
body.cso-letters .preview-heading{gap:15px}
body.cso-letters .preview-card iframe{background:#fff;box-shadow:0 6px 18px #203d2c12}
body.cso-letters .preview-card :is(.sample-note,.preview-status){color:#647658;font-size:11px}
body.cso-letters .preview-enlarge{border-color:#d1dec3;color:#315e43;font-size:13px}
body.cso-letters .preview-reassurance{color:#617555;font-size:12px;line-height:1.8}
body.cso-letters .learn-content{margin-top:65px;background:#fafbf6;box-shadow:0 0 0 100vmax #fafbf6}
body.cso-letters .reading-intro{background:#174c3c;box-shadow:0 0 0 100vmax #174c3c;padding-block:42px;margin-bottom:58px;gap:35px}
body.cso-letters .reading-intro .reading-kicker{color:#d5e0b6;font-size:10px;letter-spacing:1.7px}
body.cso-letters .reading-intro h2{font:600 34px/1.2 var(--cso-font);letter-spacing:-1px;color:#fff;margin-top:14px}
body.cso-letters .reading-intro p{color:#d2e0d6;font-size:14px}
body.cso-letters .reading-back{border-color:#91ab7a;background:#ffffff0a;color:#edf1d8;border-radius:9px;padding:13px 18px;font-size:13px}
body.cso-letters .learn-content .letter-showcase{position:relative;padding:32px;gap:50px;border:1px solid #d7e1cc;background:linear-gradient(125deg,#fff,#edf3e2);border-radius:20px;overflow:hidden;box-shadow:0 8px 24px #274c3506}
body.cso-letters .learn-content :is(.showcase-copy h2,.help-section-heading h2){font:600 clamp(27px,2.8vw,38px)/1.2 var(--cso-font);letter-spacing:-.045em;color:#294831;max-width:650px}
body.cso-letters .learn-content .showcase-copy>p,body.cso-letters .help-section-heading>p{font-size:14px;color:#617159;line-height:1.85}
body.cso-letters .showcase-copy li{font-size:13px;color:#52694a}
body.cso-letters .showcase-glow{background:repeating-linear-gradient(135deg,transparent 0 42px,#a3ba8e30 43px 44px,transparent 45px 86px);border-radius:0}
body.cso-letters .showcase-copy .secondary{font-size:13px;border-color:#bccdac;background:#fff;border-radius:8px;color:#315e43;min-height:44px}
body.cso-letters .learn-content .how-it-works{background:transparent;box-shadow:none}
body.cso-letters .help-section{margin-bottom:62px}
body.cso-letters .help-steps{gap:24px}
body.cso-letters .help-steps li{background:#fff;padding:20px;border:1px solid #d7e1cc;border-radius:16px;box-shadow:0 6px 20px #274c3505}
body.cso-letters .help-step-visual{border:1px solid #dce5d3;border-radius:8px;overflow:hidden;margin-bottom:20px;background:#f0f4e9}
body.cso-letters .help-step-number{background:#ecf2e1;border-color:#cddbbc;color:#42623d;border-radius:8px}
body.cso-letters .help-steps h3{font-size:17px;color:#2e4d35}
body.cso-letters .help-steps p,body.cso-letters .help-features p{font-size:13px;line-height:1.85;color:#607057}
body.cso-letters .help-features{gap:18px!important}
body.cso-letters .help-features article{position:relative;overflow:hidden;padding:25px!important;background:#f0f4e8;border:1px solid #d6e0ca!important;border-radius:14px}
body.cso-letters .help-features article::after{content:'';position:absolute;width:90px;height:90px;right:-46px;top:-46px;border:1px solid #cbdab9;transform:rotate(45deg);pointer-events:none}
body.cso-letters .help-feature-index{display:block;color:#6c8652!important;font-size:11px;letter-spacing:1px;margin-bottom:20px}
body.cso-letters .help-features h3{font:600 18px/1.4 var(--cso-font);color:#294831}
body.cso-letters .help-faq-list{max-width:none}
body.cso-letters .help-question{border:1px solid #d2dfc6;border-radius:11px;background:#fff;padding:18px 22px;margin-bottom:12px}
body.cso-letters .help-question[open]{background:#f0f5e7;border-color:#a7bd92}
body.cso-letters .help-question summary{font-size:15px;color:#31563b;font-weight:600}
body.cso-letters .help-question summary>span{border:1px solid #d0dec1;border-radius:6px;background:#eaf1df;color:#315e43}
body.cso-letters .help-answer p{font-size:14px;color:#5b6e52;line-height:1.85}
body.cso-letters .reading-return{border-color:#d8e2cf}
body.cso-letters :is(.reading-return a,.help-links a){color:#315e43;font-size:13px}
body.cso-letters .reading-return a>span{background:#edf3e3;border-color:#cbdabc;color:#315e43;border-radius:7px}
body.cso-letters .help-links a{background:#fff;border:1px solid #cfdec2;border-radius:9px;padding:12px 16px}
body.cso-letters dialog{border-color:#cfdec2}
body.cso-letters .design-gallery-header{background:#f5f7ee;border-bottom-color:#d1dec5}
body.cso-letters dialog .secondary{color:#315e43;border-color:#bdceb0}
body.cso-letters .step-panel input[aria-invalid=true],body.cso-letters .step-panel select[aria-invalid=true],body.cso-letters .step-panel textarea[aria-invalid=true]{border-color:var(--cps-error-border,#b24c58)}
@media(max-width:1100px){body.cso-letters .cso-letter-intro{gap:30px}body.cso-letters .cso-letter-copy h1{font-size:52px}body.cso-letters .cso-letter-art{transform:scale(.9);transform-origin:right center}body.cso-letters .builder-layout{gap:22px}body.cso-letters #offer-form .step-panel{padding:25px}body.cso-letters .preview-card{padding:16px}}
@media(max-width:800px){body.cso-letters .cso-letter-hero{padding:25px 0 32px}body.cso-letters .cso-letter-intro{grid-template-columns:1fr;gap:24px}body.cso-letters .cso-letter-copy h1{font-size:clamp(40px,7vw,56px)}body.cso-letters .cso-letter-art{height:310px;width:430px;max-width:100%;margin:0 auto;transform:none}body.cso-letters .cso-letter-art-paper{height:265px}body.cso-letters .cso-letter-art-note{top:20px}body.cso-letters .cso-letter-art-envelope{height:150px}body.cso-letters .cso-letter-assurances{gap:20px}body.cso-letters .offer-workspace{width:calc(100% - 40px);padding-top:25px!important}body.cso-letters .builder-layout{display:block}body.cso-letters .preview-column{display:none}body.cso-letters .reading-intro{padding-block:30px;margin-bottom:38px}body.cso-letters .reading-intro h2{font-size:30px}body.cso-letters .learn-content .letter-showcase{padding:25px;gap:20px}body.cso-letters .help-section{margin-bottom:44px}body.cso-letters .help-steps{grid-template-columns:1fr}body.cso-letters .help-features{grid-template-columns:repeat(2,minmax(0,1fr))}body.cso-letters .step-panel :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px}}
@media(max-width:540px){body.cso-letters .cso-letter-copy h1{font-size:43px!important}body.cso-letters .cso-letter-copy>p{font-size:14px}body.cso-letters .cso-letter-hero-actions{gap:18px;align-items:stretch;flex-direction:column}body.cso-letters .cso-letter-hero-actions .cso-button{justify-content:space-between;font-size:13px}body.cso-letters .cso-letter-assurances{gap:12px;font-size:10px;padding-top:18px;margin-top:24px}body.cso-letters .cso-letter-assurances svg{width:13px;height:13px}body.cso-letters .cso-letter-art{height:295px;margin-top:12px}body.cso-letters .cso-letter-art-paper{left:24%;width:195px;height:260px;padding:21px}body.cso-letters .cso-letter-art-note{padding:12px;top:30px}body.cso-letters .cso-letter-art-note>strong{font-size:12px}body.cso-letters .cso-letter-art-envelope{left:10%;right:0;height:145px;bottom:8px}body.cso-letters .cso-letter-art-seal{right:5%;bottom:35px}body.cso-letters .offer-workspace{width:calc(100% - 32px)}body.cso-letters .form-column>.progress{padding:18px 13px}body.cso-letters .progress-status strong{font-size:13px}body.cso-letters .progress button{font-size:9px}body.cso-letters .selected-design{padding:20px}body.cso-letters #offer-form .step-panel{padding:23px}body.cso-letters .step-panel>h2{font-size:27px}body.cso-letters .reading-intro h2{font-size:28px}body.cso-letters .reading-intro p{font-size:13px}body.cso-letters .learn-content .letter-showcase{padding:23px 20px}body.cso-letters .help-features{grid-template-columns:1fr}body.cso-letters .help-question{padding:17px}body.cso-letters .help-question summary{font-size:14px}body.cso-letters .help-links{gap:12px;flex-wrap:wrap}}
@media(max-width:360px){body.cso-letters .cso-letter-copy h1{font-size:38px!important}body.cso-letters .cso-letter-art{transform:scale(.86);transform-origin:center top;height:260px}body.cso-letters .cso-letter-art-paper{left:18%}body.cso-letters .cso-letter-art-note{left:-10px}body.cso-letters .cso-letter-art-envelope{left:0;right:-5%}body.cso-letters .cso-letter-assurances{gap:10px}body.cso-letters .design-selection-heading{font-size:9px}}
@media(forced-colors:active){body.cso-letters .step-panel select{appearance:auto;background-image:none}}
body.cso-letters .field label>.required{color:var(--cps-error-ink,#922b3e)}
body.cso-letters .form-actions{background:#fff;border-color:#d4dfca;padding:22px 30px}
body.cso-letters .form-actions .primary{border-radius:9px;min-height:46px;padding:12px 20px;font-size:14px}
body.cso-letters .form-actions .back-button{color:#315e43}
body.cso-letters .save-bar{background:#f5f7ee;border-color:#d5dfcc;padding:14px 30px}
body.cso-letters :is(.save-bar .text-button,.under-form .text-button,.under-form a){color:#315e43}
@media(max-width:540px){body.cso-letters .form-actions{padding:20px 23px}body.cso-letters .save-bar{padding:14px 23px}}
body.cso-letters .cso-letter-art{min-width:0}
@media(max-width:800px){body.cso-letters .cso-letter-intro{grid-template-columns:minmax(0,1fr)}body.cso-letters .cso-letter-art{width:min(430px,100%)}}
body.cso-letters .mobile-preview{color:#315e43;border-color:#b9ccaa;background:#f7faef;border-radius:10px;box-shadow:0 6px 22px #274c351c;min-height:44px;left:auto;right:16px;transform:none;padding:11px 16px}
body.cso-letters dialog::backdrop{background:#173b2d80;backdrop-filter:blur(4px)}
body.cso-letters dialog :is(.dialog-heading,.dialog-footer){border-color:#d5dfcc;background:#fafbf6}
body.cso-letters dialog .dialog-heading h2{font-family:var(--cso-font);color:#294b36}
body.cso-letters dialog :is(.dialog-heading p,.dialog-footer>span){color:#627558}
body.cso-letters dialog .close-dialog{color:#315e43;background:#edf3e4}
body.cso-letters .design-select{border-color:#d2dfc6;background:#f1f5e9;color:#294b36}
body.cso-letters .design-select[aria-pressed=true]{border-color:#527b45;background:#edf4e3;box-shadow:0 0 0 2px #6f955418}
body.cso-letters .design-select small{color:#647759}
body.cso-letters .design-card>.text-button{color:#315e43;font-size:11px;min-height:30px}
body.cso-letters dialog :is(select,input:not([type=checkbox]):not([type=radio])){border-color:#bdceb0;color:#294b36;background-color:#fff}
/* Keep the dark reading banner inside its own rounded panel. */
body.cso-letters .learn-content .reading-intro{box-shadow:none;clip-path:none;padding:38px 36px;border:1px solid #174c3c;border-radius:18px}
body.cso-letters .learn-content :is(.showcase-copy>.eyebrow,.help-section-heading>.eyebrow){color:#526f44}
body.cso-letters .help-visual-caption,body.cso-letters .showcase-figure figcaption{color:#65795a}
@media(max-width:540px){body.cso-letters .learn-content .reading-intro{padding:28px 23px}}
body.cso-letters .learn-content .help-section{background:transparent;border:0}
body.cso-letters .help-feature-index{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #cddbbb;background:#e8f0dc;border-radius:8px;line-height:1}