.city-hero{background:linear-gradient(135deg,var(--primary-800) 0%,var(--primary-600) 100%);color:#fff;padding:var(--spacing-3xl) 24px}.city-hero-container{max-width:var(--container-xl);margin:0 auto;padding:0 24px}.city-hero .breadcrumb ol{list-style:none;gap:var(--spacing-xs);padding:0;margin:0 0 var(--spacing-md)}.city-hero .breadcrumb li+li::before{content:"/";margin-right:var(--spacing-xs);opacity:.5}.city-hero .breadcrumb a{color:#fff;text-decoration:none}.city-hero .breadcrumb a:hover{text-decoration:underline}.city-hero h1{font-family:var(--font-serif);font-size:var(--font-size-5xl);margin:0 0 var(--spacing-md);line-height:var(--line-height-tight)}.city-hero-subtitle{font-size:var(--font-size-lg);opacity:.9;max-width:600px;line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-lg)}.city-hero .breadcrumb ol,.city-stats{display:flex;font-size:var(--font-size-sm);opacity:.8}.city-stats{align-items:center;gap:var(--spacing-sm)}.city-stat-sep{opacity:.4}.city-filter-bar{background:var(--magazine-bg-primary);border-bottom:1px solid var(--magazine-border);padding:var(--spacing-md)0;position:sticky;top:0;z-index:10}.city-filter-container{max-width:var(--container-xl);margin:0 auto;padding:0 24px;display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.filter-btn{padding:6px 16px;border:1px solid var(--magazine-border);border-radius:20px;background:0 0;color:var(--magazine-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.filter-btn.active,.filter-btn:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.city-content-container{max-width:var(--container-xl);margin:0 auto;padding:0 var(--spacing-xl)}.city-featured{padding:var(--spacing-2xl) var(--spacing-xl);background:var(--primary-50);border-bottom:1px solid var(--primary-100)}.section-label{font-size:var(--font-size-xs);font-weight:700;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--primary-500);margin-bottom:var(--spacing-md)}.featured-cafe-card{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);background:#fff;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--primary-200);box-shadow:var(--shadow-md)}.featured-cafe-img img{width:100%;height:320px;object-fit:cover;display:block}.featured-cafe-info{padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md)}.featured-cafe-info h2{font-family:var(--font-serif);font-size:var(--font-size-3xl);margin:0;line-height:var(--line-height-snug)}.cafe-card-name a,.featured-cafe-info h2 a{color:var(--primary-800);text-decoration:none}.cafe-card-name a:hover,.featured-cafe-info h2 a:hover{color:var(--primary-500)}.cafe-address{font-size:var(--font-size-sm);color:var(--magazine-text-muted);display:flex;align-items:center;gap:4px;margin:0}.cafe-desc{color:var(--magazine-text-secondary);line-height:var(--line-height-relaxed);margin:0;flex:1}.cafe-meta-row{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.meta-tag{background:var(--primary-50);border:1px solid var(--primary-100);color:var(--primary-700);font-size:var(--font-size-xs);padding:2px 8px;border-radius:4px;font-weight:600}.work-tag{background:#f0fdf4;border-color:#bbf7d0;color:#15803d}.btn-view-cafe{display:inline-block;padding:var(--spacing-sm) var(--spacing-lg);background:var(--primary-500);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-sm);align-self:flex-start;transition:background var(--transition-fast)}.btn-view-cafe:hover{background:var(--primary-600)}.city-cafes{padding:var(--spacing-2xl) var(--spacing-xl);background:var(--magazine-bg-secondary)}.section-heading{font-family:var(--font-serif);font-size:var(--font-size-2xl);color:var(--primary-800);margin:0 0 var(--spacing-xl);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-100)}.cafe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.cafe-grid-sm{grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.cafe-card{background:#fff;border:1px solid var(--magazine-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.cafe-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.cafe-card-img-link{display:block}.cafe-card-img{width:100%;height:180px;object-fit:cover;display:block}.cafe-card-body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.cafe-card-badges{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:2px}.badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:3px}.badge-featured{background:var(--accent-gold);color:#5c3a00}.badge-verified{background:#dbeafe;color:#1e40af}.badge-work{background:#dcfce7;color:#15803d}.cafe-card-name{font-family:var(--font-serif);font-size:var(--font-size-lg);margin:0;line-height:var(--line-height-snug)}.cafe-card-address{font-size:var(--font-size-xs);color:var(--magazine-text-muted);margin:0}.cafe-card-desc{font-size:var(--font-size-sm);color:var(--magazine-text-secondary);line-height:var(--line-height-relaxed);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cafe-card-meta{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--spacing-xs)}.meta-chip{background:var(--primary-50);color:var(--primary-600);font-size:11px;font-weight:600;padding:2px 6px;border-radius:3px;display:inline-flex;align-items:center;gap:3px}.meta-chip.price{background:#fef9c3;color:#854d0e}.cafe-card-link{font-size:var(--font-size-sm);font-weight:600;color:var(--primary-500);text-decoration:none;margin-top:auto;padding-top:var(--spacing-xs)}.cafe-card-link:hover{color:var(--primary-700)}.load-more-wrap{text-align:center}.load-more-btn{padding:var(--spacing-md) var(--spacing-2xl);border:2px solid var(--primary-400);border-radius:var(--radius-md);background:0 0;color:var(--primary-600);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.load-more-btn:hover{background:var(--primary-500);color:#fff;border-color:var(--primary-500)}.city-intro-content{padding:var(--spacing-2xl) var(--spacing-xl);background:#fff;border-top:1px solid var(--magazine-border)}.city-prose,.submit-cta-box p{color:var(--magazine-text-secondary)}.city-prose{max-width:720px;font-size:var(--font-size-base);line-height:var(--line-height-loose)}.city-prose h2,.city-prose h3,.submit-cta-box h3{font-family:var(--font-serif);color:var(--primary-800)}.city-prose h2,.city-prose h3{margin-top:var(--spacing-xl)}.city-submit-cta{padding:var(--spacing-2xl) var(--spacing-xl);background:var(--primary-50);border-top:1px solid var(--primary-100)}.submit-cta-box{text-align:center;max-width:480px;margin:0 auto}.submit-cta-box h3{font-size:var(--font-size-2xl);margin:0 0 var(--spacing-sm)}.submit-cta-box p{margin:0 0 var(--spacing-lg)}.btn-submit-cafe{display:inline-block;padding:var(--spacing-md) var(--spacing-2xl);background:var(--primary-500);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-weight:600;transition:background var(--transition-fast)}.btn-submit-cafe:hover{background:var(--primary-600)}@media (max-width:1024px){.cafe-grid,.cafe-grid-sm{grid-template-columns:repeat(2,1fr)}.featured-cafe-card{grid-template-columns:1fr}.featured-cafe-img img{height:220px}.city-hero h1{font-size:var(--font-size-4xl)}}@media (max-width:640px){.cafe-grid{grid-template-columns:1fr}.city-hero h1{font-size:var(--font-size-3xl)}}