/* Beer flavor wheel: native WordPress content with progressive interaction. */
.hba-flavor-main{background:#f5f0e6}.hba-flavor-main .entry-content{max-width:none!important;margin:0!important;padding:0!important}.hba-flavor-hub{--fw-gold:#edb64e;--fw-ink:#192a20;--fw-paper:#f7f0df;color:var(--fw-ink);background:#f5f0e6;overflow:clip}.hba-flavor-hub [hidden]{display:none!important}.hba-flavor-hub button,.hba-flavor-hub select,.hba-flavor-hub a{touch-action:manipulation}.hba-flavor-hub .fw-hero{padding:48px 0 60px;border-bottom:7px solid #ad842f;background-color:#14251c}.hba-flavor-hub .fw-hero-top{display:grid;grid-template-columns:1fr 280px;gap:50px;align-items:center;margin-bottom:32px}.hba-flavor-hub .fw-hero h1{font-size:clamp(52px,6vw,80px);color:#fff4df;letter-spacing:-3px;margin:0 0 8px}.hba-flavor-hub .fw-hero .hub-kicker{color:#edb64e}.hba-flavor-hub .fw-tagline{font:27px/1.4 Georgia,serif;color:#e7b558;margin:12px 0}.hba-flavor-hub .fw-lede{font-size:17px;line-height:1.65;color:#c5cebe;max-width:750px}.hba-flavor-hub .fw-rule{position:relative;transform:rotate(2deg);border:2px solid #687864;padding:22px;background:#243b2a;box-shadow:6px 6px 0 #9d7e39;text-align:center}.hba-flavor-hub .fw-rule:before{content:'';position:absolute;top:-11px;left:30%;width:92px;height:24px;background:#d5c491b0;transform:rotate(-8deg)}.hba-flavor-hub .fw-rule .hub-kicker{font-size:10px}.hba-flavor-hub .fw-chalk{font:32px/1.2 var(--hub-hand),cursive;color:#fff4d9}.hba-flavor-hub .fw-rule p:last-child{font:12px/1.5 monospace;color:#bbc9b5;margin-top:10px}.hba-flavor-hub .fw-explorer{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:48px;align-items:start}.hba-flavor-hub .fw-dial{position:relative;max-width:610px;margin:0 auto}.hba-flavor-hub .fw-wheel{display:block;width:100%;height:auto;overflow:visible}.hba-flavor-hub .fw-wheel .fw-rotor{transform:rotate(var(--fw-turn,0deg));transform-origin:300px 300px;transition:transform var(--fw-duration,0s) cubic-bezier(.16,.78,.18,1)}.hba-flavor-hub .fw-label{transform:rotate(calc(-1 * var(--fw-turn,0deg)));transform-origin:0 0;transition:transform var(--fw-duration,0s) cubic-bezier(.16,.78,.18,1);pointer-events:none}.hba-flavor-hub .fw-wheel path{stroke:#15271d;stroke-width:3}.hba-flavor-hub .fw-wheel a:hover path,.hba-flavor-hub .fw-wheel a:focus path{stroke:#fff7dc;stroke-width:6}.hba-flavor-hub .fw-wheel a[aria-current=true] path{stroke:#fff6d6;stroke-width:5}.hba-flavor-hub .fw-family-label{font:800 22px Arial,sans-serif;fill:#14271c;letter-spacing:-.4px}.hba-flavor-hub .fw-number{font:12px monospace;fill:#2d402d;letter-spacing:2px}.hba-flavor-hub .fw-spin{position:absolute;width:31%;height:31%;left:34.5%;top:34.5%;border:0;background:transparent;color:#fff5dc;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:8px;min-height:0}.hba-flavor-hub .fw-spin:hover{background:#294732}.hba-flavor-hub .fw-spin:disabled{cursor:wait;opacity:.7}.hba-flavor-hub .fw-spin-mark{font:31px/1 Arial;color:#e9b551;margin-bottom:4px}.hba-flavor-hub .fw-spin strong{font:800 19px/1.2 Arial;letter-spacing:1.5px}.hba-flavor-hub .fw-spin small{font:10px/1.4 Arial;letter-spacing:0;margin-top:9px;color:#bfceb5}.hba-flavor-hub .fw-dial-fallback{position:absolute;inset:40% 30%;text-align:center;font:700 20px/1.1 Georgia;color:#f9eaca}.hba-flavor-hub.fw-ready .fw-dial-fallback{display:none}.hba-flavor-hub .fw-dial-caption{font:9px/1.5 monospace;letter-spacing:.6px;text-align:center;color:#d3c9a7;margin:0 0 23px}.hba-flavor-hub .fw-interactive{max-width:530px;margin:auto}.hba-flavor-hub label{display:block;font-size:12px;font-weight:700;line-height:1.5}.hba-flavor-hub .fw-interactive label{color:#e2e7d9}.hba-flavor-hub select,.hba-flavor-hub input{font:16px/1.5 Arial,sans-serif;display:block;width:100%;background:#fffaf0;color:#203124;border:1px solid #8d9980;padding:12px;border-radius:2px;margin:7px 0 13px;min-height:48px}.hba-flavor-hub select:focus-visible{outline:3px solid #e9b54b;outline-offset:3px}.hba-flavor-hub .fw-buttons{display:flex;gap:8px;flex-wrap:wrap}.hba-flavor-hub .fw-buttons button{padding:11px 14px;background:transparent;border:1px solid #6b7a62;color:#f8edce;border-radius:2px;font-size:12px}.hba-flavor-hub .fw-buttons button:hover{background:#30472f}.hba-flavor-hub .fw-buttons #fw-copy{margin-left:auto;color:#edb64e}.hba-flavor-hub .fw-status{font:12px/1.5 monospace;color:#edb64e;margin:12px 0 0;min-height:18px}.hba-flavor-hub .fw-overlap{color:#b7c5af;font-size:12px;line-height:1.6;max-width:530px;margin:13px auto 0}.hba-flavor-hub .fw-panels{padding-top:23px}.hba-flavor-hub .fw-panel{position:relative;background:#fbf5e7;color:#263524;padding:30px 32px;border-top:8px solid var(--fw-family,#e7b34f);box-shadow:8px 8px 0 #09190d70;margin-bottom:20px}.hba-flavor-hub .fw-panel:before{content:'';position:absolute;left:40%;top:-18px;height:25px;width:88px;background:#cbbc89b5;transform:rotate(-6deg)}.hba-flavor-hub .fw-panel .hub-kicker{color:#876015;font-size:10px;letter-spacing:2px;margin-bottom:10px}.hba-flavor-hub .fw-panel h3{font-size:44px;line-height:1;margin:0 0 12px}.hba-flavor-hub .fw-panel p{font-size:15px;line-height:1.65;color:#4d5945}.hba-flavor-hub .fw-panel .fw-panel-deck{font-size:18px;font-weight:700;color:#243822;line-height:1.3;margin:0 0 15px}.hba-flavor-hub .fw-words{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:22px 0}.hba-flavor-hub .fw-words li{background:#ecebda;border:1px solid #d4d9c2;color:#3b4f30;font-size:12px;line-height:1.5;padding:6px 10px;border-radius:2px}.hba-flavor-hub .fw-listen{border-left:3px solid var(--fw-family,#e7b34f);padding:0 0 0 17px;margin-bottom:18px}.hba-flavor-hub .fw-panel .fw-note{font-size:13px;line-height:1.6;color:#647255;border-top:1px solid #d7dcc8;padding-top:15px}.hba-flavor-hub .fw-try{margin-top:20px}.hba-flavor-hub .fw-try p{font-weight:700;font-size:14px;color:#344b2d}.hba-flavor-hub .fw-related{display:flex;gap:10px 18px;flex-wrap:wrap;margin-top:13px}.hba-flavor-hub .fw-related a{font-size:13px;color:#865713;text-decoration:underline;text-underline-offset:4px}.hba-flavor-hub .fw-panel .fw-anchor{font-size:11px;text-align:right;margin-top:19px;color:#6c765e}.hba-flavor-hub .fw-heading{max-width:850px;margin-bottom:30px}.hba-flavor-hub .fw-heading h2{font-size:clamp(36px,4vw,54px);margin:0 0 18px}.hba-flavor-hub .fw-intro{font-size:18px;line-height:1.65;color:#626950;max-width:780px}.hba-flavor-hub .fw-find{padding-bottom:30px}.hba-flavor-hub .fw-word-browser input{max-width:580px;margin-bottom:23px}.hba-flavor-hub .fw-word-links{display:flex;flex-wrap:wrap;gap:9px}.hba-flavor-hub .fw-word-links a{display:block;padding:11px 14px;border:1px solid #c7ccb6;color:#365030;background:#fff9eb;font-size:13px;border-radius:2px}.hba-flavor-hub .fw-word-links a:hover{background:#e9e9d6;border-color:#698259}.hba-flavor-hub #fw-word-empty{font-size:15px;color:#6c644b;padding:15px 0}.hba-flavor-hub .fw-three{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.hba-flavor-hub .fw-basics-card{border:1px solid #c9cfba;padding:28px;background:#fcf7ed;box-shadow:4px 4px 0 #e1decb}.hba-flavor-hub .fw-basics-card h3{font-size:33px;margin:12px 0 15px}.hba-flavor-hub .fw-basics-card p{font-size:16px;line-height:1.7;color:#536247}.hba-flavor-hub .fw-context-link{font-size:14px;margin-top:26px;color:#636a54}.hba-flavor-hub .fw-context-link a{color:#825b1b;text-decoration:underline;text-underline-offset:4px}.hba-flavor-hub .fw-note-section{padding:65px 0;border-block:6px solid #9a7932}.hba-flavor-hub .fw-note-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.hba-flavor-hub .fw-note-copy h2{font-size:46px;line-height:1.08;color:#fff4dc;margin:12px 0 20px}.hba-flavor-hub .fw-note-copy p{color:#c6d0ba}.hba-flavor-hub .fw-note-copy .hub-kicker{color:#eab951}.hba-flavor-hub .fw-note-copy .fw-chalk{font-size:29px;margin-top:24px;color:#ecc375}.hba-flavor-hub .fw-note-builder{border:1px solid #899579;background:#213823;padding:29px;box-shadow:8px 8px 0 #0e2115}.hba-flavor-hub .fw-note-builder label{color:#e4ebd5}.hba-flavor-hub .fw-note-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.hba-flavor-hub #fw-note-output{font:24px/1.4 Georgia,serif;color:#fff1cf;margin:13px 0 22px}.hba-flavor-hub #fw-copy-note{background:#e9b14a;color:#24301c;border:1px solid #e9b14a;border-radius:2px;padding:13px 18px}.hba-flavor-hub #fw-note-status{font-size:12px;min-height:18px;color:#d1dda8;margin-top:12px}.hba-flavor-hub .fw-two{display:grid;grid-template-columns:1fr 1fr;gap:30px}.hba-flavor-hub .fw-compare-card{border-top:1px solid #bfc7ad;padding:24px 0 0}.hba-flavor-hub .fw-compare-card h3{font-size:28px;margin-bottom:14px}.hba-flavor-hub .fw-compare-card p{color:#5a654d;font-size:16px}.hba-flavor-hub .fw-reference{background:#e7e5d5;border-block:1px solid #c8cdb5}.hba-flavor-hub .fw-resource-links{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:26px}.hba-flavor-hub .fw-button,.hba-flavor-hub #fw-print{display:inline-block;background:#25422b;color:#fff6df;padding:15px 22px;font:700 14px/1.4 Arial;border:1px solid #25422b;border-radius:2px}.hba-flavor-hub #fw-print{background:transparent;color:#25422b}.hba-flavor-hub .fw-fine{font-size:13px;line-height:1.65;color:#626d51;max-width:900px}.hba-flavor-hub .fw-source-note{border-top:1px solid #c0c8b0;margin-top:30px;padding-top:25px}.hba-flavor-hub .fw-source-note h3{font-size:24px;margin-bottom:12px}.hba-flavor-hub .fw-source-note p{font-size:13px;color:#5e674f;max-width:970px}.hba-flavor-hub .fw-source-note a{text-decoration:underline}.hba-flavor-hub .fw-source-links{margin-top:12px;font-size:11px!important}.hba-flavor-hub .fw-faq-item{border-top:1px solid #cbd0bd;padding:26px 0;max-width:1000px}.hba-flavor-hub .fw-faq-item h3{font-size:26px;margin-bottom:15px}.hba-flavor-hub .fw-faq-item p{font-size:16px;color:#5c684e}.hba-flavor-hub .fw-endcap{padding:70px 0 50px;border-bottom:7px solid #a67e32}.hba-flavor-hub .fw-endcap h2{color:#fff4de}.hba-flavor-hub .fw-endcap .hub-kicker{color:#e9b651}.hba-flavor-hub .fw-hub-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #607456;margin:35px 0 45px}.hba-flavor-hub .fw-hub-card{padding:27px;border-right:1px solid #607456;border-bottom:1px solid #607456}.hba-flavor-hub .fw-hub-card:nth-child(3n){border-right:0}.hba-flavor-hub .fw-hub-card:nth-child(n+4){border-bottom:0}.hba-flavor-hub .fw-hub-card h3{font-size:27px;color:#fff4df;margin-bottom:14px}.hba-flavor-hub .fw-hub-card p{font-size:14px;color:#bccab2}.hba-flavor-hub .fw-last{text-align:center;font-size:42px}.hba-flavor-hub .fw-back{text-align:center;color:#e4b553;font-size:14px;margin-top:24px}.hba-flavor-hub .fw-manual-copy{display:block;font-size:12px;padding:10px;background:#fff6e3;color:#203422;overflow-wrap:anywhere}.hba-flavor-hub .fw-panel:focus{outline:3px solid #e8b853;outline-offset:4px}
@media(max-width:1000px){.hba-flavor-hub .fw-explorer{gap:27px}.hba-flavor-hub .fw-panel{padding:25px}.hba-flavor-hub .fw-hero-top{grid-template-columns:1fr 220px;gap:30px}.hba-flavor-hub .fw-rule{padding:22px 14px}.hba-flavor-hub .fw-rule .fw-chalk{font-size:29px}.hba-flavor-hub .fw-buttons #fw-copy{margin-left:0}.hba-flavor-hub .fw-spin strong{font-size:15px}.hba-flavor-hub .fw-spin small{font-size:8px}.hba-flavor-hub .fw-spin-mark{font-size:25px}.hba-flavor-hub .fw-note-copy h2{font-size:39px}}
@media(max-width:760px){.hba-flavor-hub .hub-shell{width:calc(100% - 40px)}.hba-flavor-hub .hub-section{padding:52px 0}.hba-flavor-hub .fw-hero{padding:34px 0 42px}.hba-flavor-hub .fw-hero-top{display:block;margin-bottom:20px}.hba-flavor-hub .fw-hero h1{font-size:49px;letter-spacing:-2px}.hba-flavor-hub .fw-tagline{font-size:23px;line-height:1.35}.hba-flavor-hub .fw-lede{font-size:16px}.hba-flavor-hub .fw-rule{display:none}.hba-flavor-hub .fw-explorer{grid-template-columns:1fr;gap:17px}.hba-flavor-hub .fw-dial{max-width:500px}.hba-flavor-hub .fw-spin strong{font-size:15px;letter-spacing:.7px}.hba-flavor-hub .fw-spin-mark{font-size:25px}.hba-flavor-hub .fw-spin small{display:none}.hba-flavor-hub .fw-dial-caption{font-size:8px;letter-spacing:0;margin-bottom:20px}.hba-flavor-hub .fw-interactive{max-width:none}.hba-flavor-hub .fw-buttons{gap:7px}.hba-flavor-hub .fw-buttons button{font-size:11px;padding:10px}.hba-flavor-hub .fw-buttons #fw-copy{margin-left:auto}.hba-flavor-hub .fw-panels{padding-top:14px}.hba-flavor-hub .fw-panel{padding:25px 22px}.hba-flavor-hub .fw-panel h3{font-size:40px}.hba-flavor-hub .fw-heading h2{font-size:38px}.hba-flavor-hub .fw-intro{font-size:16px}.hba-flavor-hub .fw-three,.hba-flavor-hub .fw-note-grid,.hba-flavor-hub .fw-two,.hba-flavor-hub .fw-hub-grid{grid-template-columns:1fr}.hba-flavor-hub .fw-three{gap:20px}.hba-flavor-hub .fw-note-grid{gap:28px}.hba-flavor-hub .fw-note-copy h2{font-size:37px}.hba-flavor-hub .fw-note-builder{padding:22px}.hba-flavor-hub .fw-note-fields{grid-template-columns:1fr;gap:0}.hba-flavor-hub .fw-note-section{padding:48px 0}.hba-flavor-hub .fw-word-links{gap:7px}.hba-flavor-hub .fw-word-links a{padding:11px 12px;font-size:12px}.hba-flavor-hub .fw-find{padding-bottom:8px}.hba-flavor-hub .fw-hub-card,.hba-flavor-hub .fw-hub-card:nth-child(n+4){border-right:0;border-bottom:1px solid #607456}.hba-flavor-hub .fw-hub-card:last-child{border-bottom:0}.hba-flavor-hub .fw-endcap{padding:50px 0 40px}.hba-flavor-hub .fw-last{font-size:34px}}
@media(prefers-reduced-motion:reduce){.hba-flavor-hub *{transition:none!important;scroll-behavior:auto!important}}
@media print{body>header,header,footer,nav,iframe,.fw-rule,.fw-interactive,.fw-spin,.fw-word-browser,.fw-note-section,.fw-resource-links,.fw-endcap,.fw-back,.fw-source-links,.fw-anchor{display:none!important}.hba-flavor-hub,.hba-flavor-hub .fw-hero{background:#fff!important;color:#18271c!important}.hba-flavor-hub .hub-shell{width:100%!important}.hba-flavor-hub .fw-hero-top{display:block}.hba-flavor-hub .fw-hero h1,.hba-flavor-hub .fw-tagline,.hba-flavor-hub .fw-lede,.hba-flavor-hub .fw-overlap,.hba-flavor-hub .fw-dial-caption{color:#203322!important}.hba-flavor-hub .fw-explorer{display:block}.hba-flavor-hub .fw-dial{max-width:380px}.hba-flavor-hub .fw-panel[hidden],.hba-flavor-hub .fw-panel{display:block!important;break-inside:avoid;box-shadow:none;padding:22px;border:1px solid #aaa;margin-top:20px}.hba-flavor-hub .fw-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hba-flavor-hub .fw-panel h3{font-size:28px}.hba-flavor-hub .fw-panel p{font-size:11px}.hba-flavor-hub .hub-section{padding:24px 0}.hba-flavor-hub .fw-find{display:none!important}}
.hba-flavor-hub .fw-fruity{--fw-family:#e7b34f}.hba-flavor-hub .fw-green{--fw-family:#aebc79}.hba-flavor-hub .fw-malty{--fw-family:#d4a075}.hba-flavor-hub .fw-roasty{--fw-family:#bd978a}.hba-flavor-hub .fw-spicy{--fw-family:#dfaa83}.hba-flavor-hub .fw-tart{--fw-family:#ddd382}.hba-flavor-hub .fw-funky{--fw-family:#a9bdad}.hba-flavor-hub .fw-smoky{--fw-family:#b5b2a1}