.coffee-site{--green:#194b3b;--ink:#263a32;--muted:#66736b;--cream:#faf8f2;--line:#e3e7dd;background:var(--cream);color:var(--ink);min-height:100vh;font-size:15px;line-height:1.65;overflow:clip}.coffee-site *{box-sizing:border-box}.coffee-site a{text-decoration:none}.coffee-site button,.coffee-site input,.coffee-site select{font:inherit}.coffee-site button{cursor:pointer}.coffee-site :focus-visible{outline-offset:4px;outline:3px solid #bd8250}.coffee-width{width:min(1180px,100% - 64px);margin-inline:auto}.coffee-site h1,.coffee-site h2,.coffee-site h3,.coffee-site p{margin:0}.coffee-site h1,.coffee-site h2{letter-spacing:-1.4px;font-family:Georgia,Times New Roman,serif;font-weight:400;line-height:1.13}.coffee-site h2{font-size:40px}.coffee-site h3{font-size:19px;font-weight:600;line-height:1.4}.coffee-site p{color:var(--muted)}.coffee-header{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#faf8f2f7;position:sticky;top:0}.coffee-nav-wrap{justify-content:space-between;align-items:center;gap:30px;width:min(1320px,100% - 64px);min-height:88px;margin:auto;display:flex}.coffee-brand{color:var(--green);letter-spacing:-.7px;flex-shrink:0;align-items:center;gap:11px;font-size:24px;font-weight:700;line-height:1.2;display:flex}.brand-icon{background:var(--green);width:44px;height:44px;color:var(--cream);border-radius:50%;place-items:center;display:grid}.brand-sub{letter-spacing:.3px;margin-top:5px;font-size:9px;font-weight:500;display:block}.coffee-nav{gap:26px;font-size:13px;font-weight:500;display:flex}.coffee-nav a{color:var(--muted);padding:10px 0}.coffee-nav a:hover,.coffee-nav a[aria-current=page]{color:var(--green)}.coffee-nav a[aria-current=page]{box-shadow:0 2px var(--green)}.coffee-nav-actions{align-items:center;gap:14px;display:flex}.language-link{border:1px solid var(--line);color:var(--green);border-radius:30px;padding:5px 11px;font-size:12px}.coffee-menu-toggle{display:none}.coffee-skip{background:#fff;padding:10px;position:absolute;top:-100px;left:16px}.coffee-skip:focus{z-index:50;top:10px}.coffee-hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:30px;padding-top:91px;padding-bottom:86px;display:grid}.coffee-pill{letter-spacing:.3px;color:#355840;background:#e9efe4;border:1px solid #dfe7d6;border-radius:20px;align-items:center;gap:9px;padding:8px 13px;font-size:11px;font-weight:600;display:inline-flex}.status-dot{background:#4d7754;border-radius:50%;width:6px;height:6px}.coffee-hero h1{letter-spacing:-3.3px;margin:24px 0;font-size:76px;line-height:1.08}.coffee-hero h1 em{color:var(--green);font-style:italic}.hero-copy>p{max-width:460px;font-size:16px;line-height:1.8}.hero-buttons{align-items:center;gap:24px;margin-top:32px;display:flex}.coffee-button{background:var(--green);color:#fff;border-radius:8px;justify-content:center;align-items:center;gap:17px;padding:14px 22px;font-size:14px;font-weight:600;transition:transform .15s,background .15s;display:inline-flex}.coffee-button:hover{background:#103a2c;transform:translateY(-2px)}.coffee-button.light{color:var(--green);background:#f4f1e7}.coffee-text-link{color:var(--green);align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.hero-trust{color:#6e796d;gap:22px;margin-top:20px;font-size:11px;display:flex}.hero-trust>span{align-items:center;gap:6px;display:flex}.hero-trust svg{width:13px;height:13px}.hero-visual{isolation:isolate;height:470px;position:relative}.hero-circle{z-index:-1;background:#e8ebda;border-radius:50%;width:400px;height:400px;position:absolute;top:29px;right:0}.drink-art{width:100%;height:100%;display:block}.drink-art.small{max-height:155px}.hero-iced{width:260px;height:320px;position:absolute;top:9px;right:24px;transform:rotate(10deg)}.hero-hot{width:190px;height:250px;position:absolute;top:123px;left:24px;transform:rotate(-8deg)}.hero-handwritten{color:#748667;z-index:1;font:italic 15px Georgia;position:absolute;top:-6px;right:36px;transform:rotate(-7deg)}.hero-handwritten svg{width:65px;height:32px;margin-left:120px;display:block}.hero-nutrition-card{border:1px solid var(--line);background:#fffefa;border-radius:16px;padding:22px 25px;position:absolute;bottom:0;left:65px;right:40px;transform:rotate(-3deg);box-shadow:0 12px 40px #1a3a2510}.coffee-eyebrow{letter-spacing:1.8px;color:#61765a;font-size:10px;font-weight:600;display:inline-block}.preview-head{align-items:center;gap:10px;margin:5px 0 12px;display:flex}.preview-head strong{color:var(--green);letter-spacing:-2px;font-size:44px;font-weight:500;line-height:1.2}.preview-head>span{color:#75806c;font-size:12px}.preview-head small{margin-top:3px;font-size:10px;display:block}.preview-head>svg{color:#8b9b74;margin-left:auto}.preview-macros{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:10px;padding-top:11px;display:grid}.preview-macros>span{color:#6e796d;font-size:10px}.preview-macros b{color:#364c3f;font-size:20px;font-weight:500;line-height:1.4;display:block}.preview-macros b span{margin-left:2px;font-size:11px}.hero-nutrition-card>p{margin-top:10px;font-size:9px}.hero-spark{color:#b38355;position:absolute}.spark-one{top:150px;right:1px}.spark-two{top:45px;left:50px;transform:scale(.7)}.coffee-strip{letter-spacing:2px;color:#7b836e;background:#f0f1e7;border-block:1px solid #e4e7d9;justify-content:center;gap:110px;padding:21px 24px;font-size:9px;display:flex}.coffee-section{padding-block:85px}.section-heading{margin-bottom:38px}.section-heading h2{margin:10px 0 16px}.section-heading>p{max-width:530px;font-size:14px}.section-heading.centered{text-align:center}.section-heading.centered>p{margin-inline:auto}.steps-grid{grid-template-columns:repeat(4,1fr);gap:36px;display:grid}.step-number{color:#66825e;background:#f3f5ec;border:1px solid #d9e1ce;border-radius:50%;place-items:center;width:43px;height:43px;margin-bottom:22px;font-size:12px;display:grid}.step h3{margin-bottom:10px;font-size:17px}.step p{font-size:13px;line-height:1.85}.coffee-why{background:#edf0e6;padding:65px 0}.coffee-why h2{max-width:560px}.why-grid{grid-template-columns:repeat(3,1fr);gap:54px;display:grid}.reason-icon{color:#4d6d48;margin-bottom:20px;display:inline-flex}.why-grid h3{margin-bottom:10px}.why-grid p{font-size:13px;line-height:1.9}.heading-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.heading-row h2{max-width:610px;margin-bottom:0}.favorite-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.favorite-card{border:1px solid var(--line);background:#fffefa;border-radius:12px;padding:12px;transition:transform .2s;display:block}.favorite-card:hover{transform:translateY(-4px)}.favorite-art{background:#efeee3;border-radius:7px;place-items:center;height:178px;display:grid;position:relative}.favorite-art.matcha{background:#e4ecd8}.favorite-art svg{width:135px}.favorite-art>span{color:#546b46;background:#fffdf8;border-radius:20px;padding:4px 9px;font-size:10px;position:absolute;top:10px;right:10px}.favorite-card h3{margin:16px 4px 3px;font-size:16px}.favorite-card>p{margin-inline:4px;font-size:11px}.card-link{border-top:1px solid var(--line);color:#476044;justify-content:space-between;align-items:center;margin:15px 4px 2px;padding-top:12px;font-size:11px;display:flex}.coffee-guides{background:#f0eee5;border-radius:20px;grid-template-columns:1fr 1.1fr;gap:75px;padding:54px;display:grid}.guide-heading h2{margin-top:14px;font-size:43px}.guide-cup{width:200px;height:220px;margin-top:20px}.guide-list{gap:25px;display:grid}.guide-list>div{gap:17px;display:flex}.guide-list>div>span{color:#9b8769;padding-top:4px;font-size:11px}.guide-list h3{margin-bottom:8px;font-size:16px}.guide-list p{font-size:13px;line-height:1.8}.tips-section h2{margin-bottom:28px;font-size:30px}.tips-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.tips-grid>div{border-left:2px solid #9baf85;padding:0 24px}.tips-grid h3{margin-bottom:8px;font-size:16px}.tips-grid p{font-size:13px}.faq-section{grid-template-columns:.8fr 1.2fr;gap:65px;padding-top:20px;display:grid}.coffee-faq details{border-bottom:1px solid var(--line);padding:19px 0}.coffee-faq summary{cursor:pointer;justify-content:space-between;gap:20px;font-size:14px;font-weight:500;list-style:none;display:flex}.coffee-faq summary::-webkit-details-marker{display:none}.coffee-faq summary>span{color:#75906a;font-size:20px}.coffee-faq details[open] summary>span{transform:rotate(45deg)}.coffee-faq p{margin-top:15px;font-size:13px;line-height:1.9}.home-method{border-top:1px solid var(--line);gap:24px;padding-top:35px;padding-bottom:55px;display:flex}.home-method>svg{color:#6e8558;flex-shrink:0}.home-method h3{margin-bottom:10px;font-size:17px}.home-method p{max-width:870px;margin-bottom:14px;font-size:13px}.coffee-cta{background:var(--green);border-radius:16px;justify-content:space-between;align-items:center;gap:28px;margin-bottom:80px;padding:42px 48px;display:flex}.coffee-cta h2{color:#f6f3e8;font-size:32px}.coffee-cta p{color:#c0d2ba;margin-top:10px;font-size:13px}.coffee-cta a{flex-shrink:0}.coffee-footer{background:#efeee6;border-top:1px solid #dce2d5;padding:48px 0 25px}.footer-top{justify-content:space-between;gap:30px;display:flex}.footer-brand{color:var(--green);align-items:center;gap:10px;font-size:25px;font-weight:700;display:flex}.footer-top p{margin-top:9px;font-size:12px}.footer-links{grid-template-columns:repeat(3,1fr);gap:13px 35px;font-size:12px;display:grid}.footer-links a{color:#5e7059;align-items:center;gap:10px;display:flex}.footer-bottom{border-top:1px solid #dce2d5;justify-content:space-between;align-items:center;gap:25px;margin-top:38px;padding-top:22px;font-size:10px;display:flex}.footer-bottom>div{color:#6d7864;gap:20px;display:flex}.coffee-page-intro{max-width:750px;padding:65px 0 45px}.coffee-page-intro h1{margin:12px 0 18px;font-size:56px}.coffee-page-intro p{max-width:650px;font-size:16px}.coffee-content{padding-bottom:80px}.calculator-layout{grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);align-items:start;gap:28px;display:grid}.calculator-controls{gap:22px;display:grid}.calculator-panel{border:1px solid var(--line);background:#fffefa;border-radius:14px;padding:25px}.panel-heading{align-items:center;gap:12px;margin-bottom:21px;display:flex}.panel-heading h2{letter-spacing:0;font-family:inherit;font-size:18px;font-weight:600}.panel-number{color:#507246;background:#eaf0e1;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.panel-count{color:#8b9482;margin-left:auto;font-size:11px}.search-control{border:1px solid var(--line);color:#88947c;background:#f5f5ee;border-radius:7px;align-items:center;gap:10px;padding:10px 13px;display:flex}.search-control input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.category-tabs{flex-wrap:wrap;gap:5px;margin:16px 0;display:flex}.category-tabs button{color:#718269;background:0 0;border:1px solid #0000;border-radius:20px;padding:6px 10px;font-size:10px}.category-tabs button[aria-pressed=true]{color:#305136;background:#e9efdf;border-color:#dce5cc}.drink-selection{grid-template-columns:1fr 1fr;gap:9px;max-height:365px;padding:2px;display:grid;overflow-y:auto}.drink-selection>button{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fffefa;border-radius:8px;align-items:center;gap:9px;min-width:0;padding:8px;display:flex}.drink-selection>button.selected{background:#f2f5eb;border-color:#548065}.drink-mini{background:#f1eee2;border-radius:6px;flex-shrink:0;width:39px;height:50px}.drink-mini.matcha{background:#e7eedb}.drink-selection b{font-size:11px;font-weight:500;line-height:1.5;display:block}.drink-selection small{color:#7e8975;margin-top:4px;font-size:9px;display:block}.selection-dot{border:1px solid #cad2bf;border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-left:auto}.selected .selection-dot{background:#376545;box-shadow:inset 0 0 0 3px #f2f5eb}.empty-search{padding:20px;font-size:13px}.size-selection{gap:9px;display:flex}.size-selection button{border:1px solid var(--line);color:#6f7a68;background:#fffefa;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:8px;min-width:0;padding:17px 4px;display:flex}.size-selection button.selected{color:#2c5336;background:#edf2e5;border-color:#548065}.size-selection b{font-size:12px}.size-selection small{font-size:10px}.size-selection svg{height:35px}.custom-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.custom-grid label{color:#52664c;flex-direction:column;gap:7px;font-size:12px;display:flex}.custom-grid input,.custom-grid select{color:#32492d;background:#fafbf6;border:1px solid #dfe4d7;border-radius:7px;width:100%;padding:10px 12px;font-size:13px}.custom-grid select:disabled{opacity:.6}.topping-controls{border-top:1px solid var(--line);color:#52664c;flex-wrap:wrap;gap:24px;margin-top:25px;padding-top:20px;font-size:12px;display:flex}.topping-controls label{cursor:pointer;align-items:center;gap:9px;display:flex}.topping-controls input{accent-color:var(--green);width:17px;height:17px}.control-note{font-size:10px;margin-top:18px!important}.nutrition-sidebar{position:sticky;top:110px}.nutrition-result{text-align:center;background:#f0f3e8;border:1px solid #dce3d3;border-radius:15px;padding:25px}.result-art{max-width:110px;height:95px;margin:0 auto 5px}.nutrition-result h2{letter-spacing:0;margin:8px 0 3px;font-family:inherit;font-size:21px;font-weight:600;line-height:1.4}.result-size{font-size:11px}.calorie-total{justify-content:center;align-items:baseline;gap:7px;margin:13px 0 5px;display:flex}.calorie-total strong{letter-spacing:-3px;color:#1d4b32;font-size:68px;font-weight:500;line-height:1.2}.calorie-total>span{color:#63755a;font-size:13px}.result-badge{color:#4a6c3d;background:#e0ead3;border-radius:20px;padding:4px 9px;font-size:9px;display:inline-block}.result-badge.estimated{color:#896c39;background:#eee3cc}.result-main-macros{border-bottom:1px solid #d5dfc9;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:22px;padding-bottom:21px;display:grid}.result-main-macros>span{color:#6b7b60;font-size:10px}.result-main-macros b{color:#3c5b33;font-size:19px;font-weight:500;display:block}.nutrition-table{border-collapse:collapse;text-align:right;width:100%;margin-top:15px;font-size:11px}.nutrition-table th{font-weight:500}.nutrition-table tbody th{text-align:left}.nutrition-table small{color:#839275;font-size:9px;display:block}.nutrition-table td,.nutrition-table th{border-bottom:1px solid #dfe6d6;padding:9px 3px}.nutrition-table td:last-child{color:#4c7041}.reset-button{color:#4b6941;background:0 0;border:1px solid #cfdac2;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:22px;padding:11px;font-size:11px;display:flex}.result-note{font-size:10px;margin-top:15px!important}.result-source{color:#58744c;justify-content:center;align-items:center;gap:6px;margin-top:9px;font-size:10px;display:flex}.checked-date{color:#859479;font-size:9px}.coffee-method{border-top:1px solid var(--line);margin-top:40px;padding-top:35px}.coffee-method h2{margin-bottom:18px;font-size:25px}.coffee-method p{margin:10px 0;font-size:12px;line-height:1.9}.coffee-method details{margin-top:20px;font-size:12px}.coffee-method summary{cursor:pointer;color:#436439;font-weight:600}.coffee-method ul{margin-top:13px;padding-left:20px;list-style:outside}.coffee-method a{color:#4d6b40;text-decoration:underline}.mobile-nutrition{display:none}.detail-hero{grid-template-columns:1fr 220px;align-items:center;display:grid}.detail-hero-art{height:230px}.detail-table-wrap{overflow-x:auto}.detail-table{border-collapse:collapse;text-align:left;background:#fffefa;width:100%;margin:25px 0 40px;font-size:13px}.detail-table th,.detail-table td{border-bottom:1px solid var(--line);white-space:nowrap;padding:15px}.detail-table th{color:#58734a;font-weight:500}.detail-table small{color:#839276;font-size:10px;font-weight:400;display:block}.detail-examples{grid-template-columns:1fr 1fr;gap:20px;margin:25px 0 40px;display:grid}.detail-example{background:#edf2e5;border-radius:12px;padding:25px}.detail-example h3{font-size:16px}.detail-example strong{color:var(--green);margin:12px 0 3px;font-size:34px;font-weight:500;display:block}.detail-example p{font-size:11px}.source-block{border:1px solid var(--line);border-radius:12px;margin:30px 0;padding:25px}.source-block a{color:var(--green);overflow-wrap:anywhere;text-decoration:underline}.source-block p{margin-top:8px;font-size:12px}.coffee-prose{max-width:780px;margin:0 auto}.coffee-prose>h2,.coffee-prose section>h2{margin:32px 0 15px;font-size:28px}.coffee-prose p{margin:14px 0;font-size:15px;line-height:1.9}.coffee-prose ul{color:var(--muted);margin:20px 0;padding-left:22px;list-style:outside}.coffee-prose a{color:var(--green);text-decoration:underline}.coffee-prose .coffee-button{color:#fff;text-decoration:none}.changelog-entry{border-left:1px solid #c9d8b9;max-width:800px;margin-top:20px;padding:0 0 20px 30px}.changelog-entry time{color:#7b8b71;font-size:12px}.changelog-entry h2{margin:15px 0;font-size:30px}.changelog-entry li{color:#68785e;margin:12px 0;font-size:14px}.article-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.article-card{border:1px solid var(--line);background:#fffefa;border-radius:12px;display:block;overflow:hidden}.article-cover{background:#e6ecdb;place-items:center;height:170px;display:grid}.article-cover svg{width:140px;height:160px}.article-card-body{padding:24px}.article-card h2{margin-bottom:12px;font-size:27px}.article-card p{font-size:12px}.article-card span{margin-top:20px}.article-date{color:#829274;margin:14px 0;font-size:12px;display:block}@media (max-width:1100px){.coffee-nav{gap:16px}.coffee-nav-wrap{gap:15px}.coffee-hero h1{font-size:65px}.hero-nutrition-card{left:20px;right:10px}.hero-hot{left:-10px}.hero-circle{width:340px;height:340px;top:65px}.coffee-strip{gap:55px}.coffee-guides{gap:35px;padding:40px}}@media (max-width:900px){.coffee-width,.coffee-nav-wrap{width:calc(100% - 40px)}.coffee-nav{background:var(--cream);border-bottom:1px solid var(--line);padding:15px 20px;display:none;position:absolute;top:77px;left:0;right:0;box-shadow:0 10px 15px #243e2610}.coffee-nav.is-open{flex-direction:column;gap:4px;display:flex}.coffee-nav a{padding:10px 0}.coffee-nav a[aria-current=page]{box-shadow:none;font-weight:700}.coffee-menu-toggle{color:var(--green);background:0 0;border:0;place-items:center;padding:8px;display:grid}.coffee-nav-wrap{min-height:77px}.coffee-hero{gap:10px;padding-top:65px;padding-bottom:60px}.coffee-hero h1{font-size:54px}.hero-buttons{flex-wrap:wrap;gap:15px}.hero-visual{height:410px}.hero-circle{width:280px;height:280px;right:-15px}.hero-iced{width:210px;right:-5px}.hero-hot{width:155px;top:115px;left:-15px}.hero-handwritten{font-size:13px;right:10px}.hero-nutrition-card{padding:18px;left:0;right:-5px}.steps-grid{gap:22px}.why-grid{gap:25px}.favorite-grid{grid-template-columns:repeat(2,1fr)}.favorite-art{height:200px}.coffee-guides{grid-template-columns:.8fr 1fr}.coffee-site h2{font-size:34px}.guide-heading h2{font-size:36px}.faq-section{gap:30px}.calculator-layout{grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:16px}.calculator-panel{padding:18px}.drink-selection{grid-template-columns:1fr;max-height:315px}.nutrition-result{padding:18px}.article-grid{gap:15px}.article-card-body{padding:18px}.article-card h2{font-size:23px}.coffee-cta{padding:35px}.footer-links{column-gap:22px}}@media (max-width:650px){.coffee-width,.coffee-nav-wrap{width:calc(100% - 36px)}.coffee-hero{grid-template-columns:1fr;gap:28px;padding-top:38px;padding-bottom:38px}.coffee-hero h1{letter-spacing:-2px;margin:22px 0;font-size:57px}.hero-copy>p{font-size:14px}.coffee-pill{font-size:9px}.hero-buttons{gap:20px;margin-top:25px}.coffee-button{padding:13px 18px;font-size:12px}.hero-trust{font-size:10px}.hero-visual{width:100%;max-width:380px;height:360px;margin:auto}.hero-circle{width:300px;height:300px;top:20px;right:10px}.hero-iced{height:260px;top:0;right:10px}.hero-hot{height:205px;top:72px;left:5px}.hero-handwritten{font-size:12px;top:-10px}.hero-nutrition-card{padding:17px 20px;bottom:0;left:35px;right:5px}.preview-head strong{font-size:38px}.coffee-strip{letter-spacing:.8px;gap:20px;padding:16px 10px;font-size:7px}.coffee-strip span:last-child{display:none}.coffee-section{padding-block:52px}.section-heading{margin-bottom:28px}.coffee-site h2{letter-spacing:-.8px;font-size:31px}.steps-grid{grid-template-columns:1fr 1fr;gap:30px 24px}.step-number{margin-bottom:15px}.step h3{font-size:15px}.step p{font-size:12px}.coffee-why{padding:43px 0}.why-grid{grid-template-columns:1fr;gap:28px}.reason-icon{margin-bottom:10px}.why-grid h3{font-size:17px}.why-grid p{font-size:13px}.heading-row{display:block}.heading-row>.coffee-text-link{margin-top:18px}.favorite-grid{gap:12px}.favorite-art{height:150px}.favorite-art svg{width:118px}.favorite-card{padding:9px}.favorite-card h3{font-size:14px}.card-link{gap:6px;font-size:10px}.coffee-guides{grid-template-columns:1fr;gap:30px;padding:30px 24px}.guide-cup{display:none}.guide-heading h2{font-size:34px}.guide-list{gap:23px}.tips-grid{grid-template-columns:1fr;gap:25px}.tips-grid>div{padding-left:18px}.faq-section{padding-top:10px;display:block}.home-method{gap:15px;padding-top:27px;padding-bottom:36px}.home-method>svg{width:20px}.coffee-cta{margin-bottom:45px;padding:28px 23px;display:block}.coffee-cta h2{font-size:28px}.coffee-cta a{margin-top:22px}.footer-top{display:block}.footer-links{column-gap:25px;margin-top:25px}.footer-bottom{font-size:10px;display:block}.footer-bottom>div{margin-top:18px}.coffee-footer{padding-top:30px}.coffee-page-intro{padding-top:40px;padding-bottom:30px}.coffee-page-intro h1{font-size:43px}.coffee-page-intro p{font-size:14px}.calculator-layout{flex-direction:column;gap:22px;display:flex}.calculator-controls,.nutrition-sidebar{width:100%}.nutrition-sidebar{position:static}.calculator-panel{padding:18px}.panel-heading h2{font-size:17px}.drink-selection{grid-template-columns:1fr 1fr;max-height:300px}.drink-selection>button{gap:7px;padding:7px}.drink-mini{width:28px;height:39px}.drink-selection b{font-size:10px}.drink-selection small{font-size:8px}.selection-dot{width:10px;height:10px}.size-selection{gap:6px}.size-selection b{font-size:10px}.size-selection small{font-size:9px}.custom-grid{gap:14px}.custom-grid label{font-size:11px}.custom-grid input,.custom-grid select{padding:10px;font-size:12px}.mobile-nutrition{z-index:30;background:var(--green);color:#f4f4e5;justify-content:space-between;align-items:center;gap:12px;margin:0 -18px 20px;padding:12px 18px;font-size:10px;display:flex;position:sticky;top:77px;box-shadow:0 4px 12px #243e2615}.mobile-nutrition b{flex-shrink:0;font-size:17px}.nutrition-result{padding:22px}.nutrition-table{font-size:12px}.coffee-method h2{font-size:24px}.detail-hero{grid-template-columns:1fr 100px;gap:10px}.detail-hero-art{height:150px}.detail-hero h1{font-size:36px}.detail-examples{grid-template-columns:1fr}.detail-example{padding:20px}.detail-table{font-size:11px}.detail-table th,.detail-table td{padding:12px}.source-block{padding:20px}.article-grid{grid-template-columns:1fr}.article-card{grid-template-columns:110px 1fr;display:grid}.article-cover{height:100%;min-height:200px}.article-cover svg{width:100px;height:140px}.article-card-body{padding:20px}.article-card h2{font-size:26px}.coffee-content{padding-bottom:45px}.coffee-prose p{font-size:14px}.changelog-entry{padding-left:22px}.coffee-brand{font-size:23px}.brand-sub{font-size:8px}}@media (prefers-reduced-motion:reduce){.coffee-site *{scroll-behavior:auto!important;transition:none!important}}