.wf-hero{background:linear-gradient(135deg,#1a3a2a,#2d6a4f);color:#fff;padding:56px 20px 48px}.wf-container{max-width:1100px;margin:0 auto;padding:0 20px}.wf-hero h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin:12px 0}.wf-hero p{color:rgba(255,255,255,.85);font-size:1.05rem;max-width:600px;line-height:1.6;margin:0 0 24px}.wf-score-explainer{display:flex;flex-wrap:wrap;gap:8px 0;align-items:center;background:rgba(255,255,255,.12);border-radius:10px;padding:14px 20px}.wf-score-item strong{display:block;font-size:.9rem;font-weight:700}.wf-score-item span{font-size:.78rem;color:rgba(255,255,255,.75)}.wf-score-item{padding:0 16px}.wf-score-sep{color:rgba(255,255,255,.4);font-size:1.2rem}.wf-results-section{padding:40px 0}.wf-filters,.wf-toolbar{display:flex;flex-wrap:wrap}.wf-toolbar{align-items:center;justify-content:space-between;margin-bottom:20px;gap:12px}.wf-filters{gap:10px}.wf-select{border:1px solid #d4b89a;border-radius:8px;padding:8px 14px;font-size:.9rem;color:#333;background:#fff;outline:0;cursor:pointer}.wf-count{font-size:.88rem;color:#888}.wf-cafe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.wf-cafe-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.07);overflow:hidden;transition:transform .2s,box-shadow .2s}.wf-cafe-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,.12)}.wf-cafe-img{width:100%;height:160px;object-fit:cover;display:block}.wf-cafe-body{padding:14px 16px}.wf-cafe-city{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#888}.wf-cafe-name{font-size:1rem;font-weight:700;margin:4px 0 6px}.wf-cafe-name a,.wf-guide-links a{color:#1a1a1a;text-decoration:none}.wf-cafe-name a:hover{color:#6b3f1f}.wf-cafe-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.wf-chip{font-size:.75rem;padding:3px 10px;border-radius:20px;font-weight:600;background:#e8f4ea;color:#2d7a3a}.wf-chip-wifi{background:#e8f0fb;color:#1d4ed8}.wf-chip-price{background:#fdf3e8;color:#8b5a2b}.wf-empty,.wf-loading{text-align:center;padding:48px 0;color:#888}.wf-guide-section{background:#faf7f4;padding:56px 0}.wf-guide-section h2{font-size:1.5rem;font-weight:700;margin:0 0 24px}.wf-guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:40px}.wf-guide-card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.wf-guide-card h3{font-size:.95rem;font-weight:700;color:#1a1a1a;margin:0 0 8px}.wf-guide-card p{font-size:.85rem;color:#555;line-height:1.5;margin:0}.wf-cta-box h2,.wf-guide-links h3{font-size:1rem;font-weight:700;margin:0 0 10px}.wf-guide-links ul{list-style:none;margin:0;padding:0}.wf-guide-links li{margin-bottom:8px}.wf-guide-links a{color:#6b3f1f;font-size:.95rem}.wf-guide-links a:hover{text-decoration:underline}.wf-cta{padding:56px 20px;background:linear-gradient(135deg,#1a3a2a,#2d6a4f);text-align:center}.wf-cta-box{max-width:480px;margin:0 auto;color:#fff}.wf-cta-box h2{font-size:1.8rem;font-weight:800}.wf-cta-box p{color:rgba(255,255,255,.85);margin:0 0 24px}.btn-wf-cta{display:inline-block;background:#fff;color:#2d6a4f;font-weight:700;padding:12px 32px;border-radius:50px;text-decoration:none;transition:background .2s}.btn-wf-cta:hover{background:#f0faf5}@media (max-width:640px){.wf-score-explainer{flex-direction:column;align-items:flex-start}.wf-score-sep{display:none}}