/* HOMEFRONT Compass Maintenance Ledger: academic navy/cream/brass research UI. */
.hf-maint-hero{background:radial-gradient(110% 88% at 80% 30%,#304f60,#1e3341 53%,#13232e);color:var(--hf-cream,#f4f0e8);position:relative;isolation:isolate}
.hf-maint-hero:before{content:"";position:absolute;inset:0;opacity:.35;z-index:-1;pointer-events:none;background-image:linear-gradient(#d8e6e71c 1px,transparent 1px),linear-gradient(90deg,#d8e6e71c 1px,transparent 1px);background-size:29px 29px}
.hf-maint-hero-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:8%;align-items:center;padding-block:133px 96px}
.hf-maint-hero .hf-crumb,.hf-maint-hero .hf-crumb a{color:#e5e7e4}
.hf-maint-hero .eyebrow{color:var(--hf-gold-light,#ffe1ae);margin:42px 0 0}
.hf-maint-hero h1{font:500 clamp(62px,6.7vw,101px)/.95 Editorial,Georgia,serif;letter-spacing:-.04em;margin:19px 0 27px}
.hf-maint-hero-grid>div>p:not(.eyebrow){font:400 16px/1.82 Manrope,Arial,sans-serif;color:#e0e5e3;max-width:650px}
.hf-maint-hero-action{display:inline-flex;gap:22px;align-items:center;min-height:47px;border-radius:30px;background:linear-gradient(115deg,#ffe1ae,#eaca92,#d6b075);color:#1e3341;padding:14px 22px;font:700 12px/1.4 Manrope,Arial,sans-serif;text-decoration:none;margin-top:28px}
.hf-maint-plate{min-height:365px;margin:0;padding:24px;border:1px solid #eaca9299;background:linear-gradient(140deg,#254b5c,#172c3b);box-shadow:17px 20px 0 #0a16244a;transform:rotate(1.4deg);display:flex;flex-direction:column;justify-content:space-between}
.hf-maint-plate-index,.hf-maint-plate figcaption{display:flex;justify-content:space-between;gap:14px;color:#eaca92;font:650 9px/1.55 Manrope,Arial,sans-serif;letter-spacing:.14em}
.hf-maint-plate figcaption{border-top:1px solid #eaca9277;padding-top:15px}
.hf-maint-plate-drawing{min-height:220px;display:grid;grid-template-columns:repeat(2,1fr);gap:19px;padding:20px 16%;align-items:center;background-image:linear-gradient(#9fbdc225 1px,transparent 1px),linear-gradient(90deg,#9fbdc225 1px,transparent 1px);background-size:20px 20px}
.hf-maint-plate-drawing span{display:grid;place-items:center;border:1px solid #eaca92b0;min-height:80px;color:#eaca92;font:500 37px/1 Editorial,Georgia,serif}
.hf-maint-principle{padding-block:84px;display:grid;grid-template-columns:1fr 1fr;gap:11%;border-bottom:1px solid #d7cfc2}
.hf-maint-principle h2,.hf-maint-head h2,.hf-maint-ledger-head h2,.hf-maint-sources h2{font:500 clamp(43px,4.8vw,70px)/1.06 Editorial,Georgia,serif;letter-spacing:-.037em;margin:15px 0 26px}
.hf-maint-principle>div:last-child{align-self:end}
.hf-maint-principle p:not(.eyebrow){font:400 15px/1.83 Manrope,Arial,sans-serif;color:#53616a;margin:0 0 15px}
.hf-maint-workshop{padding-block:80px 100px;background:var(--hf-sand,#ece6dc)}
.hf-maint-head{max-width:860px;margin-bottom:42px}
.hf-maint-head>p:last-child{font:400 15px/1.77 Manrope,Arial,sans-serif;color:#53616a}
.hf-maint-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:26px;align-items:start}
.hf-maint-editor{border:1px solid #d7cfc2;background:#fbf8f2;padding:33px;min-width:0}
.hf-maint-dossier{border-bottom:1px solid #d7cfc2;padding-bottom:18px;color:#8a6638;font:700 10px/1.5 Manrope,Arial,sans-serif;letter-spacing:.14em;margin:0 0 24px}
.hf-maint-fields{display:grid;grid-template-columns:1fr 1fr;gap:21px 19px}
.hf-maint-fields label{font:700 12px/1.6 Manrope,Arial,sans-serif;color:#1e3341}
.hf-maint-fields label:nth-child(4){grid-column:1/-1}
.hf-maint-fields :is(input,select,textarea),.hf-maint-tools select{background:#fffdf9;border:1px solid #a99f90;border-radius:3px;color:#1e3341;width:100%;min-height:46px;padding:11px 12px;margin-top:8px;font:500 13px/1.5 Manrope,Arial,sans-serif}
.hf-maint-fields textarea{min-height:100px;resize:vertical}
.hf-maint-form-actions{margin-top:27px;display:flex;gap:12px;flex-wrap:wrap}
.hf-maint-form-actions[hidden],.hf-maint-tools[hidden]{display:none}
.hf-maint-form-actions button,.hf-maint-actions button,.hf-maint-card-actions button{min-height:45px;border:1px solid #1e3341;color:#1e3341;border-radius:3px;background:transparent;font:650 12px/1.4 Manrope,Arial,sans-serif;padding:11px 17px;cursor:pointer}
.hf-maint-form-actions button:first-child{background:#1e3341;color:#f4f0e8}
.hf-maint-form-actions button:disabled,.hf-maint-actions button:disabled{opacity:.55;cursor:not-allowed}
.hf-maint-form-actions button:hover:not(:disabled),.hf-maint-actions button:hover:not(:disabled),.hf-maint-card-actions button:hover{background:#e4d8c9;color:#1e3341}
.hf-maint-message{min-height:22px;color:#53616a;font:600 12px/1.6 Manrope,Arial,sans-serif;margin:13px 0 0}
.hf-maint-examples{border:1px solid #d1c3b3;background:#e4d9ca;padding:29px;min-width:0}
.hf-maint-examples h3{font:500 41px/1.11 Editorial,Georgia,serif;margin:17px 0}
.hf-maint-examples>p:not(.eyebrow){font:400 13px/1.75 Manrope,Arial,sans-serif;color:#53616a}
.hf-maint-examples-grid{display:grid;gap:8px;margin-top:24px}
.hf-maint-examples-grid button{text-align:left;border:1px solid #c9b7a0;background:#fbf8f2;color:#1e3341;padding:16px 17px;display:grid;grid-template-columns:35px 1fr;gap:7px 9px;cursor:pointer}
.hf-maint-examples-grid button:hover{background:#fffdf9}
.hf-maint-examples-grid button span{color:#8a6638;font:700 10px/1.5 Manrope,Arial,sans-serif}
.hf-maint-examples-grid button strong{font:600 13px/1.4 Manrope,Arial,sans-serif}
.hf-maint-examples-grid button small{grid-column:2;color:#53616a;font:400 11px/1.65 Manrope,Arial,sans-serif}
.hf-maint-examples-grid button em{grid-column:2;color:#8a6638;font:600 10px/1.4 Manrope,Arial,sans-serif;font-style:normal}
.hf-maint-ledger{margin-top:62px;border-top:2px solid #1e3341;padding-top:26px;scroll-margin-top:25px}
.hf-maint-ledger-head{display:flex;align-items:end;justify-content:space-between;gap:18px;flex-wrap:wrap}
.hf-maint-ledger-head h2{font-size:clamp(37px,3.4vw,55px)}
.hf-maint-ledger-head output{color:#53616a;font:600 12px/1.55 Manrope,Arial,sans-serif;margin-bottom:25px}
.hf-maint-tools{border-block:1px solid #cdbda9;padding:20px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:end;margin-bottom:26px}
.hf-maint-tools label{font:650 12px/1.4 Manrope,Arial,sans-serif;min-width:210px}
.hf-maint-actions{display:flex;flex-wrap:wrap;gap:7px}
.hf-maint-actions button{font-size:11px;padding:11px 12px;background:#fbf8f2}
.hf-maint-actions button:first-child{background:#1e3341;color:#f4f0e8}
.hf-maint-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.hf-maint-card{background:#fbf8f2;border:1px solid #d3c5b3;padding:28px;min-width:0}
.hf-maint-card-kicker{color:#8a6638;font:700 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.14em}
.hf-maint-card h3{font:500 34px/1.1 Editorial,Georgia,serif;overflow-wrap:anywhere;margin:20px 0 8px}
.hf-maint-card-category{font:600 12px/1.45 Manrope,Arial,sans-serif;color:#53616a}
.hf-maint-card-when{background:#efe8de;margin:23px 0;padding:19px;display:flex;flex-direction:column;gap:11px}
.hf-maint-card-when span,.hf-maint-card-data span{font:700 10px/1.45 Manrope,Arial,sans-serif;letter-spacing:.1em;color:#806039}
.hf-maint-card-when strong{font:500 26px/1.1 Editorial,Georgia,serif}
.hf-maint-card-data>div{border-top:1px solid #ded3c4;padding:17px 0}
.hf-maint-card-data p{font:400 13px/1.7 Manrope,Arial,sans-serif;overflow-wrap:anywhere;white-space:pre-wrap;margin:7px 0 0}
.hf-maint-card-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.hf-maint-card-actions button{min-height:42px;font-size:11px}
.hf-maint-empty{grid-column:1/-1;background:#fbf8f2;border:1px dashed #aa9b89;padding:30px;font:400 14px/1.8 Manrope,Arial,sans-serif}
.hf-maint-privacy{border-top:1px solid #cbbba8;padding-top:20px;margin-top:32px;max-width:870px;color:#53616a;font:600 11px/1.8 Manrope,Arial,sans-serif}
.hf-maint-sources{background:#1e3341;color:#f4f0e8;padding-block:91px}
.hf-maint-sources .eyebrow{color:#eaca92}
.hf-maint-sources>div>p:not(.eyebrow){max-width:740px;color:#e0e5e1;font:400 15px/1.78 Manrope,Arial,sans-serif}
.hf-maint-source-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:33px}
.hf-maint-source-links>a{border-top:1px solid #eaca926b;padding:22px 0;display:flex;flex-direction:column;gap:13px;color:#f4f0e8;text-decoration:none}
.hf-maint-source-links strong{font:500 26px/1.2 Editorial,Georgia,serif}
.hf-maint-source-links a span:nth-child(2){color:#dfe5e3;font:400 12px/1.7 Manrope,Arial,sans-serif}
.hf-maint-source-links a span:last-child{color:#eaca92}
.hf-maint-related{display:flex;flex-wrap:wrap;gap:15px 28px;border-top:1px solid #eaca925a;margin-top:34px;padding-top:25px}
.hf-maint-related a{color:#f4f0e8;border-bottom:1px solid #eaca92;padding-block:8px;text-decoration:none;font:600 12px/1.5 Manrope,Arial,sans-serif}
.hf-maint-sources small{display:block;margin-top:30px;color:#c9d1cf;font:600 10px/1.8 Manrope,Arial,sans-serif;letter-spacing:.07em}
.hf-maint-workshop :is(button,input,textarea,select,a):focus-visible,.hf-maint-source-links a:focus-visible{outline:3px solid #bb9259;outline-offset:3px}
@media(max-width:1050px){.hf-maint-grid{grid-template-columns:1fr}.hf-maint-plate{min-height:300px}.hf-maint-examples-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .hf-maint-hero-grid{grid-template-columns:1fr;gap:48px;padding-block:105px 62px}
 .hf-maint-hero h1{font-size:clamp(57px,11vw,78px)}
 .hf-maint-hero .eyebrow{margin-top:33px}
 .hf-maint-plate{min-height:267px;transform:none}
 .hf-maint-plate-drawing{min-height:158px}
 .hf-maint-principle{grid-template-columns:1fr;padding-block:58px}
 .hf-maint-workshop{padding-block:59px}
 .hf-maint-fields{grid-template-columns:1fr}
 .hf-maint-fields label:nth-child(4){grid-column:auto}
 .hf-maint-cards{grid-template-columns:1fr}
 .hf-maint-source-links{grid-template-columns:1fr}
 .hf-maint-sources{padding-block:63px}
 .hf-maint-examples-grid{grid-template-columns:1fr}
}
@media(max-width:375px){.hf-maint-hero h1{font-size:53px}.hf-maint-plate{padding:15px}.hf-maint-plate-index,.hf-maint-plate figcaption{font-size:8px}.hf-maint-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.hf-maint-actions button{padding:9px}.hf-maint-editor,.hf-maint-examples{padding:21px}}
@media(prefers-reduced-motion:reduce){.hf-maint-workshop *{transition:none!important;animation:none!important}}
@media print{
 @page{margin:15mm}
 body[data-maintenance-print] :is(.hf-header,.hf-footer,.hf-contact-dock,.hf-maint-hero,.hf-maint-principle,.hf-maint-head,.hf-maint-grid,.hf-maint-tools,.hf-maint-privacy,.hf-maint-sources,.hf-maint-card-actions){display:none!important}
 body[data-maintenance-print] .hf-maint-workshop{background:white;padding:0!important}
 body[data-maintenance-print] .hf-maint-cards{display:block}
 body[data-maintenance-print] .hf-maint-card{margin-bottom:18px;break-inside:avoid;background:white;border:1px solid #ccc}
 body[data-maintenance-print] .hf-page-scroll{overflow:visible!important;height:auto!important}
}
