/* ===================================================================
   Meigs County Job & Family Services — production stylesheet
   Direction: Bold & Caring  ·  Typeface: Raleway
   Built for WCAG 2.1 AA: contrast, focus, keyboard nav, motion, touch
   =================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&display=swap');

:root{
  --navy:#012063;
  --navy-2:#021a4f;
  --blue:#004CAE;
  --blue-600:#0a5cc9;
  --blue-ink:#003b8a;
  --red:#AF0510;
  --red-600:#c4121f;
  --green:#15703f;
  --gold:#b9791b;

  --ivory:#ffffff;
  --ivory-2:#f1f4f9;
  --paper:#fff;
  --ink:#16202f;
  --ink-soft:#39465c;     /* >7:1 on white */
  --muted:#5b6678;        /* ~4.9:1 on white */
  --line:#e6e9f0;
  --line-cool:#d8e1f0;

  --navy-tint:#e9eefa;
  --blue-tint:#e3eefc;
  --red-tint:#fbeaea;
  --gold-tint:#fbf1de;
  --green-tint:#e6f3eb;

  --shadow-sm:0 1px 2px rgba(16,32,73,.06), 0 2px 8px rgba(16,32,73,.06);
  --shadow:0 10px 28px rgba(16,32,73,.10);
  --shadow-lg:0 24px 64px rgba(16,32,73,.18);

  --r-sm:10px; --r:16px; --r-lg:22px; --r-xl:30px;
  --maxw:1180px;
  --font:"Raleway", system-ui, -apple-system, Segoe UI, sans-serif;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*{animation-duration:.001ms!important;transition-duration:.001ms!important;}}
