/* Smaller screens use compact type and spacing without scaling the page. */
@media(max-width:980px){
 .classified-filters label,.classified-budget legend,.housing-budget legend,.housing-sort{font-size:17px}
 .classified-filters input,.classified-filters select,.housing-sort select{font-size:17px;padding:7px 10px;min-height:42px}
 .classified-filter-grid,.classified-filter-options{gap:8px 10px}
}
@media(max-width:760px){
 body{font-size:16px;line-height:1.5}
 .container{width:min(1200px,calc(100% - 28px))}
 .masthead{gap:6px 10px;padding-block:8px}
 .masthead .brand,.masthead .brand-logo{width:200px}
 .masthead>.search-form,.search-form,.search-controls .search-form-large{height:40px;min-height:40px}
 .masthead>.search-form input,.masthead>.search-form button,.search-form input,.search-form button,.search-form-large input,.search-form-large button{height:38px;min-height:38px;font-size:16px;padding:6px 10px}
 .main-nav .nav-links{gap:8px}
 .main-nav .nav-links a,.main-nav .nav-publish{font-size:15px;line-height:1.35;min-height:40px;padding:7px 0}
 .service-category-links a{font-size:15px;line-height:1.35;min-height:40px;padding:6px 4px}
 .page-heading,.classified-heading{padding-block:10px 6px;margin-bottom:8px}
 .page-heading h1,.information-page h1,.directory-heading h1,.full-article>header h1,main .community-page>h1{font-size:21px;line-height:1.3}
 .classified-title-row{gap:8px}
 .classified-publish,.classified-heading>p,.text-link,.button-primary,.read-link{font-size:16px;line-height:1.4}
 .classified-filters{padding:7px;margin-bottom:8px}
 .classified-filter-grid,.classified-filter-options,.housing-filter-options{gap:7px 8px}
 .classified-filters label,.classified-budget legend,.housing-budget legend,.housing-sort{font-size:15px;line-height:1.35}
 .classified-filters input,.classified-filters select,.housing-sort select{font-size:16px;line-height:1.35;min-height:40px;padding:6px 8px}
 .city-picker{font-size:16px;line-height:1.35}
 .city-picker>input#classified-city,.city-picker>input#listing-city{padding-right:32px}
 .city-picker-toggle{width:32px}
 .city-picker-list>[role=option]{font-size:16px;min-height:40px;padding:6px 8px}
 .classified-filter-actions{gap:8px}
 .classified-filter-actions button,.classified-filter-actions>a,.housing-filter-options button{font-size:16px;line-height:1.35;min-height:40px;padding:6px 10px}
 .classified-help,.classified-errors{font-size:14px;line-height:1.45}
 .classified-result-count{font-size:15px;line-height:1.4;margin-bottom:10px}
 .housing-range-separator{font-size:15px}
 .classified-listing .article-list{gap:10px}
 .listing-layout.classified-listing .article-list>article{padding:12px}
 main .rental-source-card h2,main .rental-source-card h3,main .job-source-card h2,.article-card :is(h2,h3),.service-copy h2{font-size:17px;line-height:1.4}
 .rental-source-card p,.article-card p,.article-card-copy>p,.service-copy>p,.news-lead .news-lead-summary,.news-brief{font-size:15px;line-height:1.45}
 .rental-source-card .rental-source-price,.rental-detail .rental-source-price,.article-card-copy .classified-card-price{font-size:20px;line-height:1.4}
 .classified-card-meta,.article-card-copy .classified-card-expiry{font-size:14px;line-height:1.4}
 .article-meta,.byline,.byline time,.article-breadcrumb,.breadcrumb{font-size:13px;line-height:1.4}
 .prose,.information-page,.community-page{font-size:16px;line-height:1.55}
 .prose p{margin-block:0 12px}
 .prose h2,.community-page h2{font-size:20px;line-height:1.4;margin-top:20px;margin-bottom:10px}
 .prose h3{font-size:18px;line-height:1.4}
 .rental-contact,.rental-copy,.rental-wechat,.rental-email{font-size:16px;line-height:1.4}
 .rental-contact,.rental-copy{min-height:40px;padding:6px 10px}
 .rental-overview{gap:6px 14px;margin-block:8px 12px}
 .rental-attribution{margin-top:18px;padding-top:6px}
 .market-original-gallery,.listing-photo-gallery,.owner-photo-grid{gap:12px;margin-block:16px}
 .market-original-gallery figcaption,.listing-photo-gallery figcaption,.owner-photo figcaption{font-size:13px;line-height:1.4}
 .listing-layout,.article-layout{gap:16px;margin-bottom:24px}
 .service-card{padding-block:14px}
 .directory-fields select,.directory-city-search input,.search-filters select{font-size:16px;line-height:1.35;min-height:40px;height:40px;padding:6px 8px}
 .directory-fields,.search-filters{gap:10px}
 .quick-choices a,.directory-region summary,.directory-city summary{font-size:15px;line-height:1.4;padding:6px 8px;min-height:40px}
 .community-page button,.community-page input,.community-page select,.community-page textarea{font-size:16px;line-height:1.4}
 .community-form input:not([type=hidden]):not([type=checkbox]),.community-form select,.community-form textarea,.community-page button{min-height:40px;padding:6px 10px}
 .community-page .field-help,.community-choices a,.listing-status{font-size:14px;line-height:1.45}
 .community-nav,.community-account-links,.my-listing-actions{gap:8px 14px}
 .community-notice,.community-success,.community-rules{padding:12px}
 .home-classified-sections,.home-resource-sections{gap:14px;margin-top:16px}
 .home-section h3,.news-headline h3{font-size:16px;line-height:1.4}
 .home-section-heading h2{font-size:19px}
 .home-section-action,.home-publish,.home-section p{font-size:14px;line-height:1.45}
 .footer-top{gap:12px;padding-block:16px 12px}
 .footer-links a,.footer-links strong,.footer-bottom,.footer-policies a{font-size:14px;line-height:1.4}
 .footer-links>div{grid-template-columns:76px minmax(0,1fr);gap:10px}
}
@media(max-width:380px){
 .masthead .brand,.masthead .brand-logo{width:180px}
 .main-nav .nav-links a,.service-category-links a{font-size:14px}
 .classified-publish{font-size:15px}
 .classified-filter-actions button,.classified-filter-actions>a{padding-inline:8px}
}

@media(max-width:760px){.main-nav .nav-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 8px}.main-nav .nav-links a{min-width:0;font-size:15px;white-space:normal}.main-nav .nav-publish{margin-left:0}}
@media(max-width:380px){.main-nav .nav-links{grid-template-columns:repeat(3,minmax(0,1fr))}}