/* Site-wide geometry. Shared components use one scale, independently of PNG sizes. */
html[data-page]{--ui:clamp(.68px,.09765625vw,1.25px);--gutter:5.2734375%}
html[data-page] .site{width:100%;max-width:1280px}
html[data-page=statistics],html[data-page=error]{font-size:clamp(.45px,.065104167vw,.833333333px)}
html[data-page] .site .header{height:calc(64 * var(--ui));padding:0 var(--gutter);gap:calc(20 * var(--ui));border-bottom:1px solid #f1f5f7}
html[data-page] .site .header .logo{width:calc(185 * var(--ui))}
html[data-page] .site .main-nav{margin:0 auto;gap:calc(17 * var(--ui));font-size:calc(11 * var(--ui));height:100%}
html[data-page] .site .main-nav a[aria-current]:after{bottom:calc(8 * var(--ui));height:2px}
html[data-page] .site .header-actions{gap:calc(10 * var(--ui))}
html[data-page] .site .header-actions .button{font-size:calc(10 * var(--ui));min-height:calc(32 * var(--ui));padding:calc(9 * var(--ui)) calc(16 * var(--ui))}
html[data-page] .site .header-actions .round{width:calc(32 * var(--ui));height:calc(32 * var(--ui));background:#edf7f4;border:0}
html[data-page] .site .header-actions .round .icon{width:calc(18 * var(--ui));height:calc(18 * var(--ui))}
html[data-page] main>.hero,html[data-page] main>.network-hero,html[data-page] main>.error-hero{width:100%;margin-inline:0}
html[data-page] .site .hero-content{padding-inline:var(--gutter)}
html[data-page] .site .network-hero{padding-inline:var(--gutter)}
html[data-page] .site .network-hero>div:first-of-type{padding-inline:0}
html[data-page] .site .error-hero>div{padding-left:var(--gutter)}
html[data-page] .site .footer{height:auto;min-height:0;padding:calc(30 * var(--ui)) var(--gutter);grid-template-columns:1.3fr .8fr 1.15fr 1.25fr;gap:calc(32 * var(--ui));font-size:calc(11 * var(--ui))}
html[data-page] .site .footer .logo{width:calc(180 * var(--ui));margin-bottom:calc(16 * var(--ui))}
html[data-page] .site .footer p,html[data-page] .site .footer>div>a:not(.logo){font-size:calc(11 * var(--ui));line-height:1.5}
html[data-page] .site .footer h4{font-size:calc(12 * var(--ui));margin:0 0 calc(12 * var(--ui));letter-spacing:0}
html[data-page] .site .footer .copyright{font-size:calc(10 * var(--ui));margin-top:calc(20 * var(--ui))}
html[data-page] .site .footer .social{gap:calc(14 * var(--ui));margin-top:calc(15 * var(--ui))}
html[data-page] .site .footer .social a{width:calc(29 * var(--ui));height:calc(29 * var(--ui));font-size:calc(24 * var(--ui))}
html[data-page] .site .footer .social .icon{width:calc(19 * var(--ui));height:calc(19 * var(--ui))}
html[data-page] .site .footer .subscribe{min-height:calc(36 * var(--ui));margin-top:calc(12 * var(--ui))}
html[data-page] .site .footer .subscribe input{height:calc(36 * var(--ui));font-size:calc(11 * var(--ui));padding:calc(10 * var(--ui)) calc(16 * var(--ui))}
html[data-page] .site .footer .subscribe button{width:calc(36 * var(--ui));height:calc(36 * var(--ui))}
/* Every primary section shares the header's content edges. Full-width hero
   artwork is the only outer bleed; its text uses the same gutter. */
html[data-page] .site main>:not(.hero):not(.network-hero):not(.error-hero){
 width:calc(100% - var(--gutter) - var(--gutter));
 margin-inline:var(--gutter);
 padding-inline:0;
 min-width:0;
}
html[data-page] .site main>:is(.hero,.network-hero,.error-hero){background:#fff}
html[data-page] .site :is(.business-content,.city-content)>.banner{width:100%;margin-inline:0}
html[data-page] .site .home-cities .section-heading,
html[data-page] .site .home-categories>.section-heading{padding-inline:0}
html[data-page] .site .article-content :is(.breadcrumbs,.article-intro){padding-inline:0}
html[data-page] .site .article-content :is(h1,article>.metadata){margin-inline:0}
html[data-page] .site .city-content-v2 .gallery>div:last-child{grid-template-columns:repeat(5,minmax(0,1fr))}
html[data-page] .site .mission{height:auto;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24rem}
html[data-page] .site .mission>img{width:100%;height:100%;min-height:211rem;object-fit:cover}
html[data-page] .site .mission>div{padding-right:16rem;min-width:0}
html[data-page] .site .mission p br{display:none}
html[data-page] .site .history>img{right:0;max-width:50%}
html[data-page] .site .community img{right:0;max-width:52%}
html[data-page] .site main>.banner{height:auto;min-height:174rem}
html[data-page] .site main>.banner>div:not(.banner-checks){padding-block:24rem}
html[data-page] .site .about-features,
html[data-page] .site .why-ads,
html[data-page] .site .contact-faq{height:auto}
html[data-page] .site .banner>div{z-index:1}
html[data-page] .site .banner-outline{z-index:0}
html[data-page] .site .city-grid.large{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-page] .site .large .city-numbers{gap:12rem}
html[data-page] .site .large .city-numbers>span{gap:8rem}
/* Article invitation cards: one text column and a separate icon badge. */
html[data-page] .site .article-cta{gap:18rem;grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-page] .site .article-cta>div{position:relative;padding:12rem 14rem 12rem 10rem;border:1rem solid #eef6f4}
html[data-page] .site .article-cta h3{display:block;padding-left:54rem;font-size:14rem;line-height:1.3;margin:0 0 5rem}
html[data-page] .site .article-cta h3>.icon{position:absolute;left:10rem;top:10rem;width:38rem;height:38rem;padding:6rem;border-radius:50%;background:#dff5ed;color:#00a47c}
html[data-page] .site .article-cta>div:nth-child(2) h3>.icon{background:#e7f2ff;color:#087eff}
html[data-page] .site .article-cta .checks{padding-left:54rem;margin:0 0 10rem}
html[data-page] .site .article-cta .checks li{font-size:10rem;line-height:1.35;gap:9rem;margin:5rem 0}
html[data-page] .site .article-cta .button{margin-left:54rem;min-height:34rem;font-size:10rem;padding:8rem 12rem;width:calc(100% - 54rem);gap:8rem;white-space:normal}
/* Only the photo portion of the raster reference is shown; its baked-in
   analytics card stays outside the visible object-fit crop. */
@media(min-width:701px){
 html[data-page] .site .network-hero-image{width:520rem;height:195rem;object-fit:cover;object-position:left center;right:calc(var(--gutter) + 210rem)}
 html[data-page] .site .analytics-source{right:var(--gutter);background:#fff}
}
html[data-page] .site .history{height:auto;min-height:300rem;padding-block:20rem 28rem}
html[data-page] .site .history>div{min-width:0}
html[data-page] .site .history h2{margin-bottom:8rem}
.history-hint{font-size:10rem;margin-bottom:12rem}
.history-scroll{height:240rem;overflow-y:scroll;overscroll-behavior-y:contain;scrollbar-gutter:stable;padding-right:12rem;scrollbar-color:#00a17a #e7f3ee;scrollbar-width:thin}
html[data-page] .site .history-scroll .history-row{height:60rem;margin:0;padding-top:3rem;gap:16rem}
html[data-page] .site .history-scroll .history-row b{width:64rem;font-size:14rem}
html[data-page] .site .history-scroll .history-row p{padding-left:12rem;font-size:13rem}
html[data-page] .site .history>img{top:30rem}
.history-scroll:focus-visible{outline:2px solid #009c76;outline-offset:4px}
html[data-page] .site .contact-grid{align-items:start}
html[data-page] .site .contact-grid>.contact-form{height:auto}
html[data-page] .site .contact-grid>div{min-width:0;display:flex;flex-direction:column;gap:24rem}
html[data-page] .site .contact-grid .help{height:auto;min-height:0;padding-bottom:24rem}
html[data-page] .site .help .features{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24rem}
html[data-page] .site .contact-map{margin:0}
html[data-page] .site .contact-map .section-heading{flex-wrap:wrap;gap:10rem}
html[data-page=business] .site main>.features{height:auto;padding-block:28rem;margin-bottom:16rem}
html[data-page] .site .business-content>.steps{height:auto;padding-block:36rem}
html[data-page] .site .business-content>.banner{height:auto;min-height:172rem;margin-top:32rem}
html[data-page] .site .business-content>.faq-strip{height:auto;padding-block:32rem}
@media(min-width:701px){
 html[data-page] .site .business-content>.banner{display:grid;grid-template-columns:30% 40% 30%;align-items:center}
 html[data-page] .site .business-content>.banner .banner-photo{width:30%;height:100%}
 html[data-page] .site .business-content>.banner>div:not(.banner-checks){grid-column:2;margin:0;width:auto;padding:24rem 16rem}
 html[data-page] .site .business-content>.banner>div:not(.banner-checks)>p{max-width:none}
 html[data-page] .site .business-content>.banner p br{display:none}
 html[data-page] .site .business-content>.banner>.banner-checks{grid-column:3;position:relative;inset:auto;transform:none;width:auto;margin:0;padding:20rem 16rem}
}
/* Hero artwork ends on the same right edge as section content. */
html[data-page] .site main>:is(.hero,.error-hero)>.hero-picture,
html[data-page] .site .network-hero-image{right:var(--gutter)}
html[data-page=error] .site .error-content{padding-top:calc(36 * var(--ui));padding-bottom:calc(36 * var(--ui))}
html[data-page=error] .site .popular-sections{margin-bottom:calc(40 * var(--ui))}
html[data-page=advertising] .site main>.features{height:auto;padding-block:calc(28 * var(--ui));margin-bottom:calc(12 * var(--ui))}
html[data-page=advertising] .site .advertising-content>.ad-formats{margin-top:calc(36 * var(--ui));padding-top:0}
html[data-page=advertising] .site .why-ads{padding-top:calc(36 * var(--ui));padding-bottom:calc(32 * var(--ui))}
html[data-page=advertising] .site .faq-strip{height:auto;padding-top:calc(32 * var(--ui));padding-bottom:calc(32 * var(--ui))}
@media(min-width:701px){
 html[data-page=advertising] .site main>.banner{display:grid;grid-template-columns:38% 40% 22%;align-items:center}
 html[data-page=advertising] .site main>.banner>.banner-photo{width:38%;height:100%;object-fit:cover}
 html[data-page=advertising] .site main>.banner>div:not(.banner-checks){grid-column:2;margin:0;width:auto;padding:24rem 10rem 24rem 12rem}
 html[data-page=advertising] .site main>.banner>.banner-checks{grid-column:3;position:relative;inset:auto;transform:none;margin:0;width:auto;padding:16rem 10rem}
 html[data-page=advertising] .site main>.banner>div:not(.banner-checks)>p{max-width:none}
 html[data-page=advertising] .site main>.banner .button{padding-inline:16rem;gap:12rem}
 html[data-page=advertising] .site main>.banner .button.secondary{margin-left:8rem}
 html[data-page=advertising] .site main>.banner .button.secondary .icon{display:none}
}
@media(min-width:701px){
 html[data-page] .home-cities,html[data-page] .home-stats,html[data-page] .home-categories,html[data-page] .community{padding-inline:var(--gutter)}
 html[data-page] .home-banner{margin-inline:var(--gutter)}
}
@media(max-width:700px){
 html[data-page]{font-size:1px;--ui:1px;--gutter:22px}
 html[data-page] .site .header{height:64px;gap:12px}
 html[data-page] .site .header .logo{width:160px}
 html[data-page] .site .header-actions{margin-left:auto;gap:8px}
 html[data-page] .site .header-actions>.button{display:none}
 html[data-page] .site .menu-toggle{display:inline-flex}
 html[data-page] .site .main-nav{height:auto;gap:0;margin:0;font-size:14px;top:64px;left:0;right:0;padding:12px 22px}
 html[data-page] .site .main-nav a{padding:10px 0}
 html[data-page] .site .main-nav a[aria-current]:after{display:none}
 html[data-page] .site .footer{grid-template-columns:1fr 1fr;gap:24px 18px;padding:26px var(--gutter)}
 html[data-page] .site .footer>div:first-child,html[data-page] .site .footer>div:last-child{grid-column:1/-1}
 html[data-page] .site .footer p,html[data-page] .site .footer>div>a:not(.logo){font-size:12px}
 html[data-page] .site .city-content-v2 .gallery>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}
 html[data-page] .site .mission>img{height:210px;min-height:0}
 html[data-page] .site .mission>div{padding-inline:16px}
 html[data-page] .site .history>img,html[data-page] .site .community img{max-width:100%}
 html[data-page] .site main>.banner{min-height:0}
 html[data-page] .site .city-grid.large{grid-template-columns:1fr}
 html[data-page] .site .placement-grid{grid-template-columns:minmax(0,1fr)}
 html[data-page] .site .placement{min-width:0}
 html[data-page] .site .placement .button{white-space:normal}
 html[data-page] .site .article-cta{grid-template-columns:1fr}
 html[data-page] .site .article-cta h3{font-size:17px}
 html[data-page] .site .article-cta .checks li{font-size:12px}
 html[data-page] .site .article-cta .button{font-size:12px}
 html[data-page] .site .history-scroll{height:352px}
 html[data-page] .site .history-scroll .history-row{height:88px;gap:8px}
 html[data-page] .site .history-scroll .history-row b{width:52px;font-size:12px}
 html[data-page] .site .history-scroll .history-row p{font-size:12px;padding-left:8px}
 html[data-page] .site .history-hint{font-size:11px}
 html[data-page] .site .business-content>.banner{min-height:0}
 html[data-page] .site main>:is(.hero,.error-hero)>.hero-picture{width:calc(100% - var(--gutter) - var(--gutter));margin-inline:var(--gutter)}
}