ol,ul{box-sizing:border-box}.entry-content{counter-reset:footnotes}:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.screen-reader-text:focus{font-size:1em}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#ffffff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--color--contrast:var(--contrast);--wp--preset--color--contrast-2:var(--contrast-2);--wp--preset--color--contrast-3:var(--contrast-3);--wp--preset--color--base:var(--base);--wp--preset--color--base-2:var(--base-2);--wp--preset--color--base-3:var(--base-3);--wp--preset--color--accent:var(--accent);--wp--preset--color--global-color-8:var(--global-color-8);--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:0.44rem;--wp--preset--spacing--30:0.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined:6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp:6px 6px 0px rgb(0, 0, 0)}.footer-bar-active .footer-bar .widget{padding:0}.footer-bar-align-center .inside-site-info{flex-direction:column}.footer-bar-align-center .footer-bar{margin-bottom:10px}@media (max-width:768px){.footer-bar-active .inside-site-info{flex-direction:column}.footer-bar-active .footer-bar{margin-bottom:10px}}body,html,li{margin:0}body,h1,h2,h3,h4,html,li,ol,p,ul{padding:0;border:0}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-size:17px;scroll-behavior:smooth}.main-navigation ul ul a,main{display:block}button{font-family:inherit;margin:0}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}body,button{font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";font-weight:400;text-transform:none;font-size:17px}button{line-height:1.5;background:#55555e;border:1px solid transparent;cursor:pointer;-webkit-appearance:button;padding:10px 20px;transition:color .1s ease-in-out,background-color .1s ease-in-out}p{margin:0 0 1.5em}h1,h2,h3,h4{font-family:inherit;font-style:inherit}h4{font-weight:inherit}table,td,th{border:1px solid rgba(0,0,0,.1)}table{border-spacing:0;border-width:1px 0 0 1px;margin:0 0 1.5em;width:100%;border-collapse:collapse;font-family:var(--font-ui);font-size:.87rem;background:var(--white)}td,th{padding:8px;border-width:0 1px 1px 0}h1{font-size:42px}h2{font-size:35px}h1,h2,h3,h4{margin:0 0 20px}h1,h2,h3{line-height:1.2em;font-weight:400;text-transform:none}h3{font-size:29px}h4{font-size:24px}ol,ul{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ul{margin-bottom:0;margin-left:1.5em}strong,th{font-weight:700}em{font-style:italic}img{height:auto;max-width:100%;display:block}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.main-navigation{z-index:100;padding:0;clear:both;display:block}.main-navigation a{display:block;font-weight:400;text-transform:none;font-size:15px}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation .main-nav ul li a{padding-left:20px;padding-right:20px;line-height:60px}.inside-navigation,.main-navigation li,.site-header{position:relative}.main-navigation .inside-navigation{justify-content:space-between}.main-navigation .inside-navigation,.main-navigation .main-nav>ul{display:flex;flex-wrap:wrap;align-items:center}.main-navigation ul ul{display:block;box-shadow:1px 1px 0 rgba(0,0,0,.1);float:left;position:absolute;left:-99999px;opacity:0;z-index:99999;width:200px;text-align:left;top:auto;transition:opacity 80ms linear;transition-delay:0s;pointer-events:none;height:0;overflow:hidden}.main-navigation ul ul li{width:100%}.main-navigation .main-nav ul ul li a{line-height:normal;padding:10px 20px;font-size:14px}.main-navigation .main-nav ul li.menu-item-has-children>a{padding-right:0;position:relative}.main-navigation:not(.toggled) ul li:hover>ul{left:auto;opacity:1;transition-delay:150ms;pointer-events:auto;height:auto;overflow:visible}.menu-item-has-children .dropdown-menu-toggle{display:inline-block;height:100%;clear:both;padding-right:20px;padding-left:10px}.inside-header{padding:20px 40px}.main-title{margin:0;font-size:25px;line-height:1.2em;word-wrap:break-word;font-weight:700;text-transform:none}.inside-header{display:flex;align-items:center}.header-widget,.nav-float-right #site-navigation{margin-left:auto}.nav-float-right .header-widget{margin-left:20px}.site-content{word-wrap:break-word;display:flex}.entry-content>p:last-child{margin-bottom:0}.grid-container{margin-left:auto;margin-right:auto;max-width:1200px}.site-main>*{margin-bottom:20px}.separate-containers .inside-article{padding:40px}.separate-containers .site-main{margin:20px}.separate-containers.no-sidebar .site-main{margin-left:0;margin-right:0}.separate-containers .site-main>:last-child{margin-bottom:0}.full-width-content .container.grid-container{max-width:100%}.full-width-content.no-sidebar.separate-containers .site-main{margin:0}.full-width-content.separate-containers .inside-article{padding:0}.inside-site-info{display:flex;align-items:center;justify-content:center;padding:20px 40px}.site-info{text-align:center;font-size:15px}.gp-icon{display:inline-flex;align-self:center}.gp-icon svg{height:1em;width:1em;top:.125em;position:relative;fill:currentColor}.icon-menu-bars svg:nth-child(2){display:none}.container.grid-container{width:auto}.menu-toggle{display:none;padding:0 20px;line-height:60px;margin:0;font-weight:400;text-transform:none;font-size:15px;cursor:pointer}.menu-toggle .mobile-menu{padding-left:3px}.menu-toggle .gp-icon+.mobile-menu{padding-left:9px}button.menu-toggle{background-color:transparent;flex-grow:1;border:0;text-align:center}button.menu-toggle:active,button.menu-toggle:focus,button.menu-toggle:hover{background-color:transparent}.mobile-menu-control-wrapper{display:none;margin-left:auto;align-items:center}@media (max-width:768px){a,body,button{transition:all 0s ease-in-out}.inside-header{text-align:center}.site-header .header-widget{margin-top:1.5em;margin-left:auto;margin-right:auto;text-align:center}.inside-header,.site-content{flex-direction:column}.container .site-content .content-area{width:auto}#main{margin-left:0;margin-right:0}}body{background-color:var(--base-2);font-family:var(--font-body);background:var(--cream);color:var(--ink);line-height:1.8;-webkit-font-smoothing:antialiased}a{color:var(--coffee-soft);text-decoration:underline;transition:color .2s}.main-navigation a,.site-branding a{text-decoration:none}a:active,a:focus,a:hover,button.menu-toggle:focus,button.menu-toggle:hover{color:var(--contrast)}.generate-back-to-top{font-size:20px;border-radius:3px;position:fixed;bottom:30px;right:30px;line-height:40px;width:40px;text-align:center;z-index:10;transition:opacity 300ms ease-in-out;opacity:.1;transform:translateY(1000px)}:root{--contrast:#222222;--contrast-2:#575760;--contrast-3:#b2b2be;--base:#f0f0f0;--base-2:#f7f8f9;--base-3:#ffffff;--accent:#1e73be;--global-color-8:#0e7525}.main-navigation,.site-header{background-color:var(--base-3)}.main-title a,.main-title a:hover{color:var(--contrast)}.mobile-menu-control-wrapper .menu-toggle,.mobile-menu-control-wrapper .menu-toggle:focus,.mobile-menu-control-wrapper .menu-toggle:hover{background-color:rgb(0 0 0/.02)}.main-navigation .main-nav ul li a,.main-navigation .menu-toggle{color:var(--contrast)}.main-navigation .main-nav ul li:not([class*=current-menu-]):focus>a,.main-navigation .main-nav ul li:not([class*=current-menu-]):hover>a{color:var(--accent)}.main-navigation ul ul{background-color:var(--base)}.separate-containers .inside-article{background-color:var(--base-3)}.site-info{color:var(--base-3);background-color:#1e3932}button{color:#fff;background-color:#55555e}button:focus,button:hover{color:#fff;background-color:#3f4047}a.generate-back-to-top{background-color:rgb(0 0 0/.4);color:#fff}a.generate-back-to-top:focus,a.generate-back-to-top:hover{background-color:rgb(0 0 0/.6);color:#fff}:root{--gp-search-modal-bg-color:var(--base-3);--gp-search-modal-text-color:var(--contrast);--gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2)}@media (max-width:768px){.separate-containers .inside-article{padding:30px}.inside-header,.inside-site-info{padding-right:30px;padding-left:30px}}.site-content .content-area{width:100%}@media (max-width:768px){.main-navigation .menu-toggle{display:block}.has-inline-mobile-toggle #site-navigation .inside-navigation>:not(.navigation-search):not(.main-nav),.main-navigation ul,.main-navigation:not(.slideout-navigation):not(.toggled) .main-nav>ul{display:none}.has-inline-mobile-toggle .mobile-menu-control-wrapper{display:flex;flex-wrap:wrap}.has-inline-mobile-toggle .inside-header{flex-direction:row;text-align:left;flex-wrap:wrap}.has-inline-mobile-toggle #site-navigation,.has-inline-mobile-toggle .header-widget{flex-basis:100%}}:root{--cream:#fdf6ee;--cream-dark:#f0e5d2;--caramel:#c8832a;--caramel-text:#8b5e00;--caramel-mid:#d9973f;--caramel-pale:#fdf0dd;--coffee-dark:#2b1d0e;--coffee-mid:#5c3d1e;--coffee-soft:#7a5230;--milk-white:#fefcf8;--ink:#1c1c1c;--ink-soft:#3a3028;--ink-muted:#6b5c4a;--ink-faint:#a0917e;--white:#ffffff;--accent-teal:#2a7d6e;--accent-teal-text:#1a5c50;--accent-rose:#c45a5a;--font-display:'Fraunces', Georgia, serif;--font-body:'Crimson Pro', Georgia, serif;--font-ui:'DM Sans', system-ui, sans-serif;--r-sm:8px;--r-md:14px;--r-lg:22px;--r-xl:36px;--sh-sm:0 2px 10px rgba(43,29,14,.08);--sh-md:0 8px 28px rgba(43,29,14,.12);--sh-lg:0 20px 56px rgba(43,29,14,.15)}*,::after,::before{box-sizing:border-box;margin:0;padding:0}a:hover{color:var(--caramel-text)}.hero__eyebrow,.hero__pill{text-decoration:none!important}.cta-block:hover,.related-guide-card:hover{text-decoration:none}.hero{background:linear-gradient(150deg,var(--coffee-dark) 0%,var(--coffee-mid) 55%,#8b5e30 100%);color:var(--white);padding:68px 24px 76px;text-align:center;position:relative;overflow:hidden}.hero::after,.hero::before{position:absolute;pointer-events:none}.hero::before{content:"";inset:0;background:radial-gradient(circle at 70% 20%,rgb(200 131 42/.18)0,transparent 60%)}.hero::after{content:"☕";right:40px;bottom:-20px;font-size:9rem;opacity:.05}.hero__eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgb(255 255 255/.12);border:1px solid rgb(255 255 255/.2);padding:6px 18px;border-radius:50px;font-family:var(--font-ui);font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#ffd596;margin-bottom:24px}.article h2,.hero h1{font-family:var(--font-display);font-weight:900;letter-spacing:-.02em}.hero h1{font-size:clamp(1.9rem,5vw,3.1rem);line-height:1.15;max-width:760px;margin:0 auto 20px}.hero h1 em{font-style:italic;color:#ffd596}.hero__answer p,.hero__desc{font-family:var(--font-ui);line-height:1.65}.hero__desc{font-size:1rem;color:rgb(255 255 255/.75);max-width:540px;margin:0 auto 36px}.hero__answer{background:rgb(255 255 255/.1);border:1px solid rgb(255 255 255/.18);backdrop-filter:blur(10px);border-radius:var(--r-lg);padding:22px 28px;max-width:640px;margin:0 auto 36px;text-align:left}.hero__answer-label{font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffd596;margin-bottom:8px}.hero__answer p{font-size:.92rem;color:rgb(255 255 255/.88)}.hero__pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:28px}.hero__pill{background:rgb(255 255 255/.12);border:1px solid rgb(255 255 255/.18);padding:7px 18px;border-radius:50px;font-family:var(--font-ui);font-size:.78rem;color:rgb(255 255 255/.85)}.page-wrap{max-width:1100px;margin:0 auto;padding:52px 20px 80px}.article{min-width:0}.article h2{font-size:1.68rem;color:var(--coffee-dark);margin:56px 0 16px;line-height:1.2;padding-bottom:12px;border-bottom:3px solid var(--caramel-pale);position:relative}.article h2::after{content:"";position:absolute;bottom:-3px;left:0;width:48px;height:3px;background:var(--caramel);border-radius:2px}.article h2:first-child{margin-top:0}.article h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--coffee-dark);margin:32px 0 12px;line-height:1.3}.article h4{font-family:var(--font-ui);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--caramel-text);margin:24px 0 8px}.article ol,.article p,.article ul{color:var(--ink-soft);font-size:1.02rem}.article p{margin-bottom:18px}.article ol,.article ul{margin:0 0 18px 22px}.article li,.related-box li{margin-bottom:7px}.article li::marker{color:var(--caramel)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:14px;margin:24px 0 32px}.stat-card{background:var(--white);border:1.5px solid var(--cream-dark);border-radius:var(--r-md);padding:18px 14px;text-align:center;box-shadow:var(--sh-sm);transition:transform .18s,box-shadow .18s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--sh-md)}.stat-card__val{font-family:var(--font-display);font-size:1.75rem;font-weight:900;color:var(--coffee-dark);line-height:1}.stat-card__unit{font-family:var(--font-ui);font-size:.68rem;font-weight:600;color:var(--caramel-text)}.stat-card__label{font-family:var(--font-ui);font-size:.72rem;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:6px}.table-wrap{overflow-x:auto;margin:20px 0 32px;border-radius:var(--r-md);box-shadow:var(--sh-sm)}thead tr{background:var(--coffee-dark);color:var(--white)}thead th{padding:12px 15px;text-align:left;font-weight:600;font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}tbody tr:nth-child(even){background:var(--milk-white)}tbody tr:hover{background:var(--caramel-pale);transition:background .15s}tbody td{padding:11px 15px;color:var(--ink-soft);border-bottom:1px solid #ede8e0;vertical-align:top}tbody td:first-child{font-weight:600;color:var(--ink)}.row-highlight{background:var(--caramel-pale)!important}.row-highlight td:first-child{color:var(--coffee-mid)!important;font-weight:800!important}.callout{display:flex;gap:14px;border-radius:var(--r-md);padding:18px 22px;margin:26px 0;align-items:flex-start}.callout--coffee{background:#f5efe6;border-left:4px solid var(--caramel)}.callout--teal{background:#e8f4f2;border-left:4px solid var(--accent-teal)}.callout__icon{font-size:1.3rem;flex-shrink:0;line-height:1.5}.callout__body{flex:1}.callout__body strong{display:block;font-family:var(--font-ui);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--coffee-dark);margin-bottom:5px}.callout--teal .callout__body strong{color:var(--accent-teal-text)}.callout__body p{margin:0;font-family:var(--font-ui);font-size:.92rem;line-height:1.62;color:var(--ink-soft)}.callout__body a{text-decoration:underline}.cta-block{display:flex;align-items:center;gap:18px;background:linear-gradient(120deg,var(--coffee-dark),var(--coffee-mid));border-radius:var(--r-lg);padding:22px 26px;margin:30px 0;text-decoration:none!important;transition:transform .2s,box-shadow .2s;box-shadow:var(--sh-md)}.cta-block:hover{transform:translateY(-2px);box-shadow:var(--sh-lg)}.cta-block__icon{font-size:1.8rem;flex-shrink:0}.cta-block__body{flex:1}.cta-block__label{display:block;font-family:var(--font-ui);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffd596;margin-bottom:4px}.cta-block__title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--white);line-height:1.25}.cta-block__arrow{color:#ffd596;font-size:1.3rem;flex-shrink:0}.related-box{background:var(--caramel-pale);border:1px solid #e8c890;border-radius:var(--r-md);padding:16px 20px;margin:22px 0 28px}.related-box__title{font-family:var(--font-ui);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--caramel-text);margin-bottom:10px}.recipe-box ul,.related-box ul{list-style:none;margin:0;padding:0}.recipe-box ul li,.related-box a{font-family:var(--font-ui);font-size:.88rem}.related-box a{color:var(--coffee-dark);font-weight:500;text-decoration:underline}.related-box a::before{content:"→ ";color:var(--caramel-text);text-decoration:none;display:inline-block}.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:22px 0 32px}.compare-card{background:var(--white);border:1.5px solid var(--cream-dark);border-radius:var(--r-lg);padding:22px 18px;text-align:center;box-shadow:var(--sh-sm);transition:border-color .2s,transform .2s}.compare-card:hover{border-color:var(--caramel);transform:translateY(-3px)}.compare-card.featured{border-color:var(--caramel-mid);background:var(--caramel-pale)}.compare-card__emoji{font-size:2rem;margin-bottom:10px}.compare-card__name{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--coffee-dark);margin-bottom:6px;line-height:1.2}.compare-card__cal{font-family:var(--font-display);font-size:1.5rem;font-weight:900;color:var(--caramel-text)}.compare-card__cal-unit,.compare-card__note{font-size:.7rem;font-family:var(--font-ui);color:var(--ink-muted)}.compare-card__note{font-size:.76rem;margin-top:8px;line-height:1.4}.recipe-box{background:var(--coffee-dark);border-radius:var(--r-xl);padding:38px;margin:36px 0;color:var(--white);position:relative;overflow:hidden}.recipe-box::before{content:"🍶";position:absolute;right:-8px;top:-8px;font-size:8rem;opacity:.05;pointer-events:none}.recipe-box__title{font-family:var(--font-display);font-size:1.35rem;font-weight:900;color:var(--white);margin-bottom:28px}.recipe-box__title span{color:#ffd596;font-style:italic}.recipe-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:32px}.recipe-box__heading{font-family:var(--font-ui);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffd596;margin-bottom:12px}.recipe-box ul li{padding:8px 0;border-bottom:1px solid rgb(255 255 255/.08);color:rgb(255 255 255/.85)}.recipe-box ul li:last-child{border-bottom:none}.recipe-step{display:flex;gap:14px;margin-bottom:16px}.recipe-step__num{width:26px;height:26px;border-radius:50%;background:var(--coffee-mid);color:var(--white);font-size:.76rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.badge,.recipe-step p,.recipe-step__num{font-family:var(--font-ui)}.recipe-step p{font-size:.88rem;color:rgb(255 255 255/.85);line-height:1.6;margin:0}.badge{display:inline-block;background:var(--caramel-pale);border:1px solid #e0b87a;color:var(--coffee-mid);font-size:.74rem;font-weight:700;padding:3px 12px;border-radius:50px;margin:0 4px 4px 0;text-decoration:none}.badge--japan{background:#fff0f0;border-color:#f0a0a0;color:#8b2e2e}.badge--us{background:#eef3ff;border-color:#90a8e0;color:#1a3a7a}.badge--new{background:#e8f8ee;border-color:#80c899;color:#1a5a30}.faq-list{margin:22px 0}.faq-item{border:1.5px solid var(--cream-dark);border-radius:var(--r-md);margin-bottom:10px;background:var(--white);overflow:hidden;transition:box-shadow .2s}.faq-item:hover{box-shadow:var(--sh-sm)}.faq-a,.faq-q{font-family:var(--font-ui)}.faq-q{padding:17px 20px;font-weight:600;font-size:.95rem;color:var(--coffee-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;user-select:none}.faq-q::after{content:"+";color:var(--caramel-text);font-size:1.2rem;font-weight:400;flex-shrink:0}.faq-item[open] .faq-q::after{content:"−"}.faq-a{padding:14px 20px 18px;font-size:.91rem;color:var(--ink-soft);line-height:1.65;border-top:1px solid var(--cream-dark)}.faq-a a{text-decoration:underline}.related-guides-section{background:var(--milk-white);border:1.5px solid var(--cream-dark);border-radius:var(--r-lg);padding:28px 28px 24px;margin-top:32px}.related-guides-section__header{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--caramel-pale)}.related-guides-section__icon{font-size:1.6rem;flex-shrink:0}.related-guides-section__label{font-family:var(--font-ui);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--caramel-text);margin-bottom:2px}.related-guides-section__title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--coffee-dark)}.related-guides-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.related-guide-card{display:flex;align-items:center;gap:10px;background:var(--white);border:1.5px solid var(--cream-dark);border-radius:var(--r-md);padding:12px 14px;text-decoration:none!important;transition:border-color .18s,transform .18s,box-shadow .18s}.related-guide-card:hover{border-color:var(--caramel-mid);transform:translateY(-2px);box-shadow:var(--sh-sm)}.related-guide-card__icon{font-size:1.1rem;flex-shrink:0}.related-guide-card__text{font-family:var(--font-ui);font-size:.84rem;font-weight:500;color:var(--coffee-dark);flex:1;line-height:1.35}.related-guide-card__arrow{font-size:.9rem;color:var(--caramel-text);flex-shrink:0;opacity:0;transition:opacity .18s}.related-guide-card:hover .related-guide-card__arrow{opacity:1}@media (max-width:1024px){.recipe-grid{grid-template-columns:1fr;gap:24px}.compare-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.hero h1{font-size:1.75rem}.hero__pills{display:none}.recipe-box{padding:26px 18px}.compare-grid,.related-guides-grid{grid-template-columns:1fr}}