/*
Theme Name: Bel Air Foam & Roofing
Theme URI: https://www.belairfoam.com/
Description: Custom GeneratePress child theme for Bel Air Foam & Roofing, a Tar Heel Construction Group company. Brand-built for commercial roofing, spray foam, and reroofing services in Bel Air, Maryland.
Author: Tar Heel Construction Group
Author URI: https://www.belairfoam.com/
Template: generatepress
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: belair-foam
*/

/* =========================================================================
   Bel Air Foam & Roofing — Brand Design System
   Steel blue #5A8AA8  |  Sage green #5A9672
   All design tokens live in :root so the whole site is themeable from here.
   ========================================================================= */

:root {
	/* Brand core */
	--baf-blue:        #5A8AA8;   /* primary — from the wordmark */
	--baf-blue-dark:   #3F6E8A;   /* accessible on white text, buttons, header */
	--baf-blue-darker: #2C5063;   /* deep sections, hovers */
	--baf-blue-tint:   #EAF1F5;   /* light section backgrounds */
	--baf-green:       #5A9672;   /* secondary — from the tagline */
	--baf-green-dark:  #467B5C;   /* accessible green for text/links */

	/* Neutrals */
	--baf-ink:         #22323B;   /* body headings / dark text */
	--baf-body:        #3D4A52;   /* body copy */
	--baf-muted:       #6B7A83;   /* meta, captions */
	--baf-line:        #DDE5EA;   /* borders/dividers */
	--baf-bg-soft:     #F5F8FA;   /* alternating section bg */
	--baf-white:       #FFFFFF;

	/* Type */
	--baf-font-head: "Barlow Condensed", "Oswald", Impact, system-ui, sans-serif;
	--baf-font-body: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

	/* Rhythm */
	--baf-radius: 6px;
	--baf-shadow: 0 6px 24px rgba(34, 50, 59, 0.10);
	--baf-shadow-lg: 0 18px 48px rgba(34, 50, 59, 0.16);
	--baf-section-y: clamp(3.5rem, 7vw, 7rem);
	--baf-maxw: 1200px;
}

/* ---------- Base typography ---------- */
body {
	font-family: var(--baf-font-body);
	color: var(--baf-body);
	font-size: 17px;
	line-height: 1.7;
}
h1, h2, h3, h4, h5, h6,
.site-title {
	font-family: var(--baf-font-head);
	color: var(--baf-ink);
	line-height: 1.1;
	letter-spacing: 0.2px;
	font-weight: 600;
}
h1 { font-size: clamp(2.4rem, 5vw, 3.6rem); text-transform: uppercase; }
h2 { font-size: clamp(1.9rem, 3.6vw, 2.7rem); text-transform: uppercase; }
h3 { font-size: clamp(1.35rem, 2.2vw, 1.7rem); }
a { color: var(--baf-blue-dark); }
a:hover { color: var(--baf-green-dark); }

/* ---------- Layout width ---------- */
.grid-container { max-width: var(--baf-maxw); }

