.callout{--tone:var(--callout-tone);border-radius:var(--radius);background:color-mix(in oklab, var(--tone) 14%, var(--callout));border:1.5px dashed color-mix(in oklab, var(--tone) 45%, transparent);grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:20px;margin-block:28px;padding:14px 20px;display:grid}.callout[data-tone=danger]{--tone:var(--danger-tone)}.callout-body{min-width:0}.callout-icon{border-radius:var(--radius);background-color:color-mix(in oklab, var(--tone) 16%, var(--callout));background-position:50%;background-repeat:no-repeat;background-size:34px 34px;flex:none;width:52px;height:52px}.callout-rule{background:color-mix(in oklab, var(--tone) 28%, transparent);align-self:stretch;width:1px;min-height:44px}.callout-title{font-family:var(--font-display);color:var(--tone);overflow-wrap:anywhere;margin:0;font-size:20px;line-height:1.25}.callout-content{overflow-wrap:anywhere;color:var(--muted);text-wrap:pretty;margin-top:3px;font-size:15.5px;line-height:1.55}.callout-content>*+*{margin-top:8px}.callout-content p{margin:0}.callout-content ul,.callout-content ol{gap:4px;padding-left:20px}.prose .callout{margin-top:28px}@media (width<=520px){.callout{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;padding:14px 16px}.callout-rule{display:none}.callout-icon{background-size:28px 28px;width:44px;height:44px}}@media print{.callout{background:0 0;border:1px solid #999}}.callout--note .callout-icon{background-image:url(/images/note.webp)}.callout--info .callout-icon{background-image:url(/images/info.webp)}.callout--tip .callout-icon{background-image:url(/images/tip.webp)}.callout--important .callout-icon{background-image:url(/images/important.webp)}.callout--warning .callout-icon{background-image:url(/images/warning.webp)}.callout--caution .callout-icon{background-image:url(/images/caution.webp)}.callout--alert .callout-icon{background-image:url(/images/alert.webp)}.callout--notice .callout-icon{background-image:url(/images/notice.webp)}.callout--disclaimer .callout-icon{background-image:url(/images/disclaimer.webp)}.callout--advisory .callout-icon{background-image:url(/images/advisory.webp)}.callout--best-practice .callout-icon{background-image:url(/images/best-practice.webp)}.callout--recommendation .callout-icon{background-image:url(/images/recommnedation.webp)}.callout--remember .callout-icon{background-image:url(/images/remember.webp)}.callout--heads-up .callout-icon{background-image:url(/images/heads-up.webp)}.callout--example .callout-icon{background-image:url(/images/example.webp)}.callout--pro-tip .callout-icon{background-image:url(/images/pro-tip.webp)}.callout--did-you-know .callout-icon{background-image:url(/images/did-you-know.webp)}.callout--success .callout-icon{background-image:url(/images/success.webp)}.callout--danger .callout-icon{background-image:url(/images/danger.webp)}.callout--recipe-note .callout-icon{background-image:url(/images/note.webp)}.callout--brewing-tip .callout-icon{background-image:url(/images/tip.webp)}.callout--storage-tip .callout-icon{background-image:url(/images/remember.webp)}.callout--tasting-note .callout-icon{background-image:url(/images/did-you-know.webp)}.callout--sustainability .callout-icon{background-image:url(/images/best-practice.webp)}.accordion{flex-direction:column;gap:10px;margin-block:18px 0;display:flex}.accordion-item{background:var(--panel);border-radius:var(--radius)}.accordion-summary{cursor:pointer;gap:var(--space-4);border-radius:var(--radius);transition:background-color var(--dur-fast) ease;grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:18px 22px;list-style:none;display:grid}.accordion-summary::-webkit-details-marker{display:none}.accordion-summary:hover{background:color-mix(in oklab, var(--ink) 4%, var(--panel))}.accordion .accordion-summary>:is(h2,h3,h4,p){font-family:var(--font-body);letter-spacing:-.008em;text-wrap:pretty;margin:0;font-size:17px;font-weight:600;line-height:1.4}.accordion .accordion-summary>:is(h2,h3,h4) strong{font-weight:inherit}.accordion-sign{width:16px;height:16px;color:var(--muted);flex:none;position:relative}.accordion-sign:before,.accordion-sign:after{content:"";border-radius:var(--radius);background:currentColor;height:2px;position:absolute;inset:7px 0 auto}.accordion-sign:after{transition:rotate var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);rotate:90deg}.accordion-item[open] .accordion-sign:after{opacity:0;rotate:0deg}.accordion-panel{color:var(--muted);text-wrap:pretty;padding:0 22px 20px;font-size:16.5px;line-height:1.62}.accordion-panel>*+*{margin-top:12px}.accordion--static .accordion-item{padding:20px 22px}.accordion.accordion--static .accordion-question{margin:0 0 8px;font-size:17px;font-weight:600;line-height:1.4}.accordion--static .accordion-answer{color:var(--muted);margin:0;font-size:16.5px;line-height:1.62}@media print{.accordion-item{background:0 0}.accordion-sign{display:none}}.prose{color:var(--ink);font-size:18.5px;line-height:1.78}.prose>*+*{margin-top:20px}.prose>:first-child{margin-top:0}.prose .lead,.lead{color:var(--ink);text-wrap:pretty;font-size:21px;line-height:1.6}.prose h2{font-family:var(--font-display);font-weight:400;font-size:var(--h2);line-height:var(--h2-line);letter-spacing:var(--h2-tracking);scroll-margin-top:var(--anchor-offset);margin-top:52px;margin-bottom:18px}.prose h3{font-family:var(--font-display);font-weight:400;font-size:var(--h3);line-height:var(--h3-line);letter-spacing:var(--h3-tracking);scroll-margin-top:var(--anchor-offset);margin-top:36px;margin-bottom:12px}.prose h4{scroll-margin-top:var(--anchor-offset);margin-top:28px;margin-bottom:8px;font-size:18px;font-weight:600}.prose h2:focus,.prose h3:focus,.prose h4:focus{outline:none}.prose p{text-wrap:pretty}.prose a{color:var(--accent);text-underline-offset:3px;font-weight:600;text-decoration:none}.prose a:hover,.prose a:focus-visible{color:var(--accent);text-decoration:underline 2px}.prose strong{font-weight:600}.prose ul,.prose ol{flex-direction:column;gap:10px;padding-left:24px;display:flex}.prose li{text-wrap:pretty}.prose li>ul,.prose li>ol{margin-top:10px}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);padding:4px 0 4px 20px;font-style:italic}.prose img{border-radius:var(--radius);display:block}.prose figure{margin-block:28px}.prose figcaption,.prose img+em{color:var(--faint);margin-top:10px;font-size:13px;font-style:normal;line-height:1.5;display:block}.prose hr{border:0;border-top:1px solid var(--hair);margin-block:36px}.prose code{background:var(--panel);border-radius:var(--radius);padding:2px 6px;font-size:.9em}.prose pre{background:var(--panel);border-radius:var(--radius);padding:16px;overflow-x:auto}.prose pre code{background:0 0;padding:0}