/* Compass Pro document writer — original HOMEFRONT navy/cream/brass drafting workshop */
.sw-hero,.sw-close{position:relative;overflow:hidden;background:radial-gradient(105% 100% at 85% 25%,#2a4a5e,#18303f 50%,var(--hf-deep,#0f1f29));color:var(--hf-cream,#F4F0E8)}
.sw-hero:before,.sw-close:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(90deg,#EACA9211 1px,transparent 1px),linear-gradient(#EACA9211 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000)}
.sw-hero .hf-wrap,.sw-close .hf-wrap{position:relative;z-index:1}
.sw-hero{padding:clamp(150px,18vw,210px) 0 90px}
.sw-hero .hf-crumb{margin-bottom:45px;color:var(--hf-cream,#F4F0E8)}
.sw-hero .hf-crumb a{color:var(--hf-cream,#F4F0E8)}
.sw-hero .eyebrow,.sw-close .eyebrow{color:var(--hf-gold-light,#FFE1AE)}
.sw-hero h1,.sw-close h2{font:500 clamp(54px,7vw,106px)/.99 Editorial,Georgia,serif;letter-spacing:-.04em;margin:15px 0 30px;max-width:1050px}
.sw-hero p{font:400 clamp(16px,1.6vw,19px)/1.8 Manrope,sans-serif;color:#dfe3e0;max-width:740px}
.sw-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid var(--hf-brass,#BB9259);padding:8px 0;text-decoration:none;font:700 13px Manrope,sans-serif}
.sw-link-light{color:var(--hf-cream,#F4F0E8)}
.sw-intro,.sw-method{padding:clamp(65px,9vw,120px) 0;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,8vw,105px)}
.sw-intro h2,.sw-method h2,.sw-work h2{font:500 clamp(39px,4.8vw,71px)/1.05 Editorial,Georgia,serif;letter-spacing:-.04em;color:var(--hf-navy,#1E3341);margin:14px 0 25px;text-wrap:balance}
.sw-intro p,.sw-method p,.sw-work p{font:400 16px/1.8 Manrope,sans-serif;color:var(--hf-muted,#53616a)}
.sw-intro .eyebrow,.sw-method .eyebrow,.sw-work .eyebrow{color:#8a6638}
.sw-work{background:var(--hf-sand,#ece6dc);padding:80px 0}
.sw-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);gap:clamp(24px,5vw,67px);align-items:start}
.sw-form{margin-top:30px}
.sw-form fieldset{padding:20px 0 0;border:0;border-top:1px solid var(--hf-hair,#d7cfc2);margin:0 0 25px;min-width:0}
.sw-form legend{font:700 13px Manrope,sans-serif;color:var(--hf-navy,#1E3341);padding:0 12px 0 0}
.sw-form label{display:flex;flex-direction:column;gap:6px;margin:0 0 17px;font:700 13px/1.5 Manrope,sans-serif;color:var(--hf-navy,#1E3341)}
.sw-form label span{font-size:11px;color:var(--hf-muted,#53616a);font-weight:400}
.sw-form textarea,.sw-form input,.sw-form select{box-sizing:border-box;width:100%;min-width:0;background:#fbf8f2;border:1px solid var(--hf-hair,#d7cfc2);border-radius:6px;min-height:49px;padding:12px 13px;color:var(--hf-navy,#1E3341);font:500 15px/1.5 Manrope,sans-serif}
.sw-form textarea{resize:vertical;min-height:90px}
.sw-actions,.sw-preview-actions{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0}
.sw-button{border-radius:999px;min-height:48px;padding:12px 23px;font:700 12px Manrope,sans-serif;cursor:pointer}
.sw-button-primary{border:1px solid var(--hf-brass,#BB9259);background:linear-gradient(135deg,#FFE1AE,#EACA92 60%,#d6b075);color:var(--hf-navy,#1E3341)}
.sw-button-neutral{border:1px solid var(--hf-hair,#d7cfc2);color:var(--hf-navy,#1E3341);background:transparent}
.sw-small{font:400 12px/1.75 Manrope,sans-serif!important;color:var(--hf-muted,#53616a)!important}
.sw-preview{padding:clamp(25px,3vw,38px);background:#fbf8f2;border:1px solid var(--hf-hair,#d7cfc2);position:sticky;top:100px;box-shadow:0 18px 48px #0f1f2913}
.sw-preview h2{font-size:clamp(38px,3.2vw,52px)}
.sw-preview>p{font:400 14px/1.75 Manrope,sans-serif;color:var(--hf-muted,#53616a)}
.sw-paper{margin:30px 0 25px;padding:24px;border:1px solid var(--hf-hair,#d7cfc2);background:#fff;overflow-wrap:anywhere}
.sw-paper h3{font:500 28px/1.2 Editorial,Georgia,serif;color:var(--hf-navy,#1E3341);margin:13px 0 25px}
.sw-paper-section{margin:16px 0;padding:0 0 15px;border-bottom:1px solid #e7e0d5}
.sw-paper-section h4{font:700 12px/1.4 Manrope,sans-serif;color:#8a6638;text-transform:uppercase;letter-spacing:.06em;margin:0 0 7px}
.sw-paper-section p{font:400 14px/1.55 Manrope,sans-serif;white-space:pre-wrap;color:var(--hf-navy,#1E3341);margin:0}
.sw-review{border-top:1px solid var(--hf-hair,#d7cfc2);padding-top:18px}
.sw-review h3{font:500 27px Editorial,Georgia,serif;color:var(--hf-navy,#1E3341);margin:0 0 12px}
.sw-review ul{padding-left:18px}
.sw-review li{font:400 13px/1.65 Manrope,sans-serif;color:var(--hf-muted,#53616a);margin:0 0 8px}
.sw-preview-actions button{border:1px solid var(--hf-brass,#BB9259);border-radius:999px;color:var(--hf-navy,#1E3341);background:transparent;padding:11px 17px;font:700 12px Manrope,sans-serif;cursor:pointer}
.sw-error{color:#833f35!important;font-weight:700!important}
.sw-sources{display:flex;flex-direction:column;gap:12px;margin:27px 0}
.sw-sources a{color:var(--hf-navy,#1E3341);text-decoration:underline;overflow-wrap:anywhere}
.sw-method{border-bottom:1px solid var(--hf-hair,#d7cfc2)}
.sw-close{padding:85px 0}
.sw-close h2{font-size:clamp(46px,6vw,83px)}
.sw-close .sw-small{color:#dfe3e0!important;margin-top:30px}
.sw-link:focus-visible,.sw-button:focus-visible,.sw-form input:focus-visible,.sw-form select:focus-visible,.sw-form textarea:focus-visible,.sw-preview-actions button:focus-visible{outline:3px solid var(--hf-brass,#BB9259);outline-offset:3px}
@media(max-width:1100px){.sw-grid{grid-template-columns:1fr}.sw-preview{position:static}.sw-hero{padding-top:155px}}
@media(max-width:760px){.sw-hero{padding:130px 0 66px}.sw-intro,.sw-method{display:block}.sw-work{padding:60px 0}.sw-actions .sw-button{width:100%}.sw-preview{padding:20px}.sw-paper{padding:15px}.sw-close{padding:65px 0}}
@media print{.hf-header,.hf-footer,.mobile-action,.sw-hero,.sw-intro,.sw-form,.sw-method,.sw-close,.sw-preview-actions{display:none!important}.sw-work{background:white!important;padding:10px 0}.sw-grid{display:block}.sw-preview{box-shadow:none;border:0;padding:0}#sw-output[hidden]{display:none}.sw-paper{break-inside:auto;border:0}.sw-paper-section{break-inside:avoid}}
