/* Makers of New - page styles for grants.html, extracted v50 (CSP: no inline <style>) */
:root{--bg:#0e3061;--petrol:#163f78;--card:#10386e;--border:#2c5896;--gold:#E6C87C;--ivory:#ECE7DC;--slate:#AEC4E4;--red:#E4132B;--green:#34D399;--display:'Cormorant Garamond',Georgia,serif;--sans:'Inter',system-ui,sans-serif;--mono:'Space Mono',ui-monospace,'SFMono-Regular',monospace;--silver:#ECE7DC;}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--ivory);font-family:var(--sans);font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased;padding-top:74px}
.wrap{max-width:900px;margin:0 auto;padding:0 32px}
.eyebrow{font-family:var(--mono);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
h1{font-family:var(--display);font-weight:400;font-size:clamp(2.6rem,6vw,4.6rem);line-height:1.03;letter-spacing:-.01em;color:var(--ivory)}
h1 em{font-style:italic;color:var(--gold)}
h2{font-family:var(--display);font-weight:400;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.1;color:var(--ivory)}
h2 em{font-style:italic;color:var(--gold)}
.hero{padding:80px 0 30px;text-align:left}
.hero .lead,.hero .rule{margin-left:0!important;margin-right:0!important}
.hero .rule{width:60px;height:2px;background:var(--gold);margin:26px auto 0}
.lead{color:var(--slate);max-width:64ch;margin:22px auto 0;font-size:1.05rem}
.stage{padding:60px 0}
.hide{display:none}
.fld{margin-bottom:26px}
.fld label{display:block;font-family:var(--mono);font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:var(--slate);margin-bottom:10px}
.fld input{width:100%;max-width:340px;background:var(--petrol);border:1px solid var(--border);color:var(--ivory);font-family:var(--sans);font-size:1rem;padding:13px 15px}
.fld input:focus{outline:none;border-color:var(--gold)}
select{width:100%;background:var(--petrol);border:1px solid var(--border);color:var(--ivory);font-family:var(--display);font-size:1.15rem;padding:10px 14px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23CBB07A' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}
select:focus{outline:none;border-color:var(--gold)}
.req{color:var(--gold)}
.opt-l{color:var(--slate);font-weight:400;letter-spacing:0;text-transform:none;font-size:.9em}

.nums{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:20px}
.nums-2{grid-template-columns:repeat(2,1fr);max-width:520px}
.q{border-top:1px solid var(--border);padding:22px 0}
.q .qt{font-size:1.02rem;color:var(--ivory);margin-bottom:14px}
.opts{display:flex;flex-direction:column;gap:8px}
.opt{text-align:left;background:var(--petrol);border:1px solid var(--border);color:var(--slate);padding:12px 15px;cursor:pointer;font-size:.9rem;line-height:1.4;transition:all .2s}
.opt:hover{border-color:var(--gold);color:var(--ivory)}
.opt.on{background:var(--gold);border-color:var(--gold);color:var(--bg)}
.btn{display:inline-block;font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;padding:14px 26px;text-decoration:none;cursor:pointer;border:1px solid var(--gold);color:var(--gold);background:none;transition:all .25s}
.btn:hover{background:var(--gold);color:var(--bg)}
.btn.solid{background:var(--gold);color:var(--bg)}
.btn.solid:hover{background:var(--ivory);border-color:var(--ivory)}
.btn:disabled{opacity:.5;cursor:default}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin:30px 0}
.card{background:var(--bg);padding:30px 24px}
.card .n{font-family:var(--display);font-size:2.7rem;color:var(--gold);line-height:1}
.card .l{font-family:var(--mono);font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin-top:12px;line-height:1.5}
.elig{border:1px solid var(--border);margin:26px 0}
.erow{display:flex;justify-content:space-between;gap:16px;padding:15px 22px;border-bottom:1px solid var(--border)}
.erow:last-child{border-bottom:none}
.ename{font-family:var(--display);font-size:1.1rem;color:var(--ivory)}
.ewhy{font-size:.86rem;color:var(--slate);margin-top:3px}
.etag{font-family:var(--mono);font-size:.56rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);white-space:nowrap;align-self:center}
.etag.alt{color:var(--gold)}
.panel{border:1px solid var(--gold);background:var(--card);padding:40px 36px;margin-top:34px}
.grow{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.grow input{flex:1;min-width:240px;background:var(--petrol);border:1px solid var(--border);color:var(--ivory);padding:14px 16px;font-size:.95rem}
.grow input:focus{outline:none;border-color:var(--gold)}
.gcons{display:block;margin-top:14px;font-size:.8rem;color:var(--slate)}
.gcons a{color:var(--gold)}
.gmsg{margin-top:14px;font-size:.86rem;min-height:20px}
.note{font-family:var(--mono);font-size:.64rem;color:var(--slate);line-height:1.8;margin-top:22px}
.note a{color:var(--gold)}
footer{border-top:1px solid var(--border);padding:40px 0;margin-top:40px;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate)}
footer .wrap{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}
footer a{color:var(--slate);text-decoration:none}
footer>.wrap>div{flex-basis:100%}
footer a:hover{color:var(--gold)}
@media(max-width:760px){.nums{grid-template-columns:1fr}.cards{grid-template-columns:1fr}}
.sitenav{position:fixed;inset:0 0 auto 0;z-index:100;height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:rgba(10,26,47,.72);backdrop-filter:blur(14px);border-bottom:1px solid #2c5896}
.sitenav .logo{font-family:'Inter',system-ui,sans-serif;font-size:.95rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;display:inline-flex;align-items:center;gap:9px;text-decoration:none}
.sitenav .logomark{width:22px;height:22px;flex:0 0 auto}
.sitenav .logo .s{color:#ECE7DC}.sitenav .logo .c{color:#E6C87C}.sitenav .logo .r{color:#E4132B}
.sitenav ul{display:flex;gap:32px;list-style:none;margin:0;padding:0}
.sitenav ul a{font-family:'Space Mono',ui-monospace,monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#AEC4E4;text-decoration:none;transition:color .25s}
.sitenav ul a:hover,.sitenav ul a.active{color:#ECE7DC}
.sitenav .nd{position:relative}
.sitenav .nd>a{display:inline-flex;align-items:center;gap:6px}
.sitenav .ndm{position:absolute;top:100%;left:0;margin-top:16px;background:#163f78;border:1px solid #2c5896;min-width:230px;display:flex;flex-direction:column;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .2s;z-index:60}
.sitenav .nd:hover .ndm,.sitenav .nd:focus-within .ndm{opacity:1;visibility:visible;transform:translateY(0)}
.sitenav .ndm a{padding:12px 20px;font-size:.7rem;letter-spacing:.12em;color:#AEC4E4;white-space:nowrap}
.sitenav .ndm a:hover{color:#E6C87C;background:#0e3061}
.sitenav .cta{font-family:'Space Mono',ui-monospace,monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#E6C87C;border:1px solid #E6C87C;padding:11px 20px;text-decoration:none;transition:all .25s;white-space:nowrap}
.sitenav .cta:hover{background:#E6C87C;color:#0e3061}
.sitenav .burger{display:none;background:none;border:1px solid #2c5896;color:#ECE7DC;font-size:1.05rem;line-height:1;padding:8px 12px;cursor:pointer;margin-left:12px}
@media(max-width:860px){.sitenav{padding:0 24px}.sitenav ul{position:fixed;top:74px;left:0;right:0;background:#163f78;border-bottom:1px solid #2c5896;flex-direction:column;gap:0;padding:6px 0;display:none}.sitenav.open ul{display:flex}.sitenav li{width:100%}.sitenav ul a{display:block;padding:14px 26px}.sitenav .nd .ndm{position:static;opacity:1;visibility:visible;transform:none;border:0;margin:0;padding-left:16px;background:transparent}.sitenav .burger{display:block}.sitenav .logo{font-size:.8rem;letter-spacing:.1em}.sitenav .cta{padding:9px 12px;font-size:.6rem}}
@media(max-width:430px){.sitenav{padding:0 16px}.sitenav .cta{padding:8px 10px;font-size:.55rem;letter-spacing:.04em}.sitenav .logo{font-size:.72rem;letter-spacing:.05em}}
#sprog{position:fixed;top:0;left:0;height:2px;width:0;background:#E6C87C;z-index:500;transition:width .1s ease}
.sitenav ul>li>a{position:relative}
.sitenav ul>li>a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:#E6C87C;transform:scaleX(0);transform-origin:left;transition:transform .28s cubic-bezier(.16,1,.3,1)}
.sitenav ul>li>a:hover::after,.sitenav ul>li>a.active::after{transform:scaleX(1)}

/* scrollbar - Ferrari red */
*{scrollbar-color:#E4132B rgba(255,255,255,.05);scrollbar-width:thin}
::-webkit-scrollbar{width:12px;height:12px}
::-webkit-scrollbar-track{background:rgba(255,255,255,.03)}
::-webkit-scrollbar-thumb{background:#E4132B;border:3px solid #0e3061}
::-webkit-scrollbar-thumb:hover{background:#EC2A43}

/* sophisticated grant report */
.rband{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin:26px 0 6px}
.rb{background:var(--bg);padding:26px 22px}
.rb .n{font-family:var(--display);font-size:clamp(1.6rem,3.1vw,2.4rem);color:var(--gold);line-height:1;letter-spacing:-.01em}
.rb .l{font-family:var(--mono);font-size:.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--slate);margin-top:12px;line-height:1.5}
@media(max-width:760px){.rband{grid-template-columns:1fr 1fr}}
.rsec-h{font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:44px 0 16px;display:flex;align-items:center;gap:12px}
.rsec-h::before{content:"";width:26px;height:1px;background:var(--gold);flex:0 0 auto}
.rmatrix{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.rcol{background:var(--bg)}
.rcol-h{font-family:var(--mono);font-size:.56rem;letter-spacing:.11em;text-transform:uppercase;color:var(--slate);padding:18px 20px 13px;border-bottom:1px solid var(--border)}
.rcol-h b{color:var(--ivory);font-weight:400}
.rinst{padding:16px 20px;border-bottom:1px solid var(--border)}
.rinst:last-child{border-bottom:none}
.rinst-top{display:flex;justify-content:space-between;gap:12px;align-items:baseline}
.rinst .rn{font-family:var(--display);font-size:1.06rem;color:var(--ivory);line-height:1.2}
.rinst .rv{font-family:var(--mono);font-size:.72rem;color:var(--gold);white-space:nowrap}
.rwhy{font-family:var(--mono);font-size:.62rem;letter-spacing:.04em;color:var(--slate);margin-top:7px;padding-left:10px;border-left:2px solid rgba(230,200,124,.35);line-height:1.5}
.rinst .rt{font-size:.78rem;color:var(--slate);line-height:1.5;margin-top:5px}
.rpill{display:inline-block;font-family:var(--mono);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;margin-top:10px;border:1px solid var(--border);color:var(--slate)}
.rpill.pri{color:var(--bg);background:var(--gold);border-color:var(--gold)}
.rpill.con,.rpill.alt{color:var(--gold);border-color:var(--gold)}
.rcol-empty{padding:16px 20px;color:var(--slate);font-size:.8rem;font-style:italic;opacity:.7}
@media(max-width:760px){.rmatrix{grid-template-columns:1fr}}
.rseq{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.rstep{background:var(--bg);padding:20px 18px}
.rstep .rsk{font-family:var(--mono);font-size:.53rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.rstep .rsp{font-family:var(--display);font-size:1.05rem;color:var(--ivory);margin-bottom:12px;line-height:1.15}
.rstep .rsl span{display:block;font-size:.8rem;color:var(--slate);line-height:1.45;padding:5px 0;border-top:1px solid var(--border)}
.rstep .rsl span:first-child{border-top:none}
@media(max-width:760px){.rseq{grid-template-columns:1fr 1fr}}

/* rotating seal as the header logo */
.logomark{width:36px;height:36px}
.sitenav .logomark{width:36px;height:36px}
.nsr{transform-origin:60px 60px;animation:navspin 40s linear infinite}
@keyframes navspin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.nsr{animation:none}}
.sfooter{border-top:1px solid var(--border);padding:52px 0;margin-top:64px}.sfwrap{max-width:1080px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}.sflogo{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-family:var(--sans);font-weight:700;font-size:.95rem;letter-spacing:.16em;text-transform:uppercase}.sflogo svg{width:28px;height:28px;flex:0 0 auto}.sflogo .s{color:#ECE7DC}.sflogo .c{color:#E6C87C}.sflogo .r{color:#E4132B}.sfl{display:flex;gap:26px;list-style:none;flex-wrap:wrap;margin:0;padding:0}.sfl a{font-family:var(--mono);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);text-decoration:none;transition:color .25s}.sfl a:hover{color:var(--gold)}.sfcp{font-family:var(--mono);font-size:.68rem;letter-spacing:.08em;color:var(--slate)}@media(max-width:640px){.sfwrap{flex-direction:column;align-items:flex-start;gap:18px}}
body{background:radial-gradient(135% 95% at 50% 18%, #2c62ad 0%, #205197 24%, #16407b 46%, #0e3061 68%, #081f3e 100%) fixed !important}
nav{background:rgba(12,40,80,.72)!important;border-bottom-color:rgba(255,255,255,.12)!important}
footer{border-top-color:rgba(255,255,255,.10)!important}
.hero{background-image:none!important}
.btn-primary{background:linear-gradient(160deg,#F7E9B4,#ECD495 52%,#E3C179)!important;color:#0b2650!important;font-weight:700}
.btn-primary:hover{background:linear-gradient(160deg,#FCF0C6,#F2DFAA 52%,#EACB8C)!important}
::selection{background:#E6C87C;color:#0b2650}
.eyebrow::before{display:none!important}
.eyebrow{gap:11px}
.eyebrow .spark{order:-1;display:inline-block;vertical-align:middle;width:7px;height:7px;border-radius:50%;background:#E4132B;flex:0 0 auto;box-shadow:0 0 0 0 rgba(228,19,43,.5);animation:spark 2.8s ease-out infinite}
@keyframes spark{0%{box-shadow:0 0 0 0 rgba(228,19,43,.5)}70%{box-shadow:0 0 0 8px rgba(228,19,43,0)}100%{box-shadow:0 0 0 0 rgba(228,19,43,0)}}
@media(prefers-reduced-motion:reduce){.eyebrow .spark{animation:none}}
.pg-dot{fill:#E4132B;opacity:0;transition:opacity .55s ease 1.15s}
.logomark{width:28px!important;height:28px!important}