body{
  margin:0;font-family:var(--font);color:var(--ink);background:var(--ivory);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.62;font-size:17px;
}
img{max-width:100%;display:block;}
a{color:var(--blue-ink);text-decoration:none;}
h1,h2,h3,h4{margin:0;line-height:1.1;font-weight:800;letter-spacing:-.015em;color:var(--navy);}
p{margin:0;}
ul,ol{margin:0;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

/* visible focus everywhere */
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{
  outline:3px solid #ffd24a;outline-offset:2px;border-radius:6px;
}

/* skip link */
.skip{position:absolute;left:14px;top:-60px;z-index:500;background:#fff;color:var(--navy);
  padding:11px 18px;border-radius:0 0 10px 10px;font-weight:700;box-shadow:var(--shadow);transition:top .18s;}
.skip:focus{top:0;}

/* ---------- Buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;font-family:var(--font);
  font-weight:700;font-size:1rem;line-height:1;min-height:48px;padding:.85em 1.5em;border-radius:999px;border:2px solid transparent;
  cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;white-space:nowrap;}
.btn svg{width:1.1em;height:1.1em;flex:none;}
.btn-primary{background:var(--red);color:#fff;box-shadow:0 6px 18px rgba(175,5,16,.26);}
.btn-primary:hover{background:var(--red-600);transform:translateY(-2px);}
.btn-navy{background:var(--navy);color:#fff;}
.btn-navy:hover{background:var(--blue);transform:translateY(-2px);}
.btn-white{background:#fff;color:var(--navy);}
.btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow);}
.btn-ghost{background:transparent;color:var(--navy);border-color:var(--line-cool);}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-2px);}
.btn-ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55);}
.btn-ghost-light:hover{background:#fff;color:var(--navy);}

/* ---------- Top utility strip ---------- */
.util{background:#000d2b;color:#dbe5fb;font-size:.88rem;}
.util .wrap{display:flex;align-items:center;gap:16px;min-height:44px;flex-wrap:wrap;}
.util a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;}
.util .sp{margin-left:auto;}
.util .contacts{display:flex;gap:20px;flex-wrap:wrap;color:#aebbd9;}
.util .contacts b{color:#fff;font-weight:600;}
@media(max-width:860px){.util .contacts{display:none;}}

/* ---------- Header ---------- */
.head{position:sticky;top:0;z-index:130;background:var(--navy);transition:background .25s,box-shadow .25s;}
.head.scrolled{background:#fff;box-shadow:var(--shadow-sm);}
.head .wrap{display:flex;align-items:center;gap:22px;min-height:78px;}
.brand{display:flex;align-items:center;gap:13px;}
.brand img{width:54px;height:54px;border-radius:50%;background:#fff;flex:none;}
.brand .bt b{display:block;font-size:1.12rem;font-weight:800;line-height:1.04;color:#fff;letter-spacing:-.01em;}
.brand .bt span{display:block;font-size:.8rem;font-weight:600;color:#bccbe8;}
.head.scrolled .brand .bt b{color:var(--navy);}
.head.scrolled .brand .bt span{color:var(--blue);}

.nav{display:flex;align-items:center;gap:2px;margin-left:auto;}
.nav>a,.nav .navitem>button{font-family:var(--font);font-weight:600;font-size:.97rem;color:#fff;background:none;
  border:0;cursor:pointer;padding:11px 13px;border-radius:9px;display:inline-flex;align-items:center;gap:5px;min-height:44px;}
.head.scrolled .nav>a,.head.scrolled .nav .navitem>button{color:var(--ink);}
.nav>a:hover,.nav .navitem>button:hover{background:rgba(255,255,255,.15);}
.head.scrolled .nav>a:hover,.head.scrolled .nav .navitem>button:hover{background:var(--ivory-2);color:var(--navy);}
.nav .navitem{position:relative;}
.nav .navitem .menu{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border-radius:14px;
  box-shadow:var(--shadow-lg);padding:9px;min-width:290px;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:opacity .16s,transform .16s,visibility .16s;z-index:60;border:1px solid var(--line-cool);}
.nav .navitem:hover .menu,.nav .navitem:focus-within .menu{opacity:1;visibility:visible;transform:none;}
.nav .navitem .menu a{display:block;padding:11px 13px;border-radius:9px;font-size:.94rem;font-weight:500;color:var(--ink-soft);}
.nav .navitem .menu a:hover,.nav .navitem .menu a:focus-visible{background:var(--blue-tint);color:var(--navy);}
.nav .head-cta{margin-left:8px;}
.head:not(.scrolled) .nav .head-cta{background:#fff;color:var(--navy);border-color:#fff;}
.head:not(.scrolled) .nav .head-cta:hover{background:var(--red);color:#fff;}

/* hamburger */
.burger{display:none;margin-left:auto;width:48px;height:48px;border:0;background:rgba(255,255,255,.14);
  border-radius:11px;cursor:pointer;align-items:center;justify-content:center;}
.head.scrolled .burger{background:var(--ivory-2);}
.burger svg{width:24px;height:24px;stroke:#fff;}
.head.scrolled .burger svg{stroke:var(--navy);}

@media(max-width:940px){
  .nav{display:none;}
  .burger{display:inline-flex;}
}

/* mobile drawer */
.mdrawer{position:fixed;inset:0;z-index:200;visibility:hidden;}
.mdrawer[aria-hidden="false"]{visibility:visible;}
.mdrawer .scrim{position:absolute;inset:0;background:rgba(2,13,43,.55);opacity:0;transition:opacity .25s;}
.mdrawer[aria-hidden="false"] .scrim{opacity:1;}
.mdrawer .panel{position:absolute;top:0;right:0;height:100%;width:min(360px,86vw);background:#fff;
  box-shadow:var(--shadow-lg);transform:translateX(100%);transition:transform .28s ease;overflow-y:auto;padding:20px;}
.mdrawer[aria-hidden="false"] .panel{transform:none;}
.mdrawer .panel .mhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;}
.mdrawer .panel .mhead strong{color:var(--navy);font-size:1.05rem;}
.mdrawer .mclose{width:44px;height:44px;border:0;background:var(--ivory-2);border-radius:10px;cursor:pointer;font-size:1.3rem;color:var(--navy);}
.mdrawer .panel a{display:block;padding:13px 12px;border-radius:10px;color:var(--ink);font-weight:600;font-size:1rem;}
.mdrawer .panel a:hover{background:var(--ivory-2);}
.mdrawer .panel details{border-top:1px solid var(--line);}
.mdrawer .panel summary{padding:13px 12px;font-weight:700;color:var(--navy);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;}
.mdrawer .panel summary::-webkit-details-marker{display:none;}
.mdrawer .panel summary::after{content:"+";font-size:1.3rem;color:var(--red);}
.mdrawer .panel details[open] summary::after{content:"–";}
.mdrawer .panel details a{padding-left:24px;font-weight:500;color:var(--ink-soft);font-size:.95rem;}
.mdrawer .panel .mcta{margin-top:16px;width:100%;}

/* ---------- Hero (home) ---------- */
.hero{position:relative;color:#fff;overflow:hidden;background:var(--navy);}
.hero .bg{position:absolute;inset:0;}
.hero .bg .ph{position:absolute;inset:0;}
.hero .bg::after{content:"";position:absolute;inset:0;background:
  linear-gradient(95deg, rgba(1,18,55,.94) 0%, rgba(1,24,73,.82) 44%, rgba(1,32,99,.42) 100%);}
.hero .wrap{position:relative;padding:96px 28px;}
.kicker{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:.78rem;letter-spacing:.16em;
  text-transform:uppercase;color:#fff;background:var(--red);padding:9px 16px;border-radius:7px;}
.hero h1{font-size:clamp(2.6rem,6vw,5rem);font-weight:900;letter-spacing:-.03em;line-height:1.02;color:#fff;margin:24px 0 0;max-width:17ch;}
.hero h1 em{font-style:normal;color:#86b6ff;}
.hero .lede{font-size:1.2rem;color:#dbe6fb;max-width:46ch;margin:24px 0 32px;}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap;}

/* numbers strip */
.strip{background:var(--red);color:#fff;}
.strip .wrap{display:flex;justify-content:space-around;gap:22px;flex-wrap:wrap;padding:26px 28px;text-align:center;}
.strip .it b{display:block;font-size:2rem;font-weight:900;letter-spacing:-.02em;}
.strip .it span{font-size:.86rem;opacity:.92;font-weight:500;}

/* section heads */
section{position:relative;}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:.76rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--red);background:var(--red-tint);padding:7px 14px;border-radius:999px;}
.sec{padding:88px 0;}
.sec-head{margin:0 0 46px;}
.sec-head.center{text-align:center;}
.sec-head.center .eyebrow{margin:0 auto;}
.sec-head h2{font-size:clamp(2rem,3.6vw,2.9rem);font-weight:800;margin-top:16px;max-width:20ch;letter-spacing:-.02em;}
.sec-head.center h2{margin-left:auto;margin-right:auto;}
.sec-head p{color:var(--ink-soft);font-size:1.08rem;margin-top:14px;max-width:60ch;}
.sec-head.center p{margin-left:auto;margin-right:auto;}

/* service cards */
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.svc{background:#fff;border-radius:var(--r-lg);padding:30px 28px;border:1px solid var(--line);transition:transform .2s,box-shadow .2s;position:relative;display:block;}
.svc:hover,.svc:focus-visible{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.svc .num{font-size:1rem;font-weight:800;color:var(--red);}
.svc .ic{float:right;width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-top:-4px;}
.svc .ic svg{width:28px;height:28px;}
.svc h3{font-size:1.32rem;font-weight:800;margin:12px 0 9px;clear:right;color:var(--navy);}
.svc p{font-size:.97rem;color:var(--ink-soft);}
.svc .more{display:inline-flex;gap:7px;margin-top:15px;font-weight:700;font-size:.92rem;color:var(--red);}
.svc:hover .more{gap:11px;}
.ic-blue{background:var(--blue-tint);}.ic-blue svg{fill:var(--blue);}
.ic-red{background:var(--red-tint);}.ic-red svg{fill:var(--red);}
.ic-navy{background:var(--navy-tint);}.ic-navy svg{fill:var(--navy);}
.ic-gold{background:var(--gold-tint);}.ic-gold svg{fill:var(--gold);}
.ic-green{background:var(--green-tint);}.ic-green svg{fill:var(--green);}

/* mission block */
.mission{background:var(--navy);color:#fff;overflow:hidden;}
.mission .wrap{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;padding:0 28px;}
.mission .text{padding:84px 56px 84px 0;}
.mission .eyebrow{background:rgba(255,255,255,.13);color:#fff;}
.mission h2{color:#fff;font-size:clamp(2rem,3.4vw,2.9rem);margin:18px 0 22px;line-height:1.06;}
.mission p{color:#c6d4f0;font-size:1.1rem;margin-bottom:16px;max-width:46ch;}
.mission .photo{position:relative;}
.mission .photo .ph{position:absolute;inset:0;}
.mission .photo::before{content:"";position:absolute;left:0;top:0;bottom:0;width:80px;background:linear-gradient(90deg,var(--navy),transparent);z-index:2;}

/* action cards */
.act-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.act{border-radius:var(--r-lg);padding:38px 32px;color:#fff;min-height:226px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;}
.act .ic{position:absolute;top:30px;left:32px;width:48px;height:48px;border-radius:13px;background:rgba(255,255,255,.2);display:grid;place-items:center;}
.act .ic svg{width:26px;height:26px;fill:#fff;}
.act h3{color:#fff;font-size:1.55rem;margin-bottom:8px;}
.act p{font-size:.96rem;opacity:.94;margin-bottom:16px;}
.act .go{font-weight:700;font-size:.95rem;display:inline-flex;gap:8px;}
.bg-apply{background:linear-gradient(140deg,var(--blue),var(--navy));}
.bg-fraud{background:linear-gradient(140deg,var(--red),#760a13);}
.bg-contact{background:linear-gradient(140deg,#157a4b,#0c3a6e);}

/* photo placeholder */
.ph{position:relative;overflow:hidden;background:linear-gradient(135deg,#0a3d86,#06214f);display:grid;place-items:center;color:#cfe0ff;}
.ph.light{background:linear-gradient(135deg,var(--blue-tint),var(--gold-tint));color:var(--blue-ink);}
.ph::after{content:attr(data-label);font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;
  opacity:.62;text-align:center;padding:0 14px;}
.ph svg{position:absolute;width:42px;height:42px;opacity:.3;top:calc(50% - 20px);left:50%;transform:translateX(-50%);}

/* ---------- Inner page: hero / breadcrumb ---------- */
.page-hero{background:linear-gradient(120deg,var(--navy-2),var(--navy) 55%,#063a86);color:#fff;position:relative;overflow:hidden;}
.page-hero::after{content:"";position:absolute;right:-60px;top:-60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(175,5,16,.4),transparent 70%);z-index:1;}
.page-hero .phbg{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center 28%;}
.page-hero .phbg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(2,13,43,.94) 0%,rgba(1,28,82,.76) 52%,rgba(1,32,99,.5) 100%);}
.page-hero .wrap{position:relative;z-index:2;padding:54px 28px 60px;}
.crumb{display:flex;gap:8px;align-items:center;font-size:.86rem;color:#a9bce3;margin-bottom:18px;flex-wrap:wrap;}
.crumb a{color:#cdd9f2;font-weight:600;}
.crumb a:hover{color:#fff;text-decoration:underline;}
.crumb span{opacity:.6;}
.page-hero .eyebrow{background:rgba(255,255,255,.14);color:#fff;}
.page-hero h1{color:#fff;font-size:clamp(2.1rem,4.4vw,3.3rem);font-weight:900;margin:14px 0 0;letter-spacing:-.025em;max-width:20ch;}
.page-hero p{color:#cfdcf5;font-size:1.14rem;margin-top:16px;max-width:60ch;}
.page-hero.tall .wrap{padding:64px 28px 76px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;}
.hero-actions a{display:inline-flex;align-items:center;gap:11px;padding:15px 24px;border-radius:12px;font-weight:800;font-size:1.02rem;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s;}
.hero-actions a svg{width:21px;height:21px;flex:none;}
.hero-actions .ha-apply{background:var(--red);color:#fff;box-shadow:0 10px 26px rgba(175,5,16,.4);}
.hero-actions .ha-apply:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(175,5,16,.5);}
.hero-actions .ha-alt{background:rgba(255,255,255,.13);color:#fff;border:1.5px solid rgba(255,255,255,.45);}
.hero-actions .ha-alt:hover{background:rgba(255,255,255,.22);transform:translateY(-2px);}

/* CSEA staff contact list */
.staff-band{background:var(--paper,#f5f7fb);border-top:1px solid var(--line);}
.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;}
.staff-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px 24px;box-shadow:var(--shadow-sm);}
.staff-card .rng{display:inline-block;font-weight:800;font-size:.8rem;letter-spacing:.04em;color:var(--red);background:var(--red-tint);padding:6px 12px;border-radius:999px;margin-bottom:14px;}
.staff-card h3{font-size:1.25rem;margin:0 0 4px;color:var(--navy);}
.staff-card .role{color:var(--ink-soft);font-weight:600;font-size:.95rem;margin:0 0 16px;}
.staff-card .srow{display:flex;align-items:flex-start;gap:11px;margin-top:11px;font-size:.98rem;color:var(--ink);}
.staff-card .srow svg{width:18px;height:18px;flex:none;margin-top:3px;color:var(--blue);}
.staff-card .srow a{color:var(--blue);font-weight:600;word-break:break-word;}
.staff-note{margin-top:20px;color:var(--ink-soft);font-size:.97rem;}
@media(max-width:820px){.staff-grid{grid-template-columns:1fr;}}
/* wide supervisor card spans the full row */
.staff-card.super{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;column-gap:36px;align-items:start;}
.staff-card.super .super-lead{color:var(--ink-soft);margin:0;max-width:46ch;align-self:center;justify-self:end;text-align:right;}
@media(max-width:560px){.staff-card.super{grid-template-columns:1fr;row-gap:16px;}}

/* Child support: mission, jump nav, court dates, contacts */
.cs-mission{background:linear-gradient(120deg,var(--navy-2),var(--navy));color:#fff;border-radius:16px;padding:30px 32px;margin:4px 0 26px;position:relative;overflow:hidden;}
.cs-mission .eyebrow{background:rgba(255,255,255,.14);color:#fff;}
.cs-mission p{color:#fff;font-size:1.18rem;line-height:1.5;margin:14px 0 0;font-weight:500;max-width:60ch;}
.cs-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;}
.prose .cs-mission p{color:#fff;}
.prose .cs-cta a.btn-white{color:var(--navy);}
.prose .cs-cta a.btn-ghost-light{color:#fff;}
.prose .cs-cta a.btn-ghost-light:hover{color:var(--navy);}
.jumpnav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 0 30px;}
.prose [id]{scroll-margin-top:96px;}
.jumpnav a{font-weight:700;font-size:.9rem;color:var(--navy);background:#eef2f9;border:1px solid var(--line);padding:8px 15px;border-radius:999px;text-decoration:none;transition:background .15s,color .15s;}
.jumpnav a:hover{background:var(--navy);color:#fff;}
.courtdates{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:18px 0 6px;}
.cd{flex:0 1 calc((100% - 56px)/5);min-width:118px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:12px;padding:15px 18px;box-shadow:var(--shadow-sm);text-align:center;}
.cd .mo,.cd .dt,.cd .tm{display:block;}
.cd .mo{font-weight:800;color:var(--red);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;}
.cd .dt{font-size:1.5rem;font-weight:800;color:var(--navy);line-height:1.1;margin:3px 0 2px;}
.cd .tm{font-size:.84rem;color:var(--ink-soft);font-weight:600;}
/* sticky court-dates sidebar card */
.courtcard{border-top:4px solid var(--red);}
.courtcard h3{display:flex;align-items:center;gap:9px;}
.courtcard h3 svg{width:20px;height:20px;fill:var(--red);flex:none;}
.courtcard .cc-note{font-size:.85rem;color:var(--ink-soft);margin:-6px 0 14px;line-height:1.45;}
.cc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.cc-chip{display:flex;flex-direction:column;align-items:center;gap:1px;padding:9px 2px;border:1px solid var(--line);border-radius:10px;background:var(--paper,#f5f7fb);}
.cc-chip .m{font-size:.62rem;text-transform:uppercase;letter-spacing:.05em;color:var(--red);font-weight:800;}
.cc-chip .n{font-size:1.22rem;font-weight:800;color:var(--navy);line-height:1;}
.infogrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:16px 0;}
.infogrid .ir{display:flex;justify-content:space-between;gap:14px;align-items:baseline;background:#fff;padding:13px 18px;}
.infogrid .ir .k{font-weight:700;color:var(--navy);font-size:.94rem;}
.infogrid .ir .v{font-weight:600;color:var(--ink);text-align:right;}
.infogrid .ir .v a{color:var(--blue);}
.infogrid .ir.full{grid-column:1/-1;justify-content:center;gap:10px;}
@media(max-width:640px){.infogrid{grid-template-columns:1fr;}.infogrid .ir{flex-direction:column;gap:2px;}.infogrid .ir .v{text-align:left;}}

/* layout: content + sidebar */
.layout{display:grid;grid-template-columns:1fr 330px;gap:48px;padding:64px 0 80px;align-items:start;}
.prose>*+*{margin-top:18px;}
.prose h2{font-size:1.7rem;margin-top:42px;}
.prose h2:first-child{margin-top:0;}
.prose h3{font-size:1.25rem;color:var(--blue-ink);margin-top:30px;}
.prose p,.prose li{color:var(--ink-soft);font-size:1.05rem;}
.prose ul,.prose ol{padding-left:1.25em;display:flex;flex-direction:column;gap:10px;}
.prose li::marker{color:var(--red);font-weight:700;}
.prose a{color:var(--blue);font-weight:600;text-decoration:underline;text-underline-offset:3px;}
.prose a.btn{text-decoration:none;font-weight:700;}
.prose a.btn-primary,.prose a.btn-navy{color:#fff;}
.prose a.btn-white,.prose a.btn-ghost{color:var(--navy);}
.prose strong{color:var(--ink);}

/* callouts */
.callout{border-radius:var(--r);padding:22px 24px;border:1px solid var(--line-cool);background:#fff;display:flex;gap:14px;align-items:flex-start;}
.callout .ci{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex:none;}
.callout .ci svg{width:22px;height:22px;}
.callout h4,.callout .ct{font-size:1.05rem;margin-bottom:4px;font-weight:800;color:var(--navy);line-height:1.2;}
.callout p{font-size:.97rem;color:var(--ink-soft);}
.callout.info{background:var(--blue-tint);border-color:#c5dcfb;}
.callout.info .ci{background:#fff;}.callout.info .ci svg{fill:var(--blue);}
.callout.tip{background:var(--green-tint);border-color:#c4e4ce;}
.callout.tip .ci{background:#fff;}.callout.tip .ci svg{fill:var(--green);}
.callout.warn{background:var(--red-tint);border-color:#f3cccc;}
.callout.warn .ci{background:#fff;}.callout.warn .ci svg{fill:var(--red);}

/* steps */
.steps{counter-reset:s;display:flex;flex-direction:column;gap:16px;}
.steps li{list-style:none;display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;}
.steps li::before{counter-increment:s;content:counter(s);flex:none;width:38px;height:38px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;display:grid;place-items:center;}
.steps li h3{margin:0 0 4px;font-size:1.08rem;color:var(--navy);}
.steps li p{color:var(--ink-soft);font-size:.98rem;}

/* feature tiles inside content */
.tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.tile{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;}
.tile .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:12px;}
.tile .ic svg{width:24px;height:24px;}
.tile h3{font-size:1.08rem;margin:0 0 6px;color:var(--navy);}
.tile p{font-size:.95rem;color:var(--ink-soft);}

/* FAQ accordion */
.faq{display:flex;flex-direction:column;gap:12px;}
.faq details{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;}
.faq summary{padding:18px 22px;font-weight:700;color:var(--navy);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:1.05rem;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"";width:12px;height:12px;border-right:2.5px solid var(--red);border-bottom:2.5px solid var(--red);transform:rotate(45deg);transition:transform .2s;flex:none;}
.faq details[open] summary::after{transform:rotate(225deg);}
.faq .fa-body{padding:0 22px 20px;color:var(--ink-soft);font-size:1rem;}

/* sidebar */
.aside{position:sticky;top:96px;display:flex;flex-direction:column;gap:20px;}
.aside .box{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-sm);}
.aside .box.navy{background:var(--navy);color:#fff;border-color:transparent;}
.aside .box.navy h3,.aside .box.navy strong{color:#fff;}
.aside .box h3{font-size:1.1rem;margin-bottom:14px;}
.aside .crow{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;font-size:.95rem;color:var(--ink-soft);}
.aside .box.navy .crow{color:#c6d4f0;}
.aside .crow:last-child{margin-bottom:0;}
.aside .crow .ci{width:36px;height:36px;border-radius:10px;background:var(--blue-tint);display:grid;place-items:center;flex:none;}
.aside .box.navy .crow .ci{background:rgba(255,255,255,.14);}
.aside .crow .ci svg{width:19px;height:19px;fill:var(--blue);}
.aside .box.navy .crow .ci svg{fill:#fff;}
.aside .crow b{display:block;color:var(--ink);font-weight:700;}
.aside .box.navy .crow b{color:#fff;}
.aside .crow a{color:var(--blue);font-weight:700;}
.aside .box.navy .crow a{color:#dbe8ff;text-decoration:none;}
.aside .box.navy .crow a:hover{text-decoration:underline;}
.aside .box.navy .crow a.addr-link{color:#fff;font-weight:400;}
.aside .box.navy .crow a.addr-link b{color:#fff;}
.aside .box .links{list-style:none;padding:0;display:flex;flex-direction:column;gap:2px;}
.aside .box .links a{display:flex;justify-content:space-between;gap:10px;padding:11px 12px;border-radius:10px;color:var(--ink-soft);font-weight:600;font-size:.96rem;}
.aside .box .links a:hover,.aside .box .links a[aria-current]{background:var(--blue-tint);color:var(--navy);}
.aside .box .links a[aria-current]{color:var(--navy);border-left:3px solid var(--red);}
/* Ohio Benefits apply block (sidebar) */
.ob-apply{margin-top:14px;display:flex;flex-direction:column;gap:11px;}
.ob-apply .obchip{background:#fff;border-radius:10px;padding:11px 14px;}
.ob-apply .obchip img{width:100%;max-width:178px;margin:0 auto;display:block;}
.ob-apply .obnote{font-size:.82rem;color:#9fb1d6;text-align:center;line-height:1.4;}

/* CTA band */
.ctaband{background:linear-gradient(130deg,var(--blue),var(--navy));color:#fff;border-radius:var(--r-xl);padding:48px;text-align:center;margin:0 auto;}
.ctaband h2{color:#fff;font-size:2rem;margin-bottom:12px;}
.ctaband p{color:#d4e2fb;margin:0 auto 26px;max-width:50ch;}
.ctaband .cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.ctaband .cta-ob{display:inline-block;background:#fff;border-radius:12px;padding:13px 26px;margin:0 auto 22px;box-shadow:var(--shadow-sm);}
.ctaband .cta-ob img{display:block;height:58px;width:auto;}

/* staff / contact */
.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.staff{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:26px;text-align:center;}
.staff .av{width:84px;height:84px;border-radius:50%;margin:0 auto 14px;background:linear-gradient(135deg,var(--blue),var(--navy));display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.5rem;}
.staff h3{font-size:1.12rem;margin:0 0 3px;color:var(--navy);}
.staff .role{color:var(--red);font-weight:700;font-size:.9rem;margin-bottom:12px;}
.staff .meta{font-size:.92rem;color:var(--ink-soft);}
.staff .meta a{color:var(--blue);font-weight:600;}

.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start;}
.cards2{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;}
.ccard{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px;}
.ccard h3{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;}
.ccard p{font-weight:700;color:var(--ink);font-size:1rem;line-height:1.5;text-wrap:balance;}
.ccard a{color:var(--blue);}
.map .ph{aspect-ratio:4/3;border-radius:var(--r-lg);box-shadow:var(--shadow);}
.map iframe{display:block;width:100%;min-height:420px;border:0;border-radius:var(--r-lg);box-shadow:var(--shadow);}
.mapcard{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:6px;min-height:420px;height:100%;
  padding:36px 28px;border-radius:var(--r-lg);box-shadow:var(--shadow);text-decoration:none;
  background:linear-gradient(150deg,#eef3fb,#dde7f6);
  background-image:linear-gradient(150deg,rgba(238,243,251,.92),rgba(221,231,246,.92)),repeating-linear-gradient(0deg,transparent,transparent 38px,rgba(31,93,168,.07) 38px,rgba(31,93,168,.07) 39px),repeating-linear-gradient(90deg,transparent,transparent 38px,rgba(31,93,168,.07) 38px,rgba(31,93,168,.07) 39px);
  border:1px solid var(--line);transition:transform .15s,box-shadow .15s;}
.mapcard:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}
.mapcard-pin{width:58px;height:58px;color:var(--red);}
.mapcard-pin svg{width:100%;height:100%;filter:drop-shadow(0 4px 8px rgba(175,5,16,.3));}
.mapcard-name{font-weight:800;font-size:1.28rem;color:var(--navy);margin-top:4px;text-wrap:balance;}
.mapcard-addr{color:var(--ink-soft);font-weight:600;font-size:.98rem;line-height:1.5;}
.mapcard-btn{margin-top:16px;display:inline-block;background:var(--navy);color:#fff;font-weight:800;font-size:.98rem;padding:12px 22px;border-radius:10px;}
.mapcard:hover .mapcard-btn{background:var(--blue);}

/* phone list */
.philist{list-style:none;padding:0;display:flex;flex-direction:column;gap:0;}
.philist li{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);}
.philist li:last-child{border-bottom:0;}
.philist .lbl{font-weight:600;color:var(--ink-soft);}
.philist .val{font-weight:800;color:var(--navy);}
.philist .val a{color:var(--navy);}

/* ===================================================================
   HOME VARIANT B — "Trusted & Open" (alternative homepage layout)
   =================================================================== */
.t-hero{background:linear-gradient(115deg,#021a4f 0%,var(--navy) 46%,#063a86 100%);color:#fff;position:relative;overflow:hidden;}
.t-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(680px 380px at 92% 16%,rgba(175,5,16,.34),transparent 62%);}
.t-hero .wrap{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:52px;align-items:center;padding:68px 28px 76px;}
.t-hero .eyebrow2{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#aed0ff;}
.t-hero .eyebrow2::before{content:"";width:26px;height:2px;background:var(--red);}
.t-hero h1{color:#fff;font-size:clamp(2.4rem,4.6vw,3.7rem);font-weight:900;letter-spacing:-.025em;margin:16px 0 0;line-height:1.04;}
.t-hero .lede{color:#cfdcf5;font-size:1.15rem;max-width:48ch;margin:22px 0 0;}
.helpbar{margin-top:32px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:18px 20px;}
.helpbar .lbl{display:block;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:#a6bce6;font-weight:800;margin-bottom:11px;}
.helpbar .chips{display:flex;gap:9px;flex-wrap:wrap;}
.helpbar .chips a{font-size:.92rem;font-weight:600;padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.16);transition:.15s;min-height:40px;display:inline-flex;align-items:center;}
.helpbar .chips a:hover,.helpbar .chips a:focus-visible{background:#fff;color:var(--navy);}
.t-art{position:relative;}
.t-art .ph{aspect-ratio:1/1;border-radius:20px;box-shadow:var(--shadow-lg);}
.t-stat{position:absolute;background:#fff;color:var(--ink);border-radius:14px;box-shadow:var(--shadow);padding:15px 18px;}
.t-stat b{display:block;font-size:1.6rem;font-weight:900;color:var(--navy);}
.t-stat span{font-size:.82rem;color:var(--muted);font-weight:500;}
.t-stat.s1{left:-20px;top:38px;}
.t-stat.s2{right:-16px;bottom:42px;}
@media(max-width:520px){.t-stat{display:none;}}

.t-ribbon{background:var(--ivory-2);border-bottom:1px solid var(--line);}
.t-ribbon .wrap{display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;padding:22px 28px;}
.t-ribbon .item{display:flex;align-items:center;gap:11px;font-size:.95rem;color:var(--ink-soft);font-weight:700;}
.t-ribbon .item svg{width:23px;height:23px;fill:var(--blue);flex:none;}

.t-services .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;flex-wrap:wrap;max-width:none;}
.t-services .sec-head .stext{max-width:56ch;}
.t-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line-cool);border:1px solid var(--line-cool);border-radius:18px;overflow:hidden;}
.t-svc{background:#fff;padding:30px 28px;transition:background .18s;display:flex;flex-direction:column;}
.t-svc:hover,.t-svc:focus-visible{background:#f6faff;}
.t-svc .ic{width:50px;height:50px;border-radius:12px;display:grid;place-items:center;margin-bottom:15px;}
.t-svc .ic svg{width:26px;height:26px;}
.t-svc h3{font-size:1.16rem;margin-bottom:7px;}
.t-svc p{font-size:.95rem;color:var(--ink-soft);flex:1;}
.t-svc .more{margin-top:14px;font-weight:700;font-size:.9rem;color:var(--blue);display:inline-flex;gap:6px;}
.t-svc:hover .more{gap:10px;}

.t-cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.t-panel{border-radius:18px;padding:46px;color:#fff;position:relative;overflow:hidden;}
.t-panel h3{color:#fff;font-size:1.8rem;margin-bottom:12px;}
.t-panel p{font-size:1rem;opacity:.93;margin-bottom:22px;max-width:42ch;}
.t-panel.apply{background:linear-gradient(130deg,var(--blue),var(--navy));}
.t-panel.jobs{background:linear-gradient(130deg,#13633e,#0c2c5e);}
@media(max-width:980px){.t-hero .wrap{grid-template-columns:1fr;}.t-art{order:-1;}.t-svc-grid{grid-template-columns:repeat(2,1fr);}.t-cta-grid{grid-template-columns:1fr;}}
@media(max-width:620px){.t-svc-grid{grid-template-columns:1fr;}}

/* ===================================================================
   HOME VARIANT C — "Fairfield Flow"
   Announcement banner → slider hero → staggered animated card grid →
   welcome/mission text. Echoes the fcjfs.org flow, on the Meigs system.
   =================================================================== */
.annc{background:linear-gradient(90deg,#0f7a47,#0c5f6b);color:#fff;}
.annc .wrap{display:flex;align-items:center;gap:14px;min-height:46px;flex-wrap:wrap;padding-top:7px;padding-bottom:7px;}
.annc .chk{width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.2);display:grid;place-items:center;flex:none;}
.annc .chk svg{width:14px;height:14px;stroke:#fff;fill:none;stroke-width:2.6;}
.annc p{font-weight:600;font-size:.92rem;}
.annc .a-btn{margin-left:6px;background:#fff;color:#0c5f6b;font-weight:800;font-size:.82rem;padding:7px 15px;border-radius:999px;min-height:34px;display:inline-flex;align-items:center;white-space:nowrap;}
.annc .a-btn:hover{background:#ffefe0;}
.annc .a-info{margin-left:auto;display:flex;gap:18px;font-size:.85rem;color:#d6f3e5;}
.annc .a-info b{color:#fff;}
@media(max-width:980px){.annc .a-info{display:none;}}
@media(max-width:760px){.annc .wrap{justify-content:center;text-align:center;}}

/* slider hero */
.hslider{position:relative;background:var(--navy);overflow:hidden;}
.hslider .slides{position:absolute;inset:0;}
.hslider .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease;}
.hslider .slide.active{opacity:1;}
.hslider .slide .ph{position:absolute;inset:0;}
.hslider .slide .img{position:absolute;inset:0;background-size:cover;background-position:center 32%;}
.hslider::after{content:"";position:absolute;inset:0;z-index:2;background:
  linear-gradient(92deg,rgba(1,18,55,.92) 0%,rgba(1,24,73,.78) 46%,rgba(1,32,99,.34) 100%);}
.hslider .wrap{position:relative;z-index:3;min-height:clamp(420px,52vw,560px);display:flex;flex-direction:column;justify-content:center;padding-top:54px;padding-bottom:54px;}
.hslider .official{color:#dde8fb;font-size:1.05rem;font-weight:600;text-shadow:0 1px 8px rgba(1,18,55,.55);}
.hslider .official em{font-style:italic;}
.hslider h1{color:#fff;font-size:clamp(2.3rem,5vw,4.1rem);font-weight:900;letter-spacing:-.025em;line-height:1.02;margin:8px 0 0;max-width:18ch;text-shadow:0 2px 18px rgba(1,18,55,.5);}
.hslider .tag{margin-top:18px;font-size:1.12rem;color:#eef4ff;font-weight:700;text-shadow:0 1px 8px rgba(1,18,55,.55);}
.hslider .hbtns{display:flex;gap:13px;flex-wrap:wrap;margin-top:30px;}
.hslider .elink{position:absolute;z-index:4;right:28px;top:28px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);
  border-radius:14px;padding:13px 18px;color:#fff;backdrop-filter:blur(5px);transition:.15s;}
.hslider .elink:hover{background:#fff;color:var(--navy);}
.hslider .elink b{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;opacity:.85;}
.hslider .elink span{font-weight:800;display:inline-flex;align-items:center;gap:7px;}
.hslider .dots{position:absolute;z-index:4;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:9px;}
.hslider .dots button{width:11px;height:11px;border-radius:50%;border:0;background:rgba(255,255,255,.4);cursor:pointer;padding:0;}
.hslider .dots button[aria-selected="true"]{background:#fff;width:26px;border-radius:7px;}
@media(max-width:640px){.hslider .elink{display:none;}}

/* staggered animated card grid */
.flowsec{padding:84px 0 40px;}
.flowgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.fcard{position:relative;display:block;border-radius:var(--r-lg);overflow:hidden;min-height:248px;box-shadow:var(--shadow);
  color:#fff;isolation:isolate;}
.fcard .ph,.fcard .cimg{position:absolute;inset:0;z-index:-2;transition:transform .5s ease;}
.fcard .cimg{background-size:cover;background-position:center;}
.fcard:hover .cimg,.fcard:focus-visible .cimg{transform:scale(1.07);}
.fcard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to top,rgba(1,16,48,.97) 0%,rgba(1,18,55,.9) 32%,rgba(1,24,73,.5) 66%,rgba(1,24,73,.18) 100%);transition:background .3s;}
.fcard:hover .ph,.fcard:focus-visible .ph{transform:scale(1.07);}
.fcard:hover::after{background:linear-gradient(to top,rgba(1,16,48,.98) 0%,rgba(1,18,55,.92) 36%,rgba(1,24,73,.6) 72%,rgba(175,5,16,.3) 100%);}
.fcard .lbl{position:absolute;left:24px;right:24px;bottom:22px;text-shadow:0 1px 3px rgba(0,0,0,.45);}
.fcard .num{font-size:.82rem;font-weight:800;color:#dbe8ff;letter-spacing:.08em;}
.fcard h3{color:#fff;font-size:1.45rem;font-weight:800;line-height:1.05;margin-top:6px;letter-spacing:-.01em;}
.fcard .go{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-weight:700;font-size:.92rem;color:#fff;opacity:1;}
.fcard:hover .go{gap:11px;}
.fcard .ic{position:absolute;top:20px;right:20px;width:46px;height:46px;border-radius:12px;background:rgba(255,255,255,.16);display:grid;place-items:center;backdrop-filter:blur(3px);}
.fcard .ic svg{width:25px;height:25px;fill:#fff;}
/* uniform grid — all cards equal size, aligned */
/* OhioMeansJobs partner badge */
.omj-partner{display:flex;gap:22px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 24px;box-shadow:var(--shadow-sm);margin-bottom:10px;}
.omj-partner img{width:158px;height:158px;object-fit:contain;flex:none;border-radius:14px;border:1px solid var(--line);background:#fff;padding:6px;}
.omj-partner h3{font-size:1.22rem;color:var(--navy);margin-bottom:6px;}
.omj-partner p{color:var(--ink-soft);font-size:1rem;margin-bottom:14px;}
@media(max-width:560px){.omj-partner{flex-direction:column;text-align:center;}.omj-partner img{margin:0 auto;}}
/* scroll reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease;}
.reveal.left{transform:translateX(-30px);}
.reveal.right{transform:translateX(30px);}
.reveal.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important;}}

/* welcome / mission text block */
.welcome{padding:64px 0 90px;}
.welcome .wrap{max-width:880px;text-align:center;}
.welcome .eyebrow{margin:0 auto;}
.welcome h2{font-size:clamp(2rem,4vw,3rem);margin:18px auto 0;letter-spacing:-.02em;max-width:18ch;}
.welcome h2 .sep{color:var(--red);}
.welcome .body{margin-top:24px;text-align:left;}
.welcome .body p{color:var(--ink-soft);font-size:1.1rem;margin-top:16px;}
.welcome .body p:first-child{margin-top:0;}
.welcome .body a{color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:3px;}
.welcome .hours{margin-top:30px;display:inline-flex;flex-wrap:wrap;gap:10px 26px;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 26px;box-shadow:var(--shadow-sm);}
.welcome .hours .hi{display:flex;align-items:center;gap:9px;font-weight:600;color:var(--ink-soft);font-size:.96rem;}
.welcome .hours .hi svg{width:20px;height:20px;fill:var(--blue);flex:none;}
.welcome .hours .hi b{color:var(--navy);}

@media(max-width:860px){.flowgrid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.flowgrid{grid-template-columns:1fr;}.flowsec{padding:60px 0 30px;}}

/* tiny home-style switch (lets you compare the two homepage layouts) */
.homeswitch{position:fixed;right:16px;bottom:16px;z-index:150;background:#0c1326;color:#fff;border-radius:999px;
  box-shadow:var(--shadow-lg);padding:6px;display:flex;gap:4px;align-items:center;}
.homeswitch .hl{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#8ea3cf;font-weight:800;padding:0 8px 0 12px;}
.homeswitch a{font-size:.82rem;font-weight:700;color:#c8d3ea;padding:8px 14px;border-radius:999px;}
.homeswitch a:hover{background:rgba(255,255,255,.1);color:#fff;}
.homeswitch a.active{background:#fff;color:#0c1326;}
@media(max-width:600px){.homeswitch .hl{display:none;}}

/* ---------- Footer ---------- */
.foot{background:var(--navy);color:#bccbe8;}
.foot .ftop{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:36px;padding:64px 0 48px;}
.foot .fbrand .flogo{display:flex;align-items:center;gap:13px;margin-bottom:18px;}
.foot .fbrand .flogo img{width:60px;height:60px;border-radius:50%;background:#fff;}
.foot .fbrand .flogo strong{color:#fff;font-size:1.12rem;line-height:1.12;}
.foot .fbrand p{color:#aebfe0;font-size:.94rem;max-width:34ch;}
.foot h3{color:#fff;font-size:.78rem;letter-spacing:.13em;text-transform:uppercase;margin:0 0 16px;}
.vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.foot ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:11px;}
.foot ul a{color:#bccbe8;font-size:.94rem;}
.foot ul a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px;}
.foot .fcontact{font-size:.94rem;color:#bccbe8;display:flex;flex-direction:column;gap:7px;}
.foot .fcontact strong{color:#fff;}
.foot .fsocial{display:flex;gap:10px;margin-top:16px;}
.foot .fsocial a{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;transition:.15s;}
.foot .fsocial a:hover{background:var(--red);transform:translateY(-2px);}
.foot .fsocial svg{width:18px;height:18px;fill:#fff;}
.foot .fbot{border-top:1px solid rgba(255,255,255,.13);padding:20px 0;display:flex;gap:18px;flex-wrap:wrap;align-items:center;font-size:.85rem;color:#9fb1d6;}
.foot .fbot .links{display:flex;gap:18px;flex-wrap:wrap;}
.foot .fbot a{color:#cdd9f2;}
.foot .fbot a:hover{color:#fff;text-decoration:underline;}
.foot .fbot .sp{margin-left:auto;}

/* ---------- responsive ---------- */
@media(max-width:980px){
  .svc-grid,.act-grid,.staff-grid{grid-template-columns:repeat(2,1fr);}
  .mission .wrap,.contact-grid{grid-template-columns:1fr;}
  .mission .text{padding:60px 0;}
  .mission .photo{min-height:300px;}
  .mission .photo::before{display:none;}
  .layout{grid-template-columns:1fr;gap:36px;}
  .aside{position:static;}
  .foot .ftop{grid-template-columns:1fr 1fr;gap:30px;}
}
@media(max-width:620px){
  body{font-size:16px;}
  .wrap{padding:0 18px;}
  .sec{padding:62px 0;}
  .svc-grid,.act-grid,.tiles,.cards2,.staff-grid{grid-template-columns:1fr;}
  .foot .ftop{grid-template-columns:1fr;}
  .ctaband{padding:34px 22px;}
  .hero .wrap{padding:64px 18px;}
}

.layout--solo{display:block;}
.layout--solo .prose{max-width:none;}
.layout--solo .tiles{grid-template-columns:repeat(3,1fr);}
@media(max-width:640px){.layout--solo .tiles{grid-template-columns:1fr;}}
/* mobile drawer Ohio Benefits apply block */
.mdrawer .panel .mob-apply{margin-top:16px;padding:12px;background:var(--navy);border-radius:12px;display:flex;flex-direction:column;gap:10px;}
.mdrawer .panel .mob-apply .obchip{background:#fff;border-radius:9px;padding:9px 12px;}
.mdrawer .panel .mob-apply .obchip img{display:block;width:100%;max-width:170px;margin:0 auto;}
.mdrawer .panel .mob-apply .mcta{margin-top:0;color:#fff;}

.linkcards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:16px 0 8px;}
.linkcards a{display:block;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;text-decoration:none;color:var(--navy);box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s;}
.linkcards a:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
.linkcards a h3{margin:0 0 5px;font-size:1.12rem;color:var(--navy);}
.linkcards a span{display:block;color:var(--ink-soft);font-weight:500;font-size:.95rem;}
@media(max-width:560px){.linkcards{grid-template-columns:1fr;}}

/* ---------- Top-bar "Call Now" button ---------- */
.util-right{margin-left:auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap;justify-content:flex-end;}
.annc .util-right{margin-left:auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end;}
.util-call{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff!important;
  text-decoration:none!important;font-weight:800;padding:6px 15px;border-radius:999px;min-height:34px;
  line-height:1.04;box-shadow:0 3px 10px rgba(175,5,16,.4);transition:background .15s,transform .15s;}
.util-call svg{width:16px;height:16px;fill:#fff;flex:none;}
.util-call b{font-size:.86rem;letter-spacing:.01em;}
.util-call .num{font-size:.86rem;color:#ffe1e3;font-weight:700;}
.util-call:hover{background:var(--red-600);transform:translateY(-1px);}
/* center the Call Now button on phones; keep the number visible */
@media(max-width:760px){
  .util .wrap{justify-content:center;}
  .util-right,.annc .util-right{margin-left:0;width:100%;justify-content:center;}
}

/* ---------- Floating "Report Abuse & Neglect" action button ---------- */
.report-fab{position:fixed;right:20px;bottom:20px;z-index:120;display:inline-flex;align-items:center;gap:12px;
  background:var(--red);color:#fff;text-decoration:none;padding:13px 20px 13px 15px;border-radius:999px;
  border:2px solid #fff;box-shadow:0 10px 30px rgba(175,5,16,.45);max-width:calc(100vw - 36px);
  animation:rf-glow 2s ease-in-out infinite;transition:transform .15s,background .15s,box-shadow .15s;}
.report-fab svg{width:30px;height:30px;fill:#fff;flex:none;}
.report-fab .rf-text{display:flex;flex-direction:column;text-align:left;line-height:1.1;}
.report-fab .rf-text b{font-size:1rem;letter-spacing:-.01em;}
.report-fab .rf-text span{font-size:.76rem;font-weight:700;color:#ffd9dc;letter-spacing:.01em;}
.report-fab:hover{background:var(--red-600);transform:translateY(-2px);box-shadow:0 16px 40px rgba(175,5,16,.55);}
.report-fab:focus-visible{outline:3px solid #ffd24a;outline-offset:3px;}
/* slow attention pulse — 0.5 Hz, far below WCAG 2.3.1's 3/sec flash limit; the global
   prefers-reduced-motion rule halts it for motion-sensitive users (WCAG 2.3.3). */
@keyframes rf-glow{
  0%,100%{box-shadow:0 10px 30px rgba(175,5,16,.42), 0 0 0 0 rgba(175,5,16,.55);}
  50%{box-shadow:0 10px 30px rgba(175,5,16,.42), 0 0 0 13px rgba(175,5,16,0);}
}
@media(max-width:560px){
  .report-fab{right:14px;bottom:14px;padding:12px 16px 12px 13px;gap:10px;}
  .report-fab svg{width:26px;height:26px;}
  .report-fab .rf-text b{font-size:.92rem;}
  .report-fab .rf-text span{font-size:.72rem;}
}

/* ---------- Tabbed page sections (Child Care) ---------- */
.cc-tabs{padding:48px 0 0;}
.tabbar{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 6px;}
.tabbar .tab{font-family:inherit;font-weight:700;font-size:1.02rem;color:var(--navy);background:#eef2f9;
  border:1px solid var(--line);border-radius:999px;padding:12px 22px;cursor:pointer;
  display:inline-flex;align-items:center;gap:9px;transition:background .15s,color .15s,border-color .15s;}
.tabbar .tab svg{width:18px;height:18px;fill:currentColor;flex:none;}
.tabbar .tab:hover{background:#e2e9f5;}
.tabbar .tab[aria-selected="true"]{background:var(--navy);color:#fff;border-color:var(--navy);}
.tabbar .tab:focus-visible{outline:3px solid var(--blue);outline-offset:2px;}
.tabpanel{padding-top:8px;}
.tabpanel[hidden]{display:none;}
@media(prefers-reduced-motion:no-preference){
  .tabpanel:not([hidden]){animation:tabfade .26s ease;}
  @keyframes tabfade{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
}
@media(max-width:560px){.tabbar .tab{flex:1 1 auto;justify-content:center;font-size:.94rem;padding:12px 12px;}}

/* provider-type cards */
.cc-types{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:6px 0 0;}
.cc-types .ct-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:24px;box-shadow:var(--shadow-sm);}
.cc-types .ct-card h3{margin:0 0 10px;font-size:1.12rem;color:var(--navy);}
.cc-types .ct-card ul{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:7px;}
.cc-types .ct-card li{font-size:.96rem;color:var(--ink-soft);}
@media(max-width:820px){.cc-types{grid-template-columns:1fr;}}

/* Report-a-Change form */
.cc-form{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:26px;margin-top:8px;box-shadow:var(--shadow-sm);}
.cc-form .ff{display:flex;flex-direction:column;gap:6px;}
.cc-form .ff-full{grid-column:1/-1;}
.cc-form label{font-weight:700;color:var(--navy);font-size:.92rem;}
.cc-form label .req{color:var(--red);}
.cc-form input,.cc-form textarea{font:inherit;padding:11px 13px;border:1px solid var(--line);border-radius:10px;
  background:#fbfcfe;color:var(--ink);width:100%;}
.cc-form input:focus,.cc-form textarea:focus{outline:2px solid var(--blue);outline-offset:0;border-color:var(--blue);}
.cc-form textarea{resize:vertical;min-height:96px;}
.cc-form .ff-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:14px;}
.cc-form .ff-note{font-size:.9rem;color:var(--ink-soft);margin:0;}
.cc-form-ok{grid-column:1/-1;background:var(--green-tint);border:1px solid #c4e4ce;color:#176336;
  border-radius:12px;padding:13px 16px;font-weight:600;font-size:.97rem;}
@media(max-width:620px){.cc-form{grid-template-columns:1fr;}}

/* simple data table (PRC income limits, etc.) */
.dtable{width:100%;border-collapse:collapse;margin-top:8px;font-size:1rem;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;}
.dtable th,.dtable td{padding:12px 18px;text-align:left;border-bottom:1px solid var(--line);}
.dtable thead th{background:var(--navy);color:#fff;font-size:.95rem;letter-spacing:.01em;}
.dtable tbody tr:last-child td{border-bottom:none;}
.dtable tbody tr:nth-child(even){background:#f5f8fc;}
.dtable tbody td:last-child{font-weight:700;color:var(--navy);}

/* PRC category overview chips */
.prc-cats{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:6px 0 0;}
.prc-cats li{display:flex;gap:11px;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:12px;padding:14px 16px;font-weight:600;color:var(--navy);font-size:1.02rem;}
.prc-cats li svg{width:19px;height:19px;fill:var(--red);flex:none;margin-top:1px;}
@media(max-width:640px){.prc-cats{grid-template-columns:1fr;}}

/* contact rows (.crow) when used inside prose content, not just the sidebar */
.prose .box{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);}
.prose .box.navy{background:var(--navy);border-color:transparent;color:#c6d4f0;}
.prose .box.navy h3,.prose .box.navy strong,.prose .box.navy b{color:#fff;}
.prose .crow{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px;font-size:1rem;color:var(--ink-soft);}
.prose .box.navy .crow{color:#cdd9f0;}
.prose .crow:last-child{margin-bottom:0;}
.prose .crow .ci{width:38px;height:38px;border-radius:10px;background:var(--blue-tint);display:grid;place-items:center;flex:none;}
.prose .box.navy .crow .ci{background:rgba(255,255,255,.14);}
.prose .crow .ci svg{width:19px;height:19px;fill:var(--blue);}
.prose .box.navy .crow .ci svg{fill:#fff;}
.prose .crow b{display:block;color:var(--ink);font-weight:700;}
.prose .box.navy .crow b{color:#fff;}
.prose .crow a{color:var(--blue);font-weight:700;}
.prose .box.navy .crow a{color:#dbe8ff;}