/* Iowa Scoops. Colors and type come from the brand guide. */
@font-face{font-family:Righteous;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/righteous-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Rubik;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/rubik-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Rubik;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/rubik-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Rubik;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/rubik-latin-700-normal.woff2) format("woff2")}

:root{
  --navy:#1B1B3A;
  --vanilla:#FFF6E5;
  --card:#FFFFFF;
  --yellow:#FFC53D;
  --teal:#19C6C0;
  --pink:#FF3D8B; /* logo stripes and swag only, never behind small text */
  --display:Righteous,"Arial Black",sans-serif;
  --body:Rubik,system-ui,-apple-system,"Segoe UI",sans-serif;
  color-scheme:light;
}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--vanilla);color:var(--navy);font-family:var(--body);font-size:17px;line-height:1.5}
a{color:var(--navy);font-weight:700}
:focus-visible{outline:3px solid var(--pink);outline-offset:2px}
.app{max-width:560px;margin:0 auto}
header{background:var(--navy);color:var(--vanilla);padding:14px 16px;display:flex;align-items:center;gap:12px}
header .brand{margin:0;font-family:var(--display);font-weight:400;font-size:26px;letter-spacing:1px}
.stripes{height:10px;background:linear-gradient(var(--yellow) 0 40%,var(--pink) 40% 70%,var(--teal) 70%)}
.notice{background:var(--yellow);padding:8px 16px;font-size:15px;font-weight:500}
main{padding:20px 16px 32px;display:flex;flex-direction:column;gap:16px}
h1{margin:0;font-family:var(--display);font-weight:400;font-size:30px;line-height:1.15;text-wrap:balance}
h2{margin:0;font-size:18px}
p{margin:0}
.panel{background:var(--card);border:2px solid var(--navy);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px}
ul.plain{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}
.btn{min-height:48px;border-radius:10px;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;padding:0 14px;background:var(--navy);color:var(--vanilla)}
footer{padding:0 16px 32px;font-size:14px}