:root{--color-espresso:#3d342b;--color-roast:#514332;--color-cocoa:#765039;--color-amber:#c96f2b;--color-amber-dark:#71513b;--color-sage:#53624b;--color-cream:#f5f0e5;--color-paper:#fffdf7;--color-oat:#efe5d5;--color-line:#ddcdbb;--color-muted:#696050;--color-focus:#1769aa;--shadow-soft:0 3px 0 #e8e0d1;--radius-lg:24px;--radius-md:14px;color:var(--color-espresso);background:var(--color-cream);font-synthesis:none;font-family:Pretendard,Pretendard Variable,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Malgun Gothic,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-cream);min-width:320px;margin:0;line-height:1.75}a{color:var(--color-amber-dark);text-underline-offset:3px}button,input,select{font:inherit}button,summary,select,input,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,.table-wrap:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.shell{width:min(100% - 28px,1160px);margin:auto;padding:18px 0 64px}.hero,.home-header{border:1px solid var(--color-line);color:var(--color-espresso);background:var(--color-paper);box-shadow:var(--shadow-soft);border-radius:24px 24px 24px 6px;align-items:center;gap:30px;margin-bottom:24px;padding:38px 36px;display:flex;position:relative}.hero__content{flex:1;min-width:0;position:relative}.coffee-illustration{flex:0 0 220px;width:220px;height:auto}.eyebrow,.hero--decaf .eyebrow{color:var(--color-sage);letter-spacing:.12em;margin:0 0 12px;font-size:11px;font-weight:750}h1,.hero--article h1{letter-spacing:-.045em;word-break:keep-all;max-width:23ch;margin:0 0 16px;font-size:clamp(28px,3.4vw,42px);line-height:1.35}h2{letter-spacing:-.025em;word-break:keep-all;margin:0 0 12px;font-size:clamp(1.35rem,3vw,1.7rem);line-height:1.3}h3{word-break:keep-all;line-height:1.4}.lede{max-width:720px;color:var(--color-muted);margin:0;font-size:15px}.hero__actions{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.hero__actions a{text-decoration:none}.hero__facts{border-top:1px dashed var(--color-line);flex-wrap:wrap;gap:12px 24px;margin:26px 0 0;padding:18px 0 0;display:flex}.hero__facts div{min-width:110px}.hero__facts dt{color:var(--color-muted);font-size:.76rem;font-weight:750}.hero__facts dd{color:var(--color-roast);margin:2px 0 0;font-size:1.08rem;font-weight:850}.site-nav,.jump-nav{flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0;display:flex}.breadcrumbs{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;font-size:.84rem;display:flex}.breadcrumbs a{font-weight:750}.site-nav{padding:5px 0}.jump-nav{border:1px solid var(--color-line);border-radius:var(--radius-md);background:#fffdf8c7;padding:12px 14px}.site-nav a,.jump-nav a{border-radius:9px;align-items:center;min-height:42px;padding:7px 11px;font-weight:750;text-decoration:none;display:inline-flex}.site-nav a:hover,.jump-nav a:hover{background:var(--color-oat)}.panel{border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#fffdf8f0;margin-top:18px;padding:20px}.panel>:last-child{margin-bottom:0}.notice{border-left:5px solid var(--color-amber);background:#fff9ee;margin-top:12px}.notice:not(.panel){border-radius:10px;padding:8px 14px}.notice details{margin-top:4px}.notice summary{min-height:44px;color:var(--color-roast);cursor:pointer;align-items:center;font-weight:800;display:flex}.answer--lead{color:var(--color-espresso);background:#edf0e5;border:1px solid #c5cdb8;padding:clamp(22px,5vw,36px)}.answer--lead h2,.answer--lead p{color:inherit}.answer--lead strong{font-size:1.12rem}.muted,.method,.scope-short,.filter-note,.meta{color:var(--color-muted)}.eyebrow--dark{color:var(--color-amber-dark)}.method,.steps,.candidate-list,.plain-list,.source-list{padding-left:20px}.method li,.steps li,.candidate-list li,.plain-list li,.source-list li{margin:7px 0}.filter-bar{background:#fffdf8;border-color:#cbb59d;position:relative}.filters{gap:18px;display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}legend,.filter-label{margin-bottom:8px;font-weight:800;display:block}.checks,.actions,.status-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.check{cursor:pointer;background:#faf5ed;border:1px solid #e5d8c9;border-radius:10px;align-items:center;gap:8px;min-height:46px;padding:9px 12px;display:flex}.check:has(input:checked){border-color:var(--color-amber);color:var(--color-amber-dark);background:#fff1e3}.check input{width:17px;height:17px;accent-color:var(--color-amber-dark)}select{width:100%;min-height:46px;color:var(--color-espresso);background:#fff;border:1px solid #cbb9a5;border-radius:10px;padding:10px 36px 10px 12px}.filter-note{grid-column:1/-1;margin:0;font-size:.86rem}.button,.select-button,.actions a,.action-primary,.action-secondary{border:1px solid var(--color-cocoa);min-height:44px;color:var(--color-roast);cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;padding:9px 14px;font-weight:800;display:inline-flex}.action-primary,.select-button,.hero__actions .action-primary{border-color:var(--color-amber);color:#fff;background:var(--color-amber-dark)}.hero__actions .action-secondary{border-color:var(--color-line);color:var(--color-roast);background:var(--color-paper)}.select-button[aria-pressed=true]{border-color:var(--color-sage);background:var(--color-sage)}.select-button:disabled{opacity:.5;cursor:not-allowed}.result-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 18px;display:flex}#result-count{color:var(--color-amber-dark)}.cards{gap:14px;display:grid}.card{background:var(--color-paper);border:1px solid #e3d4c3;border-radius:18px;flex-direction:column;padding:18px;display:flex}.card__header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:6px 12px;display:flex}.card h3{margin:0;font-size:1.08rem}.badges{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.badge{color:#594333;background:var(--color-oat);border-radius:999px;padding:4px 9px;font-size:.76rem;font-weight:780}.badge:first-child{color:#3f533c;background:#e3ebdf}.facts{grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0;display:grid}.fact{text-align:center;background:#f6efe5;border-radius:9px;padding:9px 4px;font-size:.76rem}.fact strong{color:var(--color-roast);font-size:1.02rem;display:block}.meta{overflow-wrap:anywhere;margin:7px 0;font-size:.84rem}.card .actions{margin-top:auto;padding-top:10px}.card .actions a{background:0 0;border-color:#0000;padding-inline:8px;font-size:.83rem}#selection-area{z-index:5;color:#fff;text-align:center;backdrop-filter:blur(9px);background:#241811f0;border:1px solid #ffffff26;border-radius:12px;margin:16px 0;padding:12px 16px;position:sticky;top:8px;box-shadow:0 10px 30px #28180e33}.status-actions{justify-content:center}.compare-jump{color:#fff;background:0 0;border-color:#fff;margin-top:7px}#comparison[hidden]{display:none}#empty-state{text-align:center;background:#fff2e8;border-radius:12px;padding:24px}.table-wrap{border:1px solid var(--color-line);background:#fff;border-radius:12px;overflow-x:auto}.mobile-hint{font-weight:750}table{border-collapse:collapse;width:100%;min-width:720px;font-size:.86rem}caption{text-align:left;padding:12px 14px;font-weight:800}th,td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border:1px solid #eadfd3;padding:11px}th{color:#493428;background:#f6efe5}.metric-grid,.guide-grid,.content-grid{gap:12px;display:grid}.evidence-lead{align-items:start;gap:18px;display:grid}.key-value-grid{border:1px solid var(--color-line);background:var(--color-line);border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;display:grid;overflow:hidden}.key-value-grid div{background:var(--color-paper);min-width:0;padding:12px}.key-value-grid dt{color:var(--color-muted);font-size:.76rem;font-weight:750}.key-value-grid dd{color:var(--color-roast);overflow-wrap:anywhere;margin:3px 0 0;font-size:1.05rem;font-weight:850}.tag-list{flex-wrap:wrap;gap:7px;padding:0;list-style:none;display:flex}.tag-list li{color:#3f533c;background:#e3ebdf;border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:780}.related-cards{gap:10px;display:grid}.related-cards article{background:#fbf6ee;border:1px solid #eadfd2;border-radius:13px;padding:15px}.related-cards h3,.related-cards p{margin:5px 0}.text-link{font-weight:800}.source-panel{background:#f4f8f1;border-color:#b9c6b4;gap:14px;display:grid}.source-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.source-actions a{border-radius:10px;align-items:center;min-height:44px;padding:9px 12px;font-weight:800;display:inline-flex}.content-grid>*{min-width:0}.metric,.guide-grid article{background:#fbf6ee;border:1px solid #eadfd2;border-radius:13px;padding:16px}.metric strong{color:var(--color-amber-dark);font-size:1.38rem;display:block}.guide-grid article h3{margin:0 0 8px}.faq-list details{border-top:1px solid var(--color-line);padding:10px 0}.faq-list summary{cursor:pointer;align-items:center;min-height:44px;font-weight:800;display:flex}.faq-list p{color:#5d524a;margin:4px 0 8px}footer{border-top:1px solid var(--color-line);color:var(--color-muted);margin-top:30px;padding:20px 4px 0;font-size:.86rem}@media (width<=719px){.shell{width:min(100% - 20px,1160px);padding-top:10px}.hero{border-radius:22px}.hero__actions>*{flex:100%}.jump-nav{flex-wrap:nowrap;padding:9px;overflow-x:auto}.jump-nav strong{display:none}.jump-nav a{flex:none}.panel{border-radius:18px;padding:17px}.actions>*{flex:100%}th:first-child{z-index:1;background:#f6efe5;border-right:2px solid #cdbba9;position:sticky;left:0}}@media (width>=720px){.shell{padding-top:28px}.panel{padding:26px}.filters,.guide-grid,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.evidence-lead{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr)}.related-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid>.panel{margin-top:0}.content-grid>.notice,.content-grid>.panel:has(.table-wrap),.content-grid>#product-notes{grid-column:1/-1}}@media (width>=1040px){.hero--tool .hero__content{max-width:880px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-bar{padding:30px 34px}.filters{grid-template-columns:1.15fr .85fr}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.shell{width:min(100% - 48px,1080px);padding:28px 0 64px}.coffee-masthead{justify-content:space-between;align-items:center;gap:20px;margin:0 0 24px;display:flex}.coffee-brand{color:var(--color-espresso);letter-spacing:.07em;align-items:center;gap:11px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.coffee-brand small{letter-spacing:-.01em;color:var(--color-muted);margin-top:1px;font-size:11px;font-weight:450;display:block}.coffee-edition{letter-spacing:.12em;color:var(--color-muted);font-size:10px}.coffee-edition span{color:var(--color-sage);margin-left:12px;font-size:22px}.coffee-nav{gap:6px;margin-bottom:8px;padding:0 0 18px;display:flex}.coffee-nav a{min-height:44px;color:var(--color-muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:9px 19px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.coffee-nav a span{font-variant-numeric:tabular-nums;font-size:10px}.coffee-nav a[aria-current=page]{color:var(--color-espresso);background:#f1e4ad;border-color:#d4c6a7;box-shadow:0 2px #e5d8b1}.coffee-nav a:hover{color:var(--color-espresso);border-color:var(--color-line)}.panel{background:var(--color-paper);border-radius:18px}h2{letter-spacing:-.04em;font-size:21px}.panel>h2:before,.result-head h2:before{content:"";vertical-align:-1px;background:#a8b79a;border-radius:4px;width:7px;height:17px;margin-right:10px;display:inline-block}.hero__actions{margin-top:20px}.action-primary,.hero__actions .action-primary{background:var(--color-sage);border-color:var(--color-sage)}.action-secondary,.hero__actions .action-secondary{background:var(--color-paper);color:var(--color-roast);border-color:var(--color-line)}.button,.select-button,.action-primary,.action-secondary{border-radius:12px;font-size:13px;font-weight:650}.guide-grid article{background:#faf7ef;border:1px dashed #d4c9b4;border-radius:12px;padding:20px}.guide-grid article h3{font-size:16px}.guide-grid p{font-size:14px}.metric{background:#f5f2e8}.metric strong{color:var(--color-sage)}.notice{background:#faf3e5;border-left:4px solid #c3a171}.answer--lead{position:relative}.faq-list summary{justify-content:space-between;gap:12px;font-size:15px}.faq-list summary:after{content:"+";color:var(--color-sage);flex:none;font-size:21px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.table-wrap{border-radius:12px}footer{border-top-style:dashed;line-height:1.9}@media (width<=719px){.shell{width:calc(100% - 32px);padding-top:20px}.coffee-masthead{margin-bottom:18px}.coffee-edition{display:none}.coffee-nav{justify-content:space-between;gap:4px;padding-bottom:14px}.coffee-nav a{gap:5px;padding:9px 11px;font-size:12px}.coffee-nav a span{font-size:9px}.hero,.home-header{gap:0;margin-bottom:18px;padding:25px 22px}.hero .coffee-illustration,.home-header .coffee-illustration{opacity:.85;width:66px;position:absolute;top:8px;right:12px}.eyebrow{max-width:100%;min-height:34px;padding-right:46px;font-size:10px}h1,.hero--article h1{font-size:28px}.lede{font-size:14px}.hero__actions{gap:8px}.hero__actions>*{flex:auto}.hero__facts{gap:12px}h2{font-size:19px}.panel{padding:20px}.guide-grid article{padding:16px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}