.ex-crumbs{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;align-items:center;gap:24px;padding-top:16px;padding-bottom:16px;font-size:13px;display:flex}.ex-crumbs nav{color:var(--muted);gap:8px;display:flex}.ex-stages{flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 0 auto;padding:0;list-style:none;display:flex}.ex-stages a,.ex-stages span{color:var(--muted);border-radius:999px;padding:6px 10px;text-decoration:none;display:inline-flex}.ex-stages a:hover{background:var(--line-soft);color:var(--ink)}.ex-stages .on{color:var(--on-ink);font-weight:600}.ex-stages .on[data-stage=plant]{background:var(--stage-plant)}.ex-stages .on[data-stage=farm]{background:var(--stage-farm)}.ex-stages .on[data-stage=process]{background:var(--stage-process)}.ex-stages .on[data-stage=trade]{background:var(--stage-trade)}.ex-stages .on[data-stage=roast]{background:var(--stage-roast)}.ex-stages .on[data-stage=brew]{background:var(--stage-brew)}.ex-stages .on[data-stage=cup]{background:var(--stage-cup)}.ex-stages .soon{opacity:.55}.ex-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:48px;padding-top:40px;padding-bottom:80px;display:grid}.ex-side{max-height:calc(100vh - 32px);padding-right:4px;position:sticky;top:16px;overflow-y:auto}.ex-main{flex-direction:column;gap:36px;min-width:0;display:flex}.ex-intro{flex-direction:column;gap:12px;display:flex}.ex-intro h1{font-size:clamp(40px,5vw,56px);line-height:1.05}.ex-intro .lede{max-width:640px;font-size:19px;line-height:1.5}.ex-tabs{flex-wrap:wrap;gap:6px;display:flex}.ex-tabs button{background:var(--soft);min-height:40px;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:999px;padding:0 16px;font-size:14px}.ex-tabs button:hover{background:var(--soft-2)}.ex-tabs button:active{transform:scale(.96)}.ex-tabs button[aria-pressed=true]{background:var(--ink);color:var(--on-ink);font-weight:600}.ex-section{flex-direction:column;gap:14px;scroll-margin-top:16px;display:flex}.ex-sh{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:14px;padding-bottom:10px;display:flex}.ex-sh h2{font-size:28px}.ex-sh span{color:var(--muted);font-size:14px}.ex-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.ex-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.ex-card{height:100%;color:var(--ink);flex-direction:column;gap:6px;padding:18px 20px;text-decoration:none;transition:box-shadow .9s;display:flex}a.ex-card:hover{color:var(--ink);box-shadow:0 14px 32px -20px var(--shadow)}.ex-card.soon{color:var(--muted);background:0 0;border-style:dashed}.ex-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.ex-t{font-family:var(--serif);font-size:21px;line-height:1.2}.ex-s{color:var(--muted);flex:1;font-size:14.5px;line-height:1.45}.ex-st{color:var(--muted);font-size:12px}.ex-st.draft{color:var(--warn)}.ex-st.verified,.ex-st.expert-reviewed{color:var(--ok)}.ex-from{color:var(--muted);border:1px solid var(--line);vertical-align:3px;font-size:12px;font-family:var(--sans);border-radius:999px;margin-left:6px;padding:1px 8px}.ex-step{flex-direction:row;align-items:flex-start;gap:16px;padding:16px 20px}.ex-num{border:1.5px solid var(--ink);width:34px;height:34px;font-family:var(--serif);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;display:flex}.ex-step.soon .ex-num{border-style:dashed;border-color:var(--muted)}.ex-step-body{flex-direction:column;gap:4px;display:flex}.ex-step .ex-t{font-size:19px}.ex-see{color:var(--muted);margin:0;font-size:14px}@media (width<=960px){.ex-layout{grid-template-columns:minmax(0,1fr);gap:20px;padding-top:16px}.ex-side{z-index:3;background:var(--paper);max-height:none;margin:0 calc(-1 * var(--gutter));padding:10px var(--gutter);border-bottom:1px solid var(--line-soft);position:sticky;top:0;overflow:visible}.ex-side .tn-body{max-height:70vh;padding-top:12px;overflow-y:auto}.ex-steps{grid-template-columns:minmax(0,1fr)}.ex-stages{display:none}.ex-tabs{margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);flex-wrap:nowrap;overflow-x:auto}.ex-tabs button{flex-shrink:0}}[hidden]{display:none!important}.ex-overview{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.ex-ov{height:100%;color:var(--ink);flex-direction:column;gap:10px;padding:20px;text-decoration:none;transition:box-shadow .9s;display:flex}a.ex-ov:hover{color:var(--ink);box-shadow:0 14px 32px -20px var(--shadow)}.ex-ov.soon{color:var(--muted);background:0 0;border-style:dashed}.ex-ov-groups{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.ex-ov-groups span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:2px 10px;font-size:12.5px}@media (width<=960px){.ex-side:not(:has(.tn-toggle:not([hidden]))){position:static}}.ex-feature{margin:8px 0 32px}