*,:before,:after{box-sizing:border-box}body{background:#fff4f7;min-width:320px;min-height:100vh;margin:2rem 0}button,input{font:inherit}html{scroll-behavior:smooth}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #7a1538}.visually-hidden{white-space:nowrap;clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.recipe-layout{grid-template-columns:1fr 1fr;gap:2rem;margin-top:32px;display:grid}@media (width<=42rem){.recipe-layout{grid-template-columns:1fr}}main{width:min(100% - 2rem,70rem);margin-inline:auto}header{text-align:center;margin-bottom:.75rem}.recipe-card{text-align:left;background:#fff;border:2px solid #c65375;border-radius:.75rem;padding:1.5rem;box-shadow:0 .25rem .75rem #5a1f321f}h1{color:#5a1f32}a{color:#8a294a}.serving-control{color:#5a1f32}input[type=range]{accent-color:#c65375}nav{justify-content:center;gap:2rem;margin-bottom:2rem;display:flex}.serving-control{flex-direction:column;align-items:center;gap:.5rem;margin:1.5rem 0;display:flex}.serving-control input{width:min(100%,20rem)}.recipe-card li{margin-bottom:.5rem}.recipe-card li:last-child{margin-bottom:0}.recipe-card h2{color:#5a1f32;text-align:center;border-bottom:1px solid #f0bdcc;margin-top:0;padding-bottom:.75rem}nav a{color:#8a294a;text-underline-offset:.25rem;border-radius:.5rem;padding:.5rem .75rem;font-weight:700}nav a:hover{color:#5a1f32;background:#f8dce5}h1,h2{font-family:Georgia,Times New Roman,serif}