#coffee-quiz{scroll-margin-top:120px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);color:#203b27}
#coffee-quiz :is(h2,h3,p,label,legend,strong,small,span,a){color:#203b27}
#coffee-quiz .button{background:#e4e5d7;color:#203b27;border-color:#203b27}
#coffee-quiz h2{font:400 clamp(32px,4.5vw,60px)/1.12 var(--serif);margin:18px 0 22px;letter-spacing:-.025em;outline:none}
#coffee-quiz h2 em{font-weight:400;color:var(--olive)}
#coffee-quiz p{max-width:660px;color:var(--muted)}
#coffee-quiz .eyebrow{color:var(--ink)}
.quiz-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.quiz-intro>div:first-child{padding:30px 0}.quiz-intro .button{margin:20px 0 14px}.quiz-intro small{display:block;color:var(--muted)}
.quiz-art{position:relative;min-height:380px;display:grid;place-items:center;background:#e4e5d7;border-radius:50% 50% 2px 2px;overflow:hidden}
.quiz-art img{height:320px;width:auto;max-width:80%;object-fit:contain;transform:rotate(9deg);filter:drop-shadow(10px 14px 10px #272d2226)}
.quiz-art span{position:absolute;bottom:24px;left:22px;font-size:10px;letter-spacing:.12em}
.quiz-top,.quiz-controls{display:flex;justify-content:space-between;gap:20px;align-items:center}.quiz-top .eyebrow{margin:0}.quiz-link{padding:10px 0;text-decoration:underline;text-underline-offset:5px;background:none;border:0;color:var(--ink);font:inherit;cursor:pointer;min-height:44px}
.quiz-question{max-width:850px;margin:auto}.quiz-question progress{appearance:none;display:block;width:100%;height:4px;margin-top:18px;border:0;background:var(--line)}.quiz-question progress::-webkit-progress-bar{background:var(--line)}.quiz-question progress::-webkit-progress-value{background:var(--olive)}.quiz-question progress::-moz-progress-bar{background:var(--olive)}
.quiz-question fieldset{margin:26px 0;border:0;padding:0}.quiz-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quiz-choice{display:flex;gap:14px;align-items:center;padding:20px;border:1px solid var(--line);cursor:pointer;border-radius:3px}.quiz-choice:has(input:checked){border-color:var(--olive);background:#e9ebdf;box-shadow:inset 0 0 0 1px var(--olive)}.quiz-choice:focus-within{outline:2px solid var(--ink);outline-offset:3px}.quiz-choice input{accent-color:var(--olive);width:18px;height:18px;flex-shrink:0}.quiz-choice strong,.quiz-choice small{display:block}.quiz-choice small{margin-top:4px;color:var(--muted)}.quiz-controls{margin-top:28px}.quiz-controls .button:disabled{opacity:.5;cursor:default}
.quiz-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.quiz-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.quiz-result{border:1px solid var(--line);padding:24px;display:flex;flex-direction:column}.quiz-result:first-child{border-color:var(--olive)}.quiz-result img{width:100%;height:240px;object-fit:contain}.quiz-result h3{font:400 27px/1.2 var(--serif);margin:20px 0 8px}.quiz-result p{font-size:13px}.quiz-result .quiz-reason{font-size:12px}.quiz-result-bottom{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;gap:14px}.quiz-grind{padding:14px 18px;background:#e9ebdf}
@media(max-width:700px){.quiz-intro{grid-template-columns:1fr;gap:20px}.quiz-art{min-height:260px}.quiz-art img{height:240px}.quiz-results{grid-template-columns:1fr}.quiz-result img{height:220px}.quiz-options{grid-template-columns:1fr}.quiz-top{gap:12px}.quiz-top .eyebrow{font-size:10px}.quiz-controls{flex-wrap:wrap}.quiz-choice{padding:16px}}

#coffee-quiz .button.dark{background:#203b27;color:#f5f2e9;border-color:#203b27}
#coffee-quiz .button.dark :is(span,strong,small){color:#f5f2e9}

.coffee-calculator{border-bottom:1px solid var(--line)}.calculator-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:start}.calculator-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}.calculator-fields label{display:flex;flex-direction:column;gap:8px}.calculator-fields input,.calculator-fields select{width:100%;min-height:48px;padding:12px;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:0}.calculator-estimate{background:var(--paper);padding:28px;border:1px solid var(--line)}.calculator-bags{display:block;font:400 48px/1.2 var(--serif);margin-bottom:8px}.calculator-estimate label{display:block;margin:20px 0 8px}.calculator-estimate select{display:block;width:100%;padding:12px;margin-bottom:20px;min-height:48px;border:1px solid var(--line);background:var(--cream);color:var(--ink)}.calculator-estimate .button{width:100%}.calculator-estimate .button:disabled{opacity:.5;cursor:default}.calculator-note{color:var(--muted);font-size:12px;max-width:650px;margin-top:20px}
#coffee-calculator :is(h2,h3,p,label,legend,strong,small,span,a,input,select){color:#203b27}
#coffee-calculator .button{background:#e4e5d7;color:#203b27;border-color:#203b27}
@media(max-width:700px){.calculator-layout{grid-template-columns:1fr;gap:24px}.calculator-fields{gap:16px}.calculator-estimate{padding:22px}}

#coffee-calculator .button.dark{background:#203b27;color:#f5f2e9;border-color:#203b27}
#coffee-calculator .button.dark :is(span,strong,small){color:#f5f2e9}

.subscription-builder{width:min(960px,calc(100% - 32px));max-height:85dvh;padding:48px;background:#f5f2e9;color:#203b27;border:1px solid #203b27;overflow:auto;box-sizing:border-box}.subscription-builder::backdrop{background:#14251bb3}.subscription-builder .close{position:absolute;right:16px;top:10px}.subscription-builder h2{font:400 clamp(26px,4vw,44px)/1.15 var(--serif);margin:16px 0}.subscription-builder p{line-height:1.6}.subscription-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.subscription-paths button{background:#203b27;color:#f5f2e9;padding:30px;text-align:left;border:1px solid #203b27;cursor:pointer}.subscription-paths strong{display:block;font-size:22px;margin-bottom:14px}.subscription-paths span{display:block;line-height:1.6}.subscription-paths button:hover{background:#354d34}.subscription-builder :is(button,a):focus-visible{outline:3px solid #8b6b2e;outline-offset:4px}.subscription-coffees{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.subscription-coffees article{border:1px solid var(--line);padding:22px;display:flex;flex-direction:column}.subscription-coffees img{width:100%;height:180px;object-fit:contain}.subscription-coffees h3{font:400 22px/1.3 var(--serif)}.subscription-coffees .button{margin-top:auto}.subscription-builder .button.dark{background:#203b27;color:#f5f2e9}.mushroom-addon{border:1px solid #a3ad98;padding:18px;margin:24px 0;background:#e9ebdf;color:#203b27;min-width:0}.mushroom-addon legend{font-weight:700;font-size:19px;padding:0 5px}.mushroom-addon p,.mushroom-addon small{font-size:12px;line-height:1.6}.mushroom-addon select{width:100%;max-width:100%;margin:10px 0}.mushroom-addon small{display:block}.mushroom-addon-preview{display:flex;align-items:center;gap:18px;margin:12px 0}.mushroom-addon-preview img{object-fit:contain}.mushroom-addon-preview a{color:#203b27;text-decoration:underline}.subscription-builder [hidden],.mushroom-addon[hidden],.mushroom-addon [hidden]{display:none!important}@media(max-width:700px){.subscription-builder{padding:38px 22px 24px}.subscription-paths,.subscription-coffees{grid-template-columns:1fr}.subscription-paths button{padding:22px}.subscription-coffees img{height:160px}}