/* Sticky section nav: on phones it wrapped to three rows (136px) and sat on top of
   the content. One row that scrolls sideways instead, edge to edge. */
@media (max-width: 767px) {
	#estnav .nn-estnav-in p {
		display: flex;
		flex-wrap: nowrap !important; /* the template CSS sets wrap on this p */
		gap: 22px;
		overflow-x: auto !important;
		overscroll-behavior-x: contain;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		margin: 0 -20px;
		padding: 0 20px;
		white-space: nowrap !important;
	}
	#estnav .nn-estnav-in p::-webkit-scrollbar { display: none; }
	#estnav .nn-estnav-in p a { flex: 0 0 auto; padding: 12px 0; } /* a finger-sized row */
}

/* Who to call (the emergency_contacts repeater) in the HOA section (snippet 1336).
   Each row stacks: role, then the number, then a role email when there is one. Two columns from 768px. */
.nn-emerg{margin:6px 0 4px}
.nn-emerg__h{font-family:Inter,sans-serif;font-size:12px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#A9CB7A;margin:0 0 10px}
.nn-emerg__list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:0 28px}
@media (min-width:768px){.nn-emerg__list{grid-template-columns:1fr 1fr}}
.nn-emerg__list li{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:9px 0;border-bottom:1px solid rgba(51, 82, 69,.14);font-size:14px;line-height:1.4}
.nn-emerg__l{color:#55635B;font-size:13px}
.nn-emerg__n{font-weight:600;font-size:15px;color:#335245;text-decoration:none;white-space:nowrap}
.nn-emerg__n:hover{text-decoration:underline}
.nn-emerg__e{font-size:12.5px;line-height:1.3;color:#55635B;text-decoration:none;word-break:break-all}
.nn-emerg__e:hover{text-decoration:underline}

/* 28 September polish. Prose reads left-aligned (justified text left rivers on phones); the
   "listed" tile in the facts strip matches its three Inter neighbours; the map card in About
   sits at the top of its column instead of stretching to the text's height. */
.elementor-1017 .elementor-element-91d3509 p,
.elementor-1017 .elementor-element-b9befef p{text-align:left!important}
.elementor-1017 .elementor-element-c5abe7c .elementor-heading-title,
.elementor-1017 .elementor-element-357c941 .elementor-heading-title{font-family:Inter,sans-serif!important;line-height:30px!important}
@media (min-width:1025px){.elementor-1017 .elementor-element-2a27a43{align-self:flex-start}}
/* 13 October: the hero sits on the content column, like the category pages (template 1017: row padding 9.3% / 10%,
card column 30.7%, the Friday Edit image promo in the card). The eyebrow column and the count column drop their
10px inner padding so they start on the title's left edge. */
.elementor-element-3f61580,.elementor-element-39e22d0{padding-left:0 !important;--padding-left:0px}