body{margin:0;background:#fbf7f0;color:#2b241d;font:16px/1.6 "Helvetica Neue",Arial,sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:24px 16px 40px}
header{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;border-bottom:2px solid #2b241d;padding-bottom:12px}
.brand{font:700 22px/1 "Courier New",monospace;color:#2b241d;text-decoration:none}
.tag{color:#8a7a68;font-size:14px}
nav{margin-left:auto;font-size:14px}
nav a{color:#9b4f1e;text-decoration:none}
nav a[aria-current]{text-decoration:underline}
.bake{display:grid;grid-template-columns:96px 1fr;gap:16px;padding:22px 0;border-bottom:1px dashed #d8cbb8}
.loaf{width:96px;height:96px;border-radius:50%}
.l1{background:radial-gradient(circle at 40% 35%,#a0602c,#4a2a12)}
.l2{background:radial-gradient(circle at 50% 40%,#e2c79a,#b8935e);border-radius:46% 54% 50% 50%/62% 62% 38% 38%}
.l3{background:radial-gradient(circle at 45% 40%,#b9844c,#6b4422);border-radius:50%/40%}
h1,h2{font-family:"Courier New",monospace;line-height:1.25}
h2{font-size:18px;margin:0 0 4px}
.facts{margin:0 0 8px;color:#8a7a68;font-size:13px}
p{margin:0 0 10px}
.text{padding-top:16px}
footer{margin-top:28px;color:#8a7a68;font-size:13px}
footer a{color:#9b4f1e}
@media (max-width:480px){.bake{grid-template-columns:64px 1fr}.loaf{width:64px;height:64px}}