
.listing-intro-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:12px}

.listing-fee-section{padding-top:30px;padding-bottom:10px}
.listing-fee-box{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:36px;padding:24px 26px;border:1px solid var(--line);background:#eee7dd}
.listing-fee-heading h2{margin:6px 0 0;color:var(--navy);font-size:24px}
.listing-fee-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px}
.listing-fee-details>div{display:grid;gap:4px}
.listing-fee-details span,.submission-fee-note span{color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.listing-fee-details strong,.submission-fee-note strong{color:var(--navy)}
.listing-fee-details p{grid-column:1/-1;margin:0;color:var(--muted);font-size:12px;line-height:1.55}

.listings-filter-section{padding-top:22px;padding-bottom:22px}
.listing-filters{display:flex;gap:8px;flex-wrap:wrap}
.listing-filters a{display:inline-flex;align-items:center;justify-content:center;min-height:39px;padding:0 16px;border:1px solid var(--line);background:var(--white-soft);color:var(--navy);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;text-decoration:none}
.listing-filters a:hover,.listing-filters a.active{border-color:var(--copper);background:var(--copper);color:#fff}

.listings-grid-section{padding-top:24px}
.classified-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.classified-card{display:flex;flex-direction:column;min-height:340px;padding:24px;border:1px solid var(--line);background:var(--white-soft)}
.classified-card-top{display:flex;justify-content:space-between;gap:16px;align-items:center}
.classified-type,.classified-expiry{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.classified-type{color:var(--copper-dark)}
.classified-expiry{color:#8a563d}
.classified-card h2{margin:8px 0 14px;color:var(--navy);font-size:25px;line-height:1.16}
.classified-details{color:var(--muted);font-size:13px;line-height:1.65}
.classified-price,.classified-contact{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}
.classified-price span,.classified-contact>span{display:block;margin-bottom:6px;color:var(--muted);font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.classified-contact p{margin:4px 0 0;color:var(--charcoal);font-size:12px}
.classified-footer{margin-top:auto;padding-top:18px}

.submission-fee-note{margin-top:24px;padding:16px 18px;border-left:3px solid var(--copper);background:#eee7dd}
.submission-fee-note strong{display:block;margin-top:4px;font-size:17px}
.submission-fee-note p{margin:5px 0 0;color:var(--muted);font-size:12px}

@media(max-width:800px){
  .classified-grid{grid-template-columns:1fr}
  .listing-fee-box{grid-template-columns:1fr;gap:18px}
}

@media(max-width:520px){
  .listing-filters{display:grid;grid-template-columns:1fr}
  .listing-filters a{width:100%}
  .listing-fee-details{grid-template-columns:1fr}
  .listing-fee-details p{grid-column:auto}
}
