body { background: #f5f7fb; color: #202124; }
.publicListingWrap { width: min(1180px, calc(100% - 32px)); margin: 0 auto; padding: 32px 0 64px; }
.publicListingBack { display: inline-flex; align-items: center; margin-bottom: 18px; color: #315ddc; font-size: 14px; font-weight: 700; text-decoration: none; }
.publicListingCard { overflow: hidden; background: #fff; border: 1px solid #e6eaf0; border-radius: 18px; box-shadow: 0 8px 30px rgba(28, 42, 72, .07); }
.publicListingHero { padding: 34px 38px 26px; border-bottom: 1px solid #edf0f4; background: linear-gradient(135deg, #fff 0%, #f6f8ff 100%); }
.publicListingBadge { display: inline-flex; padding: 6px 12px; border-radius: 999px; background: #eaf0ff; color: #315ddc; font-size: 13px; font-weight: 800; }
.publicListingMeta { margin: 16px 0 8px; color: #687386; font-size: 14px; }
.publicListingHero h1 { margin: 0; color: #151922; font-size: clamp(26px, 4vw, 38px); line-height: 1.3; }
.publicListingPrice { margin: 18px 0 0; color: #1646c1; font-size: 27px; font-weight: 800; }
.publicListingGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 28px 38px; }
.publicListingItem { padding: 16px; border: 1px solid #e8edf5; border-radius: 12px; background: #fafbfe; }
.publicListingItem span { display: block; margin-bottom: 6px; color: #7a8495; font-size: 12px; }
.publicListingItem strong { color: #252a34; font-size: 15px; }
.publicListingPhotos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; padding: 0 38px 30px; }
.publicListingPhotos img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 12px; background: #edf0f4; }
.publicListingOffice { display: flex; gap: 18px; align-items: flex-start; margin: 0 38px 36px; padding: 24px; border-radius: 14px; background: #f7f9fd; }
.publicListingOfficeIcon { display: grid; place-items: center; flex: 0 0 52px; height: 52px; border-radius: 50%; background: #315ddc; color: #fff; font-size: 13px; font-weight: 800; }
.publicListingOffice h2 { margin: 0 0 8px; font-size: 18px; }.publicListingOffice p { margin: 3px 0; color: #596273; font-size: 14px; }.publicListingOffice a { display: inline-flex; margin-top: 9px; color: #315ddc; font-weight: 800; text-decoration: none; }
@media (max-width: 760px) { .publicListingWrap { width: min(100% - 20px, 1180px); padding-top: 18px; }.publicListingHero { padding: 26px 22px 22px; }.publicListingGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 22px; }.publicListingPhotos { grid-template-columns: 1fr; padding: 0 22px 22px; }.publicListingOffice { margin: 0 22px 24px; padding: 20px; }.publicListingOfficeIcon { display: none; } }