
.ch-coffee-directory{padding:28px!important}
.ch-coffee-directory>header{max-width:760px}
.ch-choice-kicker{display:inline-block;background:#fff2cb;color:#583c00;border:1px solid #e5bb50;padding:6px 10px;border-radius:5px;font-size:12px;line-height:1.3;font-weight:700;letter-spacing:.04em}
.ch-coffee-directory h1{font-size:34px;line-height:1.15;margin:14px 0}
.ch-coffee-directory>header>p{font-size:16px;line-height:1.6;margin:0 0 24px;color:#374151}
.ch-coffee-directory h2{font-size:21px;line-height:1.3;margin:0 0 16px}
.ch-coffee-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ch-coffee-choice-grid>a.ch-coffee-choice{display:flex;align-items:flex-start;gap:14px;padding:22px;background:#f8fafb;border:2px solid #cbd5d9;border-top:5px solid #efad12;border-radius:12px;text-decoration:none;color:#142c35;min-width:0;box-shadow:0 2px 5px #142c3508}
.ch-choice-number{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#142c35;color:#fff;font-size:14px;font-weight:700}
.ch-choice-content{display:flex;flex-direction:column;gap:10px;min-width:0}
.ch-choice-content>strong{font-size:21px;line-height:1.3;color:#142c35;overflow-wrap:anywhere}
.ch-choice-content>span{font-size:15px;line-height:1.5;color:#46545c}
.ch-choice-content>b{font-size:15px;line-height:1.4;color:#0a5461;text-decoration:underline;text-underline-offset:3px}
.ch-coffee-choice-grid>a:hover{background:#fff7df;border-color:#c18b00}
.ch-coffee-choice-grid>a:focus-visible,.ch-coffee-tabs>a:focus-visible,.ch-format-tabs>a:focus-visible,.ch-brand-format-card:focus-visible,.ch-coming-link>a:focus-visible{outline:3px solid #087c94;outline-offset:4px}
.ch-coming-link{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding:18px;border:1px solid #d7dce2;border-radius:8px;background:#f5f6f8}
.ch-coming-link strong{font-size:16px;color:#263640}.ch-coming-link p{font-size:14px;line-height:1.5;margin:5px 0 0;color:#46545c}.ch-coming-link>a{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:15px;font-weight:700;color:#0a5461;text-decoration:underline;text-underline-offset:3px}
.ch-coffee-tabs>a,.ch-format-tabs>a{border-radius:7px;border-width:2px;font-weight:600;min-height:46px;font-size:15px}
.ch-coffee-tabs>a[aria-current=page],.ch-format-tabs>a[aria-current=page]{background:#ffcf4d;border-color:#9a6900;color:#17212d;box-shadow:inset 0 -3px 0 #9a6900}
.ch-brand-format-card{border-width:2px}.ch-brand-format-card>strong{font-size:15px;text-decoration:underline;text-underline-offset:3px}.ch-brand-format-card h2{color:#142c35}.ch-brand-format-card>span{font-size:14px;color:#46545c}
.ch-roast-shop .ch-roast-choices strong{font-size:18px}.ch-roast-shop .ch-roast-choices span{font-size:14px;color:#46545c}.ch-roast-shop .ch-roast-formats button{font-size:16px}.ch-roast-shop .ch-roast-choices button[aria-pressed=true],.ch-roast-shop .ch-roast-formats button[aria-pressed=true]{background:#fff2cb;border-color:#9a6900;color:#17212d;box-shadow:inset 0 -3px 0 #9a6900}
@media(max-width:749px){.ch-coffee-directory{padding:20px 16px!important}.ch-coffee-directory h1{font-size:29px}.ch-coffee-directory>header>p{font-size:16px;margin-bottom:20px}.ch-coffee-directory h2{font-size:20px}.ch-coffee-choice-grid{grid-template-columns:1fr;gap:12px}.ch-coffee-choice-grid>a.ch-coffee-choice{padding:17px 16px;gap:14px;border-top-width:4px}.ch-choice-content{gap:6px}.ch-choice-content>strong{font-size:19px}.ch-choice-content>span,.ch-choice-content>b{font-size:15px}.ch-choice-number{width:34px;height:34px}.ch-coming-link{padding:14px;margin-top:18px}.ch-coffee-tabs,.ch-format-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.ch-coffee-tabs>a,.ch-format-tabs>a{display:flex;align-items:center;justify-content:center;text-align:center;padding:11px 9px;font-size:15px;line-height:1.4;min-width:0;overflow-wrap:anywhere}.ch-brand-format-card h2{font-size:18px}.ch-brand-format-card>strong{font-size:14px}.ch-brand-format-card>span{font-size:13px}.ch-roast-shop .ch-roast-choices strong{font-size:16px;line-height:1.3}.ch-roast-shop .ch-roast-choices span{font-size:13px;line-height:1.4}}
