/* Header and footer (October 2026). Loaded on every page after styles.css, which stays the design system as handed off.
   The header carries the lockup Blake chose: the two-line fund wordmark, a hairline, then NETECH. The footer sits on a
   twelve-column grid with the same lockup a size smaller. Nothing here styles page content. */
:root{--gap:24px;--pad:32px;--hair:1px solid var(--grid)}

.w{max-width:1200px;margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);box-sizing:border-box}
.g12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.rail{grid-column:1 / span 3;min-width:0}
.col{grid-column:4 / span 9;min-width:0}
@media (max-width:1023px){.g12{grid-template-columns:minmax(0,1fr)}.rail,.col{grid-column:1 / -1}}

/* The lockup, in the header and the footer */
.nhcf-wordmark.lockup{display:inline-flex !important;align-items:center;gap:18px;position:relative;top:0 !important;min-width:0 !important;width:auto !important;margin-left:-9px}
.nhcf-wordmark.lockup > span[style*="visibility:hidden"]{display:none}
.lockup .wordmark-two{display:block;position:static;height:44px;width:auto}
.lockup .nhcf-wordmark-sub{position:static !important;display:inline-flex;align-items:center;gap:18px;font-family:var(--font-sans) !important;font-size:16px !important;font-weight:600 !important;letter-spacing:.16em !important;line-height:1 !important;color:var(--field) !important;text-transform:uppercase}
.lockup .nhcf-wordmark-sub::before{content:"";display:block;width:1px;height:36px;background:var(--grid)}

/* Header: the wider lockup still fits the row beside the nav and the Apply button */
header .nhcf-btn--primary{height:44px;padding:0 22px}
@media (min-width:1200px){header > div{gap:22px !important}#nt-nav{gap:22px !important}#nt-nav .nhcf-navlink{font-size:15px !important}header .nhcf-btn--primary{padding:0 20px}}
@media (max-width:639px){header .lockup{gap:12px;margin-left:-7px}header .lockup .wordmark-two{height:36px}header .lockup .nhcf-wordmark-sub{font-size:14px !important;gap:12px}header .lockup .nhcf-wordmark-sub::before{height:28px}}
/* Phones: the apply page's header divider has nothing to divide once the row wraps */
@media (max-width:639px){header > div > span[aria-hidden="true"][style*="width:1px"]{display:none}}

/* Footer: the lockup and tagline, then two link columns; the partners; the legal line */
.site-footer{background:var(--paper);border-top:var(--hair)}
.site-footer .foot-top{padding-top:56px;row-gap:32px;grid-template-columns:calc((100% - 11 * var(--gap)) / 4 + 2 * var(--gap)) minmax(0,1fr) minmax(0,1fr)}
.site-footer .lockup{gap:14px}
.site-footer .lockup .wordmark-two{height:40px}
.site-footer .lockup .nhcf-wordmark-sub{font-size:14px !important;gap:14px}
.site-footer .lockup .nhcf-wordmark-sub::before{height:32px}
.site-footer .nhcf-footlink{font-size:15px !important;line-height:1.4 !important;padding:4px 0}
.site-footer .foot-tag{margin:36px 0 0;max-width:24em;font-size:14px;line-height:1.5;color:var(--moss)}
.foot-partners .nhcf-label,.foot-legal .nhcf-label{font-family:var(--font-sans);font-size:14px;line-height:1.3;font-weight:600;letter-spacing:0;text-transform:none}
.foot-partners{margin-top:48px;row-gap:16px;border-top:var(--hair)}
.foot-partners > .rail,.foot-partners > .col{padding-top:16px}
.foot-partners .nhcf-label{color:var(--moss)}
.foot-partners ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:14px;line-height:1.5}
.foot-partners li > span:first-child{font-weight:600;color:var(--field)}
.foot-partners .partner-logo{display:block;height:30px;width:auto;margin:18px 0 0}
.foot-partners .foot-contact{margin:16px 0 0;font-size:14px;line-height:1.5;color:var(--moss)}
.foot-contact a{padding:2px 0}
.foot-legal{border-top:var(--hair);margin-top:48px;min-height:56px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:12px 0}
.foot-legal > div{display:flex;gap:24px;flex-wrap:wrap}
.foot-legal .nhcf-label{color:var(--moss)}
.foot-legal a.nhcf-label{color:var(--field) !important}
.foot-legal a{display:inline-block;padding:6px 0}
@media (max-width:1023px){.site-footer .foot-top{grid-template-columns:minmax(0,1fr)}}

/* Deadline band (November 2026): one line above the header row on every page. Field green with the ochre marker, the
   same pair as the closing section, so it reads as the site's own notice rather than an alert bolted on. Every <body>
   carries data-status="open"; setting it to "closed" after the deadline hides the band. */
.nhcf-deadline{background:var(--field);color:var(--paper)}
body[data-status="closed"] .nhcf-deadline{display:none}
.nhcf-deadline-row{display:flex;align-items:center;gap:16px;min-height:44px;padding-top:10px;padding-bottom:10px}
.nhcf-deadline-mark{flex:none;width:12px;height:12px;background:var(--ochre)}
.nhcf-deadline p{margin:0;font-size:15px;line-height:1.4;font-weight:500;letter-spacing:0;text-wrap:pretty}
.nhcf-deadline strong{font-weight:600;color:var(--white)}
/* Phones: styles.css pads and wraps every direct child of the header for the nav row; the band keeps its own height */
@media (max-width:639px){header > .nhcf-deadline{min-height:0;padding-top:0 !important;padding-bottom:0 !important}.nhcf-deadline p{font-size:14px}}