/* Face "Horse Farm" (Deirdre): sundown amber-to-dark-brown gradient, two-line wide-spaced slab-serif title, barn-red buttons, saddle-tan sign-in card with horseshoes
   and the farm badge. System fonts only. Labels and typed text stay dark for readability. */
:root{
 --bg:#efe4d0;--card:#fff;--ink:#2b1f16;--mute:#645241;--line:#c9ae84;--accent:#7a2a1f;--accent-ink:#fff;
 --disp:#7a2a1f;--disp-bg:#f1e0cf;--stor:#4a3a2a;--stor-bg:#ece4d4;--danger:#a4231a;--head:#7a2a1f;
 --pg-glow:#a8552e;--pg1:#cf8a4f;--pg2:#5e2c20;--pg3:#3a1d15;
 --nav:#7a2a1f;--nav-ink:#fff;--nav-line:#f3dec6;--nav-on:#fff;--nav-on-ink:#7a2a1f;
 --main-bg:#f8f0e0;--login-bg:#dcc39a;--login-ink:#3b1f12;
 --h1-ink:#fff;--h1-font:Rockwell,"Roboto Slab",Cambria,Georgia,serif;--h1-case:none;--h1-weight:700;--h1-space:.12em;--h1-size:2rem;--star-show:none;
 --h1-shadow:0 .05rem .3rem rgba(40,15,5,.6);--shade:rgba(40,15,5,.35);
}
h1{line-height:1.05;padding-top:.2rem}
h1 .t1{display:inline-block;font-size:min(7.4vw,1.9rem);letter-spacing:.3em}
h1 .t2{display:inline-block;font-size:min(15vw,4.1rem);letter-spacing:.2em;line-height:1.05}
/* signed-out screen: the mint card sits straight on the gradient, as in the mock-up */
main:has(.login){background:transparent;box-shadow:none;padding:.4rem 0}
.login{position:relative;min-height:22rem;background-color:#dcc39a;border:.1rem solid #b89868;border-top:.1rem solid #b89868;border-radius:.8rem;padding:1.6rem 1.4rem 5.6rem;
 background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cg%20transform='rotate(8%2050%2050)'%3E%3Cpath%20d='M24%2086%20C10%2062%2012%2022%2050%2014%20C88%2022%2090%2062%2076%2086%20L63%2086%20C72%2064%2070%2038%2050%2032%20C30%2038%2028%2064%2037%2086Z'%20fill='%233a1d15'/%3E%3Cg%20fill='%23dcc39a'%3E%3Ccircle%20cx='22'%20cy='60'%20r='3.4'/%3E%3Ccircle%20cx='28'%20cy='40'%20r='3.4'/%3E%3Ccircle%20cx='42'%20cy='26'%20r='3.4'/%3E%3Ccircle%20cx='58'%20cy='26'%20r='3.4'/%3E%3Ccircle%20cx='72'%20cy='40'%20r='3.4'/%3E%3Ccircle%20cx='78'%20cy='60'%20r='3.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cg%20transform='rotate(-14%2050%2050)'%3E%3Cpath%20d='M24%2086%20C10%2062%2012%2022%2050%2014%20C88%2022%2090%2062%2076%2086%20L63%2086%20C72%2064%2070%2038%2050%2032%20C30%2038%2028%2064%2037%2086Z'%20fill='%233a1d15'/%3E%3Cg%20fill='%23dcc39a'%3E%3Ccircle%20cx='22'%20cy='60'%20r='3.4'/%3E%3Ccircle%20cx='28'%20cy='40'%20r='3.4'/%3E%3Ccircle%20cx='42'%20cy='26'%20r='3.4'/%3E%3Ccircle%20cx='58'%20cy='26'%20r='3.4'/%3E%3Ccircle%20cx='72'%20cy='40'%20r='3.4'/%3E%3Ccircle%20cx='78'%20cy='60'%20r='3.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cg%20transform='rotate(-24%2050%2050)'%3E%3Cpath%20d='M24%2086%20C10%2062%2012%2022%2050%2014%20C88%2022%2090%2062%2076%2086%20L63%2086%20C72%2064%2070%2038%2050%2032%20C30%2038%2028%2064%2037%2086Z'%20fill='%233a1d15'/%3E%3Cg%20fill='%23dcc39a'%3E%3Ccircle%20cx='22'%20cy='60'%20r='3.4'/%3E%3Ccircle%20cx='28'%20cy='40'%20r='3.4'/%3E%3Ccircle%20cx='42'%20cy='26'%20r='3.4'/%3E%3Ccircle%20cx='58'%20cy='26'%20r='3.4'/%3E%3Ccircle%20cx='72'%20cy='40'%20r='3.4'/%3E%3Ccircle%20cx='78'%20cy='60'%20r='3.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20100'%3E%3Cg%20transform='rotate(6%2050%2050)'%3E%3Cpath%20d='M24%2086%20C10%2062%2012%2022%2050%2014%20C88%2022%2090%2062%2076%2086%20L63%2086%20C72%2064%2070%2038%2050%2032%20C30%2038%2028%2064%2037%2086Z'%20fill='%233a1d15'/%3E%3Cg%20fill='%23dcc39a'%3E%3Ccircle%20cx='22'%20cy='60'%20r='3.4'/%3E%3Ccircle%20cx='28'%20cy='40'%20r='3.4'/%3E%3Ccircle%20cx='42'%20cy='26'%20r='3.4'/%3E%3Ccircle%20cx='58'%20cy='26'%20r='3.4'/%3E%3Ccircle%20cx='72'%20cy='40'%20r='3.4'/%3E%3Ccircle%20cx='78'%20cy='60'%20r='3.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;
 background-size:3.1rem,3.1rem,3.1rem,3.1rem;background-position:69% 1.3rem,95% .7rem,left 6% bottom 1rem,left 50% bottom .6rem}
.login h2{font-family:"Arial Narrow","Roboto Condensed","Helvetica Neue",Arial,sans-serif;text-transform:uppercase;letter-spacing:.28em;font-weight:800;font-size:1.5rem;color:#3b1f12;margin:0 0 1.2rem}
.login label{text-transform:uppercase;letter-spacing:.25em;font-weight:800;font-size:.9rem;color:#3b1f12}
.login input{background:#ead7b0;border:.13rem solid #fff;border-radius:1rem;color:#2b1608;min-height:3.4rem;font-weight:700}
.login .btn.primary{background:#7a2a1f;border:.13rem solid #fff;border-radius:1rem;color:#fff;text-transform:uppercase;letter-spacing:.3em;font-weight:800;min-height:3.6rem;margin-top:1.2rem}
.login .err{color:#8a1c10}
.hbtn:focus-visible,.navgrid button:focus-visible{outline-color:#f0c26a}

/* One sunflower over the card's top-right corner (art/horse-badge.webp; original watercolor art supplied by Michael, cut out and feathered).
   It replaces the two top horseshoes; the two bottom ones stay. */
.login{overflow:visible;background-position:-20rem 0,-20rem 0,left 6% bottom 1rem,left 50% bottom .6rem}
.login::before{content:"";position:absolute;right:-.45rem;top:-3.2rem;width:7.4rem;height:7.4rem;background:url(art/horse-badge.webp) no-repeat center/contain;pointer-events:none;z-index:2}
/* the corner sunflower must never make the page scroll sideways on a phone */
body{overflow-x:clip}