:root{--brand-primary:#e59a1b;--ink:#19202c;--muted:#515761;--paper:#f7f4ef}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:6rem}
body{font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}
h1,h2,h3,.font-serif{font-family:Georgia,'Times New Roman',serif}
summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}
details[open]>summary .chevron{transform:rotate(180deg)}
a,button,input,select,summary{touch-action:manipulation}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #aa6500;outline-offset:4px}
button,summary,a{ -webkit-tap-highlight-color:transparent }
dialog::backdrop{background:rgba(15,19,27,.66)}
dialog{max-height:85vh;overflow:auto}
img{max-width:100%}
ol.brew-steps{counter-reset:brew-step;list-style:none;padding-left:0}
ol.brew-steps>li{counter-increment:brew-step;position:relative;padding-left:3.5rem;min-height:2.4rem;margin-bottom:1.1rem}
ol.brew-steps>li::before{content:counter(brew-step);position:absolute;left:0;top:0;width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#edac2d,#d88a13);font-size:1.15rem;font-weight:700}
.source-copy pre{white-space:pre-wrap;overflow-wrap:anywhere}
.source-copy{overflow-wrap:anywhere}
.source-copy td,.source-copy th{overflow-wrap:anywhere}
.source-copy a{overflow-wrap:anywhere}
.source-copy .image-gallery img{object-fit:contain}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}