.nav-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1rem;align-items:stretch}.nav-card{position:relative;display:flex;flex-direction:column;background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius-md);padding:1.1rem 1rem .9rem;text-decoration:none;color:var(--dark);transition:all .18s}.nav-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent);color:var(--dark)}.nav-card:hover .nav-card__icon{color:var(--accent)}.nav-card:hover .nav-card__arrow{color:var(--accent);transform:translate(3px)}.nav-card__icon{color:var(--dark);margin-bottom:.7rem;transition:color .18s}.nav-card__title{font-size:.92rem;font-weight:800;line-height:1.35;margin-bottom:.35rem}.nav-card__desc{font-size:.72rem;color:var(--text-light);line-height:1.55;flex:1}.nav-card__arrow{align-self:flex-end;font-size:1.1rem;color:var(--text-light);margin-top:.5rem;transition:all .18s}.nav-guide-link{display:block;text-align:center;font-size:.82rem;font-weight:700;color:var(--accent);padding:.6rem}.nav-guide-link:hover{color:var(--accent-hover)}@media(max-width:640px){.nav-cards{grid-template-columns:1fr;gap:.5rem}.nav-card{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:0 .8rem;padding:.85rem 1rem;min-height:3.6rem}.nav-card__icon{margin-bottom:0;grid-row:1 / 3}.nav-card__title{font-size:.85rem;margin-bottom:0;line-height:1.3}.nav-card__desc{font-size:.68rem;line-height:1.4}.nav-card__arrow{display:none}}.steps-row{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap}.step-mini{display:flex;align-items:center;gap:.5rem;font-size:.82rem;font-weight:600;color:var(--dark)}.step-mini__num{width:24px;height:24px;border-radius:6px;background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.72rem;flex-shrink:0}.step-mini__arrow{color:var(--text-light);font-size:.9rem}.source-group{margin-bottom:1.25rem}.source-group__label{font-size:.72rem;font-weight:700;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.source-group__items{display:flex;flex-wrap:wrap;gap:.5rem}.source-toggle{display:flex;flex-direction:column;align-items:flex-start;background:var(--card-bg);border:2px solid var(--border);border-radius:var(--radius-md);padding:.75rem 1rem;cursor:pointer;transition:all .15s;min-width:140px}.source-toggle:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.source-toggle--active{border-color:var(--accent);background:#fff7ed;box-shadow:0 0 0 1px var(--accent)}.source-toggle--active .source-toggle__name{color:var(--accent)}.source-toggle__name{font-size:.85rem;font-weight:700;color:var(--dark);margin-bottom:.15rem}.source-toggle__fee{font-size:.65rem;color:var(--text-light)}.selector-status{margin-top:1rem;padding:.75rem 1rem;background:#f7fafc;border-radius:var(--radius-sm);font-size:.85rem;color:var(--text-light);text-align:center}.selector-status--active{background:#fff7ed;color:var(--dark);border:1px solid #FED7AA}.results-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.results-summary__count{font-size:.85rem;font-weight:700;color:var(--dark)}.results-summary__sources{display:flex;gap:.3rem;flex-wrap:wrap}.results-summary__chip{display:inline-block;background:var(--dark);color:#fff;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:4px}.perk-list__empty{text-align:center;padding:2rem;color:var(--text-light);font-size:.88rem}.perk-group{margin-bottom:2rem}.perk-group__title{font-size:1.1rem;font-weight:700;margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:2px solid var(--border);display:flex;align-items:center;gap:.5rem}.perk-group__count{font-size:.68rem;font-weight:600;color:var(--text-light);background:#f1f5f9;padding:.15rem .5rem;border-radius:10px}.perk-group__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.65rem}.perk-item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;transition:transform .1s,box-shadow .1s;display:flex;flex-direction:column;gap:.4rem}.perk-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.perk-item__top{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.perk-item__area{font-size:.62rem;color:var(--text-light);background:#f1f5f9;padding:.1rem .4rem;border-radius:4px;white-space:nowrap}.perk-item__facility{font-size:.95rem;font-weight:800;color:var(--dark);line-height:1.3}.perk-item__discount-box{background:#fff7ed;border-left:3px solid var(--accent);border-radius:0 6px 6px 0;padding:.5rem .65rem}.perk-item__discount{font-size:.82rem;font-weight:700;color:var(--accent);line-height:1.5}.perk-item__detail{display:flex;gap:.4rem;align-items:baseline}.perk-item__detail-label{font-size:.6rem;font-weight:700;color:#fff;background:var(--text-light);padding:.1rem .35rem;border-radius:3px;white-space:nowrap;flex-shrink:0}.perk-item__method{font-size:.72rem;color:var(--text);line-height:1.5}.perk-item__notes{font-size:.68rem;color:var(--text-light);line-height:1.5;border-top:1px dashed var(--border);padding-top:.3rem}a.perk-item{text-decoration:none;color:inherit;cursor:pointer}a.perk-item:hover{border-color:var(--accent)}.perk-item__link-icon{display:inline-block;font-size:.72rem;color:var(--accent);margin-left:.3rem;vertical-align:middle}.tips-section__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-bottom:.2rem}.tips-section__all{font-size:.78rem;font-weight:600;color:var(--accent)}.tips-section__all:hover{color:var(--accent-hover)}.tips-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.6rem;margin-top:.5rem}.tips-preview{display:block;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:.85rem 1rem;text-decoration:none;color:var(--dark);transition:all .15s}.tips-preview:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent);color:var(--dark)}.tips-preview__emoji{font-size:1.4rem;margin-bottom:.3rem;line-height:1}.tips-preview__facility{font-size:.82rem;font-weight:700;margin-bottom:.2rem}.tips-preview__discount{font-size:.68rem;font-weight:600;color:var(--accent)}.howto-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:.5rem}.howto-preview{display:flex;flex-direction:column;gap:.5rem;background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.1rem;text-decoration:none;color:var(--dark);transition:all .15s}.howto-preview:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent);color:var(--dark)}.howto-preview--jaf{border-top:3px solid var(--tag-jaf, #E67E22)}.howto-preview--card{border-top:3px solid var(--tag-card, #7C3AED)}.howto-preview--both{border-top:3px solid #0EA5E9}.howto-preview__badge{display:inline-block;width:fit-content;font-size:.62rem;font-weight:700;padding:.18rem .5rem;border-radius:4px;color:#fff;letter-spacing:.03em}.howto-preview__badge--jaf{background:#e67e22}.howto-preview__badge--card{background:#7c3aed}.howto-preview__badge--both{background:#0ea5e9}.howto-preview__title{font-size:.92rem;font-weight:800;line-height:1.45;color:var(--dark);margin:0}.howto-preview__desc{font-size:.72rem;color:var(--text-light);line-height:1.6;margin:0}@media(max-width:640px){.howto-preview-grid{grid-template-columns:1fr;gap:.5rem}}.compare-links{display:flex;flex-wrap:wrap;gap:.5rem}.compare-chip{display:inline-block;padding:.5rem 1rem;background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);border-radius:24px;color:#fff;font-size:.8rem;font-weight:600;transition:all .15s}.compare-chip:hover{background:var(--accent);border-color:var(--accent);color:#fff}.category-grid{display:flex;flex-wrap:wrap;gap:.5rem}.category-chip-light{display:inline-block;padding:.45rem .9rem;background:var(--card-bg);border:1.5px solid var(--border);border-radius:24px;color:var(--dark);font-size:.8rem;font-weight:600;transition:all .15s}.category-chip-light:hover{border-color:var(--accent);color:var(--accent)}@media(max-width:640px){.steps-row{flex-direction:column;gap:.3rem}.step-mini__arrow{transform:rotate(90deg)}.source-toggle{min-width:calc(50% - .25rem);flex:1}.perk-group__grid{grid-template-columns:1fr}}