:root{--color-primary:#4a7bff;--color-primary-hover:#3a6be8;--color-primary-light:rgba(74, 123, 255, 0.2);--color-primary-lighter:rgba(74, 123, 255, 0.1);--color-text:#333;--color-text-muted:#666;--color-text-light:#999;--color-bg:#f8f8f8;--color-bg-card:white;--color-bg-hover:#f1f1f1;--color-success:#28a745;--color-warning:#ffc107;--color-error:#dc3545;--color-error-light:#ffebee;--color-error-text:#c62828;--color-inexpensive:#e8f5e9;--color-inexpensive-text:#2e7d32;--color-moderate:#fff8e1;--color-moderate-text:#ff8f00;--color-expensive:#ffebee;--color-expensive-text:#c62828;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 2px 5px rgba(0,0,0,0.1);--shadow-md:0 5px 15px rgba(0,0,0,0.1);--shadow-lg:0 4px 8px rgba(0,0,0,0.12);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif}*{box-sizing:border-box;margin:0;padding:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-40px;left:0;background:#4a7bff;color:#fff;padding:8px 16px;text-decoration:none;border-radius:0 0 4px 0;z-index:100;font-weight:500}.skip-link:focus{top:0;outline:3px solid #000;outline-offset:2px}body{font-family:var(--font-family);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);content-visibility:auto}.container{max-width:1200px;margin:0 auto;padding:20px}h1{text-align:center;margin-bottom:30px}h2{margin-bottom:15px}.connection-status{position:fixed;top:0;left:0;right:0;background-color:#dc3545;color:#fff;padding:10px 20px;text-align:center;font-weight:500;z-index:1000;transform:translateY(-100%);transition:transform .3s ease}.connection-status.offline{transform:translateY(0)}.connection-status.reconnecting{background-color:#ffc107;color:#333}.connection-status.online{background-color:#28a745;transform:translateY(0)}body.has-offline-banner{padding-top:45px}.server-status{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:15px;margin-bottom:20px;text-align:center}.server-status p{margin:0;color:#856404}.server-status .server-status-actions{margin-top:10px}.retry-button{min-height:44px;padding:0 16px;border:1px solid #856404;border-radius:var(--radius-sm);background-color:#fff;color:#5c4503;font:inherit;cursor:pointer}.retry-button:disabled{cursor:progress;opacity:.7}.retry-button:focus-visible{outline:3px solid #4a7bff;outline-offset:2px}.server-status a{color:#5c4503;font-weight:600}.server-status code{background-color:#f8f9fa;padding:2px 6px;border-radius:4px;font-family:'Courier New',monospace;font-size:.9em}.state-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.state-card{background-color:var(--color-bg-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);will-change:transform,box-shadow;contain:layout style paint}.state-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.state-card a{display:block;padding:20px;text-decoration:none;color:inherit;height:100%;border-radius:8px;transition:outline .2s ease}.state-card a:focus{outline:3px solid #4a7bff;outline-offset:2px}.state-card a:focus:not(:focus-visible){outline:0}.state-card a:focus-visible{outline:3px solid #4a7bff;outline-offset:2px}.state-card h2{font-size:1.2rem;margin-bottom:.5rem}.state-card p{font-size:.9rem;color:#666}.coffee-list{margin-top:30px}.coffee-list h2{border-bottom:2px solid #eee;padding-bottom:10px;margin-bottom:20px}.coffee-item{background-color:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:20px;margin-bottom:15px;list-style-type:none;contain:layout style paint}.coffee-item h3{margin-bottom:10px}.coffee-item p{margin-bottom:5px}.shop-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:12px}.shop-action{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid #1d4ed8;border-radius:var(--radius-sm);color:#1d4ed8;font-size:.95rem;text-decoration:none}.shop-action:hover{background-color:var(--color-primary-lighter)}.shop-action:focus-visible{outline:3px solid #4a7bff;outline-offset:2px}.coverage-notice{margin:0 0 20px;padding:10px 14px;border-left:4px solid #8a6d3b;background-color:#fffaf0;color:#4d3b1f;font-size:.9rem}.coverage-notice a{color:#1d4ed8}.state-tag{display:inline-block;background-color:#e9f5ff;color:#06c;font-size:.85rem;padding:3px 8px;border-radius:4px;margin-bottom:8px}.price-level{display:inline-block;font-size:.85rem;padding:3px 8px;border-radius:4px;margin-left:10px}.inexpensive{background-color:var(--color-inexpensive);color:var(--color-inexpensive-text)}.moderate{background-color:var(--color-moderate);color:var(--color-moderate-text)}.expensive{background-color:var(--color-expensive);color:var(--color-expensive-text)}.error-message,.no-results{text-align:center;padding:40px 30px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin:20px 0}.no-results{color:#666}.no-results-icon{font-size:48px;margin-bottom:15px;opacity:.6}.no-results h3{font-size:1.3rem;color:#333;margin-bottom:10px}.no-results p{color:#666;font-size:.95rem;line-height:1.6;max-width:500px;margin:0 auto}.error-message{border-left:4px solid #d32f2f}.error-message-icon{font-size:48px;margin-bottom:15px;color:#d32f2f}.error-message h3{color:#d32f2f;font-size:1.3rem;margin-bottom:10px}.error-message p{color:#666;font-size:.95rem;line-height:1.6;max-width:500px;margin:0 auto 15px}.error-message-code{background-color:#f5f5f5;padding:12px;border-radius:6px;font-family:'Courier New',monospace;font-size:.85rem;color:#d32f2f;margin-top:15px;display:inline-block}.retry-button{margin-top:20px;padding:10px 24px;background-color:#4a7bff;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .2s,transform .1s}.retry-button:hover{background-color:#3a6be8;transform:translateY(-1px)}.retry-button:active{transform:translateY(0)}.retry-button:focus{outline:0;box-shadow:0 0 0 3px rgba(74,123,255,.4)}.retry-button:focus-visible{outline:3px solid #000;outline-offset:2px}.error{color:#d32f2f}.loading-indicator{text-align:center;padding:30px;color:#666;animation:pulse 1.5s infinite ease-in-out}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#666}.spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #4a7bff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 15px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-card{background:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:20px;height:120px}.skeleton-card .skeleton-title{height:24px;width:60%;margin-bottom:12px}.skeleton-card .skeleton-text{height:16px;width:80%;margin-bottom:8px}.skeleton-card .skeleton-text-short{height:16px;width:40%}.skeleton-item{background:#fff;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1);padding:20px;margin-bottom:15px}.skeleton-item .skeleton-name{height:22px;width:50%;margin-bottom:12px}.skeleton-item .skeleton-address{height:16px;width:70%;margin-bottom:8px}.skeleton-item .skeleton-price{height:24px;width:80px;border-radius:4px}.skeleton-info{display:flex;gap:20px;margin-bottom:20px}.skeleton-info .skeleton-stat{height:20px;width:120px}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.btn-loading{display:inline-block;width:16px;height:16px;border:2px solid #fff;border-top:2px solid transparent;border-radius:50%;animation:spin .8s linear infinite;margin-left:8px;vertical-align:middle}.load-more{display:block;width:100%;padding:12px;margin-top:15px;background-color:#f1f1f1;border:none;border-radius:4px;font-size:1rem;color:#333;cursor:pointer;transition:background-color .2s,box-shadow .2s}.load-more:hover{background-color:#e1e1e1}.load-more:focus{outline:0;box-shadow:0 0 0 3px rgba(74,123,255,.3)}.load-more:focus-visible{outline:3px solid #4a7bff;outline-offset:2px}.result-count{margin-bottom:15px;color:#666}@keyframes pulse{0%{opacity:.6}50%{opacity:1}100%{opacity:.6}}@media (max-width:768px){.container{padding:15px}h1{font-size:1.5rem;margin-bottom:20px}.search-container{flex-direction:column;gap:12px}.search-container input,.search-container select,.submit-link{width:100%;min-height:44px;font-size:16px}.submit-link{text-align:center;padding:12px 16px}.state-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}.state-card a{padding:16px;min-height:80px}.state-card h2{font-size:1.1rem}.state-card p{font-size:.85rem}.load-more{min-height:44px;font-size:1.05rem}.back-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.retry-button{min-height:44px;padding:12px 28px}.coffee-item{padding:16px;margin-bottom:12px}.error-message,.no-results{padding:30px 20px}}@media (min-width:769px) and (max-width:1024px){.container{padding:20px}.state-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.search-container input{min-width:250px}}@media (min-width:1440px){.container{max-width:1400px}.state-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}}@media (prefers-reduced-motion:reduce){.back-button,.coffee-item,.connection-status,.load-more,.price-level,.retry-button,.search-container input,.search-container select,.state-card,.submit-link{transition:none}.back-button:active,.coffee-item:hover,.load-more:active,.retry-button:active,.retry-button:hover,.state-card:hover,.submit-link:active,.submit-link:hover{transform:none}.btn-loading,.button-loading::after,.loading-indicator,.skeleton,.spinner{animation:none}.skeleton{background:#e0e0e0}.btn-loading,.button-loading::after,.spinner{border-top-color:var(--color-primary)}.state-card::before{display:none}.retry-button:active,.submit-link:active{animation:none}}.search-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.search-container input,.search-container select{padding:8px 12px;border:1px solid #ccc;border-radius:4px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.search-container input:focus,.search-container select:focus{outline:0;border-color:#4a7bff;box-shadow:0 0 0 3px rgba(74,123,255,.2)}.search-container input{flex:1;min-width:200px}.submit-link{margin-left:auto;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-weight:500;will-change:transform;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.submit-link:hover{transform:translateY(-2px);background-color:var(--color-primary-hover)}.submit-link:focus{outline:0;box-shadow:0 0 0 3px rgba(74,123,255,.5)}.submit-link:focus-visible{outline:3px solid #000;outline-offset:2px}.back-button{display:inline-block;margin-bottom:1rem;padding:.5rem 1rem;background-color:#333;color:#fff;text-decoration:none;border-radius:4px;transition:background-color .2s,box-shadow .2s}.back-button:hover{background-color:#444}.back-button:focus{outline:0;box-shadow:0 0 0 3px rgba(51,51,51,.4)}.back-button:focus-visible{outline:3px solid #4a7bff;outline-offset:2px}.pagination{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.pagination [aria-current=page],.pagination a{display:inline-block;min-width:2.5rem;padding:.5rem .75rem;border:1px solid #ccc;border-radius:4px;text-align:center;text-decoration:none;color:#333}.pagination a:hover{background-color:#f2f2f2}.pagination a:focus-visible{outline:3px solid #4a7bff;outline-offset:2px}.pagination [aria-current=page]{background-color:#333;border-color:#333;color:#fff}.back-button:active,.load-more:active,.retry-button:active,.submit-link:active{transform:scale(.98)}.load-more:disabled,button:disabled{opacity:.5;cursor:not-allowed;transform:none}.load-more:disabled:hover,button:disabled:hover{background-color:#f1f1f1;transform:none}.search-container input::selection,.search-container select::selection{background-color:#4a7bff;color:#fff}.search-container input::placeholder{color:#999;opacity:1}.search-container input:focus::placeholder{opacity:.5}.search-container select option:checked{background-color:#4a7bff;color:#fff}.state-card{position:relative;overflow:hidden}.state-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(74,123,255,.1),transparent);transition:left .5s}.state-card:hover::before{left:100%}.coffee-item{transition:transform .2s,box-shadow .2s}.coffee-item:hover{transform:translateX(5px);box-shadow:0 4px 8px rgba(0,0,0,.12)}.price-level{transition:transform .2s}.coffee-item:hover .price-level{transform:scale(1.05)}.search-container input:active{border-color:#3a6be8}@keyframes ripple{0%{box-shadow:0 0 0 0 rgba(74,123,255,.4)}100%{box-shadow:0 0 0 10px rgba(74,123,255,0)}}.retry-button:active,.submit-link:active{animation:ripple .6s ease-out}.button-loading{position:relative;color:transparent;pointer-events:none}.button-loading::after{content:'';position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #fff;border-radius:50%;border-top-color:transparent;animation:spin .8s linear infinite}[data-tooltip]{position:relative}[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:6px 10px;background-color:#333;color:#fff;font-size:.85rem;white-space:nowrap;border-radius:4px;margin-bottom:5px;z-index:1000}[data-tooltip]:hover::before{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:5px solid transparent;border-top-color:#333;margin-bottom:-5px;z-index:1000}.consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:10000;background:#fff;box-shadow:0 -4px 20px rgba(0,0,0,.15);border-top:1px solid #e0e0e0;transform:translateY(100%);transition:transform .5s cubic-bezier(.4, 0, .2, 1);font-family:var(--font-family)}.consent-banner-visible{transform:translateY(0)}.consent-banner-hidden{transform:translateY(100%)}.consent-banner-content{max-width:1200px;margin:0 auto;padding:20px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:20px}.consent-banner-text{flex:1;min-width:280px}.consent-banner-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 8px 0}.consent-banner-description{font-size:.9rem;color:var(--color-text-muted);line-height:1.5;margin:0}.consent-link{color:var(--color-primary);text-decoration:none}.consent-link:hover{text-decoration:underline}.consent-banner-actions{display:flex;flex-wrap:wrap;gap:10px}.consent-btn{padding:10px 20px;border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;white-space:nowrap}.consent-btn:focus{outline:3px solid var(--color-primary-light);outline-offset:2px}.consent-btn-accept{background-color:var(--color-primary);color:#fff}.consent-btn-accept:hover{background-color:var(--color-primary-hover)}.consent-btn-reject{background-color:#f1f1f1;color:var(--color-text)}.consent-btn-reject:hover{background-color:#e0e0e0}.consent-btn-customize{background-color:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.consent-btn-customize:hover{background-color:var(--color-primary-lighter)}.consent-btn-save{background-color:var(--color-primary);color:#fff}.consent-btn-save:hover{background-color:var(--color-primary-hover)}.consent-banner-details{max-width:1200px;margin:0 auto;padding:0 24px 20px;border-top:1px solid #e0e0e0}.consent-banner-details[hidden]{display:none}.consent-options{display:flex;flex-direction:column;gap:12px;padding:16px 0}.consent-option{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:12px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.consent-option:hover{background-color:#f8f8f8}.consent-option input[type=checkbox]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:var(--color-primary)}.consent-option input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.consent-option-text{display:flex;flex-direction:column;gap:4px}.consent-option-text strong{font-size:.95rem;color:var(--color-text)}.consent-option-text small{font-size:.85rem;color:var(--color-text-muted)}.consent-details-actions{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid #e0e0e0}@media (max-width:768px){.consent-banner-content{flex-direction:column;align-items:stretch;padding:16px}.consent-banner-actions{flex-direction:column}.consent-btn{width:100%;justify-content:center}.consent-banner-details{padding:0 16px 16px}}@media (prefers-reduced-motion:reduce){.consent-banner{transition:none}.consent-btn{transition:none}.consent-option{transition:none}}:root{--primary:#2C3E50;--text:#2C3E50;--background:#FFFFFF;--border:#E5E5E5;--hover:#34495E}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Source Sans Pro',sans-serif;line-height:1.6;color:var(--text);background-color:var(--background)}.container{max-width:800px;margin:0 auto;padding:0 1rem}.navbar{border-bottom:1px solid var(--border);padding:1rem 0}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.2rem;color:var(--primary);text-decoration:none;font-weight:600}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;color:var(--text);font-weight:400;transition:color .2s ease}.nav-links a:hover{color:var(--hover)}.header{padding:3rem 0;border-bottom:1px solid var(--border);text-align:center;background-color:#f8f9fa}.header h1{font-size:2.5rem;margin-bottom:1rem;color:var(--primary)}.header p{font-size:1.2rem;color:#666;max-width:600px;margin:0 auto}.about-section{padding:4rem 0}.about-content{max-width:700px;margin:0 auto}.about-section h2{font-size:1.8rem;color:var(--primary);margin-bottom:1.5rem}.about-section p{font-size:1.1rem;color:#555;margin-bottom:1.5rem}.mission-points{margin:2rem 0;padding:2rem;background-color:#f8f9fa;border-radius:8px}.mission-points h3{color:var(--primary);margin-bottom:1rem;font-size:1.4rem}.mission-points ul{list-style:none;padding:0}.mission-points li{margin-bottom:1rem;padding-left:1.5rem;position:relative}.mission-points li:before{content:"☕";position:absolute;left:0;color:var(--primary)}.join-community{margin-top:3rem;text-align:center;padding:2rem;background-color:#f8f9fa;border-radius:8px}.join-community h3{color:var(--primary);margin-bottom:1rem;font-size:1.4rem}.join-community p{margin-bottom:1.5rem}.cta-button{display:inline-block;padding:.75rem 1.5rem;background-color:var(--primary);color:#fff;text-decoration:none;border-radius:4px;transition:background-color .2s ease}.cta-button:hover{background-color:var(--hover)}@media (max-width:768px){.nav-links{display:none}.header h1{font-size:2rem}.header p{font-size:1.1rem}.about-section{padding:2rem 0}}:root{--primary:#2C3E50;--text:#2C3E50;--background:#FFFFFF;--border:#E5E5E5;--hover:#34495E}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Source Sans Pro',sans-serif;line-height:1.6;color:var(--text);background-color:var(--background)}.container{max-width:800px;margin:0 auto;padding:0 1rem}.navbar{border-bottom:1px solid var(--border);padding:1rem 0}.nav-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.2rem;color:var(--primary);text-decoration:none;font-weight:600}.nav-links{display:flex;gap:2rem}.nav-links a{text-decoration:none;color:var(--text);font-weight:400;transition:color .2s ease}.nav-links a:hover{color:var(--hover)}.header{padding:3rem 0;border-bottom:1px solid var(--border)}.header h1{font-size:2rem;margin-bottom:1rem;color:var(--primary)}.header p{font-size:1.1rem;color:#666}@media (max-width:768px){.nav-links{display:none}}.coffee-shops{padding:2rem 0}.coffee-shop-card{padding:1.5rem 0;border-bottom:1px solid var(--border)}.coffee-shop-card:last-child{border-bottom:none}.coffee-shop-card h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--primary)}.rating{color:#666;font-size:.9rem;margin-bottom:.5rem}.features{display:flex;gap:1rem;margin-top:.5rem;font-size:.9rem;color:#666}.search-section{padding:2rem 0;border-bottom:1px solid var(--border)}.search-container{display:flex;gap:1rem;margin-bottom:1rem}.search-input{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:4px;font-size:1rem}.search-button{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.menu-section{background-color:#f8f9fa;padding:2rem 0;border-bottom:1px solid var(--border)}.menu-grid{display:flex;gap:2rem;margin-top:1.5rem}.menu-column{position:relative}.menu-column h3{color:var(--primary);font-size:1.1rem;margin-bottom:.5rem;cursor:pointer;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s ease}.menu-column h3:hover{background-color:#e9ecef}.menu-column .dropdown{display:none;position:absolute;top:100%;left:0;background:#fff;border:1px solid var(--border);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1);min-width:200px;z-index:1000}.menu-column:hover .dropdown{display:block}.menu-column a{color:#666;text-decoration:none;font-size:.9rem;padding:.5rem 1rem;display:block;transition:background-color .2s ease}.menu-column a:hover{color:var(--hover);background-color:#f8f9fa}.view-all{color:var(--primary);text-decoration:none;font-weight:600;font-size:.9rem;padding:.5rem 1rem;display:block;border-top:1px solid var(--border);margin-top:.5rem}.view-all:hover{color:var(--hover);background-color:#f8f9fa}.featured{padding:2rem 0}.section-title{margin-bottom:2rem}.section-title h2{font-size:1.5rem;color:var(--primary);margin-bottom:.5rem}.section-title p{color:#666}.coffee-shop-card{padding:1.5rem 0;border-bottom:1px solid var(--border)}.coffee-shop-card:last-child{border-bottom:none}.coffee-shop-card h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--primary)}.rating{color:#666;font-size:.9rem;margin-bottom:.5rem}.features{display:flex;gap:1rem;margin-top:.5rem;font-size:.9rem;color:#666}@media (max-width:768px){.search-container{flex-direction:column}.search-button{width:100%}.menu-grid{flex-direction:column;gap:1rem}.menu-column .dropdown{position:static;border:none;box-shadow:none;display:none}.menu-column.active .dropdown{display:block}}.search-section{padding:2rem 0;border-bottom:1px solid var(--border)}.search-container{display:flex;gap:1rem;margin-bottom:1rem}.search-input{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:4px;font-size:1rem}.search-button{padding:.75rem 1.5rem;background:var(--primary);color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600}.filters{display:flex;gap:.5rem;flex-wrap:wrap}.filter-button{padding:.5rem 1rem;background:#f5f5f5;border:1px solid var(--border);border-radius:4px;cursor:pointer;font-size:.9rem}.coffee-shops-section{padding:2rem 0}.coffee-shop-card{padding:1.5rem 0;border-bottom:1px solid var(--border)}.coffee-shop-card:last-child{border-bottom:none}.coffee-shop-card h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--primary)}.rating{color:#666;font-size:.9rem;margin-bottom:.5rem}.features{display:flex;gap:1rem;margin-top:.5rem;font-size:.9rem;color:#666}@media (max-width:768px){.search-container{flex-direction:column}.search-button{width:100%}}.site-nav{background-color:#fff;border-bottom:1px solid #e5e5e5}.site-nav-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;max-width:960px;padding-top:12px;padding-bottom:12px}.site-nav-logo{color:#2c3e50;font-weight:600;text-decoration:none}.site-nav-links{display:flex;flex-wrap:wrap;gap:4px 8px;list-style:none;margin:0;padding:0}.site-nav-links a{display:inline-block;padding:8px 10px;border-radius:4px;color:#2c3e50;text-decoration:none}.site-nav-links a:hover{background-color:#f1f3f5}.site-nav-links a[aria-current=page]{font-weight:600;text-decoration:underline;text-underline-offset:4px}.roasters-page a:focus-visible,.roasters-page button:focus-visible,.roasters-page input:focus-visible,.roasters-page select:focus-visible,.roasters-page summary:focus-visible,.site-nav a:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}.roasters-page{max-width:960px}.roasters-page h1{margin:8px 0 12px}.roasters-intro{max-width:65ch;margin:0 auto 16px;text-align:center;color:#444}.roaster-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin:0 0 12px}.roaster-card[hidden],.roaster-empty[hidden],.roaster-filters[hidden]{display:none}.roaster-filter{display:flex;flex-direction:column;gap:4px;flex:1 1 220px}.roaster-filter label{font-weight:600;font-size:.9rem}.roaster-filter input,.roaster-filter select{min-height:44px;padding:8px 10px;border:1px solid #767676;border-radius:4px;font:inherit;background-color:#fff}.roaster-reset{min-height:44px;padding:8px 16px;border:1px solid #2c3e50;border-radius:4px;background-color:#fff;color:#2c3e50;font:inherit;cursor:pointer}.roaster-reset:hover{background-color:#f1f3f5}.roaster-status{margin:0 0 12px;color:#444;font-size:.95rem}.roaster-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;list-style:none;margin:0;padding:0}.roaster-card{display:flex;flex-direction:column;gap:8px;padding:16px;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px}.roaster-name{margin:0;font-size:1.15rem}.roaster-location{margin:0;color:#555}.roaster-facts{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:0;font-size:.9rem}.roaster-fact{display:contents}.roaster-facts dt{font-weight:600}.roaster-facts dd{margin:0}.fulfillment-unknown{color:#555;font-style:italic}.roaster-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.roaster-actions a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:4px;text-decoration:none;font-weight:600}.roaster-shop{background-color:#2c3e50;color:#fff}.roaster-shop:hover{background-color:#1f2d3a}.roaster-site{border:1px solid #2c3e50;color:#2c3e50}.roaster-sources{font-size:.85rem;color:#555}.roaster-sources summary{cursor:pointer;padding:4px 0}.roaster-sources ul{margin:4px 0 0 18px}.roaster-sources li{margin-bottom:4px;overflow-wrap:anywhere}.roaster-facts a,.roaster-methodology a,.roaster-sources a,.roasters-callout a{color:#1d4ed8}.roaster-empty{padding:24px;text-align:center;background-color:#fff;border:1px dashed #999;border-radius:8px}.roaster-empty p{margin-bottom:12px}.roaster-methodology{margin-top:32px;padding:16px 20px;background-color:#fff;border-radius:8px}.roaster-methodology ul{margin:0 0 12px 20px}.roaster-methodology li{margin-bottom:6px}.roasters-callout{margin:0 0 20px;font-size:.95rem}@media (max-width:600px){.site-nav-inner{flex-direction:column;align-items:flex-start}.roaster-list{grid-template-columns:1fr}.roaster-reset{width:100%}}