/* ---------- Buttons ---------- */
.wp-block-button__link,
button.button, .button, input[type="submit"],
.gb-button {
	background: var(--baf-blue-dark);
	color: #fff !important;
	border-radius: var(--baf-radius);
	font-family: var(--baf-font-head);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 600;
	padding: 0.85em 1.8em;
	transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
	border: none;
	box-shadow: 0 4px 14px rgba(63,110,138,.28);
}
.wp-block-button__link:hover,
button.button:hover, .button:hover, input[type="submit"]:hover,
.gb-button:hover {
	background: var(--baf-blue-darker);
	transform: translateY(-2px);
	box-shadow: 0 8px 22px rgba(44,80,99,.34);
	color:#fff !important;
}
.button--green, .wp-block-button.is-style-green .wp-block-button__link {
	background: var(--baf-green-dark);
	box-shadow: 0 4px 14px rgba(70,123,92,.30);
}
.button--green:hover { background:#3a6a4e; }

/* ---------- Site header ---------- */
.site-header {
	background: var(--baf-white);
	box-shadow: 0 2px 14px rgba(34,50,59,.08);
}
.main-navigation .main-nav ul li a {
	font-family: var(--baf-font-head);
	text-transform: uppercase;
	letter-spacing: 0.4px;
	font-weight: 600;
	font-size: 1.02rem;
}
.main-navigation a:hover,
.main-navigation .current-menu-item > a {
	color: var(--baf-blue-dark);
}
/* Sticky-nav shrink handled by GP; keep logo tidy */
.site-logo img { max-height: 62px; width: auto; }

/* Header call-to-action phone pill */
.baf-header-cta {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	background: var(--baf-green-dark);
	color: #fff !important;
	font-family: var(--baf-font-head);
	text-transform: uppercase;
	letter-spacing:.5px;
	font-weight: 600;
	padding: .6em 1.25em;
	border-radius: var(--baf-radius);
}
.baf-header-cta:hover { background:#3a6a4e; color:#fff !important; }

/* ---------- Hero ---------- */
.baf-hero {
	position: relative;
	background: linear-gradient(120deg, var(--baf-blue-darker), var(--baf-blue-dark));
	color: #fff;
	padding: clamp(4rem, 9vw, 8rem) 0;
	overflow: hidden;
}
.baf-hero h1, .baf-hero h2 { color:#fff; }
.baf-hero p { color: rgba(255,255,255,.90); font-size: 1.2rem; max-width: 46ch; }
.baf-hero .baf-eyebrow { color: #BFE0CE; }

/* Eyebrow label */
.baf-eyebrow {
	display:inline-block;
	font-family: var(--baf-font-head);
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
	font-size: .95rem;
	color: var(--baf-green-dark);
	margin-bottom: .6rem;
}

/* ---------- Sections ---------- */
.baf-section { padding: var(--baf-section-y) 0; }
.baf-section--soft { background: var(--baf-bg-soft); }
.baf-section--blue { background: var(--baf-blue-darker); color:#fff; }
.baf-section--blue h2, .baf-section--blue h3 { color:#fff; }
.baf-section-head { text-align:center; max-width: 62ch; margin: 0 auto 3rem; }
.baf-section-head p { color: var(--baf-muted); font-size:1.12rem; }

/* ---------- Service cards ---------- */
.baf-cards { display:grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap:1.5rem; }
.baf-card {
	background:#fff;
	border:1px solid var(--baf-line);
	border-radius: var(--baf-radius);
	padding: 2rem 1.75rem;
	box-shadow: var(--baf-shadow);
	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.baf-card:hover { transform: translateY(-6px); box-shadow: var(--baf-shadow-lg); border-color: var(--baf-blue); }
.baf-card .baf-card-icon {
	width:56px;height:56px;border-radius:12px;
	display:flex;align-items:center;justify-content:center;
	background: var(--baf-blue-tint); color: var(--baf-blue-dark);
	margin-bottom:1.1rem;
}
.baf-card h3 { margin:.2rem 0 .6rem; }

/* ---------- Trust bar / partner logos ---------- */
.baf-trust { background:#fff; border-top:1px solid var(--baf-line); border-bottom:1px solid var(--baf-line); }
.baf-trust-logos { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:2.5rem; opacity:.85; }
.baf-trust-logos img { max-height:54px; width:auto; filter:grayscale(1); transition:filter .2s, opacity .2s; }
.baf-trust-logos img:hover { filter:none; }

/* ---------- CTA strip ---------- */
.baf-cta-strip {
	background: linear-gradient(120deg, var(--baf-green-dark), var(--baf-blue-dark));
	color:#fff; text-align:center; padding: clamp(3rem,6vw,5rem) 0;
}
.baf-cta-strip h2 { color:#fff; }

/* ---------- Footer ---------- */
.site-footer, .site-info {
	background: var(--baf-ink);
	color: rgba(255,255,255,.78);
}
.site-footer a { color:#fff; }
.footer-widgets { background: var(--baf-ink); color: rgba(255,255,255,.78); padding: 3.5rem 0 1rem; }
.footer-widgets .widget-title { color:#fff; font-family:var(--baf-font-head); text-transform:uppercase; letter-spacing:.5px; }
.footer-widgets a { color: rgba(255,255,255,.78); }
.footer-widgets a:hover { color:#fff; }
.site-info { text-align:center; padding:1.2rem 0; font-size:.9rem; border-top:1px solid rgba(255,255,255,.10); }

/* ---------- Utilities ---------- */
.baf-container { max-width: var(--baf-maxw); margin:0 auto; padding:0 1.25rem; }
.text-center { text-align:center; }
.baf-lead { font-size:1.2rem; color:var(--baf-muted); }

/* =========================================================================
   Astra "global color" bridge
   The page content was authored in Spectra (Ultimate Addons) and references
   Astra's --ast-global-color-* tokens, which don't exist under GeneratePress.
   Mapping them to the Bel Air brand palette instantly themes every existing
   Spectra section (backgrounds, headings, borders, buttons) on-brand.
   ========================================================================= */
:root {
	--ast-global-color-0: var(--baf-blue-dark);   /* accents, icons, text-links */
	--ast-global-color-1: var(--baf-green-dark);  /* secondary / hover accent   */
	--ast-global-color-2: var(--baf-ink);         /* headings + dark section bg */
	--ast-global-color-3: var(--baf-body);        /* body copy                  */
	--ast-global-color-4: var(--baf-bg-soft);     /* light alternating section  */
	--ast-global-color-5: var(--baf-white);       /* white section background   */
	--ast-global-color-6: var(--baf-line);        /* borders / dividers         */
}

/* ---------- Header tidy: logo carries the wordmark, hide the text title ---- */
.site-header .site-branding .main-title,
.site-header .site-branding .site-description { display: none; }
.site-header .site-logo img,
.site-header .header-image.is-logo-image { max-height: 62px; width: auto; }

/* =========================================================================
   Homepage & shared marketing components (extends the base design system)
   ========================================================================= */

/* ---------- Hero (image-backed variant) ---------- */
.baf-hero--home {
	background:
		linear-gradient(120deg, rgba(44,80,99,.66) 0%, rgba(63,110,138,.42) 100%),
		var(--baf-hero-img, none);
	background-size: cover;
	background-position: center;
}
/* Stronger overlay on small screens so the headline stays legible over the photo */
@media (max-width: 768px) {
	.baf-hero--home {
		background:
			linear-gradient(120deg, rgba(44,80,99,.86) 0%, rgba(63,110,138,.78) 100%),
			var(--baf-hero-img, none);
		background-size: cover;
		background-position: center;
	}
}
.baf-hero__inner { max-width: var(--baf-maxw); margin:0 auto; padding:0 1.25rem; }
.baf-hero h1 { max-width: 18ch; margin-bottom: 1rem; }
.baf-hero .baf-lead { color: rgba(255,255,255,.92); }
.baf-hero-actions { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; }

/* Buttons used in hero / CTA rows */
.baf-btn {
	display:inline-flex; align-items:center; gap:.55rem;
	font-family: var(--baf-font-head); text-transform:uppercase;
	letter-spacing:.5px; font-weight:600; font-size:1.05rem;
	padding:.9em 1.9em; border-radius: var(--baf-radius);
	background: var(--baf-green-dark); color:#fff !important;
	box-shadow: 0 6px 18px rgba(70,123,92,.35);
	transition: background .18s ease, transform .18s ease, box-shadow .18s ease;
	border:none; cursor:pointer;
}
.baf-btn:hover { background:#3a6a4e; transform:translateY(-2px); color:#fff !important; }
.baf-btn--ghost {
	background: transparent; border:2px solid rgba(255,255,255,.7);
	box-shadow:none; padding:calc(.9em - 2px) calc(1.9em - 2px);
}
.baf-hero--home .baf-btn--ghost:hover { background: rgba(255,255,255,.12); border-color:#fff; transform:translateY(-2px); }
.baf-btn--blue { background: var(--baf-blue-dark); box-shadow:0 6px 18px rgba(63,110,138,.32); }
.baf-btn--blue:hover { background: var(--baf-blue-darker); }

/* Hero credibility badges */
.baf-hero-badges {
	display:flex; flex-wrap:wrap; gap:1.5rem 2.5rem;
	margin-top:2.6rem; padding-top:1.8rem;
	border-top:1px solid rgba(255,255,255,.22);
}
.baf-hero-badge { color:#fff; }
.baf-hero-badge b {
	display:block; font-family:var(--baf-font-head); font-size:1.9rem;
	line-height:1; color:#BFE0CE;
}
.baf-hero-badge span { font-size:.95rem; color:rgba(255,255,255,.85); text-transform:uppercase; letter-spacing:.5px; }

/* ---------- Service grid as linked cards ---------- */
.baf-card-link { text-decoration:none; color:inherit; display:block; }
.baf-card-link:hover { color:inherit; }
.baf-card h3 { color:var(--baf-ink); }
.baf-card p { color:var(--baf-body); margin:0 0 1rem; }
.baf-card .baf-card-more {
	font-family:var(--baf-font-head); text-transform:uppercase; letter-spacing:.5px;
	font-weight:600; color:var(--baf-blue-dark); font-size:.95rem;
}
.baf-card-link:hover .baf-card-more { color:var(--baf-green-dark); }
.baf-card-icon svg { width:28px; height:28px; }

/* ---------- Two-column feature (Duro-Last) ---------- */
.baf-feature { display:grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,5vw,4rem); align-items:center; }
.baf-feature img { width:100%; border-radius:var(--baf-radius); box-shadow:var(--baf-shadow); background:#fff; }
.baf-feature ul { list-style:none; margin:1.4rem 0 0; padding:0; }
.baf-feature li { position:relative; padding:0 0 1rem 2rem; }
.baf-feature li::before {
	content:""; position:absolute; left:0; top:.35rem; width:1.05rem; height:1.05rem;
	border-radius:50%; background:var(--baf-green); box-shadow:0 0 0 4px var(--baf-blue-tint);
}
.baf-feature li b { color:var(--baf-ink); font-family:var(--baf-font-head); font-size:1.15rem; letter-spacing:.3px; display:block; }

/* ---------- Stats band ---------- */
.baf-stats { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:2rem; text-align:center; }
.baf-stat-num { font-family:var(--baf-font-head); font-size:clamp(2.4rem,4vw,3.4rem); line-height:1; color:#fff; }
.baf-stat-label { display:block; margin-top:.5rem; color:rgba(255,255,255,.85); text-transform:uppercase; letter-spacing:1px; font-size:.9rem; }
.baf-section--blue .baf-stat-num { color:#BFE0CE; }

/* ---------- Testimonials ---------- */
.baf-quotes { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:1.75rem; }
.baf-quote {
	background:#fff; border:1px solid var(--baf-line); border-radius:var(--baf-radius);
	padding:2.25rem 2rem; box-shadow:var(--baf-shadow); position:relative;
}
.baf-quote-mark { font-family:Georgia,serif; font-size:3.2rem; line-height:0; color:var(--baf-blue); opacity:.35; }
.baf-quote p { font-size:1.08rem; color:var(--baf-body); margin:1rem 0 1.25rem; }
.baf-quote-author { font-family:var(--baf-font-head); text-transform:uppercase; letter-spacing:.5px; color:var(--baf-ink); font-weight:600; }

/* ---------- Branded footer (rendered via generate_before_footer hook) ---- */
.baf-footer { background: var(--baf-ink); color: rgba(255,255,255,.78); padding: clamp(3rem,6vw,4.5rem) 0 2rem; }
.baf-footer-inner {
	max-width: var(--baf-maxw); margin:0 auto; padding:0 1.25rem;
	display:grid; grid-template-columns: 1.4fr 1fr 1fr; gap:2.5rem;
}
.baf-footer h4 { color:#fff; font-family:var(--baf-font-head); text-transform:uppercase; letter-spacing:.5px; font-size:1.2rem; margin:0 0 1.1rem; }
.baf-footer img { max-width:230px; height:auto; margin-bottom:1.1rem; }
.baf-footer p { color:rgba(255,255,255,.72); margin:0 0 .8rem; }
.baf-footer ul { list-style:none; margin:0; padding:0; }
.baf-footer li { margin-bottom:.55rem; }
.baf-footer a { color:rgba(255,255,255,.80); text-decoration:none; }
.baf-footer a:hover { color:#fff; }
.baf-footer .baf-footer-tag { color:#BFE0CE; font-family:var(--baf-font-head); text-transform:uppercase; letter-spacing:1px; font-size:.9rem; }

/* ---------- Responsive niceties ---------- */
@media (max-width: 900px) {
	.baf-feature { grid-template-columns:1fr; }
	.baf-feature img { max-width:520px; }
	.baf-footer-inner { grid-template-columns:1fr 1fr; }
}
@media (max-width: 768px) {
	body { font-size: 16px; }
	.baf-header-cta span.label { display:none; }
	.baf-hero-actions .baf-btn { flex:1 1 100%; justify-content:center; }
	.baf-footer-inner { grid-template-columns:1fr; gap:2rem; }
}

/* =========================================================================
   Desktop layout fix round (2026-07-16)
   Fixes: boxed-card layout, horizontal overflow, featured-image band,
   gallery/card raggedness, trust-logo sizing, upscaled feature image.
   ========================================================================= */

/* No horizontal scrollbar from 100vw sections (scrollbar-width overshoot) */
html, body { overflow-x: clip; overflow-x: hidden; }

/* The marketing site is full-bleed: white canvas, no boxed article card */
body,
.separate-containers .inside-article,
.separate-containers .site-main > * {
	background-color: var(--baf-white);
}
.site-main { margin: 0 !important; }
.page .inside-article { padding: 0; }
.separate-containers .site-main > .inside-article { box-shadow: none; border: none; }

/* Break marketing bands out of the contained article to true full width */
.page .baf-hero,
.page .baf-trust,
.page .baf-section--soft,
.page .baf-section--blue,
.page .baf-cta-strip,
.page .baf-stats {
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
/* Their inner content stays on the 1200px grid */
.baf-hero .baf-hero__inner,
.baf-trust .baf-container,
.baf-section .baf-container,
.baf-cta-strip .baf-container {
	max-width: var(--baf-maxw);
	margin-left: auto;
	margin-right: auto;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

/* Hide the GP auto-inserted featured-image band on pages (raw small img
   above the content; pages carry their own imagery) */
.page .featured-image,
.page .post-image,
.page .page-header-image,
.page .page-header-image-single {
	display: none;
}

/* Gallery: uniform 4:3 tiles regardless of source orientation */
.wp-block-gallery .wp-block-image img,
.wp-block-gallery figure.wp-block-image > img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
	height: auto;
}

/* Services page card images: normalize mixed source ratios */
.page-id-87 .wp-block-column .wp-block-image img {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	width: 100%;
	height: auto;
}

/* Trust-bar logos: cap by height AND width so mixed-aspect marks read evenly;
   portrait Exceptional Metals logo gets a taller cap so it stays legible */
/* Partner logos — larger and full-colour so the "Proud to Partner With" row reads as a real endorsement */
.baf-trust-logos { gap: 3.5rem; opacity: 1; }
.baf-trust-logos img { max-height: 92px; max-width: 260px; width: auto; height: auto; filter: none; }
.baf-trust-logos img[src*="exceptionalmetals"] { max-height: 124px; }  /* portrait mark — taller to match visual weight */

/* Feature image: never upscale past natural size */
.baf-feature img { width: auto; max-width: 100%; height: auto; }

/* Duro-Last page: bare in-content partner logos → tidy centered marks */
.page-id-508 .wp-block-image img[src*="logo"] {
	max-height: 90px;
	width: auto;
	display: inline-block;
}
.page-id-508 .wp-block-image:has(img[src*="logo"]) { text-align: center; }

/* Hero: trim height so the 1366px-wide bg photo upscales less (soft focus) */
.baf-hero--home { padding: clamp(3.5rem, 6.5vw, 5.5rem) 0; }

/* Services page: normalize the alignright card photos (the 16:9 source was
   rendering shorter than its 4:3 neighbors); logos excluded from the crop */
.page-id-87 .wp-block-image.alignright img:not([src*="logo"]) {
	aspect-ratio: 4 / 3;
	object-fit: cover;
	height: auto;
}

/* Services page: same tidy treatment for the bare in-content Duro-Last logo
   as on the Duro-Last page */
.page-id-87 .wp-block-image img[src*="logo"] {
	max-height: 90px;
	width: auto;
	display: inline-block;
}
.page-id-87 .wp-block-image:has(img[src*="logo"]) { text-align: center; }

/* Footer parent-company link (Tar Heel Construction Group) */
.baf-parent-link { color: #fff; text-decoration: underline; text-underline-offset: 2px; font-weight: 600; }
.baf-parent-link:hover { color: var(--baf-green); }

/* Footer parent-company line */
.baf-footer-parent { margin-top: .35rem; font-size: .95rem; opacity: .9; }

/* About — acquisition story section */
.baf-story .baf-eyebrow-p { color: var(--baf-green-dark); font-family: var(--baf-font-head); text-transform: uppercase; letter-spacing: 2px; margin-bottom: .5rem; }
.baf-story h2 { margin-bottom: 1.5rem; }
.baf-story p { font-size: 1.08rem; line-height: 1.8; }
.baf-story p + p { margin-top: 1.1rem; }

/* Service-area hub + city page helpers */
.baf-area-list { list-style: none; padding: 0; margin: 0 0 2rem; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: .5rem 1.5rem; }
.baf-area-list li { border-bottom: 1px solid var(--baf-line); padding: .5rem 0; }
.baf-area-list a { font-weight: 600; }
.baf-section .baf-container > h2 { margin-top: 0; }
.baf-nearby { font-size: 1.05rem; line-height: 1.9; }
.baf-city-hero .baf-lead { color: rgba(255,255,255,.92); }

/* Service-area two-column text + photo */
.baf-split { display: grid; grid-template-columns: 1.15fr 0.85fr; gap: 2.75rem; align-items: center; }
.baf-split-text > h2 { margin-top: 0; }
.baf-split-media img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--baf-radius); box-shadow: var(--baf-shadow-lg); display: block; }
@media (max-width: 860px) { .baf-split { grid-template-columns: 1fr; gap: 1.75rem; } .baf-split-media { order: -1; } }

/* FAQ accordion (native details/summary) */
.baf-faq { max-width: 820px; margin: 0 auto; }
.baf-faq-item { border-bottom: 1px solid var(--baf-line); }
.baf-faq-item summary { cursor: pointer; font-family: var(--baf-font-head); font-size: 1.2rem; font-weight: 600; color: var(--baf-ink); padding: 1.15rem 2rem 1.15rem 0; list-style: none; position: relative; }
.baf-faq-item summary::-webkit-details-marker { display: none; }
.baf-faq-item summary::after { content: "+"; position: absolute; right: .1rem; top: 50%; transform: translateY(-50%); font-size: 1.6rem; line-height: 1; color: var(--baf-blue-dark); font-family: var(--baf-font-body); }
.baf-faq-item[open] summary::after { content: "\2013"; }
.baf-faq-a { padding: 0 0 1.25rem; }
.baf-faq-a p { margin: 0; color: var(--baf-body); }

/* Team member social link (LinkedIn) */
.baf-team-social { margin-top: .85rem; }
.baf-linkedin { display: inline-flex; align-items: center; gap: .5rem; font-family: var(--baf-font-head); text-transform: uppercase; letter-spacing: .5px; font-weight: 600; font-size: .95rem; color: var(--baf-blue-dark); text-decoration: none; }
.baf-linkedin:hover { color: var(--baf-green-dark); }
.baf-linkedin svg { color: #0A66C2; flex: none; }

/* Legal / policy pages */
.baf-legal { max-width: 820px; }
.baf-legal h1 { margin-bottom: .5rem; }
.baf-legal h2 { margin-top: 2rem; font-size: 1.5rem; }
.baf-legal ul { margin: 0 0 1rem 1.25rem; }
.baf-legal li { margin-bottom: .5rem; }