/* flow.css (19 Oct 2026): the modern skin for the focused one-card pages
   (claim, login). Loaded AFTER each page's own <style>, so it only restyles:
   no markup or script depends on it. Same faces as the rest of the site. */
:root{--serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--navy:#16365C;--ink:#1d2430;--sub:#5f6470;}
*{font-family:var(--sans)!important;}
h1,h2,.est b,.flowbar .fb-name{font-family:var(--serif)!important;}
body{background:#F4EEE3 linear-gradient(180deg,#0C1E38 0,#16365C 300px,#F4EEE3 300px) no-repeat!important;padding:88px 16px 48px!important;align-items:flex-start!important;}
.flowbar{position:fixed;top:0;left:0;right:0;height:60px;background:#0C1E38;display:flex;align-items:center;padding:0 18px;z-index:60;box-shadow:0 1px 0 rgba(255,255,255,.06);}
.flowbar a{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;}
.flowbar img{width:30px;height:auto;}
.flowbar .fb-name{font-size:19px;font-weight:600;letter-spacing:3px;}
.card{background:#fff!important;border:0!important;border-radius:20px!important;box-shadow:0 24px 60px rgba(12,30,56,.18)!important;margin:0 auto;}
.card .top{display:none;}
h1{font-weight:600!important;color:var(--navy)!important;letter-spacing:-.2px;}
.kicker{letter-spacing:3px!important;font-size:11.5px!important;font-weight:500;}
p.lead{color:var(--sub)!important;font-size:15.5px!important;line-height:1.55!important;}
label{font-weight:500;color:var(--navy)!important;letter-spacing:0!important;}
input,select,textarea{border:1px solid #d9d2c3!important;border-radius:10px!important;background:#fff!important;color:var(--ink);}
input:focus,select:focus,textarea:focus{outline:none;border-color:#9A7B1F!important;box-shadow:0 0 0 3px rgba(201,162,39,.18);}
.btn{border-radius:12px!important;font-weight:600;letter-spacing:.2px!important;}
.btn.ghost{color:var(--navy)!important;border-color:#d9d2c3!important;}
.note{font-style:normal!important;}
@media(max-width:640px){body{padding:80px 12px 40px!important;}.card{border-radius:16px!important;}}
/* the spelling note under the name sat on top of the taller field */
.card .small{margin-top:6px!important;}
@media(max-width:640px){.row{flex-direction:column;gap:0!important;}}