:root { --bp-brand: #b45309;
--bp-brand-dark: #92400e;
--bp-brand-strong: #7c2d12;
--bp-brand-tint: #f8eadb;
--bp-link: #2563eb;
--bp-link-dark: #1e40af;
--bp-navy: #0f3e75;
--bp-navy-dark: #0b315d;
--bp-navy-deep: #16324f; --bp-orange: var(--bp-brand);
--bp-orange-dark: var(--bp-brand-dark);
--bp-orange-strong: var(--bp-brand-strong);
--bp-orange-hover: var(--bp-brand-dark);
--bp-blue: var(--bp-link);
--bp-blue-dark: var(--bp-link-dark); --bp-text: #0f172a;
--bp-text-secondary: #475569;
--bp-text-muted: #5e6e82;
--text-secondary: var(--bp-text-secondary); --bp-bg: #fdfbf7;
--bp-white: #ffffff;
--bp-surface: #ffffff;
--bp-surface-soft: #f8fafc;
--bp-surface-muted: var(--bp-bg-info-soft);
--bp-surface-warm: var(--bp-brand-tint);
--bg-white: #ffffff; --bp-border: var(--bp-border-muted);
--bp-border-soft: #e2e8f0;
--bp-border-strong: #cbd5e1;
--bp-border-ann: #dbe4ee;
--bp-border-ann-mid: #dbe6f2;
--bp-border-brand: #fed7aa;
--bp-border-info: #bfdbfe;
--bp-toc-bg: #f3f4f6;
--bp-toc-border: var(--bp-border-muted);
--bp-bg-box: var(--bp-brand-tint); --bp-success: #166534;
--bp-success-bg: #ecfdf3;
--bp-error: #b91c1c;
--bp-error-bg: #fef2f2;
--bp-warning: #9a3412;
--bp-warning-bg: #fff7ed;
--bp-info: #0f3e75;
--bp-info-bg: #f8fbff; --bp-bg-subtle: #f8fafc;
--bp-bg-info-soft: #eff6ff;
--bp-border-muted: #e5e7eb;
--bp-text-soft: #5e6e82;
--bp-text-body-soft: #334155;
--bp-text-body: #374151; --space-2xs: .35rem;
--space-xs: .5rem;
--space-sm: .75rem;
--space-md: 1rem;
--space-lg: 1.25rem;
--space-xl: 2rem;
--space-2xl: 3rem;
--space-3xl: 4rem; --bp-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--bp-font-display: var(--bp-font);
--text-xs: .94rem;
--text-sm: 1.02rem;
--text-base: 1.08rem;
--text-md: 1.14rem;
--text-lg: 1.22rem;
--text-xl: 1.25rem;
--text-toc-title: clamp(1rem, 1.5vw, 1.1rem);
--text-stat-number: 1.5rem;
--text-h4: clamp(1.125rem, 2.5vw, 1.25rem);
--text-h3: clamp(1.25rem, 3vw, 1.5rem);
--text-h2: clamp(1.5rem, 4vw, 1.875rem);
--text-h1: clamp(1.75rem, 5vw, 2.25rem); --bp-reading: 82ch;
--bp-container: 1200px;
--bp-container-wide: 1400px; --radius-sm: .5rem;
--radius: .75rem;
--radius-md: .75rem;
--radius-lg: 1rem;
--radius-xl: 1.25rem;
--radius-pill: 999px; --touch-target: 44px;
--transition: .15s ease-out;
--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);
--shadow-card: 0 1px 0 rgba(0, 0, 0, .03), 0 12px 28px -8px rgba(15, 23, 42, .08);
--shadow-card-hover: 0 1px 0 rgba(0, 0, 0, .03), 0 18px 38px -12px rgba(15, 23, 42, .12);
--shadow-panel: 0 1px 0 rgba(0, 0, 0, .03), 0 14px 32px -10px rgba(15, 23, 42, .09);
--shadow-hero: 0 1px 0 rgba(0, 0, 0, .03), 0 26px 56px -16px rgba(15, 23, 42, .11);
accent-color: var(--bp-brand);
}
@media (min-width: 1024px) {
:root {
--text-sm: 1.05rem;
--text-base: 1.12rem;
--text-md: 1.18rem;
--text-lg: 1.26rem;
}
} *,
*::before,
*::after {
box-sizing: border-box;
}
html {
color-scheme: light dark;
-webkit-text-size-adjust: 100%;
}
@media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
body {
margin: 0;
color: var(--bp-text);
background: var(--bp-bg);
font-family: var(--bp-font);
font-size: var(--text-base);
line-height: 1.6;
}
#page,
.site,
.site-content,
.content-area {
background: var(--bp-bg);
}
[hidden] {
display: none !important;
}
img,
svg,
video {
max-width: 100%;
height: auto;
}
button,
input,
select,
textarea {
font: inherit;
}
:where(h1, h2, h3, h4, h5, h6, p, li, blockquote, figcaption, dt, dd, small, th, td) {
hyphens: none;
-webkit-hyphens: none;
-ms-hyphens: none;
word-break: normal;
overflow-wrap: break-word;
}
.skip-link {
position: absolute;
left: -9999px;
top: 0;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip-link:focus-visible {
position: fixed;
inset-inline-start: max(12px, env(safe-area-inset-left));
top: max(12px, env(safe-area-inset-top));
width: auto;
height: auto;
overflow: visible;
padding: var(--space-xs) var(--space-sm);
background: #fff;
color: #000;
border: 2px solid var(--bp-brand-dark);
border-radius: var(--radius-sm);
z-index: 9999;
}
.sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
white-space: nowrap !important;
border: 0 !important;
}
.sr-only-focusable:focus,
.sr-only-focusable:focus-visible {
position: static !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
overflow: visible !important;
clip: auto !important;
white-space: normal !important;
}
.bp-hp {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
:focus-visible {
outline: 2px solid var(--bp-orange);
outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
scroll-behavior: auto !important;
}
} .bp-shell,
.bp-page,
.bp-article,
.bp-page-shell {
width: 100%;
}
.bp-container {
width: 100%;
margin-inline: auto;
padding-inline: clamp(1rem, 5vw, 2rem);
max-width: var(--bp-container-wide);
}
.bp-container--narrow {
max-width: var(--bp-reading);
margin-inline: auto;
padding-inline: clamp(1rem, 5vw, 1.5rem);
}
.page .bp-container--narrow {
max-width: var(--bp-container);
}
.bp-container .bp-container {
padding-inline: 0;
}
.bp-section {
padding-block: clamp(2rem, 5vw, 3rem);
}
.bp-section-space {
margin-top: 3rem;
}
.bp-stack {
display: grid;
gap: var(--space-md);
}
.bp-stack--sm {
gap: var(--space-sm);
}
.bp-stack--lg {
gap: var(--space-lg);
}
.bp-cluster,
.bp-actions,
.bp-actions-row,
.bp-chips-row,
.bp-badges {
display: flex;
flex-wrap: wrap;
gap: var(--space-sm);
align-items: center;
}
.text-center {
text-align: center;
}
.text-accent,
.bp-kicker,
.eyebrow {
color: var(--bp-orange);
font-weight: 700;
letter-spacing: .01em;
}
.page-meta,
.bp-meta,
.meta {
color: var(--bp-text-muted);
font-size: var(--text-sm);
}
.text-lead,
.lede,
.entry-content .lede,
.article-content .lede,
.bp-article .lede,
.bp-lead {
font-size: var(--text-lg);
line-height: 1.75;
color: var(--bp-text-body-soft);
}
.section-intro {
font-size: var(--text-md);
color: var(--bp-text-body);
margin-bottom: var(--space-lg);
}
.bp-caption {
color: var(--bp-text-muted);
font-size: var(--text-sm);
font-style: italic;
}
.bp-question {
margin: 0 0 var(--space-xs);
color: var(--bp-text-muted);
font-size: var(--text-sm);
font-style: italic;
font-weight: 600;
line-height: 1.45;
} .entry-content > h1,
.entry-content > h2,
.entry-content > h3,
.entry-content > h4,
.article-content > h1,
.article-content > h2,
.article-content > h3,
.article-content > h4,
.page .entry-content > h1,
.page .entry-content > h2,
.page .entry-content > h3,
.page .entry-content > h4,
.bp-article > h1,
.bp-article > h2,
.bp-article > h3,
.bp-article > h4,
.bp-section h1,
.bp-section h2,
.bp-section h3,
.bp-section h4 {
font-family: var(--bp-font);
font-weight: 700;
color: var(--bp-text);
line-height: 1.3;
margin-block: var(--space-xl) var(--space-md);
scroll-margin-top: clamp(80px, 10vh, 120px);
}
.gb-headline.gb-headline-text:not(h1, h2, h3, h4) {
font-family: var(--bp-font);
font-weight: 700;
color: var(--bp-text);
line-height: 1.3;
margin: var(--space-xl) 0 var(--space-md);
}
.entry-content .gb-headline.gb-headline-text:not(h1, h2, h3, h4),
.article-content .gb-headline.gb-headline-text:not(h1, h2, h3, h4),
.page .entry-content .gb-headline.gb-headline-text:not(h1, h2, h3, h4),
.bp-article .gb-headline.gb-headline-text:not(h1, h2, h3, h4) {
font: inherit;
color: inherit;
margin: 0 0 var(--space-md);
}
.entry-content h1,
.article-content h1,
.page .entry-content h1,
.bp-article h1,
.bp-section h1 {
font-size: var(--text-h1);
}
.entry-content h2,
.article-content h2,
.page .entry-content h2,
.bp-article h2,
.bp-section h2 {
font-size: var(--text-h2);
}
.entry-content h2,
.article-content h2,
.page .entry-content h2,
.bp-article h2,
.bp-section h2 {
color: var(--bp-brand-dark);
}
.bp-card[itemprop="hasDefinedTerm"] h4,
.bp-card[itemprop="hasDefinedTerm"] h4 span[itemprop="name"] {
color: var(--bp-brand-dark);
}
.entry-content h3,
.article-content h3,
.page .entry-content h3,
.bp-article h3,
.bp-section h3 {
font-size: var(--text-h3);
}
.entry-content h4,
.article-content h4,
.page .entry-content h4,
.bp-article h4,
.bp-section h4,
.bp-h5 {
font-size: var(--text-h4);
}
.entry-content p,
.article-content p,
.bp-article p,
.bp-section p {
margin-bottom: 1.25rem;
font-size: var(--text-md);
line-height: 1.7;
}
.entry-content li,
.article-content li,
.bp-article li,
.bp-section li {
line-height: 1.7;
} .entry-content ul:not(.bp-checklist):not(.bp-grid):not(.sources-list):not(.bp-source-list):not(.toc):not(.bp-summary-container):not(.bp-departments-links),
.article-content ul:not(.bp-checklist):not(.bp-grid):not(.sources-list):not(.bp-source-list):not(.toc):not(.bp-summary-container):not(.bp-departments-links),
.bp-article ul:not(.bp-checklist):not(.bp-grid):not(.sources-list):not(.bp-source-list):not(.toc):not(.bp-summary-container):not(.bp-departments-links) {
list-style: disc;
padding-inline-start: var(--space-lg);
}
.entry-content ol,
.article-content ol,
.bp-article ol {
list-style: decimal;
padding-inline-start: var(--space-lg);
}
.bp-list {
margin: var(--space-md) 0 0;
padding-left: var(--space-lg);
}
.bp-list li {
margin-bottom: .55rem;
}
.entry-content a:not([class*="button"]):not([class*="btn"]):not(.bp-card),
.article-content a:not([class*="button"]):not([class*="btn"]):not(.bp-card),
.bp-article a:not([class*="button"]):not([class*="btn"]):not(.bp-card),
.bp-section a:not([class*="button"]):not([class*="btn"]):not(.bp-card) {
text-decoration: underline;
text-underline-offset: 2px;
color: var(--bp-brand-dark);
}
.entry-content .bp-card a,
.entry-content a.bp-card,
.article-content .bp-card a,
.article-content a.bp-card,
.bp-article .bp-card a,
.bp-article a.bp-card,
.bp-section .bp-card a,
.bp-section a.bp-card {
text-decoration: none;
}
.bp-card p a {
text-decoration: underline;
text-underline-offset: 2px;
color: var(--bp-text);
}
mark {
background-color: var(--bp-bg-box);
padding: 2px 4px;
border-radius: 3px;
font-weight: 600;
color: inherit;
}
.bp-table-wrapper,
.bp-table-wrap {
overflow-x: auto;
margin: var(--space-xl) 0;
}
.bp-table,
.bp-article table,
.article-content table,
.entry-content table {
width: 100%;
border-collapse: collapse;
font-size: var(--text-sm);
}
.bp-table th,
.bp-table td,
.bp-article th,
.bp-article td,
.article-content th,
.article-content td,
.entry-content th,
.entry-content td {
border: 1px solid var(--bp-border-soft);
padding: .75rem;
vertical-align: top;
}
.bp-table th,
.bp-article th,
.article-content th,
.entry-content th {
background: #f8fafc;
text-align: left;
} .bp-box,
.bp-panel,
.bp-surface,
.article-box,
.entry-content .article-box,
.article-content .article-box,
.bp-article .article-box {
margin: var(--space-xl) 0;
padding: clamp(1rem, 3vw, 1.5rem);
border: 1px solid var(--bp-border-soft);
border-radius: var(--radius-lg);
background: var(--bp-surface);
box-shadow: var(--shadow-panel);
}
.bp-box,
.bp-panel,
.bp-surface {
position: relative;
}
.article-box,
.entry-content .article-box,
.article-content .article-box,
.bp-article .article-box {
position: relative;
background: linear-gradient(180deg, #ffffff 0%, #fcfcfd 100%);
border-color: var(--bp-border-soft);
box-shadow: 0 10px 26px rgba(15, 23, 42, 0.05);
}
.article-box::before,
.entry-content .article-box::before,
.article-content .article-box::before,
.bp-article .article-box::before {
content: "";
position: absolute;
inset: 0 0 auto 0;
height: 4px;
border-radius: var(--radius-lg) var(--radius-lg) 0 0;
background: linear-gradient(90deg, var(--bp-orange) 0%, #fdba74 100%);
}
.bp-box--hero,
.bp-surface--hero {
background:
radial-gradient(circle at top right, rgba(37, 99, 235, 0.06), transparent 34%),
linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
border-color: var(--bp-border-soft);
box-shadow: var(--shadow-hero);
}
.bp-box--tip,
.entry-content .article-box--key,
.article-content .article-box--key,
.bp-article .article-box--key,
.bp-surface--tip {
position: relative;
background: linear-gradient(135deg, #fffaf5 0%, #fff1e6 100%);
border-color: var(--bp-border-brand);
box-shadow: 0 12px 30px rgba(180, 83, 9, 0.08);
}
.bp-box--tip::before,
.bp-surface--tip::before,
.entry-content .article-box--key::before,
.article-content .article-box--key::before,
.bp-article .article-box--key::before {
content: "";
position: absolute;
inset: 0 auto 0 0;
width: 4px;
border-radius: var(--radius-lg) 0 0 var(--radius-lg);
background: var(--bp-orange);
}
.bp-box--neutral,
.bp-surface--neutral {
background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%);
border-color: var(--bp-border-info);
box-shadow: 0 10px 26px rgba(37, 99, 235, 0.06);
}
.bp-box--warning,
.bp-surface--warning,
.bp-box--danger,
.bp-surface--danger {
background: linear-gradient(180deg, #fffdf5 0%, #fef3c7 100%);
border-color: #fcd34d;
box-shadow: 0 10px 26px rgba(146, 64, 14, 0.07);
} .bp-grid,
.bp-grid--2cols,
.bp-grid--3cols {
display: grid;
grid-template-columns: 1fr;
gap: var(--space-md);
list-style: none;
padding-left: 0;
margin-left: 0;
}
@media (min-width: 760px) {
.bp-grid,
.bp-grid--2cols,
.bp-grid--3cols {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 880px) {
.bp-grid--3cols {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (min-width: 1100px) {
.bp-grid.bp-grid--2cols {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
.bp-grid--3cols > li,
.bp-grid--3cols > * {
min-width: 0;
}
.bp-card {
display: block;
min-height: 100%;
padding: var(--space-lg);
border: 1px solid var(--bp-border-soft);
border-radius: var(--radius);
background: var(--bp-surface);
box-shadow: var(--shadow-card);
color: inherit;
text-decoration: none;
transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition), background-color var(--transition);
}
.bp-card:hover {
transform: translateY(-1px);
border-color: var(--bp-border-info);
box-shadow: var(--shadow-card-hover);
background: var(--bp-surface);
}
.bp-card > h3,
.bp-card > h4 {
margin-top: 0;
margin-bottom: var(--space-xs);
}
.bp-card > p:last-child {
margin-bottom: 0;
}
.bp-card--question-index {
display: flex;
flex-direction: column;
gap: var(--space-sm);
position: relative;
}
.bp-card--question-index:hover,
.bp-card--question-index:focus-within {
transform: translateY(-3px);
border-color: var(--bp-link);
box-shadow: 0 16px 32px rgba(15, 23, 42, 0.08);
}
.bp-card--question-index h3 a {
text-decoration: none;
}
.bp-card--question-index h3 a:hover,
.bp-card--question-index h3 a:focus-visible {
text-decoration: underline;
text-underline-offset: 3px;
}
.bp-card--question-index .bp-card__cta {
margin-top: auto;
width: fit-content;
}
.bp-archive-progress {
text-align: center;
color: #64748b;
font-size: 0.9rem;
}
.bp-archive-pagination {
display: flex;
justify-content: center;
}
.bp-archive-loadmore {
display: grid;
justify-items: center;
gap: 10px;
margin: 1rem 0 0;
}
.bp-archive-loadmore__button {
min-width: min(100%, 240px);
}
.bp-archive-loadmore__status {
margin: 0;
color: #64748b;
font-size: 0.9rem;
text-align: center;
}
.bp-card--compact {
padding: var(--space-md);
border-radius: var(--radius);
}
.bp-card[itemprop="hasDefinedTerm"] {
border-color: var(--bp-border-brand);
background: linear-gradient(180deg, #ffffff 0%, #fffaf5 100%);
box-shadow: 0 8px 18px rgba(180, 83, 9, 0.05);
}
.bp-card[itemprop="hasDefinedTerm"]:hover {
border-color: #fdba74;
box-shadow: 0 12px 24px rgba(180, 83, 9, 0.08);
}
.bp-card[itemprop="hasDefinedTerm"] h4 {
margin-bottom: var(--space-2xs);
}
.bp-card[itemprop="hasDefinedTerm"] p[itemprop="description"] {
margin-bottom: 0;
color: var(--bp-text-body);
line-height: 1.65;
}
.bp-card.is-search-result {
outline: 3px solid var(--bp-orange);
outline-offset: 2px;
animation: bp-pulse-highlight 1s ease-out;
}
@keyframes bp-pulse-highlight {
0%, 100% { outline-color: var(--bp-orange); }
50% { outline-color: var(--bp-orange-dark); }
} .bp-btn,
.bp-button,
.article-btn,
.bp-btn-primary,
.bp-cta-button,
.wp-block-button__link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: var(--touch-target);
padding: var(--space-sm) var(--space-lg);
border-radius: var(--radius-sm);
background: var(--bp-orange);
color: #ffffff !important;
border: 1px solid transparent;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none !important;
cursor: pointer;
transition: color var(--transition), background-color var(--transition), border-color var(--transition), transform var(--transition);
}
.bp-btn:hover,
.bp-button:hover,
.article-btn:hover,
.bp-btn-primary:hover,
.bp-cta-button:hover,
.wp-block-button__link:hover {
background: var(--bp-orange-dark);
transform: translateY(-2px);
}
.bp-btn-secondary,
.bp-button-secondary,
.bp-btn--outline {
background: #ffffff;
color: var(--bp-blue-dark) !important;
border-color: #bfdbfe;
}
.bp-btn-secondary:hover,
.bp-button-secondary:hover,
.bp-btn--outline:hover {
background: var(--bp-bg-info-soft);
}
.bp-btn--row {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
margin-top: var(--space-sm);
padding: .55rem .85rem;
border: 1px solid #bfdbfe;
border-radius: var(--radius-sm);
background: #ffffff;
color: var(--bp-blue-dark) !important;
font-size: var(--text-sm);
font-weight: 700;
text-decoration: none !important;
transition: background-color var(--transition), border-color var(--transition);
}
.bp-btn--row:hover,
.bp-btn--row:focus-visible {
background: var(--bp-surface-muted);
border-color: var(--bp-text);
}
.bp-chip,
.bp-tag,
.bp-badge {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: .35rem .85rem;
background-color: var(--bp-surface-soft);
color: var(--bp-orange-strong);
border: 1px solid #fed7aa;
border-radius: var(--radius-pill);
text-decoration: none;
font-size: var(--text-sm);
font-weight: 600;
}
.bp-chip:hover,
.bp-tag:hover {
background: #fff7ed;
}
.bp-stat-number,
.bp-summary-number {
display: block;
color: var(--bp-orange);
font-size: var(--text-stat-number);
font-weight: 800;
line-height: 1.2;
}
.bp-stat-label,
.bp-summary-label {
margin-top: .35rem;
color: var(--bp-brand-dark);
font-size: var(--text-sm);
font-weight: 700;
}
.bp-summary-container {
display: flex;
flex-wrap: wrap;
gap: var(--space-md);
margin-bottom: var(--space-md);
padding-left: 0 !important;
list-style: none !important;
}
.bp-summary-stat {
text-align: center;
min-width: 100px;
padding: .75rem 1rem;
border: 1px solid #fed7aa;
border-radius: var(--radius-lg);
background: #fff7ed;
}
.bp-summary-container--stacked {
display: grid;
grid-template-columns: 1fr;
gap: var(--space-sm);
margin-bottom: 0;
}
.bp-summary-container--stacked .bp-summary-stat {
display: grid;
grid-template-columns: minmax(4.5rem, 5.5rem) 1fr;
align-items: center;
gap: var(--space-sm);
width: 100%;
min-width: 0;
text-align: left;
}
.bp-summary-container--stacked .bp-summary-number {
text-align: right;
}
.bp-summary-container--stacked .bp-summary-label {
margin-top: 0;
text-align: left;
}
@media (max-width: 640px) {
.bp-summary-container--stacked .bp-summary-stat {
grid-template-columns: 1fr;
text-align: center;
}
.bp-summary-container--stacked .bp-summary-number,
.bp-summary-container--stacked .bp-summary-label {
text-align: center;
}
}
.bp-status {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 8px 12px;
border-radius: 12px;
font-weight: 700;
font-size: var(--text-sm);
line-height: 1.4;
}
.bp-status--success {
background: var(--bp-success-bg);
color: var(--bp-success);
}
.bp-status--error {
background: var(--bp-error-bg);
color: var(--bp-error);
}
.bp-status--warning,
.bp-status--pending,
.bp-status--info {
background: var(--bp-warning-bg);
color: var(--bp-warning);
} .bp-results-head {
display: grid;
gap: 10px;
margin-bottom: .95rem;
padding: .2rem 0;
}
.bp-results-head h2 {
margin: 0 0 4px;
color: var(--bp-text);
font-size: 1.1rem;
}
.bp-facts,
.bp-facts-list {
display: grid;
gap: 8px;
}
.bp-facts-list p {
margin: 0;
color: var(--bp-text-secondary);
font-size: .92rem;
line-height: 1.45;
}
.bp-facts-list strong {
display: block;
margin-bottom: 2px;
color: var(--bp-info);
font-size: .8rem;
letter-spacing: .03em;
text-transform: uppercase;
}
.bp-media,
.bp-media-card {
overflow: hidden;
border-radius: var(--radius-lg);
background: var(--bp-surface-soft);
}
.bp-media-card img {
width: 100%;
height: 100%;
object-fit: cover;
}
.bp-gallery,
.bp-gallery-grid {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.bp-embed,
.bp-embed-box {
overflow: hidden;
border-radius: var(--radius-lg);
border: 1px solid var(--bp-border-soft);
background: var(--bp-surface-soft);
}
.bp-embed iframe,
.bp-embed-box iframe {
display: block;
width: 100%;
min-height: 280px;
border: 0;
}
.bp-search-box,
.bp-form,
.bp-form-grid {
display: grid;
gap: 12px;
}
.bp-form-field,
.bp-field {
display: grid;
gap: 6px;
margin: 0;
}
.bp-form-field--full {
grid-column: 1 / -1;
}
.bp-form-field label,
.bp-field label,
.bp-search-label {
display: block;
color: var(--bp-brand-dark);
font-size: .9rem;
font-weight: 700;
}
.bp-input,
.bp-filter-control,
.bp-search-input,
.bp-form-field input,
.bp-form-field select,
.bp-form-field textarea,
.bp-field input,
.bp-field select,
.bp-field textarea {
width: 100%;
min-height: 48px;
padding: .8rem .9rem;
border-radius: 14px;
border: 1px solid var(--bp-border-soft);
background: #fff;
color: var(--bp-text);
font: inherit;
}
.bp-form-field textarea,
.bp-field textarea {
min-height: 120px;
resize: vertical;
}
.bp-search-hint,
.bp-help {
margin: 0;
color: var(--bp-text-muted);
font-size: var(--text-sm);
line-height: 1.45;
}
.bp-filters-grid {
display: grid;
gap: 12px;
grid-template-columns: 1fr;
}
.bp-pagination {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin-top: var(--space-lg);
} .bp-box--quote {
background: linear-gradient(135deg, #f0f4ff 0%, #fff5f7 100%);
border-left: 4px solid var(--bp-blue);
padding: var(--space-lg);
margin: var(--space-lg) 0;
border-radius: var(--radius);
}
.bp-quote-container {
display: flex;
gap: var(--space-lg);
align-items: flex-start;
}
.bp-quote-avatar {
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
border: 3px solid var(--bp-orange);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.bp-quote-text {
flex: 1;
min-width: 0;
}
.bp-quote-text p:first-child {
font-size: var(--text-md);
font-style: italic;
line-height: 1.6;
margin-bottom: var(--space-md);
color: var(--bp-text);
}
.bp-quote-text p:last-child {
margin: var(--space-md) 0 0;
font-size: var(--text-sm);
}
.bp-quote-text p:last-child strong {
display: block;
font-size: var(--text-base);
margin-bottom: var(--space-md);
}
.bp-quote-text p:last-child small {
color: var(--text-secondary);
font-size: var(--text-xs);
} .bp-visual-break {
text-align: center;
margin: var(--space-xl) 0;
opacity: 0.85;
}
.bp-visual-break img {
max-width: min(85%, 640px) !important;
max-height: 300px !important;
width: auto !important;
height: auto !important;
border-radius: var(--radius);
margin: 0 auto;
display: block;
object-fit: contain;
}
.bp-visual-break figcaption {
margin-top: var(--space-md);
color: var(--bp-text-muted);
font-size: var(--text-xs);
font-style: italic;
line-height: 1.5;
} .bp-media-inline {
display: flex;
gap: var(--space-lg);
align-items: flex-start;
margin-bottom: var(--space-xl);
}
.bp-media-inline__img {
width: 120px;
height: 150px;
object-fit: cover;
border-radius: var(--radius);
flex-shrink: 0;
}
.bp-media-inline__body {
flex: 1;
min-width: 0;
}
@media (max-width: 600px) {
.bp-quote-container,
.bp-media-inline {
flex-direction: column;
align-items: center;
text-align: center;
}
.bp-quote-avatar {
width: 80px;
height: 80px;
}
.bp-media-inline__img {
width: 100px;
height: 125px;
}
.bp-media-inline__body {
text-align: center;
}
} .bp-hero {
padding: clamp(2.5rem, 6vw, 4.5rem) 0;
}
.bp-hero .text-center > h1,
.bp-hero .text-center > h2 {
margin-top: 0;
}
.bp-hero .text-center > .text-lead {
max-width: 68ch;
margin-inline: auto;
}
@keyframes float {
0%,
100% {
transform: translateY(0);
}
50% {
transform: translateY(-6px);
}
} .bp-hero > .bp-container {
display: grid;
gap: var(--space-xl);
align-items: center;
}
.bp-hero--warm > .bp-container {
grid-template-columns: 1fr;
padding: clamp(1.25rem, 3vw, 2rem);
border: 1px solid var(--bp-border-soft);
border-radius: var(--radius-xl);
background:
radial-gradient(circle at top right, rgba(180, 83, 9, 0.10), transparent 34%),
linear-gradient(180deg, #ffffff 0%, #fff7ed 100%);
box-shadow: var(--shadow-hero);
}
.bp-hero.bp-hero--warm > .bp-container > :last-child {
display: grid;
justify-items: center;
}
.bp-media--float {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius-lg);
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.10);
transform: translateY(0);
}
.bp-box--float {
box-shadow: 0 18px 40px rgba(15, 23, 42, 0.10);
transform: translateY(-2px);
}
@media (min-width: 900px) {
.bp-hero--warm > .bp-container {
grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
}
.bp-media--float {
transform: translateY(10px);
}
} .bp-search-panel {
display: grid;
gap: .95rem;
}
.bp-alpha-nav {
margin: var(--space-xl) 0;
padding: var(--space-md);
border: 1px solid var(--bp-border-soft);
border-radius: var(--radius);
background: var(--bp-surface-soft);
text-align: center;
}
.bp-alpha-nav a {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 32px;
min-height: 32px;
color: var(--bp-brand-dark);
font-weight: 700;
text-decoration: none;
}
.bp-alpha-nav a.is-active,
.bp-alpha-nav a[aria-current="location"] {
color: #ffffff;
background: var(--bp-orange);
border-radius: var(--radius-sm);
padding-inline: .35rem;
} .bp-toc,
.toc,
.rank-math-toc-block,
.wp-block-rank-math-toc-block {
background: var(--bp-surface-warm);
border: 1px solid var(--bp-border-brand);
border-left: 4px solid var(--bp-orange);
border-radius: var(--radius-lg);
padding: clamp(1.1rem, 3vw, 1.6rem);
margin: var(--space-xl) 0;
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05);
}
.bp-toc p,
.toc-title,
h3.toc-title,
.rank-math-toc-block h2,
.wp-block-rank-math-toc-block h2 {
margin: 0 0 var(--space-md);
font-size: clamp(1.05rem, 1.8vw, 1.18rem);
line-height: 1.4;
font-weight: 800;
color: var(--bp-text);
}
.bp-toc ul,
.rank-math-toc-block ul,
.wp-block-rank-math-toc-block ul {
list-style: none !important;
padding-left: 0 !important;
margin: 0;
}
.bp-toc li,
.rank-math-toc-block li,
.wp-block-rank-math-toc-block li {
margin: 0;
padding: 0;
}
.bp-toc > ul > li + li,
.rank-math-toc-block > ul > li + li,
.wp-block-rank-math-toc-block > ul > li + li {
margin-top: .45rem;
}
.bp-toc a,
.rank-math-toc-block a,
.wp-block-rank-math-toc-block a {
display: block;
padding: .5rem .55rem;
border-radius: .55rem;
color: var(--bp-text);
font-size: 1rem;
line-height: 1.55;
font-weight: 600;
text-decoration: none;
}
.bp-toc a:hover,
.rank-math-toc-block a:hover,
.wp-block-rank-math-toc-block a:hover {
background: var(--bp-white);
color: var(--bp-orange-strong);
text-decoration: underline;
text-underline-offset: 2px;
}
.bp-toc a:focus-visible,
.rank-math-toc-block a:focus-visible,
.wp-block-rank-math-toc-block a:focus-visible {
background: var(--bp-white);
color: var(--bp-orange-strong);
text-decoration: underline;
text-underline-offset: 2px;
box-shadow: 0 0 0 2px var(--bp-orange);
outline: none;
}
.bp-toc ul ul,
.rank-math-toc-block ul ul,
.wp-block-rank-math-toc-block ul ul {
margin-top: .3rem;
margin-left: .9rem;
padding-left: .85rem !important;
border-left: 2px solid var(--bp-border-brand);
}
.bp-toc ul ul a,
.rank-math-toc-block ul ul a,
.wp-block-rank-math-toc-block ul ul a {
font-size: .98rem;
font-weight: 500;
color: var(--bp-text-body);
padding-top: .38rem;
padding-bottom: .38rem;
}
.sources-list,
.bp-source-list {
list-style: none !important;
padding-left: 0 !important;
}
.sources-list li,
.bp-source-list li {
padding: .75rem 0;
border-bottom: 1px solid var(--bp-toc-border);
}
.sources-list li:last-child,
.bp-source-list li:last-child {
border-bottom: 0;
}
.bp-back-to-top {
position: fixed;
right: max(1rem, env(safe-area-inset-right));
bottom: max(1rem, env(safe-area-inset-bottom));
z-index: 50;
display: inline-flex;
align-items: center;
gap: .35rem;
min-height: var(--touch-target);
padding: .55rem .8rem;
border-radius: var(--radius-pill);
background: var(--bp-orange);
color: #ffffff !important;
font-weight: 700;
text-decoration: none !important;
box-shadow: var(--shadow-card-hover);
}
.bp-back-to-top:hover,
.bp-back-to-top:focus-visible {
background: var(--bp-orange-dark);
}
.bp-back-to-top[hidden] {
display: none !important;
}
@media (max-width: 768px) {
.bp-toc,
.toc,
.rank-math-toc-block,
.wp-block-rank-math-toc-block {
padding: 1rem;
border-left-width: 3px;
}
.bp-toc a,
.rank-math-toc-block a,
.wp-block-rank-math-toc-block a {
padding: .58rem .5rem;
font-size: 1rem;
line-height: 1.6;
}
.bp-toc ul ul a,
.rank-math-toc-block ul ul a,
.wp-block-rank-math-toc-block ul ul a {
font-size: .97rem;
}
} .bp-checklist {
list-style: none !important;
padding-left: 0 !important;
margin: var(--space-md) 0 0;
display: grid;
gap: var(--space-sm);
text-align: left;
}
.bp-checklist li {
position: relative;
padding-left: 1.5rem;
margin-bottom: .75rem;
text-align: left;
list-style: none !important;
}
.bp-checklist li:last-child {
margin-bottom: 0;
}
.bp-checklist li::before {
content: "•";
position: absolute;
left: 0;
top: 0;
color: var(--bp-orange);
font-weight: 700;
line-height: 1.6;
}
.bp-cta {
padding: clamp(1rem, 3vw, 1.5rem);
border: 1px solid var(--bp-border-soft);
border-radius: var(--radius-lg);
background: var(--bp-surface);
box-shadow: var(--shadow-panel);
}
.bp-space-top-lg {
margin-top: var(--space-lg);
}
.bp-space-top-sm {
margin-top: var(--space-sm);
}
.bp-space-top-md {
margin-top: var(--space-md);
}
.bp-space-top-xl {
margin-top: var(--space-xl);
} .bp-media-inline__img--square {
width: 180px;
height: 220px;
border-radius: var(--radius);
}
@media (max-width: 600px) {
.bp-media-inline__img--square {
width: 160px;
height: 200px;
}
}
.bp-media--wide {
display: block;
width: 100%;
margin-inline: auto;
}
.bp-media--wide img,
.bp-media.bp-media--wide > img {
display: block;
width: 100%;
height: auto;
border-radius: var(--radius-lg);
} .bp-modal {
border: none;
border-radius: var(--radius);
padding: 0;
max-width: min(500px, 90vw);
width: 100%;
box-shadow:
0 20px 25px -5px rgba(0, 0, 0, 0.1),
0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
.bp-modal::backdrop {
background: rgba(0, 0, 0, 0.5);
}
.bp-modal__content {
padding: var(--space-lg);
}
.bp-modal__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: var(--space-md);
}
.bp-modal__close {
background: none;
border: none;
font-size: 24px;
cursor: pointer;
padding: 0;
width: 32px;
height: 32px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 4px;
transition: background var(--transition);
}
.bp-modal__close:hover {
background: var(--bp-toc-bg);
}
.bp-modal__close:focus-visible {
outline: 3px solid var(--bp-orange);
outline-offset: 2px;
}
.bp-modal__content h2,
.bp-modal__content h3 {
margin: 0;
}
.bp-modal__content p + p,
.bp-modal__content p + ul {
margin-top: var(--space-md);
}
.bp-modal__content ul {
padding-left: 1.2rem;
}
details.bp-card > summary {
font-weight: 800;
color: var(--bp-info);
cursor: pointer;
list-style: none;
padding: 2px 0 8px;
font-size: .98rem;
line-height: 1.3;
}
details.bp-card > summary::-webkit-details-marker {
display: none;
}
details.bp-card > summary::before {
content: "+";
font-size: 1rem;
margin-right: 8px;
transition: transform var(--transition);
display: inline-block;
font-weight: 700;
}
details.bp-card[open] > summary::before {
content: "−";
}
details.bp-card[open] > summary {
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 1px solid var(--bp-border-soft);
} @supports (content-visibility: auto) {
.bp-listing-grid > .bp-listing-card,
.posts-list > .archive-item {
content-visibility: auto;
contain-intrinsic-size: 400px;
}
}  .bp-chip,
.bp-tag,
.bp-badge,
.bp-btn--row {
min-height: 44px;
}
details > summary {
list-style: none;
}
details > summary::-webkit-details-marker {
display: none;
}
[aria-current="page"] {
font-weight: 700;
text-decoration: underline;
text-underline-offset: 2px;
}
@media (forced-colors: active) {
.bp-card,
.bp-box,
.bp-listing-card,
.bp-cta,
.bp-thumb {
border: 1px solid ButtonText !important;
box-shadow: none !important;
background: Canvas !important;
color: CanvasText !important;
}
.bp-btn,
.bp-btn-primary,
.bp-btn--row,
.bp-btn-secondary,
.bp-btn--outline {
border: 2px solid ButtonText !important;
background: ButtonFace !important;
color: ButtonText !important;
box-shadow: none !important;
}
.bp-checklist li::before,
.rank-math-question::after {
color: ButtonText !important;
}
} .text-accent,
.bp-kicker,
.eyebrow {
font-size: clamp(1.02rem, 1.7vw, 1.14rem);
line-height: 1.35;
font-weight: 800;
letter-spacing: 0.01em;
}
.bp-hero-kicker {
display: inline-block;
width: auto;
padding: 0;
border-radius: 0;
background: transparent;
color: var(--bp-orange);
font-size: clamp(1.05rem, 1.8vw, 1.2rem);
line-height: 1.35;
font-weight: 800;
letter-spacing: 0.01em;
text-transform: none;
}
.bp-map-lazy-eyebrow,
.bp-archive-eyebrow {
font-size: 0.82rem;
line-height: 1.3;
} .bp-display,
.page .bp-section > h2,
.page .bp-box h2,
.page .bp-cta h2,
.page .bp-container--narrow > h2,
.page .bp-hero .bp-container--narrow h1,
.page .text-center > h2 {
font-family: var(--bp-font-display);
font-weight: 500;
letter-spacing: -0.02em;
}
.bp-display,
.page .bp-section > h2,
.page .bp-box h2,
.page .bp-cta h2,
.page .bp-container--narrow > h2,
.page .text-center > h2 {
font-size: clamp(1.85rem, 4.8vw, 2.6rem);
line-height: 1.14;
}
.page .text-accent + h2,
.page .section-intro + h2 {
margin-top: 0.25rem;
}
.bp-card h3 {
font-size: clamp(1.15rem, 2.2vw, 1.32rem);
line-height: 1.28;
}
.page .bp-section > .bp-container--narrow.text-center > h2,
.page .bp-section > .bp-container > .bp-container--narrow.text-center > h2,
.page .bp-box .text-center > h2,
.page .bp-box h2,
.page .bp-cta h2,
.page header.bp-hero .bp-container--narrow h1 {
letter-spacing: -0.02em;
}
.page .bp-section > .bp-container--narrow.text-center > h2,
.page .bp-section > .bp-container > .bp-container--narrow.text-center > h2,
.page .bp-box .text-center > h2,
.page .bp-box h2,
.page .bp-cta h2 {
font-size: clamp(1.95rem, 4.9vw, 2.75rem);
line-height: 1.14;
margin-bottom: 0.6rem;
font-weight: 500;
}
.page .section-intro,
.page .text-lead {
max-width: 60ch;
margin-inline: auto;
}
.page .bp-card h3,
.page .bp-box .bp-card h3,
.page .bp-grid .bp-card h3,
.page .bp-media-inline__body strong {
font-size: clamp(1.18rem, 2.4vw, 1.4rem);
line-height: 1.24;
font-weight: 750;
}
.page .bp-container--narrow.text-center .section-intro,
.page .bp-container--narrow.text-center .text-lead {
font-size: clamp(1.05rem, 2vw, 1.14rem);
line-height: 1.6;
}
.page header.bp-hero .bp-container--narrow h1,
.page .bp-hero .bp-container--narrow h1 {
font-size: clamp(2.5rem, 6vw, 4.25rem);
line-height: 1.05;
margin-bottom: 0.75rem;
}
.text-center .bp-checklist,
.bp-box .text-center .bp-checklist,
.bp-hero .text-center .bp-checklist {
display: inline-block;
width: min(100%, 42rem);
margin-inline: auto;
text-align: left;
} .bp-hero-kicker,
.bp-map-lazy-eyebrow,
.bp-archive-eyebrow {
font-size: 0.75rem;
}
.bp-howto {
counter-reset: howto-step;
}
.bp-howto-step {
counter-increment: howto-step;
position: relative;
padding-left: 2.25rem;
margin-bottom: 1rem;
}
.bp-howto-step:last-child {
margin-bottom: 0;
}
.bp-howto-step::before {
content: counter(howto-step);
position: absolute;
left: 0;
top: 0.05rem;
width: 1.5rem;
height: 1.5rem;
display: inline-grid;
place-items: center;
border-radius: 999px;
background: var(--bp-orange);
color: #fff;
font-weight: 800;
font-size: 0.9rem;
line-height: 1;
}
blockquote.bp-quote {
margin: var(--space-xl) 0;
padding: 0 0 0 var(--space-lg);
border-left: 3px solid var(--bp-orange);
font-style: italic;
color: var(--bp-text-soft);
}
blockquote.bp-quote > *:first-child {
margin-top: 0;
}
blockquote.bp-quote > *:last-child {
margin-bottom: 0;
}
.bp-quote-cite,
blockquote.bp-quote cite {
display: block;
margin-top: 0.75rem;
font-style: normal;
font-size: var(--text-sm);
color: var(--bp-text-secondary);
font-weight: 600;
}
figure {
margin: var(--space-xl) 0;
}
figure figcaption {
padding: var(--space-xs) var(--space-sm);
background: var(--bp-toc-bg);
border-radius: 0 0 var(--radius) var(--radius);
color: var(--bp-text-muted);
font-size: var(--text-sm);
line-height: 1.5;
font-style: italic;
}
figure > img + figcaption,
figure > picture + figcaption {
margin-top: 0;
} .site-footer {
margin-top: clamp(2rem, 5vw, 3rem);
}
.footer-widgets {
padding-block: clamp(2rem, 4vw, 3rem);
}
.inside-site-footer {
padding-block: clamp(1rem, 2.5vw, 1.5rem);
padding-inline: clamp(1.25rem, 5vw, 2rem);
}
.site-info {
padding-block: .75rem;
line-height: 1.6;
}
.footer-widgets .widget {
margin-bottom: 1.25rem;
}
.footer-widgets .widget:last-child,
.footer-widgets p:last-child,
.footer-widgets ul:last-child,
.footer-widgets ol:last-child {
margin-bottom: 0;
} .site-header,
.main-navigation,
.inside-header,
.inside-navigation {
line-height: 1.2;
}
.site-description {
font-size: 0.96rem;
line-height: 1.35;
}
.menu-toggle,
.main-navigation .menu-toggle {
min-height: 48px;
padding: 0.7rem 1rem;
font-size: 1rem;
font-weight: 700;
}
@media (min-width: 1181px) {
.inside-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
flex-wrap: nowrap;
padding-block: 0.75rem;
}
.site-branding {
flex: 0 1 auto;
min-width: 0;
margin-right: 0.5rem;
}
.nav-align-right .inside-navigation,
.inside-navigation {
flex: 1 1 auto;
min-width: 0;
min-height: 64px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.main-navigation .main-nav,
#site-navigation .main-nav {
width: auto;
}
.main-navigation .main-nav > ul,
#site-navigation .main-nav > ul {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
gap: 0.15rem;
}
.main-navigation .main-nav > ul > li,
#site-navigation .main-nav > ul > li {
flex: 0 0 auto;
}
.site-branding .main-title,
.site-branding .main-title a,
.main-title a,
.site-logo.mobile-header-logo + .site-branding .main-title a {
font-size: clamp(1.12rem, 1.35vw, 1.28rem);
line-height: 1.1;
font-weight: 800;
letter-spacing: -0.01em;
white-space: nowrap;
}
.main-navigation .main-nav > ul > li > a,
.main-navigation .menu-item-has-children > a,
#site-navigation .main-nav > ul > li > a {
font-size: 0.98rem;
font-weight: 700;
line-height: 1.3;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
padding-left: 0.62rem;
padding-right: 0.62rem;
white-space: nowrap;
}
}
@media (min-width: 1025px) and (max-width: 1180px) {
.inside-header {
display: block;
padding-block: 0.75rem;
}
.inside-navigation {
min-height: 64px;
}
.site-branding .main-title,
.site-branding .main-title a,
.main-title a {
font-size: clamp(1.12rem, 2vw, 1.24rem);
white-space: normal;
}
}
@media (max-width: 1024px) {
.inside-header {
padding-block: 0.75rem;
}
.inside-navigation {
min-height: 64px;
}
.site-branding .main-title,
.site-branding .main-title a,
.main-title a {
font-size: clamp(1.12rem, 4.2vw, 1.26rem);
}
.menu-toggle,
.main-navigation .menu-toggle {
font-size: 0.98rem;
}
}  .single-post .inside-article,
.single-post .entry-content,
.single-post .article-content,
.bp-article {
max-width: var(--bp-reading);
margin-inline: auto;
padding-inline: clamp(1.1rem, 4vw, 1.75rem);
overflow-wrap: break-word;
}
.page .entry-content,
.page .article-content,
.page .content-flow {
max-width: none;
padding-inline: 0;
}
.entry-content img,
.article-content img,
.bp-article img {
max-width: 100%;
max-height: 520px;
height: auto;
border-radius: var(--radius);
}
.bp-thumb img,
.bp-media img {
max-width: 100%;
height: auto;
display: block;
border-radius: inherit;
}
.entry-content figure img,
.article-content figure img,
.bp-article figure img {
width: auto;
max-width: 100%;
max-height: 600px;
display: block;
}
.entry-content img.bp-img--portrait,
.article-content img.bp-img--portrait,
.bp-article img.bp-img--portrait {
display: block;
width: auto;
max-width: 100%;
max-height: 420px;
margin-inline: auto;
}
.entry-content img.bp-img--full,
.article-content img.bp-img--full,
.bp-article img.bp-img--full {
display: block;
width: 100%;
max-height: 480px;
object-position: center top;
}
.entry-content img.bp-img--thumb,
.article-content img.bp-img--thumb,
.bp-article img.bp-img--thumb {
display: block;
width: auto;
max-width: 100%;
max-height: 120px;
border-radius: var(--radius-sm);
} @supports selector(:has(+ *)) {
.single :is(.entry-content, .article-content) .gb-container:has(> p:first-child + ul.wp-block-list) {
border-inline-start: 4px solid var(--bp-blue);
background: var(--bp-bg-info-soft);
border-radius: var(--radius);
padding: var(--space-md) var(--space-lg);
margin-block: var(--space-lg);
}
.single :is(.entry-content, .article-content) .gb-container:has(> p:first-child + ul.wp-block-list) > p:first-child {
font-weight: 700;
margin: 0 0 var(--space-xs);
}
.single :is(.entry-content, .article-content) .gb-container:has(> p:first-child + ul.wp-block-list) > ul.wp-block-list {
list-style: none;
margin: var(--space-sm) 0 0;
padding-left: 0;
}
} .posts-list {
display: grid;
grid-template-columns: 1fr;
gap: 1.25rem;
}
@media (min-width: 768px) {
.posts-list {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem;
}
}
@media (min-width: 1100px) {
.posts-list {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.75rem;
}
}
.posts-list nav.navigation.pagination {
grid-column: 1 / -1;
}
.posts-list .archive-item {
display: flex;
flex-direction: column;
background: #fff;
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.posts-list .post-image {
aspect-ratio: 4 / 5;
display: grid;
place-items: center;
overflow: hidden;
border-radius: 0;
margin: 0;
background: var(--bp-surface-soft);
}
.posts-list .post-image > a {
width: 100%;
height: 100%;
display: grid;
place-items: center;
}
.posts-list .post-image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
object-position: center;
display: block;
}
.posts-list .entry-title {
font-size: clamp(1.02rem, 1.8vw, 1.14rem);
line-height: 1.25;
margin: .5rem .95rem .2rem;
}
.posts-list .entry-summary {
flex: 1;
display: flex;
flex-direction: column;
gap: .4rem;
padding: .55rem .95rem .95rem;
}
.posts-list .entry-summary p {
color: var(--bp-text-secondary);
font-size: .98rem;
line-height: 1.5;
margin: 0;
}
.posts-list .read-more {
margin-top: auto;
align-self: flex-start;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: var(--touch-target);
padding: .65rem 1rem;
border-radius: .5rem;
background: var(--bp-orange);
color: #fff;
font-weight: 700;
text-decoration: none;
}
.posts-list .more-link {
display: none !important;
} .bp-embed,
.bp-embed-box {
aspect-ratio: 16 / 9;
}
.bp-embed iframe,
.bp-embed-box iframe {
width: 100%;
height: 100%;
min-height: unset;
border: 0;
display: block;
} #page,
.site {
display: flex !important;
flex-direction: column !important;
min-height: 100vh;
}
#content,
.site-content,
.content-area,
#main,
#main-content {
display: block !important;
float: none !important;
width: 100% !important;
flex: 1 1 auto !important;
}
.blog .site-main,
.archive .site-main {
display: grid !important;
}
.single-post .inside-article,
.single-post .entry-content,
.single-post .article-content,
.page .inside-article,
.page .entry-content,
.page .article-content,
.bp-section {
display: flow-root !important;
}
.site-footer,
.footer-widgets,
.inside-site-footer {
clear: both !important;
float: none !important;
width: 100% !important;
display: block !important;
order: 3 !important;
align-self: stretch !important;
} @media (max-width: 768px) {
.page .entry-content,
.page .article-content,
.single .entry-content,
.single .article-content {
max-width: 100% !important;
padding-inline: clamp(.75rem, 4vw, 1rem) !important;
}
.page :is(.entry-content, .article-content) .wp-block-columns {
flex-wrap: wrap !important;
}
.page :is(.entry-content, .article-content) .wp-block-column {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.page :is(.entry-content, .article-content) .gb-grid-wrapper {
display: block !important;
}
.page :is(.entry-content, .article-content) .gb-grid-column {
width: 100% !important;
max-width: none !important;
}
.bp-actions,
.bp-actions-row {
align-items: stretch;
}
.bp-actions > *,
.bp-actions-row > * {
width: 100%;
justify-content: center;
}
.bp-filters-grid {
grid-template-columns: 1fr;
}
.entry-content img,
.article-content img,
.bp-article img {
max-height: 360px;
}
.entry-content figure img,
.article-content figure img,
.bp-article figure img {
max-height: 400px;
}
}
@media (min-width: 760px) {
.bp-filters-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.bp-results-head {
grid-template-columns: minmax(0, 1fr) auto;
align-items: start;
}
} @media print {
.skip-link,
.sticky-cta,
.site-header,
.site-footer,
.footer-widgets,
.bp-back-to-top,
.breadcrumbs,
.rank-math-breadcrumb,
.wp-block-buttons,
.button,
.wp-block-button,
.bp-btn,
.bp-btn--row,
.bp-share-row,
.bp-page-footer-ctas,
.bp-terrains-page-footer,
.bp-footer-action-panels,
.bp-map-embed,
.bp-map-embed-compact,
.bp-photo-gallery-thumbs,
.bp-photo-gallery-dots,
.bp-gallery-lightbox,
.bp-reviews-form-toggle,
.bp-community-card--toggle summary {
display: none !important;
}
body {
color: #000000;
background: #ffffff;
}
a {
color: #000000 !important;
text-decoration: underline !important;
}
.single-post .entry-content,
.single-post .article-content,
.bp-article,
.page .entry-content,
.page .entry-content > *,
.site-main,
article.page {
max-width: none;
padding: 0;
}
.page .entry-header,
.page .entry-content,
article.page,
.site-main {
margin: 0 !important;
}
.page .entry-content {
font-size: 12pt;
line-height: 1.45;
}
.page .entry-content img {
max-width: 100% !important;
height: auto !important;
page-break-inside: avoid;
}
.page .entry-content h1,
.page .entry-content h2,
.page .entry-content h3,
.page .entry-content h4 {
page-break-after: avoid;
}
.page .entry-content p,
.page .entry-content li,
.page .entry-content blockquote,
.page .entry-content table {
page-break-inside: avoid;
}
}    .bp-badge-pending {
display: inline-flex;
align-items: center;
gap: var(--space-xs);
padding: var(--space-xs) var(--space-sm);
background: #fef3c7;
color: #92400e;
border-radius: var(--radius);
font-size: var(--text-xs);
font-weight: 600;
margin-bottom: var(--space-md);
}
.bp-badge-pending svg {
width: 16px;
height: 16px;
flex-shrink: 0;
}
.bp-pill {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 8px;
border-radius: 999px;
background: #e8f2ff;
color: var(--bp-info);
font-size: 0.8rem;
font-weight: 700;
}
.bp-pill--soft {
background: #f4f7fb;
color: var(--bp-text);
}
.bp-signal-grid {
display: grid;
gap: 8px;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.bp-signal-card {
background: #ffffff;
border: 1px solid var(--bp-border-soft);
border-radius: 12px;
padding: 10px;
box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}
.bp-signal-card h3 {
margin: 0 0 8px;
padding-bottom: 6px;
border-bottom: 1px solid var(--bp-border-soft);
color: var(--bp-info);
font-size: 0.98rem;
font-weight: 700;
line-height: 1.35;
}
.bp-signal-card p,
.bp-list-clean p {
margin: 0;
}
.bp-list-clean {
display: grid;
gap: 4px;
margin: 0;
}
.bp-list-clean strong {
color: var(--bp-info);
font-weight: 800;
}
.bp-list-clean--two-col {
grid-template-columns: 1fr;
gap: 4px 16px;
}
.bp-list-clean--inline {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.bp-list-clean--inline p {
display: inline-flex;
align-items: center;
padding: 6px 8px;
border: 1px solid var(--bp-border-soft);
border-radius: 10px;
background: #f8fbff;
} .bp-hero-panel {
position: relative;
box-sizing: border-box;
padding: clamp(9px, 1vw, 12px);
border-radius: 16px;
background: #fff;
border: 1px solid var(--bp-border-muted);
display: grid;
gap: 10px;
}
.bp-hero-layout {
display: grid;
gap: 16px;
align-items: start;
grid-template-columns: 1fr;
}
.bp-hero-copy {
display: grid;
gap: 10px;
justify-items: start;
text-align: left;
}
.bp-hero-kicker {
display: inline-flex;
align-items: center;
gap: 8px;
width: fit-content;
padding: 4px 8px;
border-radius: 999px;
background: #f8fafc;
color: var(--bp-info);
font-size: 0.66rem;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.bp-hero-rail {
display: flex;
flex-wrap: wrap;
gap: 3px;
align-items: center;
color: var(--bp-text-muted);
font-size: 0.8rem;
}
.bp-hero-rail span {
white-space: nowrap;
}
.bp-hero-strip {
display: grid;
gap: 6px;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
margin-top: 6px;
}
.bp-hero-actions {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 2px;
}
.bp-hero-actions .bp-btn--row {
min-height: 44px;
padding: 8px 12px;
}
.bp-btn--row-primary {
background: var(--bp-info);
color: #fff;
border-color: var(--bp-info);
}
.bp-btn--row-primary:hover {
background: var(--bp-blue-dark);
color: #fff;
} .bp-post-shell {
padding-block: clamp(1rem, 2.2vw, 1.5rem) clamp(2rem, 4vw, 3rem);
}
.bp-post-header {
display: grid;
gap: .65rem;
margin-bottom: 1rem;
}
.bp-post-title {
margin: 0;
font-size: clamp(1.95rem, 4.2vw, 2.8rem);
line-height: 1.12;
text-wrap: balance;
}
.bp-post-meta {
display: flex;
flex-wrap: wrap;
gap: .45rem .85rem;
color: var(--bp-text-muted);
font-size: var(--text-sm);
line-height: 1.5;
}
.bp-post-meta a {
color: inherit;
text-decoration-color: color-mix(in srgb, currentColor 60%, transparent 40%);
}
.bp-post-thumb {
max-width: min(100%, 540px);
margin: 0 auto 1.35rem;
}
.bp-post-thumb img {
width: auto;
max-width: 100%;
max-height: 420px;
display: block;
margin-inline: auto;
border-radius: var(--radius-lg);
}
.bp-author-bio {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
gap: 1rem;
align-items: center;
margin-top: clamp(1.5rem, 3vw, 2rem);
}
.bp-author-bio__avatar {
width: 96px;
height: 96px;
object-fit: cover;
border-radius: 50%;
display: block;
}
.bp-author-bio__title {
margin: 0 0 .2rem;
font-size: 1rem;
}
.bp-author-bio__text {
margin: 0;
color: var(--bp-text-secondary);
font-size: var(--text-sm);
line-height: 1.6;
}
.bp-post-footer {
margin-top: 1.5rem;
color: var(--bp-text-secondary);
font-size: var(--text-sm);
}
.bp-post-footer > * + * {
margin-top: .45rem;
}
.bp-post-nav {
margin-top: 1.75rem;
display: grid;
gap: .85rem;
}
.bp-post-nav .nav-links {
display: grid;
gap: .7rem;
}
.bp-post-back {
color: var(--bp-text-secondary);
font-size: var(--text-sm);
}
.bp-empty-state {
padding-block: clamp(2rem, 4vw, 3rem);
}
.bp-footer-brand {
margin-bottom: .9rem;
}
.bp-footer-brand h2,
.bp-footer-brand h3 {
margin: 0 0 .35rem;
}
.bp-footer-brand p,
.bp-footer-note,
.bp-footer-copy {
margin: 0;
}
.bp-footer-links {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: .35rem .85rem;
line-height: 1.65;
}
.bp-footer-links a {
color: var(--bp-brand-strong);
text-decoration: underline;
text-underline-offset: 2px;
}
.bp-footer-links a:hover,
.bp-footer-links a:focus-visible {
color: var(--bp-link-dark);
}
.bp-footer-note {
color: var(--bp-text-secondary);
font-style: italic;
}
.bp-footer-copy {
color: var(--bp-text-muted);
font-size: .84rem;
} .bp-map-embed {
overflow: hidden;
border-radius: 12px;
border: 1px solid var(--bp-border-soft);
background: var(--bp-surface-soft);
}
.bp-map-embed iframe {
display: block;
width: 100%;
height: 264px;
border: 0;
}
.bp-map-actions {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 8px;
}
.bp-map-note {
margin: 0;
color: var(--bp-text-muted);
font-size: 0.82rem;
line-height: 1.4;
}
.bp-map-embed--lazy {
min-height: 300px;
padding: 14px;
border: 1px solid var(--bp-border-soft);
border-radius: 16px;
background: #f8fbff;
}
.bp-map-lazy-trigger {
display: grid;
gap: 8px;
width: 100%;
min-height: 216px;
align-content: center;
justify-items: start;
padding: 18px;
border: 0;
border-radius: 14px;
background: #ffffff;
color: var(--bp-info);
text-align: left;
cursor: pointer;
}
.bp-map-lazy-trigger strong {
font-size: 1rem;
line-height: 1.2;
}
.bp-map-lazy-trigger span:last-child {
color: var(--bp-text-muted);
font-size: 0.86rem;
line-height: 1.4;
}
.bp-map-lazy-eyebrow {
display: inline-flex;
align-items: center;
padding: 4px 8px;
border-radius: 999px;
background: #dcecff;
color: var(--bp-info);
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.bp-map-embed--lazy iframe {
width: 100%;
height: 300px;
border: 0;
border-radius: 14px;
} .bp-photo-gallery {
display: grid;
grid-auto-flow: column;
grid-auto-columns: 100%;
gap: 0;
overflow-x: auto;
overscroll-behavior-x: contain;
scroll-snap-type: x mandatory;
margin-top: 6px;
padding-bottom: 2px;
scrollbar-width: none;
}
.bp-photo-gallery::-webkit-scrollbar {
display: none;
}
.bp-photo-gallery-wrap {
display: grid;
gap: 6px;
position: relative;
width: 100%;
max-width: 520px;
margin-inline: 0;
}
.bp-photo-gallery-wrap--single .bp-photo-gallery {
overflow: hidden;
}
.bp-photo-gallery-nav {
display: flex;
justify-content: space-between;
gap: 6px;
position: absolute;
inset: 50% 8px auto 8px;
transform: translateY(-50%);
z-index: 2;
pointer-events: none;
}
.bp-photo-gallery-arrow {
width: 34px;
height: 34px;
border: 0;
border-radius: 999px;
background: transparent;
color: #fff;
font-size: 1.35rem;
font-weight: 800;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
box-shadow: none;
pointer-events: auto;
}
.bp-photo-gallery-arrow:hover {
background: transparent;
color: #f8fbff;
}
.bp-photo-gallery-arrow:focus-visible,
.bp-photo-gallery-dots button:focus-visible {
outline: 3px solid var(--bp-link);
outline-offset: 2px;
}
.bp-photo-gallery__item {
display: block;
overflow: hidden;
border-radius: 12px;
background: var(--bp-surface-soft);
aspect-ratio: 4 / 3;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03), 0 10px 24px -12px rgba(15, 23, 42, 0.16);
scroll-snap-align: start;
}
.bp-photo-gallery__item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.bp-photo-gallery-dots {
position: absolute;
inset: auto 0 10px 0;
z-index: 2;
display: flex;
justify-content: center;
gap: 6px;
pointer-events: none;
}
.bp-photo-gallery-dot {
width: 7px;
height: 7px;
padding: 0;
border: 0;
border-radius: 999px;
background: rgba(255, 255, 255, 0.45);
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.25);
pointer-events: auto;
}
.bp-photo-gallery-dot.is-active {
width: 18px;
background: rgba(255, 255, 255, 0.95);
}
.bp-photo-gallery-thumbs {
display: none;
}
.bp-photo-gallery-thumb {
padding: 0;
border: 2px solid transparent;
border-radius: 12px;
background: #fff;
overflow: hidden;
}
.bp-photo-gallery-thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.bp-photo-gallery-thumb.is-active {
border-color: var(--bp-info);
box-shadow: 0 1px 3px rgba(15, 23, 42, 0.08);
}  .bp-form-grid--2cols {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.bp-field label {
color: var(--bp-text-secondary);
font-size: 0.82rem;
font-weight: 800;
}
.bp-field input,
.bp-field textarea,
.bp-field select {
width: 100%;
min-height: 48px;
padding: 0.8rem 0.9rem;
border-radius: 14px;
border: 1px solid var(--bp-border-soft);
background: #fff;
color: var(--bp-text);
font: inherit;
}
.bp-field textarea {
min-height: 120px;
resize: vertical;
}
.bp-field input:focus-visible,
.bp-field textarea:focus-visible,
.bp-field select:focus-visible {
outline: 3px solid var(--bp-link);
outline-offset: 2px;
}
.bp-new-lieu-practice-fieldset {
margin: 0;
padding: 0;
border: 0;
}
.bp-new-lieu-practice-fieldset legend {
margin-bottom: 0.45rem;
color: var(--bp-text-secondary);
font-size: 0.82rem;
font-weight: 800;
}
.bp-new-lieu-practice-grid {
display: grid;
gap: 0.8rem;
}
.bp-new-lieu-practice-option {
display: grid;
grid-template-columns: minmax(0, 1fr) 92px;
gap: 0.75rem;
align-items: center;
}
.bp-new-lieu-practice-option input[type="number"],
.bp-crowd-fieldset textarea {
width: 100%;
min-height: 48px;
padding: 0.8rem 0.9rem;
border: 1px solid var(--bp-border-soft);
border-radius: 14px;
background: #fff;
color: var(--bp-text);
font: inherit;
}
.bp-crowd-fieldset {
margin: 0 0 0.75rem;
padding: 0;
border: 0;
}
.bp-new-lieu-practice-check {
display: flex;
align-items: center;
gap: 0.65rem;
min-height: 48px;
padding: 0.8rem 0.9rem;
border: 1px solid var(--bp-border-soft);
border-radius: 14px;
background: #fff;
color: var(--bp-text);
font-size: 0.95rem;
font-weight: 600;
}
.bp-new-lieu-practice-check input[type="checkbox"] {
width: 18px;
height: 18px;
margin: 0;
accent-color: var(--bp-brand);
}
.bp-form-consent {
margin: 0;
color: var(--bp-text-muted);
font-size: 0.9rem;
line-height: 1.45;
}
.bp-form-consent label {
display: flex;
align-items: flex-start;
gap: 10px;
}
.bp-char-count,
.bp-help {
font-size: var(--text-xs);
color: var(--text-secondary);
}
.bp-char-count {
text-align: right;
} .bp-archive-shell,
.bp-archive-hero,
.bp-archive-results-head,
.bp-archive-pagination,
.bp-archive-progress,
.bp-archive-tools {
max-width: 1120px;
margin-inline: auto;
}
.bp-archive-hero {
display: grid;
gap: 12px;
margin-bottom: 1rem;
padding: 1rem;
border-radius: 24px;
background: #ffffff;
border: 1px solid var(--bp-border-soft);
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}
.bp-archive-eyebrow {
margin: 0;
width: fit-content;
padding: 0.35rem 0.7rem;
border-radius: 999px;
background: var(--bp-bg-info-soft);
color: var(--bp-info);
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.bp-archive-lead {
margin: 0;
max-width: 70ch;
color: var(--bp-text-secondary);
font-size: 1rem;
line-height: 1.5;
}
.bp-archive-kpis {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.bp-archive-kpi {
display: grid;
gap: 4px;
padding: 0.85rem 0.9rem;
border-radius: 18px;
background: rgba(255, 255, 255, 0.9);
border: 1px solid #e2e8f0;
color: var(--bp-text-secondary);
font-size: 0.88rem;
line-height: 1.35;
}
.bp-archive-kpi strong {
color: var(--bp-info);
font-size: 1rem;
}
.bp-listing-grid {
display: grid;
gap: 14px;
}
.bp-listing-card {
display: grid;
gap: 0;
border: 1px solid var(--bp-border-soft);
border-radius: 16px;
overflow: hidden;
background: var(--bp-surface);
box-shadow: var(--shadow-card);
transition: transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}
.bp-listing-card:hover {
transform: translateY(-1px);
border-color: var(--bp-border-info);
box-shadow: var(--shadow-card-hover);
}
.bp-listing-card__thumb {
display: block;
aspect-ratio: 16 / 9;
overflow: hidden;
background: var(--bp-surface-soft);
border-bottom: 1px solid var(--bp-border-soft);
}
.bp-listing-card__thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.bp-listing-card__body {
padding: 1rem;
}
.bp-listing-card__title {
margin: 0;
font-size: clamp(1.14rem, 2vw, 1.28rem);
line-height: 1.18;
font-weight: 800;
}
.bp-listing-card__title a {
color: var(--bp-text);
text-decoration: none;
}
.bp-listing-card__title a:hover,
.bp-listing-card__title a:focus-visible {
text-decoration: underline;
text-underline-offset: 0.16em;
}
.bp-listing-card__meta {
margin: 8px 0 0;
color: var(--bp-text-muted);
font-size: 0.84rem;
line-height: 1.45;
}
.bp-listing-card__signal-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 10px;
}
.bp-listing-card__signal {
display: inline-flex;
flex-wrap: wrap;
gap: 4px;
align-items: center;
min-height: 36px;
padding: 0.45rem 0.65rem;
border-radius: 12px;
background: #f8fbff;
border: 1px solid var(--bp-border-soft);
color: var(--bp-info);
font-size: 0.84rem;
line-height: 1.25;
}
.bp-listing-card__signal strong {
font-weight: 800;
}
.bp-listing-card__signal--accent {
background: #ecfdf3;
border-color: #ccead8;
color: #166534;
}
.bp-listing-card__summary {
margin: 12px 0 0;
color: var(--bp-text);
font-size: 1rem;
line-height: 1.55;
}
.bp-listing-card__facts {
display: grid;
gap: 8px;
margin-top: 12px;
}
.bp-listing-card__facts p {
margin: 0;
color: var(--bp-text-secondary);
font-size: 0.92rem;
line-height: 1.4;
}
.bp-listing-card__facts strong {
display: block;
margin-bottom: 2px;
color: var(--bp-info);
font-size: 0.8rem;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.bp-listing-card__cta {
justify-content: center;
min-height: 46px;
padding-inline: 1rem;
background: var(--bp-brand);
color: #fff;
box-shadow: none;
}
.bp-listing-card__cta:hover {
background: var(--bp-brand-dark);
color: #fff;
}
@keyframes bp-reveal {
from {
opacity: 0;
transform: translateY(18px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@supports (animation-timeline: view()) {
@media (prefers-reduced-motion: no-preference) {
.bp-card,
.bp-listing-card {
animation: bp-reveal linear both;
animation-timeline: view();
animation-range: entry 0% entry 35%;
}
}
} .bp-reviews {
display: grid;
gap: 12px;
}
.bp-review-card {
border-color: var(--bp-border-soft);
background: #ffffff;
box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}
.bp-reviews-card {
display: grid;
gap: 12px;
}
.bp-reviews-form-card {
margin-top: 4px;
padding-top: 10px;
border-top: 1px solid var(--bp-border-soft);
}
.bp-reviews-form-card > summary {
list-style: none;
}
.bp-reviews-form-card > summary::-webkit-details-marker {
display: none;
}
.bp-review-form {
margin-top: 8px;
} .bp-upload-preview {
margin-top: 2px;
}
.bp-upload-preview__summary {
margin: 0 0 8px;
color: var(--bp-text-muted);
font-size: var(--text-xs);
line-height: 1.35;
}
.bp-upload-preview__list {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.bp-upload-preview__item {
display: grid;
gap: 6px;
width: 110px;
margin: 0;
padding: 10px;
border: 1px solid var(--bp-border-ann-mid);
border-radius: 10px;
background: var(--bp-white);
}
.bp-upload-preview__meta {
display: grid;
gap: 4px;
}
.bp-upload-preview--logo .bp-upload-preview__item {
width: 140px;
}
.bp-upload-preview__image {
display: block;
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
border-radius: 14px;
border: 1px solid var(--bp-border-ann-mid);
background: var(--bp-info-bg);
box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}
.bp-upload-preview--photos .bp-upload-preview__image {
aspect-ratio: 4 / 3;
}
.bp-upload-preview__caption {
margin: 0;
color: var(--bp-text-muted);
font-size: var(--text-xs);
line-height: 1.32;
word-break: break-word;
}
.bp-upload-preview__caption--name {
color: var(--bp-text);
font-weight: 600;
line-height: 1.15;
}
.bp-upload-preview__remove {
justify-self: start;
padding: 0;
border: 0;
background: transparent;
color: var(--bp-navy);
font-size: var(--text-xs);
font-weight: 700;
text-decoration: underline;
text-underline-offset: 0.14em;
cursor: pointer;
}
.bp-upload-preview__remove:hover {
color: var(--bp-navy-dark);
} .bp-speed-active {
border-color: var(--bp-link) !important;
background: var(--bp-info-bg) !important;
color: var(--bp-link-dark) !important;
}
.bp-chapter-link:focus-visible {
outline: 2px solid var(--bp-link);
outline-offset: 2px;
} .bp-share {
display: inline-flex;
flex-wrap: wrap;
gap: 8px;
align-items: center;
justify-content: center;
}
.bp-share .bp-btn--row,
.bp-share .bp-btn--outline {
min-height: 44px;
padding: 8px 14px;
} .bp-space-top-2xs {
margin-top: 2px;
}
.bp-space-top-xs {
margin-top: var(--space-xs);
} @media (max-width: 767px) {
.bp-archive-hero {
padding: 0.9rem;
border-radius: 18px;
gap: 10px;
}
.bp-archive-lead {
font-size: 0.98rem;
line-height: 1.55;
}
.bp-archive-kpis {
display: none;
}
.bp-form-grid--2cols {
grid-template-columns: 1fr;
}
.bp-hero-layout {
gap: 12px;
}
.bp-hero-copy {
gap: 8px;
}
.bp-hero-actions {
flex-direction: column;
align-items: stretch;
}
.bp-hero-kicker {
display: none;
}
.bp-hero-strip {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 6px;
margin-top: 2px;
}
.bp-pill {
justify-content: center;
min-height: 38px;
font-size: 0.82rem;
}
.bp-photo-gallery {
grid-auto-columns: 100%;
}
.bp-photo-gallery-arrow {
width: 44px;
height: 44px;
font-size: 1.55rem;
}
.bp-map-embed--lazy {
min-height: 250px;
padding: 10px;
}
.bp-map-lazy-trigger {
min-height: 180px;
padding: 16px;
}
.bp-listing-card {
border-radius: 14px;
}
.bp-listing-card__body {
padding: 0.95rem;
}
.bp-share {
display: grid;
width: 100%;
gap: 10px;
}
.bp-share .bp-btn--row,
.bp-share .bp-btn--outline {
width: 100%;
}
}
@media (min-width: 768px) {
.bp-listing-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 900px) {
.bp-photo-gallery-wrap--single {
max-width: 320px;
}
.bp-photo-gallery-wrap--multi {
max-width: 760px;
}
.bp-photo-gallery-wrap--multi .bp-photo-gallery-nav,
.bp-photo-gallery-wrap--multi .bp-photo-gallery-dots,
.bp-photo-gallery-wrap--multi .bp-photo-gallery-thumbs,
.bp-photo-gallery-wrap--multi .bp-photo-gallery-thumb.is-active {
display: none;
}
.bp-photo-gallery-wrap--multi .bp-photo-gallery {
display: grid;
grid-auto-flow: unset;
grid-auto-columns: unset;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 10px;
overflow: visible;
scroll-snap-type: none;
}
.bp-photo-gallery-wrap--multi .bp-photo-gallery__item {
aspect-ratio: 4 / 3;
border-radius: 12px;
}
.bp-hero-layout {
grid-template-columns: minmax(0, 1.2fr) minmax(340px, 420px);
align-items: stretch;
column-gap: 22px;
row-gap: 12px;
}
.bp-list-clean--two-col {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1024px) {
.bp-listing-card {
grid-template-columns: minmax(180px, 220px) minmax(0, 1fr);
}
.bp-listing-card__thumb {
aspect-ratio: auto;
height: 100%;
}
.bp-listing-card__body {
padding: 1.1rem;
}
.bp-listing-card__facts {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
} .bp-listing-grid--posts {
display: grid;
grid-template-columns: 1fr;
gap: 2rem;
}
@media (min-width: 768px) {
.bp-listing-grid--posts {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2.5rem;
}
}
@media (min-width: 1100px) {
.bp-listing-grid--posts {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 3rem;
}
} .article-content .bp-box + .bp-box,
.article-content .bp-box + .bp-section,
.article-content .bp-section + .bp-box,
.article-content .bp-section + .bp-section {
margin-top: 0;
}
.article-content .bp-grid {
margin-top: var(--space-md);
}
.article-content .bp-grid + p {
margin-top: clamp(2rem, 5vw, 3rem);
}
.article-content .sources-list,
.article-content .bp-checklist {
margin-top: var(--space-md);
} :is(.entry-content, .article-content, .page .entry-content) > :is(h1, h2, h3, h4) {
font-family: var(--bp-font);
font-weight: 700;
color: var(--bp-text);
line-height: 1.3;
margin-block: var(--space-xl) var(--space-md);
}
:is(.entry-content, .article-content, .page .entry-content) h1 {
font-size: var(--text-h1);
contain: layout style;
}
:is(.entry-content, .article-content, .page .entry-content) h2 {
font-size: var(--text-h2);
contain: layout style;
}
:is(.entry-content, .article-content, .page .entry-content) h3 {
font-size: var(--text-h3);
contain: layout style;
}
:is(.entry-content, .article-content, .page .entry-content) h4 {
font-size: var(--text-h4);
contain: layout style;
} .bp-space-bottom-sm {
margin-bottom: var(--space-sm);
}
.bp-space-bottom-md {
margin-bottom: var(--space-md);
}
.bp-space-bottom-lg {
margin-bottom: var(--space-lg);
}
.bp-visible-mobile {
display: revert !important;
}
@media (min-width: 768px) {
.bp-visible-mobile {
display: none !important;
}
}
.bp-hidden-mobile {
display: none !important;
}
@media (min-width: 768px) {
.bp-hidden-mobile {
display: revert !important;
}
} .bp-breadcrumb,
.breadcrumbs {
display: block;
font-size: var(--text-xs);
color: var(--bp-text-soft);
margin-bottom: var(--space-md);
line-height: 1.4;
overflow-wrap: anywhere;
}
.bp-breadcrumb a,
.breadcrumbs a {
color: var(--bp-link);
text-decoration: none;
}
.bp-breadcrumb a:hover,
.breadcrumbs a:hover {
color: var(--bp-link-dark);
text-decoration: underline;
text-underline-offset: 2px;
}
.bp-breadcrumb__separator {
margin-inline: var(--space-xs);
color: var(--bp-text-soft);
}
.bp-faq {
display: grid;
gap: var(--space-sm);
}
.bp-faq__item {
background: var(--bp-toc-bg);
border: 1px solid var(--bp-toc-border);
border-radius: var(--radius);
padding: var(--space-md) var(--space-lg);
}
.bp-faq__item > h3,
.bp-faq__item > summary {
margin: 0;
color: var(--bp-text);
font-size: var(--text-md);
font-weight: 700;
line-height: 1.4;
}
.bp-faq__item > p,
.bp-faq__item > div,
.bp-faq__item > .bp-faq__answer {
margin-top: var(--space-sm);
color: var(--bp-text-secondary);
font-size: var(--text-sm);
}
.bp-faq__item.is-open {
background: var(--bp-white);
}
.bp-faq__item > h3[role="button"],
.bp-faq__item > summary[role="button"] {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: var(--touch-target);
cursor: pointer;
}
.bp-faq__item > h3[role="button"]::after,
.bp-faq__item > summary[role="button"]::after {
content: "+";
flex-shrink: 0;
margin-left: var(--space-md);
font-size: 1.5em;
font-weight: 400;
color: var(--bp-orange);
line-height: 1;
transition: transform 0.3s ease;
}
.bp-faq__item.is-open > h3[role="button"]::after,
.bp-faq__item.is-open > summary[role="button"]::after {
content: "−";
transform: rotate(180deg);
}
.bp-faq__item > .bp-faq__answer {
max-height: 0;
opacity: 0;
margin-top: 0;
overflow: hidden;
transition:
max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.4s ease-out,
margin-top 0.4s ease-out;
}
.bp-faq__item.is-open > .bp-faq__answer {
max-height: 2000px;
opacity: 1;
margin-top: var(--space-sm);
} :is(h1, h2, h3) {
text-wrap: balance;
}
[id] {
scroll-margin-top: clamp(80px, 10vh, 120px);
} .rank-math-block[id*="rank-math-faq"] {
background: var(--bp-toc-bg);
border: 1px solid var(--bp-toc-border);
border-radius: var(--radius);
padding: var(--space-md) var(--space-lg);
margin: var(--space-xl) 0;
}
.rank-math-list-item {
border-bottom: 1px solid var(--bp-toc-border);
transition: background-color 0.3s ease;
}
.rank-math-list-item:last-child {
border-bottom: none;
}
.rank-math-list-item.is-open {
background: var(--bp-white);
border-radius: var(--space-xs);
}
.rank-math-question {
display: flex !important;
align-items: center;
justify-content: space-between;
width: 100%;
min-height: var(--touch-target);
padding: var(--space-sm) var(--space-md);
margin: 0;
font-family: var(--bp-font);
font-size: var(--text-md);
font-weight: 700 !important;
color: var(--bp-text);
line-height: 1.4;
text-align: left;
background: transparent;
border: none;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
}
.rank-math-question::after {
content: "+";
flex-shrink: 0;
margin-left: var(--space-md);
font-size: 1.5em;
font-weight: 400;
color: var(--bp-orange);
line-height: 1;
transition: transform 0.3s ease;
}
.rank-math-list-item.is-open .rank-math-question::after {
content: "−";
transform: rotate(180deg);
}
.rank-math-answer {
max-height: 0;
opacity: 0;
padding: 0 var(--space-md);
overflow: hidden;
transition:
max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1),
opacity 0.4s ease-out,
padding 0.4s ease-out;
font-size: var(--text-sm);
color: var(--bp-text-secondary);
line-height: 1.6;
}
.rank-math-list-item.is-open .rank-math-answer {
max-height: 2000px;
opacity: 1;
padding: var(--space-sm) var(--space-md) var(--space-md);
}
.rank-math-answer > *:first-child {
margin-top: 0;
}
.rank-math-answer > *:last-child {
margin-bottom: 0;
}
.rank-math-answer a {
color: var(--bp-link);
text-decoration: underline;
}
.rank-math-answer a:hover {
color: var(--bp-orange);
}
@media (min-width: 768px) {
.rank-math-block[id*="rank-math-faq"] {
padding: var(--space-lg) var(--space-xl);
}
.rank-math-question {
font-size: var(--text-lg);
padding: var(--space-md) var(--space-lg);
}
.rank-math-answer {
font-size: var(--text-md);
}
.rank-math-list-item.is-open .rank-math-answer {
padding: var(--space-md) var(--space-lg) var(--space-lg);
}
}
@media print {
.rank-math-question::after {
display: none;
}
.rank-math-answer {
display: block !important;
max-height: none !important;
opacity: 1 !important;
overflow: visible !important;
padding: var(--space-sm) var(--space-md) var(--space-md) !important;
}
} .bp-hero.bp-hero--warm .bp-media--float,
.bp-hero.bp-hero--warm .bp-thumb,
.bp-hero.bp-hero--warm .bp-thumb--wide,
.bp-hero.bp-hero--warm .bp-thumb--article,
.bp-hero.bp-hero--warm .bp-thumb--portrait,
.bp-hero.bp-hero--warm .bp-float {
animation: float 3s ease-in-out infinite;
}
.bp-hero.bp-hero--warm .bp-media--float:hover,
.bp-hero.bp-hero--warm .bp-thumb:hover,
.bp-hero.bp-hero--warm .bp-thumb--wide:hover,
.bp-hero.bp-hero--warm .bp-thumb--article:hover,
.bp-hero.bp-hero--warm .bp-thumb--portrait:hover,
.bp-hero.bp-hero--warm .bp-float:hover {
animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
.bp-hero.bp-hero--warm .bp-media--float,
.bp-hero.bp-hero--warm .bp-thumb,
.bp-hero.bp-hero--warm .bp-thumb--wide,
.bp-hero.bp-hero--warm .bp-thumb--article,
.bp-hero.bp-hero--warm .bp-thumb--portrait,
.bp-hero.bp-hero--warm .bp-float {
animation: none !important;
}
} .bp-hero.bp-hero--warm img.bp-media--float {
display: block;
width: min(100%, 540px);
max-width: 100%;
height: auto !important;
aspect-ratio: auto;
object-fit: contain;
animation: float 3s ease-in-out infinite !important;
will-change: transform;
transform: translateZ(0);
margin-inline: auto;
}
.bp-hero.bp-hero--warm img.bp-media--float:hover {
animation-play-state: paused;
}
@media (prefers-reduced-motion: reduce) {
.bp-hero.bp-hero--warm img.bp-media--float {
animation: none !important;
}
}
@media (max-width: 767px) {
.bp-hero.bp-hero--warm img.bp-media--float {
width: min(100%, 360px);
}
} @media (prefers-color-scheme: dark) {
:root {
--bp-bg: #171311;
--bp-link: #8fb8ff;
--bp-link-dark: #bfd4ff;
--bp-text: #edf2ff;
--bp-text-secondary: #c7d2e4;
--bp-text-muted: #97a7bd;
--text-secondary: var(--bp-text-secondary);
--bp-brand-tint: #2b1f17;
--bp-white: #0b1220;
--bp-surface: #101827;
--bp-surface-soft: #172235;
--bp-surface-muted: #132033;
--bp-surface-warm: var(--bp-brand-tint);
--bg-white: #0b1220;
--bp-border-soft: #243246;
--bp-border-strong: #31455f;
--bp-border-brand: #7c4a22;
--bp-border-info: #31527f;
--bp-toc-bg: #152133;
--bp-toc-border: #243246;
--bp-bg-box: var(--bp-brand-tint);
--bp-success: #7dd3a5;
--bp-success-bg: #0f2a1f;
--bp-error: #f3a4a4;
--bp-error-bg: #311616;
--bp-warning: #f1bc85;
--bp-warning-bg: #332114;
--bp-info: #9bc2ff;
--bp-info-bg: #112136;
--bp-bg-subtle: #172235;
--bp-bg-info-soft: #112136;
--bp-border-muted: #243246;
--bp-text-soft: #97a7bd;
--bp-text-body-soft: #d5deec;
--bp-text-body: #e3ebf7;
--shadow-sm: 0 1px 2px rgba(2, 6, 23, .45);
--shadow-card: 0 1px 0 rgba(255, 255, 255, .04), 0 16px 36px -12px rgba(2, 6, 23, .48);
--shadow-card-hover: 0 1px 0 rgba(255, 255, 255, .05), 0 22px 44px -14px rgba(2, 6, 23, .56);
--shadow-panel: 0 1px 0 rgba(255, 255, 255, .04), 0 18px 40px -14px rgba(2, 6, 23, .52);
--shadow-hero: 0 1px 0 rgba(255, 255, 255, .04), 0 26px 52px -16px rgba(2, 6, 23, .58);
}
html {
color-scheme: dark;
}
body,
#page,
.site,
.site-content,
.content-area,
.inside-article,
.entry-content,
.article-content,
.site-header,
.inside-header,
.main-navigation,
.inside-navigation,
.site-footer,
.footer-widgets,
.inside-site-footer {
background: var(--bp-bg);
color: var(--bp-text);
}
.site-header,
.main-navigation,
.inside-header,
.inside-navigation,
.inside-article,
.page .inside-article,
.single-post .inside-article,
.bp-card,
.bp-box,
.bp-cta,
.bp-map-lazy-trigger,
.bp-modal,
.bp-search-box,
.bp-search-results-simple,
.bp-new-lieu-box,
.bp-archive-filters {
background: var(--bp-surface);
color: var(--bp-text);
border-color: var(--bp-border-soft);
box-shadow: var(--shadow-card);
}
.site-branding .main-title a,
.main-title a,
.main-navigation .main-nav > ul > li > a,
.main-navigation .menu-item-has-children > a,
#site-navigation .main-nav > ul > li > a,
.site-description,
.bp-post-back,
.bp-post-footer,
.bp-footer-note,
.bp-footer-copy,
.bp-map-note {
color: var(--bp-text-secondary);
}
.bp-footer-links a,
.entry-content a,
.article-content a,
.bp-map-lazy-trigger,
.rank-math-answer a,
.bp-card a:not(.bp-btn):not(.bp-btn--row) {
color: var(--bp-link);
}
.bp-footer-links a:hover,
.bp-footer-links a:focus-visible,
.entry-content a:hover,
.article-content a:hover,
.rank-math-answer a:hover,
.bp-card a:not(.bp-btn):not(.bp-btn--row):hover {
color: var(--bp-link-dark);
}
.text-accent,
.bp-kicker,
.eyebrow,
.bp-summary-number,
.bp-stat-number {
color: #f6b26b;
}
.bp-hero,
.bp-hero.bp-hero--warm,
.bp-hero--panel,
.bp-box--neutral,
.bp-box--info,
.bp-box--warm,
.bp-community-card,
.bp-summary-stat,
.bp-map-embed,
.bp-map-embed--lazy,
.posts-list .archive-item,
.bp-author-bio,
.rank-math-block[id*="rank-math-faq"] {
background: var(--bp-surface);
border-color: var(--bp-border-soft);
box-shadow: var(--shadow-card);
}
.bp-hero,
.bp-hero.bp-hero--warm,
.bp-box--neutral,
.bp-box--info,
.bp-box--warm,
.bp-community-card,
.bp-map-embed--lazy,
.rank-math-block[id*="rank-math-faq"] {
background-image: none;
}
.bp-btn-secondary,
.bp-button-secondary,
.bp-btn--outline,
.bp-btn--row,
.bp-map-lazy-trigger,
.bp-modal__close:hover {
background: var(--bp-surface-soft);
color: var(--bp-link) !important;
border-color: var(--bp-border-info);
}
.bp-btn-secondary:hover,
.bp-button-secondary:hover,
.bp-btn--outline:hover,
.bp-btn--row:hover,
.bp-btn--row:focus-visible,
.bp-map-lazy-trigger:hover {
background: var(--bp-info-bg);
border-color: var(--bp-link);
}
.bp-chip,
.bp-tag,
.bp-badge,
.bp-pill,
.bp-faq__item,
.bp-post-thumb,
.posts-list .post-image,
.bp-thumb,
.bp-thumb--article,
.bp-thumb--portrait,
.bp-thumb--wide {
background: var(--bp-surface-soft);
border-color: var(--bp-border-soft);
}
.bp-box--quote,
.bp-table th,
.bp-article th,
.article-content th,
.entry-content th,
.rank-math-list-item.is-open,
.bp-modal__close,
.bp-form-field input,
.bp-form-field select,
.bp-form-field textarea,
.bp-field input,
.bp-field select,
.bp-field textarea,
.bp-input,
.bp-filter-control,
.bp-search-input,
.nav-links .page-numbers,
.bp-pagination a,
.bp-pagination span {
background: var(--bp-surface-soft);
color: var(--bp-text);
border-color: var(--bp-border-soft);
}
.bp-box--quote {
background-image: none;
border-left-color: var(--bp-link);
}
.bp-form-field label,
.bp-field label,
.bp-search-label,
.bp-help,
.bp-search-hint,
.bp-question,
.bp-caption,
.page-meta,
.bp-meta,
.meta {
color: var(--bp-text-secondary);
}
.bp-form-field input::placeholder,
.bp-form-field textarea::placeholder,
.bp-field input::placeholder,
.bp-field textarea::placeholder,
.bp-input::placeholder,
.bp-search-input::placeholder {
color: var(--bp-text-muted);
}
.bp-form-field input:focus-visible,
.bp-form-field select:focus-visible,
.bp-form-field textarea:focus-visible,
.bp-field input:focus-visible,
.bp-field select:focus-visible,
.bp-field textarea:focus-visible,
.bp-input:focus-visible,
.bp-search-input:focus-visible,
.bp-filter-control:focus-visible,
.nav-links .page-numbers:focus-visible,
.bp-pagination a:focus-visible {
outline: 2px solid var(--bp-link);
outline-offset: 2px;
border-color: var(--bp-link);
}
.breadcrumbs,
.bp-breadcrumb,
.rank-math-breadcrumb,
.rank-math-breadcrumb a {
color: var(--bp-text-secondary);
}
.bp-author-bio__text,
.bp-post-footer,
.bp-post-footer a,
.posts-list .entry-summary,
.posts-list .entry-summary p {
color: var(--bp-text-secondary);
}
.posts-list .entry-title a,
.bp-post-nav a,
.bp-author-bio__title,
.bp-footer-brand h2,
.bp-footer-brand h3,
.bp-faq__item > h3,
.bp-faq__item > summary,
.rank-math-question {
color: var(--bp-text);
}
.site-footer,
.footer-widgets,
.inside-site-footer,
.site-info {
border-top-color: var(--bp-border-soft);
}
img,
video,
iframe {
color-scheme: light;
}
}