/* HOMEFRONT Compass Window Label Decoder · academic product-rating folio.
   Brand tokens from HOMEFRONT design system, no showroom house photography.
*/
.hf-nfrc-hero{background:radial-gradient(130% 115% at 79% 21%,#315466 0%,var(--hf-navy,#1E3341) 56%,#10232f 100%);color:var(--hf-cream,#F4F0E8);position:relative;isolation:isolate;overflow:hidden}
.hf-nfrc-hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.42;background-image:linear-gradient(#d1dcdf14 1px,transparent 1px),linear-gradient(90deg,#d1dcdf14 1px,transparent 1px);background-size:25px 25px}
.hf-nfrc-hero-inner{padding-block:118px 88px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:7%}
.hf-nfrc-hero .hf-crumb,.hf-nfrc-hero .hf-crumb a{color:#e4e8e5}
.hf-nfrc-hero .eyebrow{color:var(--hf-gold-light,#FFE1AE);margin-top:44px}
.hf-nfrc-hero h1{font:500 clamp(60px,6.7vw,102px)/.99 Editorial,Georgia,serif;letter-spacing:-.04em;margin:19px 0 28px;text-wrap:balance}
.hf-nfrc-hero-inner>div:first-child>p:not(.eyebrow){font:400 16px/1.78 Manrope,Arial,sans-serif;color:#e0e6e3;max-width:590px}
.hf-nfrc-primary{display:inline-flex;gap:24px;align-items:center;margin-top:26px;border-radius:25px;padding:14px 22px;min-height:46px;text-decoration:none;color:var(--hf-navy,#1E3341);background:linear-gradient(115deg,#FFE1AE,#EACA92,#d6b075);font:650 12px/1.5 Manrope,Arial,sans-serif}
.hf-nfrc-plate{min-height:360px;background:#153346;border:1px solid #ba9d70;box-shadow:17px 20px 0 #051d293d;padding:24px;transform:rotate(1deg);display:flex;flex-direction:column;justify-content:space-between}
.hf-nfrc-plate-top,.hf-nfrc-plate-bottom{display:flex;justify-content:space-between;gap:12px;color:var(--hf-gold,#EACA92);font:700 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:.12em}
.hf-nfrc-plate-bottom{border-top:1px solid #eaca9280;padding-top:15px}
.hf-nfrc-plate-boxes{display:grid;grid-template-columns:1fr;gap:6px;margin:14px 0;min-height:245px;background-image:linear-gradient(#c9d9e117 1px,transparent 1px),linear-gradient(90deg,#c9d9e117 1px,transparent 1px);background-size:22px 22px}
.hf-nfrc-plate-boxes>div{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #dce8e36a;padding:15px 18px}
.hf-nfrc-plate-boxes span{font:500 42px/1 Editorial,Georgia,serif;color:#f4f0e8}
.hf-nfrc-plate-boxes strong{font:700 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.12em;color:var(--hf-gold,#EACA92)}
.hf-nfrc-explain{display:grid;grid-template-columns:1fr 1fr;gap:11%;padding-block:86px;border-bottom:1px solid var(--hf-hair,#d7cfc2)}
.hf-nfrc-explain h2,.hf-nfrc-lessons h2,.hf-nfrc-worksheet h2,.hf-nfrc-sources h2,.hf-nfrc-next h2{font:500 clamp(45px,5vw,72px)/1.08 Editorial,Georgia,serif;letter-spacing:-.03em;margin:14px 0 25px;text-wrap:balance}
.hf-nfrc-explain>div:last-child{align-self:end}
.hf-nfrc-explain p:not(.eyebrow){font:400 15px/1.85 Manrope,Arial,sans-serif;color:var(--hf-muted,#53616a);margin-bottom:18px}
.hf-nfrc-explain a,.hf-nfrc-next nav a{border-bottom:1px solid var(--hf-brass,#BB9259);text-decoration:none}
.hf-nfrc-lessons{padding-block:80px 96px}
.hf-nfrc-lesson-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:35px}
.hf-nfrc-lesson{background:#fbf8f2;border:1px solid var(--hf-hair,#d7cfc2);border-top:3px solid var(--hf-brass,#BB9259);padding:30px;min-width:0}
.hf-nfrc-index{font:700 10px/1.4 Manrope,Arial,sans-serif;letter-spacing:.13em;color:#896337}
.hf-nfrc-lesson h3{font:500 clamp(27px,2.8vw,39px)/1.16 Editorial,Georgia,serif;margin:20px 0 17px}
.hf-nfrc-lesson p{font:400 13px/1.77 Manrope,Arial,sans-serif;color:var(--hf-muted,#53616a)}
.hf-nfrc-lesson strong{display:block;margin-top:22px;padding-top:17px;border-top:1px solid var(--hf-hair,#d7cfc2);font:650 12px/1.55 Manrope,Arial,sans-serif}
.hf-nfrc-term-note{max-width:780px;font:400 13px/1.82 Manrope,Arial,sans-serif;color:var(--hf-muted,#53616a);margin-top:23px}
.hf-nfrc-worksheet{background:var(--hf-sand,#ece6dc);padding-block:84px 95px;scroll-margin-top:12px}
.hf-nfrc-worksheet .eyebrow{color:#8a6638}
.hf-nfrc-work-intro{max-width:820px;font:400 15px/1.8 Manrope,Arial,sans-serif;color:var(--hf-muted,#53616a)}
.hf-nfrc-two{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:21px}
.hf-nfrc-product{border:1px solid #d2c4ae;background:#fbf8f2;padding:28px 30px;min-width:0}
.hf-nfrc-product legend{font:500 28px/1.22 Editorial,Georgia,serif;padding:0 6px}
.hf-nfrc-product>label{display:block;margin:16px 0;font:650 12px/1.6 Manrope,Arial,sans-serif}
.hf-nfrc-product input{display:block;width:100%;margin-top:8px;min-height:47px;background:#fffdfa;border:1px solid #aa9e90;border-radius:3px;padding:10px 12px;font:500 14px/1.4 Manrope,Arial,sans-serif;color:var(--hf-navy,#1E3341)}
.hf-nfrc-product input::placeholder{color:#65747e}
.hf-nfrc-output{margin-top:24px;background:#fbf8f2;border:1px solid #d2c4ae;display:grid;grid-template-columns:1.12fr .88fr;gap:0}
.hf-nfrc-output>div{padding:30px;min-width:0}
.hf-nfrc-output>div:first-child{border-right:1px solid #d7c8b7}
.hf-nfrc-output h3{font:500 clamp(30px,3vw,42px)/1.14 Editorial,Georgia,serif;margin:15px 0 22px}
.hf-nfrc-result-row{padding:16px 0;border-bottom:1px solid #d9cdbb}
.hf-nfrc-result-row>strong{font:650 12px/1.6 Manrope,Arial,sans-serif}
.hf-nfrc-ab{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 8px}
.hf-nfrc-ab span{border:1px solid #d4c8b6;background:#fffdf9;padding:8px 12px;font:600 12px/1.5 Manrope,Arial,sans-serif}
.hf-nfrc-result-row p{font:400 12px/1.73 Manrope,Arial,sans-serif;color:var(--hf-muted,#53616a)}
.hf-nfrc-result-limit,.hf-nfrc-note{font:550 11px/1.78 Manrope,Arial,sans-serif;color:var(--hf-muted,#53616a);margin-top:15px}
.hf-nfrc-export>p:first-child{font:400 13px/1.83 Manrope,Arial,sans-serif;color:var(--hf-muted,#53616a)}
.hf-nfrc-export>div{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.hf-nfrc-export>div[hidden]{display:none}
.hf-nfrc-export button{background:transparent;color:var(--hf-navy,#1E3341);border:1px solid #b1a089;min-height:46px;padding:11px 13px;font:650 12px/1.5 Manrope,Arial,sans-serif;cursor:pointer}
.hf-nfrc-export button:first-child{color:#fff;background:var(--hf-navy,#1E3341);border-color:var(--hf-navy,#1E3341)}
.hf-nfrc-export button:hover{background:#e5dacc;color:var(--hf-navy,#1E3341)}
.hf-nfrc-export>[role="status"]{min-height:23px;margin-top:12px;font:550 12px/1.6 Manrope,Arial,sans-serif}
.hf-nfrc-sources{background:var(--hf-navy,#1E3341);color:var(--hf-cream,#F4F0E8);padding-block:85px}
.hf-nfrc-sources .eyebrow{color:var(--hf-gold-light,#FFE1AE)}
.hf-nfrc-sources>div>p:not(.eyebrow){font:400 15px/1.84 Manrope,Arial,sans-serif;color:#e0e7e4;max-width:800px}
.hf-nfrc-source-grid{margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.hf-nfrc-source-grid a{display:grid;grid-template-columns:1fr auto;gap:15px;border-top:1px solid #eaca9280;padding-top:19px;text-decoration:none;color:#f4f0e8}
.hf-nfrc-source-grid strong{font:500 24px/1.18 Editorial,Georgia,serif}
.hf-nfrc-source-grid span:nth-child(2){grid-column:1;color:#dde4e1;font:400 12px/1.7 Manrope,Arial,sans-serif}
.hf-nfrc-source-grid span:last-child{color:#eaca92}
.hf-nfrc-next{padding-block:90px}
.hf-nfrc-next p:not(.eyebrow){max-width:830px;font:400 15px/1.8 Manrope,Arial,sans-serif;color:var(--hf-muted,#53616a)}
.hf-nfrc-next nav{display:flex;flex-wrap:wrap;gap:12px 25px;margin:28px 0}
.hf-nfrc-next nav a{font:650 12px/1.7 Manrope,Arial,sans-serif;padding:8px 0}
.hf-nfrc-next small{font:550 11px/1.7 Manrope,Arial,sans-serif;color:var(--hf-muted,#53616a)}
.hf-nfrc-worksheet :is(input,button):focus-visible,.hf-nfrc-source-grid a:focus-visible{outline:3px solid var(--hf-brass,#BB9259);outline-offset:3px}
@media(max-width:1060px){.hf-nfrc-hero-inner{gap:4%}.hf-nfrc-lesson-grid{grid-template-columns:1fr 1fr}.hf-nfrc-source-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .hf-nfrc-hero-inner{grid-template-columns:1fr;gap:35px;padding-block:105px 60px}
 .hf-nfrc-hero h1{font-size:clamp(58px,11vw,78px)}
 .hf-nfrc-plate{min-height:265px;transform:none}
 .hf-nfrc-plate-boxes{min-height:155px}
 .hf-nfrc-plate-boxes>div{padding:9px 17px}
 .hf-nfrc-plate-boxes span{font-size:29px}
 .hf-nfrc-explain{grid-template-columns:1fr;gap:10px;padding-block:60px}
 .hf-nfrc-lessons{padding-block:57px}
 .hf-nfrc-lesson-grid{grid-template-columns:1fr}
 .hf-nfrc-worksheet{padding-block:57px}
 .hf-nfrc-two,.hf-nfrc-output{grid-template-columns:1fr}
 .hf-nfrc-output>div:first-child{border-right:0;border-bottom:1px solid #d7c8b7}
 .hf-nfrc-sources{padding-block:65px}
 .hf-nfrc-source-grid{grid-template-columns:1fr}
 .hf-nfrc-next{padding-block:67px}
}
@media(max-width:410px){.hf-nfrc-hero h1{font-size:54px}.hf-nfrc-plate{padding:15px}.hf-nfrc-product,.hf-nfrc-output>div{padding:23px 18px}.hf-nfrc-ab{grid-template-columns:1fr}.hf-nfrc-export>div{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.hf-nfrc-primary{transition:none}}
@media print{
 @page{margin:15mm}
 body[data-nfrc-print] .hf-header,
 body[data-nfrc-print] .hf-footer,
 body[data-nfrc-print] .mobile-action,
 body[data-nfrc-print] .hf-nfrc-hero,
 body[data-nfrc-print] .hf-nfrc-explain,
 body[data-nfrc-print] .hf-nfrc-lessons,
 body[data-nfrc-print] .hf-nfrc-sources,
 body[data-nfrc-print] .hf-nfrc-next,
 body[data-nfrc-print] .hf-nfrc-export,
 body[data-nfrc-print] .hf-nfrc-note{display:none!important}
 body[data-nfrc-print] .hf-page-scroll{height:auto!important;overflow:visible!important}
 body[data-nfrc-print] .hf-nfrc-worksheet{padding:0!important;background:#fff!important}
 body[data-nfrc-print] .hf-nfrc-worksheet>.hf-wrap{max-width:none!important;width:100%!important}
 body[data-nfrc-print] .hf-nfrc-product{padding:15px!important}
 body[data-nfrc-print] .hf-nfrc-output{display:block!important}
 body[data-nfrc-print] .hf-nfrc-output>div:first-child{border:0!important;padding:15px!important}
}