:root{--fn-navy:#0e1a2b;--fn-gold:#ebbd68;--fn-white:#fff;--fn-paper:#f7f5f0;--fn-line:#e4e0d6;--fn-ink2:#4a5566;--fn-blue:#1b64cc;
--fn-serif:"Newsreader",Georgia,serif;--fn-sans:"Inter","Instrument Sans",system-ui,sans-serif;--fn-mono:"IBM Plex Mono",monospace}
.fn-label{font:500 12px/1 var(--fn-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fn-ink2)}.fn-label--gold{color:var(--fn-gold)}
.fn-hero{background:var(--fn-navy);color:#fff;padding:72px 0 120px}
.fn-hero h1{font:500 64px/1.05 var(--fn-serif);margin:18px 0 18px;letter-spacing:-.01em}.fn-hero p{max-width:640px;color:#c9d0db;font-size:19px;margin:0}
.fn-featured{display:grid;grid-template-columns:1.25fr 1fr;background:#fff;border-radius:16px;overflow:hidden;margin-top:-72px;box-shadow:0 20px 50px rgba(14,26,43,.12)}
.fn-featured__img{background:var(--fn-navy);display:flex;align-items:center}.fn-featured__img img{width:100%;aspect-ratio:1200/627;object-fit:contain}
.fn-featured__body{padding:48px 48px 44px;display:flex;flex-direction:column;justify-content:center}
.fn-featured h2{font:500 42px/1.1 var(--fn-serif);margin:16px 0 6px}.fn-sub{font:italic 400 20px/1.3 var(--fn-serif);color:var(--fn-ink2);margin:0 0 16px}
.fn-featured p{margin:0 0 26px;color:var(--fn-ink2)}
.fn-btn{align-self:flex-start;background:var(--fn-navy);color:#fff;font-weight:600;font-size:15px;padding:13px 22px;border-radius:8px;border-bottom:3px solid var(--fn-gold)}
.fn-guide{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;background:var(--fn-navy);color:#fff;border-radius:16px;padding:52px 56px;margin:64px 0;position:relative;overflow:hidden}
.fn-guide:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--fn-gold)}
.fn-guide h2{font:500 38px/1.1 var(--fn-serif);margin:14px 0 14px}.fn-guide p{color:#c9d0db;margin:0}
.fn-guide__form{display:grid;gap:14px}.fn-guide__form label span{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:#e6e9ee}
.fn-guide__form input{width:100%;height:50px;border-radius:8px;border:1px solid #2c3a50;background:#fff;padding:0 16px;font:16px var(--fn-sans)}
.fn-guide__form button{height:54px;border:0;border-radius:8px;background:var(--fn-gold);color:var(--fn-navy);font:700 16px var(--fn-sans);cursor:pointer}
.fn-guide__form small{color:#8f9aab;font-size:13px}
.fn-section{font:500 30px/1.2 var(--fn-serif);margin:0 0 28px;padding-top:4px}
.fn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.fn-card{background:#fff;border:1px solid var(--fn-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.fn-card__img img{width:100%;aspect-ratio:1200/627;object-fit:cover;border-bottom:1px solid var(--fn-line)}
.fn-card__body{padding:22px 24px 24px;display:flex;flex-direction:column;flex:1}
.fn-card h3{font:500 23px/1.2 var(--fn-serif);margin:12px 0 10px}
.fn-card p{font-size:15px;line-height:1.55;color:var(--fn-ink2);margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fn-read{margin-top:auto;font-size:14px;font-weight:600;color:var(--fn-blue)}
@media (max-width:1024px){.fn-grid{grid-template-columns:repeat(2,1fr)}.fn-featured{grid-template-columns:1fr}}
@media (max-width:640px){
.fn-hero{padding:48px 0 96px}.fn-hero h1{font-size:42px}.fn-hero p{font-size:17px}
.fn-featured__body{padding:28px 24px}.fn-featured h2{font-size:32px}
.fn-guide{grid-template-columns:1fr;gap:28px;padding:36px 24px;margin:48px 0}.fn-guide h2{font-size:30px}
.fn-grid{grid-template-columns:1fr;gap:24px}.fn-card h3{font-size:22px}}
/* cleanup v2 */
.fn-grid{gap:40px;align-items:stretch}
.fn-card h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}
.fn-card p{min-height:3.1em}
.fn-guide{margin:80px 0}
.fn-section{margin:0 0 32px;padding:0;line-height:1.2}
.fn-guide--light{background:#fff;color:var(--fn-navy);border:2px solid var(--fn-gold);margin:88px 0}
.fn-guide--light:before{display:none}
.fn-guide--light p{color:var(--fn-ink2)}.fn-guide--light .fn-label--gold{color:#9a7a36}
.fn-guide--light .fn-guide__form label span{color:var(--fn-navy)}
.fn-guide--light .fn-guide__form input{border-color:var(--fn-line);background:#f6f2ea}
.fn-guide--light .fn-guide__form button{background:var(--fn-navy);color:#fff;border-bottom:3px solid var(--fn-gold)}
.fn-guide--light .fn-guide__form small{color:var(--fn-ink2)}
@media (max-width:640px){.fn-grid{gap:28px}.fn-guide,.fn-guide--light{margin:56px 0}}
/* FieldKit site integration (Webby, Oct 12, 2026) */
.fn-page{background:var(--fn-paper)}
.fn-page main,.fn-hero,.fn-featured,.fn-guide,.fn-card,.fn-section{font-family:var(--fn-sans)}
.fn-featured a,.fn-card a,.fn-guide a{text-decoration:none}
.fn-featured a:not(.fn-btn),.fn-card h3 a{color:inherit}
.fn-featured img,.fn-card img{display:block;max-width:100%;height:auto}
.fn-hero h1,.fn-featured h2,.fn-guide h2,.fn-guide h3,.fn-card h3,.fn-section{color:inherit}
.fn-hero h1{color:#fff}
.fn-guide *{box-sizing:border-box}
.fn-guide__form input{color:var(--fn-navy)}
.fn-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.fn-guide__msg{margin:0;min-height:0;font-size:15px}.fn-guide__msg:empty{display:none}
.fn-guide__msg.ok{color:var(--fn-gold);font-weight:600}.fn-guide--light .fn-guide__msg.ok{color:#2c6e49}
.fn-guide__msg.err{color:#f2a49a}.fn-guide--light .fn-guide__msg.err{color:#b03a2e}
.fn-guide__msg a{text-decoration:underline}
.fn-guide h3{font:500 38px/1.1 var(--fn-serif);margin:14px 0 14px}
.fn-grid--rest{margin-top:0}
.fn-in-note{margin:56px 0}
@media (max-width:640px){.fn-guide h3{font-size:30px}}