.top-guide-hero { min-height: 520px; background: linear-gradient(90deg, rgba(0,0,0,.96), rgba(0,0,0,.76)), url('/assets/images/listing-woji-duplex.webp') center 44% / cover; color: #fff; }
.top-guide-hero .nav { position: relative; z-index: 2; }
.top-guide-hero-inner { padding: 75px 0 85px; }
.top-guide-hero h1 { max-width: 850px; margin: 20px 0 22px; font-size: clamp(42px, 6vw, 82px); line-height: .98; letter-spacing: -.055em; }
.top-guide-hero h1 em { color: #ed2229; }
.top-guide-hero-inner > p:not(.eyebrow) { max-width: 700px; color: rgba(255,255,255,.82); font-size: clamp(16px, 1.7vw, 20px); }
.top-guide-meta { display: flex; gap: 28px; margin-top: 35px; color: rgba(255,255,255,.55); font-size: 11px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.top-guide-index { color: var(--accent); font-size: 10px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; }
.top-guide-intro { display: grid; grid-template-columns: .95fr 1.05fr; gap: 110px; padding: 100px 0; }
.top-guide-intro h2, .top-guide-section-head h2, .top-guide-checks h2, .top-guide-next h2 { font-size: clamp(31px, 3.7vw, 52px); line-height: 1.04; letter-spacing: -.045em; }
.top-guide-intro p:not(.top-guide-index) { margin: 0 0 25px; color: var(--muted); font-size: 16px; line-height: 1.8; }
.top-guide-intro a, .top-guide-checks a { color: var(--accent); font-size: 13px; font-weight: 800; }
.top-guide-intro a .spm-icon, .top-guide-checks a .spm-icon { margin-left: 7px; }
.top-guide-listings { padding: 25px 0 110px; }
.top-guide-section-head { max-width: 650px; margin-bottom: 42px; }
.top-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 25px; }
.top-guide-grid article { overflow: hidden; border: 1px solid var(--line); border-radius: 20px; background: #fff; }
.top-guide-image { display: block; height: 260px; overflow: hidden; background: #dedede; }
.top-guide-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s ease; }
.top-guide-grid article:hover img { transform: scale(1.035); }
.top-guide-card-copy { padding: 25px; }
.top-guide-card-copy > span { color: var(--accent); font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.top-guide-card-copy h3 { min-height: 56px; margin: 13px 0 12px; font-size: 23px; line-height: 1.1; }
.top-guide-card-copy h3 a:hover { color: var(--accent); }
.top-guide-card-copy p { min-height: 81px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.top-guide-card-link { display: flex; align-items: center; justify-content: space-between; padding-top: 18px; border-top: 1px solid var(--line); color: var(--accent); font-size: 12px; font-weight: 800; }
.top-guide-checks { padding: 100px 0; background: #101010; color: #fff; }
.top-guide-checks-inner { display: grid; grid-template-columns: .95fr 1.05fr; gap: 100px; }
.top-guide-checks h2 { max-width: 500px; }
.top-guide-checks p:not(.top-guide-index) { max-width: 570px; margin: 25px 0; color: rgba(255,255,255,.7); line-height: 1.8; }
.top-guide-checks ol { margin: 0; padding: 0; list-style: none; }
.top-guide-checks li { display: grid; grid-template-columns: 130px 1fr; gap: 20px; padding: 20px 0; border-bottom: 1px solid rgba(255,255,255,.15); }
.top-guide-checks li strong { font-size: 14px; }
.top-guide-checks li span { color: rgba(255,255,255,.65); font-size: 13px; }
.top-guide-next { padding: 100px 0 120px; text-align: center; }
.top-guide-next h2 { max-width: 680px; margin: 0 auto; }
.top-guide-next > p:not(.top-guide-index) { margin: 20px auto 28px; color: var(--muted); }
.top-guide-next > div { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; }
.top-guide-next .button { white-space: nowrap; }
.top-properties-guide-link { display: inline-flex; align-items: center; gap: 8px; color: var(--accent); font-size: 12px; font-weight: 800; }
.top-properties-guide-link:hover { text-decoration: underline; }
@media (max-width: 900px) { .top-guide-intro, .top-guide-checks-inner { grid-template-columns: 1fr; gap: 35px; } .top-guide-grid { grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media (max-width: 650px) { .top-guide-hero { min-height: 0; } .top-guide-hero-inner { padding: 55px 0 65px; } .top-guide-hero h1 { font-size: clamp(38px, 10vw, 52px); } .top-guide-meta { flex-direction: column; gap: 6px; } .top-guide-intro { padding: 70px 0; } .top-guide-listings { padding: 0 0 75px; } .top-guide-grid { grid-template-columns: 1fr; } .top-guide-card-copy p, .top-guide-card-copy h3 { min-height: 0; } .top-guide-checks { padding: 75px 0; } .top-guide-checks li { grid-template-columns: 1fr; gap: 4px; } .top-guide-next { padding: 75px 0 90px; } .top-guide-next .button { width: 100%; justify-content: space-between; } }