*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Lora',Georgia,serif;background:#351006;color:#f0e8d0;line-height:1.75}
body::before{content:'';position:fixed;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(0,0,0,.22) 28px,rgba(0,0,0,.22) 30px),repeating-linear-gradient(90deg,transparent,transparent 58px,rgba(0,0,0,.10) 58px,rgba(0,0,0,.10) 60px);z-index:-1}
.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#351006;padding:10px 14px;z-index:100}
.skip-link:focus{left:8px}
.topbar{position:sticky;top:0;z-index:10;background:rgba(10,3,1,.96);border-bottom:2px solid #c9962a;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand{font-family:'Playfair Display',serif;font-size:21px;color:#e8b84b;text-decoration:none}
.navlinks{display:flex;gap:16px;flex-wrap:wrap}.navlinks a{color:#d8c7a6;text-decoration:none}.navlinks a:hover,.navlinks a:focus{color:#fff;text-decoration:underline}
.hero{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.72)),url('../../images/brick-hero.webp') center/cover;padding:84px 7vw 66px;border-bottom:3px solid #a0761a}
.kicker{color:#e8b84b;font-weight:700;letter-spacing:.06em}.hero h1{max-width:1100px;font-family:'Playfair Display',serif;font-size:clamp(34px,5vw,62px);line-height:1.08;margin:10px 0 18px}.hero>p{max-width:880px;font-size:19px;color:#f0e8d0}.meta{display:flex;gap:14px;flex-wrap:wrap;color:#d8c7a6;font-size:15px}.meta a{color:#ffe096;text-underline-offset:3px}
.article-cover{max-width:1050px;margin:34px auto 0;padding:0 22px}.article-cover img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border:1px solid #a0761a;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.3)}.article-cover figcaption{margin-top:8px;color:#cdbd9d;font-size:14px;text-align:center}.article{max-width:1050px;margin:0 auto;padding:38px 22px 52px}.article a{color:#ffd66f}.article a:hover,.article a:focus{color:#fff}
.card{background:linear-gradient(135deg,rgba(30,40,32,.97),rgba(24,31,25,.97));border:1px solid #a0761a;border-radius:16px;padding:32px;margin:0 0 26px;box-shadow:0 12px 40px rgba(0,0,0,.28)}
h2{font-family:'Playfair Display',serif;color:#e8b84b;font-size:clamp(25px,3vw,36px);line-height:1.2;margin:0 0 18px}h3{color:#fff;font-size:21px;margin-top:25px}p,li{font-size:17px;color:#e4d8bd}strong{color:#fff}
.lead{font-size:19px}.chef-tip{border-left:5px solid #e8b84b;background:rgba(201,150,42,.13)}.warning{border-left:5px solid #df6b4f;background:rgba(120,30,10,.25)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.step{border:1px solid rgba(201,150,42,.45);border-radius:12px;padding:16px;background:rgba(0,0,0,.18)}
.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;margin:18px 0}.table th,.table td{border:1px solid rgba(201,150,42,.45);padding:12px;text-align:left;vertical-align:top}.table th{color:#ffe096;background:rgba(0,0,0,.18)}
.card pre{overflow:auto;background:#120805;border:1px solid rgba(201,150,42,.45);border-radius:10px;padding:17px;color:#f5e8c8;font:14px/1.6 Consolas,Monaco,monospace}.card code{font-family:Consolas,Monaco,monospace}.code-note{font-size:15px;color:#d8c7a6}
.checklist{columns:2;column-gap:36px}.checklist li{break-inside:avoid;margin-bottom:10px}
.related a{display:inline-block;margin:6px 8px 6px 0;padding:9px 13px;border:1px solid #c9962a;border-radius:999px;color:#2b1607;background:#e8b84b;text-decoration:none;font-weight:700}.related a:hover,.related a:focus{color:#2b1607;background:#ffd66f}
.cta{text-align:center;border:2px solid #e8b84b;background:linear-gradient(135deg,rgba(70,25,5,.92),rgba(25,30,22,.96));border-radius:18px;padding:32px;margin-top:38px}.cta a{display:inline-block;background:#e8b84b;color:#271203;padding:13px 22px;border-radius:8px;text-decoration:none;font-weight:700}.cta a:hover,.cta a:focus{background:#ffd66f;color:#271203}
.footer{text-align:center;padding:38px 20px;color:#d8c7a6}.footer a{color:#e8b84b}.legal-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:10px}
@media(max-width:700px){.hero{padding:56px 22px}.card{padding:23px}.topbar{position:relative}.navlinks a{font-size:14px}.checklist{columns:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}