@import "https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css";
:root{--text-heading:#1a1a1a;--text-body:#262626;--text-secondary:#666;--text-disabled:#999}body{color:var(--text-body);background-color:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--text-heading)}.text-secondary{color:var(--text-secondary)}.header{max-width:80%;margin:0 auto;padding:12px 0}.header .home-link{color:var(--text-heading);padding-top:0;text-decoration:none;display:inline-block}.header h1{margin:0;font-size:clamp(1.5rem,4vw,3.125rem);line-height:1.15}.admin-card{background:#fff;border:1px solid #bbb;border-radius:8px;max-width:520px;padding:28px;line-height:1.6}.admin-card h1{margin-top:0;margin-bottom:16px}.admin-card button{color:#fff;cursor:pointer;background:#333;border:1px solid #000;border-radius:5px;padding:10px 18px}.admin-card button:disabled{color:var(--text-disabled);cursor:wait}.admin-card button:focus-visible,.admin-card a:focus-visible{outline-offset:3px;outline:3px solid #2268a3}.admin-card [role=alert]{color:#9c2424}.admin-session{flex-wrap:wrap;align-items:center;gap:12px;display:flex}main{max-width:80%;margin:0 auto;padding-top:30px;padding-bottom:80px}.webpage-link{color:var(--text-secondary);margin:0 0 10px;font-size:small;text-decoration:underline}img{max-width:100%}.recipes-list{grid-template-columns:repeat(5,1fr);gap:20px;padding:0;list-style:none;display:grid}.recipe-card a{height:100%;color:var(--text-heading);margin:auto;font-size:22px;text-decoration:none;display:block}.recipe-card img{object-fit:cover;border:1px solid #000;border-radius:5px;width:100%;height:400px;margin-bottom:12px;display:block;border-style:solid!important}.recipe{max-width:100%;margin:0}.recipe h1{margin-bottom:0;font-weight:bolder}.recipe .content{max-width:100%;margin:0}.content{grid-template-columns:1fr 1fr;gap:30px;display:grid}.recipe img{border:1px solid #000;border-radius:5px}.breakdown{border:1px solid #000;border-radius:5px;width:100%}.ingredients{margin:20px}@media not (min-width:1600px){.recipes-list{grid-template-columns:repeat(4,1fr)}}@media not (min-width:1280px){.recipes-list{grid-template-columns:repeat(3,1fr)}.content{grid-template-rows:1fr;grid-template-columns:1fr}}@media not (min-width:950px){.recipes-list{grid-template-columns:repeat(2,1fr)}}@media not (min-width:600px){.recipes-list{grid-template-columns:1fr}}
