*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f7f5fb;color:#26221f;font:17px/1.65 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}
a{color:#3b2f5e}
a:hover{color:#5b4a8a}
.wrap{max-width:1040px;margin:0 auto;padding:0 22px}
.narrow{max-width:720px}
header.site{border-bottom:1px solid rgba(0,0,0,.08);background:#ffffff}
header.site .wrap{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:20px;padding-bottom:18px}
.brand{font:700 26px/1.1 "Iowan Old Style", "Palatino Linotype", Palatino, serif;color:#3b2f5e;text-decoration:none;letter-spacing:-.01em}
nav a{margin-left:20px;text-decoration:none;font-size:15px;color:#4a4440}
nav a:first-child{margin-left:0}
.hero{padding:52px 0 30px}
.hero h1{font:700 42px/1.15 "Iowan Old Style", "Palatino Linotype", Palatino, serif;margin:0 0 10px;letter-spacing:-.02em}
.hero p{margin:0;font-size:19px;color:#5d5650;max-width:620px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;padding:14px 0 60px}
.card{background:#ffffff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06),0 8px 24px -14px rgba(0,0,0,.2);display:flex;flex-direction:column}
.card a.cover{display:block}
.card .body{padding:18px 20px 22px}
.card h2{font:700 22px/1.25 "Iowan Old Style", "Palatino Linotype", Palatino, serif;margin:6px 0 8px}
.card h2 a{text-decoration:none;color:#26221f}
.card h2 a:hover{color:#5b4a8a}
.card p{margin:0;font-size:15.5px;color:#5d5650}
.tag{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#5b4a8a;font-weight:600}
.meta{font-size:14px;color:#7a726b}
svg.pic{display:block;width:100%;height:auto}
article{padding:40px 0 64px}
article h1{font:700 40px/1.15 "Iowan Old Style", "Palatino Linotype", Palatino, serif;margin:8px 0 10px;letter-spacing:-.02em}
article .lead{font-size:19px;color:#4a4440;margin:18px 0 26px}
article h2{font:700 24px/1.2 "Iowan Old Style", "Palatino Linotype", Palatino, serif;margin:36px 0 12px}
article svg.pic{border-radius:14px;margin:22px 0 4px}
.facts{display:flex;gap:28px;flex-wrap:wrap;padding:14px 0;border-top:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1);margin:22px 0;font-size:15px;color:#5d5650}
.facts b{display:block;color:#26221f;font-size:17px}
ul.ing{padding-left:20px}
ul.ing li{margin:5px 0}
ol.steps{padding-left:22px}
ol.steps li{margin:12px 0;padding-left:4px}
.tip{background:#ffffff;border-left:4px solid #5b4a8a;padding:14px 18px;border-radius:0 10px 10px 0;margin-top:30px;font-size:16px}
.more{margin-top:44px;padding-top:22px;border-top:1px solid rgba(0,0,0,.1);font-size:16px}
.more a{display:block;margin:6px 0}
footer.site{border-top:1px solid rgba(0,0,0,.08);padding:26px 0 40px;font-size:14px;color:#7a726b}
@media (max-width:600px){.hero h1,article h1{font-size:31px}.hero{padding-top:34px}body{font-size:16px}}