.harbors-list-page{background:#f5f7fb;min-height:70vh;padding-bottom:3rem}.hlist-loading__hero{width:100%;height:220px;margin-bottom:2rem}.hlist-loading__grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.hlist-loading__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.hlist-loading__grid{grid-template-columns:repeat(3,1fr)}}.hlist-hero{color:#fff;background:linear-gradient(135deg,#1270b5 0%,#168de2 100%);margin-bottom:2rem;padding:2rem 0 2.5rem}@media (width>=1024px){.hlist-hero{padding:2.5rem 0 3rem}}.hlist-hero__crumb{color:#ffffffbf;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.hlist-hero__crumb a{color:#ffffffbf;text-decoration:none}.hlist-hero__crumb a:hover,.hlist-hero__crumb-current{color:#fff}.hlist-hero__badge{background:#ffffff24;border-radius:4px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1rem;display:flex}.hlist-hero__badge svg{width:26px;height:26px}.hlist-hero__title{margin-bottom:.75rem;font-size:2rem;font-weight:800;line-height:1.15}@media (width>=1024px){.hlist-hero__title{font-size:2.5rem}}.hlist-hero__subtitle{color:#ffffffd9;max-width:640px;line-height:1.6}.hlist__section-head{justify-content:space-between;align-items:baseline;margin-bottom:1.25rem;display:flex}.hlist__section-head--sub{margin-top:2.5rem}.hlist__section-title{color:#111827;font-size:1.4rem;font-weight:700}.hlist__count{color:#6b7280;font-size:.875rem}.hlist__grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.hlist__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.hlist__grid{grid-template-columns:repeat(3,1fr)}}.hlist-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;flex-direction:column;text-decoration:none;transition:transform .14s,box-shadow .14s,border-color .14s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.hlist-card:hover{border-color:#168de2;transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.hlist-card:hover .hlist-card__view svg{transform:translate(3px)}.hlist-card:active{transform:translateY(-1px)}.hlist-card__image{aspect-ratio:16/10;background:linear-gradient(135deg,#ebf5ff,#168de21f);position:relative;overflow:hidden}.hlist-card__image img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hlist-card__image.is-empty .hlist-card__ph{opacity:1}.hlist-card__ph{color:#168de2;opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hlist-card__ph svg{width:40px;height:40px}.hlist-card__image:not(:has(img)) .hlist-card__ph{opacity:1}.hlist-card__loc{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a9e;border-radius:9999px;align-items:center;gap:4px;padding:4px 9px;font-size:.75rem;font-weight:500;display:inline-flex;position:absolute;bottom:.75rem;left:.75rem}.hlist-card__loc svg{width:13px;height:13px}.hlist-card__badge{color:#fff;background:#168de2;border-radius:9999px;padding:3px 9px;font-size:.75rem;font-weight:600;position:absolute;top:.75rem;right:.75rem}.hlist-card__body{flex-direction:column;flex:1;gap:.5rem;padding:1rem 1.25rem 1.25rem;display:flex}.hlist-card__name{color:#111827;font-size:1.125rem;font-weight:700}.hlist-card__desc{color:#6b7280;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.hlist-card__metas{flex-wrap:wrap;gap:1rem;margin-top:2px;display:flex}.hlist-card__meta{color:#6b7280;align-items:center;gap:6px;font-size:.875rem;display:inline-flex}.hlist-card__meta svg{color:#9ca3af}.hlist-card__foot{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;gap:.75rem;margin-top:auto;padding-top:.75rem;display:flex}.hlist-card__price{color:#111827;font-size:.875rem;font-weight:700}.hlist-card__price--muted{color:#9ca3af;font-weight:600}.hlist-card__view{color:#168de2;align-items:center;gap:4px;font-size:.875rem;font-weight:600;display:inline-flex}.hlist-card__view svg{transition:transform .2s}.hlist__compact{grid-template-columns:1fr;gap:.5rem;display:grid}@media (width>=640px){.hlist__compact{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.hlist__compact{grid-template-columns:repeat(3,1fr)}}.hlist-row{background:#fff;border:1px solid #f3f4f6;border-radius:4px;align-items:center;gap:.75rem;padding:1rem;text-decoration:none;transition:background .15s,border-color .15s;display:flex}.hlist-row:hover{background:#ebf5ff;border-color:#168de259}.hlist-row:hover .hlist-row__chev{color:#168de2;transform:translate(2px)}.hlist-row__pin{color:#168de2;flex-shrink:0;display:flex}.hlist-row__pin svg{width:18px;height:18px}.hlist-row__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.hlist-row__name{color:#111827;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.hlist-row__sub{color:#6b7280;font-size:.75rem}.hlist-row__chev{color:#9ca3af;flex-shrink:0;transition:color .15s,transform .15s;display:flex}.hlist-resources{margin-top:3rem}.hlist-resources__title{color:#111827;margin-bottom:1.25rem;font-size:1.4rem;font-weight:700}.hlist-resources__grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.hlist-resources__grid{grid-template-columns:repeat(3,1fr)}}.hlist-res-card{background:#fff;border:1px solid #e5e7eb;border-radius:4px;align-items:center;gap:.75rem;padding:1.25rem;text-decoration:none;transition:transform .14s,box-shadow .14s;display:flex}.hlist-res-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.hlist-res-card:active{transform:translateY(0)}.hlist-res-card__icon{color:#168de2;background:#ebf5ff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hlist-res-card__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.hlist-res-card__title{color:#111827;font-size:.875rem;font-weight:600}.hlist-res-card__sub{color:#6b7280;font-size:.75rem}.hlist-res-card__chev{color:#9ca3af;flex-shrink:0;display:flex}.hlist-res-card--solid{background:#168de2;border-color:#168de2}.hlist-res-card--solid .hlist-res-card__icon{color:#fff;background:#ffffff2e}.hlist-res-card--solid .hlist-res-card__title{color:#fff}.hlist-res-card--solid .hlist-res-card__sub{color:#ffffffd1}.hlist-res-card--solid .hlist-res-card__chev{color:#ffffffe6}.hlist-res-card--solid:hover{box-shadow:0 10px 26px -8px #168de28c}.hlist-state{text-align:center;max-width:440px;margin:0 auto;padding:3rem 1.5rem}.hlist-state__icon{color:#168de2;background:#ebf5ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1rem;display:inline-flex}.hlist-state__icon svg{width:30px;height:30px}.hlist-state h2{color:#111827;margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.hlist-state p{color:#6b7280;margin-bottom:1.25rem}