:root {
--forest:#1d5fd1;
--forest-dark:#10213c;
--moss:#e9f1ff;
--sand:#f5f7fc;
--ink:#1d2c44;
--muted:#5f6f87;
--line:#d4deef;
--sun:#e0a640}
.site-header {
backdrop-filter:saturate(140%) blur(10px);
z-index:1030}
.site-search-form {
display:flex;
gap:0;
align-items:center}
.site-search-form .form-control {
min-width:12rem;
border-radius:999px 0 0 999px;
border-right:0}
.site-search-form .form-control:focus {
position:relative;
z-index:2}
.site-search-form .btn {
border-radius:0 999px 999px 0;
white-space:nowrap}
.hero {
background:linear-gradient(135deg,#eef4e7 0%,#fbf7ea 52%,#e6f0ea 100%);
overflow:hidden}
.hero-visual {
position:relative;
min-height:260px}
.hero-visual img {
width:100%;
filter:drop-shadow(0 22px 32px rgba(20,32,24,.13))}
.eyebrow {
display:inline-flex;
align-items:center;
gap:.45rem;
color:#295f3c;
font-weight:800;
text-transform:uppercase;
letter-spacing:.08em;
font-size:.78rem}
.eyebrow::before {
content:"";
width:.75rem;
height:.75rem;
background:var(--sun);
border-radius:50%}
.hero-breadcrumbs {
display:flex;
align-items:center;
flex-wrap:wrap;
gap:.4rem;
color:#295f3c;
font-weight:800;
text-transform:uppercase;
letter-spacing:.08em;
font-size:.78rem;
margin-bottom:1rem}
.hero-breadcrumbs::before {
content:"";
width:.75rem;
height:.75rem;
background:var(--sun);
border-radius:50%;
flex:0 0 auto}
.hero-breadcrumbs a {
color:#295f3c;
text-decoration:none}
.hero-breadcrumbs a:hover {
text-decoration:underline;
text-underline-offset:.18em}
.hero-breadcrumb-current {
color:var(--ink)}
.topic-nav {
display:grid;
gap:.75rem;
margin-top:1.5rem}
.topic-nav-label {
font-size:.8rem;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
color:#38503d}
.topic-nav-links {
display:flex;
flex-wrap:wrap;
gap:.55rem}
.topic-pill {
display:inline-flex;
align-items:center;
padding:.45rem .8rem;
border:1px solid rgba(47,107,66,.16);
border-radius:999px;
background:rgba(255,255,255,.75);
color:#2c4335;
font-weight:700;
text-decoration:none}
.topic-pill:hover {
background:#fff;
border-color:rgba(47,107,66,.28);
color:#1f3126}
.topic-pill.is-active,.topic-pill[aria-current=page] {
background:#fff;
border-color:#7da88a;
color:var(--forest);
box-shadow:0 .3rem .9rem rgba(20,32,24,.05)}
.content-narrow {
max-width:780px}
.section-pad {
padding:4rem 0}
.soft-card {
background:#fff;
border:1px solid var(--line);
border-radius:1.25rem;
padding:1.35rem;
box-shadow:0 .4rem 1.3rem rgba(20,32,24,.06)}
.notice {
position:relative;
background:#f4f8ef;
border:1px solid #c7d9c1;
border-left:5px solid var(--forest);
border-radius:1rem;
padding:1.1rem 1.15rem;
box-shadow:0 .35rem 1.2rem rgba(20,32,24,.05)}
.notice-kicker {
display:block;
margin-bottom:.45rem;
color:#295f3c;
font-size:.74rem;
font-weight:850;
text-transform:uppercase;
letter-spacing:.08em}
.check-list {
padding-left:0;
list-style:none}
.check-list li {
position:relative;
padding-left:1.8rem;
margin-bottom:.65rem}
.check-list li::before {
content:"\2713";
position:absolute;
left:0;
top:0;
color:var(--forest);
font-weight:900}
.guide-body h2 {
margin-top:2.5rem}
.guide-body h3 {
margin-top:1.8rem}
.guide-body p,.guide-body li {
font-size:1.04rem}
.guide-body .table {
font-size:.98rem}
.info-grid {
display:grid;
grid-template-columns:1fr;
gap:1rem}
@media(min-width:768px) {
.info-grid {
grid-template-columns:repeat(3,1fr)}
}
.pill-row {
display:flex;
flex-wrap:wrap;
gap:.5rem}
.pill {
display:inline-flex;
padding:.45rem .7rem;
border:1px solid var(--line);
border-radius:999px;
background:#fff;
color:#38503d;
font-weight:650;
font-size:.9rem}
.category-band {
background:#f8faf5;
border-top:1px solid var(--line);
border-bottom:1px solid var(--line)}
.article-meta {
color:var(--muted);
font-size:.95rem}
.product-links {
display:grid;
grid-template-columns:1fr;
gap:.75rem;
margin-top:1rem}
@media(min-width:768px) {
.product-links {
grid-template-columns:repeat(2,1fr)}
}
.partner-card {
border:1px solid var(--line);
border-radius:1rem;
padding:1rem;
background:#fff}
.footer-links a {
color:rgba(255,255,255,.75)}
.footer-links a:hover {
color:#fff}
.logo-text {
font-weight:900}
.skip-link {
position:absolute;
left:-999px}
.skip-link:focus {
left:1rem;
top:1rem;
z-index:9999;
background:#fff;
padding:.5rem 1rem;
border-radius:.5rem}
.toc {
border-left:4px solid var(--forest);
background:#f7faf5;
border-radius:0 1rem 1rem 0;
padding:1rem;
z-index:1}
.toc.sticky-top {
top:5.25rem}
.toc a {
display:block;
margin:.2rem 0}
.callout {
background:#eef4e7;
border:1px solid #cbdcc9;
border-radius:1rem;
padding:1rem}
.warning {
background:#fff8ee;
border-color:#efd1a4}
.hero .btn {
margin-right:.5rem;
margin-top:.5rem}
.bg-pattern {
background-image:radial-gradient(rgba(47,107,66,.14) 1px,transparent 1px);
background-size:18px 18px}
.rounded-img {
border-radius:1.25rem;
border:1px solid var(--line)}
.search-hero-form {
display:flex;
gap:0;
margin-top:1.5rem}
.search-hero-form .form-control {
border-radius:999px 0 0 999px;
border-right:0;
padding-left:1.2rem}
.search-hero-form .form-control:focus {
position:relative;
z-index:2}
.search-hero-form .btn {
border-radius:0 999px 999px 0;
white-space:nowrap}
.search-results {
display:grid;
gap:1rem;
max-width:900px}
.search-result-card {
background:#fff;
border:1px solid var(--line);
border-radius:1.15rem;
padding:1.15rem;
box-shadow:0 .35rem 1.2rem rgba(20,32,24,.05)}
.search-result-card h3 {
margin-bottom:.4rem}
.search-result-card p {
margin-bottom:.55rem;
color:var(--muted)}
.search-result-url {
font-size:.92rem;
font-weight:750;
color:#295f3c}
.search-suggestions {
display:flex;
align-items:center;
flex-wrap:wrap;
gap:.55rem}
.search-suggestions span {
font-weight:800;
color:#38503d}
.search-suggestions a {
display:inline-flex;
border:1px solid var(--line);
border-radius:999px;
background:#fff;
padding:.35rem .65rem;
font-weight:700;
text-decoration:none}
.article-hero {
padding:4rem 0 2.25rem;
background:linear-gradient(135deg,#eef4e7 0%,#fbf7ea 58%,#e8efe4 100%)}
.article-hero .lead {
max-width:780px}
.article-hero-scene {
max-width:860px;
margin:1.5rem auto 0;
border:1px solid var(--line);
border-radius:1.25rem;
overflow:hidden;
background:#f7faf5;
box-shadow:0 .6rem 1.5rem rgba(20,32,24,.05)}
.article-hero-scene img {
display:block;
width:100%;
height:260px;
object-fit:cover;
object-position:center 56%}
.article-hero-note {
max-width:860px;
margin:.75rem auto 0}
.article-figure-card {
display:grid;
grid-template-columns:1fr;
gap:1rem;
align-items:center;
margin:2rem 0;
padding:1rem;
background:#f8faf5;
border:1px solid var(--line);
border-radius:1.25rem}
.article-figure-card img {
width:100%;
border-radius:1rem;
background:#fff;
border:1px solid var(--line)}
.article-figure-card figcaption {
margin:0}
.article-figure-card .figure-kicker {
display:block;
margin-bottom:.35rem;
color:#295f3c;
font-weight:800;
text-transform:uppercase;
letter-spacing:.06em;
font-size:.74rem}
.article-figure-card p {
margin-bottom:0}
.article-figure-card.compact img {
max-height:240px;
object-fit:cover}
@media(min-width:768px) {
.article-figure-card {
grid-template-columns:minmax(190px,36%) 1fr;
padding:1.15rem}
.article-figure-card.reverse {
grid-template-columns:1fr minmax(190px,36%)}
.article-figure-card.reverse img {
order:2}
.article-figure-card.reverse figcaption {
order:1}
.article-figure-card.compact {
max-width:92%;
margin-left:auto;
margin-right:auto}
}
@media(max-width:767.98px) {
.article-hero {
padding:3rem 0 2rem}
.article-hero-scene {
margin-top:1.2rem;
border-radius:1.1rem}
.article-hero-scene img {
height:220px}
.toc.sticky-top {
position:static}
.hero-breadcrumbs {
margin-bottom:.85rem}
.topic-nav {
margin-top:1.25rem}
.article-figure-card {
margin:1.5rem 0}
.article-figure-card.compact img {
max-height:none}
.search-hero-form {
display:flex}
.search-hero-form .form-control {
min-width:0}
.search-hero-form .btn {
flex:0 0 auto}
.site-search-form {
width:100%;
align-items:stretch}
.site-search-form .form-control {
min-width:0;
flex:1}
.site-search-form .btn {
flex:0 0 auto}
}

.home-hero {
position:relative}
.home-hero::after {
content:"";
position:absolute;
inset:auto -8rem -12rem auto;
width:26rem;
height:26rem;
border-radius:50%;
background:rgba(224,166,64,.14);
pointer-events:none}
.home-hero-actions {
display:flex;
flex-wrap:wrap;
gap:.55rem;
margin-top:1.35rem}
.hero-trust-row {
display:flex;
flex-wrap:wrap;
gap:.55rem;
margin-top:1.35rem}
.hero-trust-row span {
display:inline-flex;
align-items:center;
padding:.4rem .65rem;
border-radius:999px;
background:rgba(255,255,255,.76);
border:1px solid rgba(47,107,66,.16);
font-size:.88rem;
font-weight:700;
color:#38503d}
.home-hero-visual {
isolation:isolate;
max-width:520px;
margin-left:auto}
.home-hero-visual::before {
content:"";
position:absolute;
inset:8% 4% 6% 8%;
border-radius:2rem;
background:rgba(255,255,255,.48);
border:1px solid rgba(255,255,255,.8);
z-index:-1;
transform:rotate(-2deg)}
.home-hero-photo {
display:block;
aspect-ratio:4/5;
object-fit:cover;
object-position:center center;
border-radius:2rem;
border:1px solid rgba(255,255,255,.85);
box-shadow:0 1rem 2.4rem rgba(20,32,24,.16)}
.home-hero-note {
position:absolute;
left:1.25rem;
right:1.25rem;
bottom:.75rem;
display:flex;
gap:.5rem;
align-items:center;
justify-content:center;
flex-wrap:wrap;
background:rgba(255,255,255,.9);
border:1px solid var(--line);
border-radius:999px;
padding:.65rem 1rem;
box-shadow:0 .45rem 1.4rem rgba(20,32,24,.1);
font-size:.94rem}
.home-step-card {
position:relative;
background:#fff;
border:1px solid var(--line);
border-radius:1.35rem;
padding:1.25rem;
box-shadow:0 .45rem 1.35rem rgba(20,32,24,.06);
transition:transform .16s ease,box-shadow .16s ease}
.home-step-card:hover {
transform:translateY(-3px);
box-shadow:0 .8rem 1.8rem rgba(20,32,24,.1)}
.home-step-card span {
display:inline-flex;
width:2.05rem;
height:2.05rem;
align-items:center;
justify-content:center;
margin-bottom:.85rem;
border-radius:50%;
background:#eef4e7;
color:#295f3c;
font-weight:900}
.home-step-card a,.home-image-card a {
font-weight:800}
.home-image-card {
display:flex;
flex-direction:column;
overflow:hidden;
background:#fff;
border:1px solid var(--line);
border-radius:1.35rem;
box-shadow:0 .45rem 1.35rem rgba(20,32,24,.06)}
.home-image-card img {
width:100%;
height:190px;
object-fit:cover;
object-position:center;
background:#f8faf5;
border-bottom:1px solid var(--line);
padding:0}
.home-image-card div {
padding:1.1rem}
.home-image-card p {
color:var(--muted)}
.home-partner-grid {
display:grid;
grid-template-columns:1fr;
gap:.85rem}
@media(min-width:768px) {
.home-partner-grid {
grid-template-columns:repeat(2,1fr)}
}
.home-partner-card {
background:#fff;
border:1px solid var(--line);
border-radius:1.15rem;
padding:1rem;
box-shadow:0 .35rem 1.2rem rgba(20,32,24,.05)}
.home-partner-card h3 {
margin-bottom:.35rem}
.home-partner-card p {
font-size:.94rem;
color:var(--muted);
margin-bottom:.75rem}
.home-rhythm {
background:#f8faf5;
border:1px solid var(--line);
border-radius:1.1rem;
padding:1rem}
.home-rhythm strong {
display:block;
color:#295f3c;
margin-bottom:.4rem}
.home-rhythm p {
margin-bottom:0;
color:var(--muted)}
@media(max-width:767.98px) {
.home-hero-visual {
max-width:none}
.home-hero-photo {
aspect-ratio:16/10;
border-radius:1.35rem}
.home-hero-note {
position:static;
margin-top:1rem;
border-radius:1rem}
.home-image-card img {
height:165px}
.home-hero-actions .btn {
width:100%;
margin-right:0}
.hero-trust-row span {
font-size:.82rem}
}
.selector-shell {
display:grid;
gap:1.25rem}
.selector-grid {
display:grid;
grid-template-columns:1fr;
gap:1rem}
@media(min-width:992px) {
.selector-grid {
grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
}
.selector-panel {
background:#fff;
border:1px solid var(--line);
border-radius:1.25rem;
padding:1.25rem;
box-shadow:0 .45rem 1.35rem rgba(20,32,24,.06)}
.selector-panel h2,.selector-panel h3 {
margin-bottom:.75rem}
.selector-group {
border:0;
padding:0;
margin:0 0 1rem}
.selector-group legend {
font-size:.82rem;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
color:#38503d;
margin-bottom:.6rem}
.selector-choices {
display:grid;
grid-template-columns:1fr;
gap:.6rem}
@media(min-width:576px) {
.selector-choices {
grid-template-columns:repeat(2,1fr)}
}
.selector-choice {
position:relative}
.selector-choice input {
position:absolute;
opacity:0;
pointer-events:none}
.selector-choice label {
display:block;
height:100%;
padding:.9rem 1rem;
border:1px solid var(--line);
border-radius:1rem;
background:#fff;
color:#243327;
font-weight:700;
cursor:pointer;
transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.selector-choice label small {
display:block;
margin-top:.25rem;
color:var(--muted);
font-weight:500;
line-height:1.4}
.selector-choice input:checked+label {
border-color:#7da88a;
box-shadow:0 .45rem 1rem rgba(20,32,24,.07);
background:#f7faf5;
color:var(--forest)}
.selector-choice label:hover {
transform:translateY(-1px);
border-color:#b8c7bb}
.selector-results {
display:grid;
gap:1rem}
.selector-result {
display:none}
.selector-result.is-active {
display:block}
.selector-context-note {
margin:0;
padding:1rem;
border:1px dashed #c7d9c1;
border-radius:1rem;
background:#f8faf5;
color:#38503d}
.selector-link-row {
display:flex;
flex-wrap:wrap;
gap:.75rem;
margin-top:1rem}
.selector-chip-row {
display:flex;
flex-wrap:wrap;
gap:.5rem;
margin-bottom:.85rem}
.selector-chip {
display:inline-flex;
align-items:center;
padding:.35rem .6rem;
border-radius:999px;
background:#eef4e7;
color:#295f3c;
font-size:.82rem;
font-weight:800}
.faq-list {
display:grid;
gap:1rem}
.faq-item {
background:#fff;
border:1px solid var(--line);
border-radius:1rem;
padding:1rem 1.05rem}
.faq-item h3 {
font-size:1.05rem;
margin-bottom:.45rem}
.guide-link-grid {
display:grid;
grid-template-columns:1fr;
gap:.9rem}
@media(min-width:768px) {
.guide-link-grid {
grid-template-columns:repeat(3,1fr)}
}

.home-hero {
position:relative}
.home-hero::after {
content:"";
position:absolute;
inset:auto -8rem -12rem auto;
width:26rem;
height:26rem;
border-radius:50%;
background:rgba(224,166,64,.14);
pointer-events:none}
.home-hero-actions {
display:flex;
flex-wrap:wrap;
gap:.55rem;
margin-top:1.35rem}
.hero-trust-row {
display:flex;
flex-wrap:wrap;
gap:.55rem;
margin-top:1.35rem}
.hero-trust-row span {
display:inline-flex;
align-items:center;
padding:.4rem .65rem;
border-radius:999px;
background:rgba(255,255,255,.76);
border:1px solid rgba(47,107,66,.16);
font-size:.88rem;
font-weight:700;
color:#38503d}
.home-focus-card li+li {
margin-top:.65rem}
.home-hero-visual {
isolation:isolate;
max-width:520px;
margin-left:auto}
.home-hero-visual::before {
content:"";
position:absolute;
inset:8% 4% 6% 8%;
border-radius:2rem;
background:rgba(255,255,255,.48);
border:1px solid rgba(255,255,255,.8);
z-index:-1;
transform:rotate(-2deg)}
.home-hero-photo {
display:block;
aspect-ratio:4/5;
object-fit:cover;
object-position:center center;
border-radius:2rem;
border:1px solid rgba(255,255,255,.85);
box-shadow:0 1rem 2.4rem rgba(20,32,24,.16)}
.home-hero-note {
position:absolute;
left:1.25rem;
right:1.25rem;
bottom:.75rem;
display:flex;
gap:.5rem;
align-items:center;
justify-content:center;
flex-wrap:wrap;
background:rgba(255,255,255,.9);
border:1px solid var(--line);
border-radius:999px;
padding:.65rem 1rem;
box-shadow:0 .45rem 1.4rem rgba(20,32,24,.1);
font-size:.94rem}
.home-step-card {
position:relative;
background:#fff;
border:1px solid var(--line);
border-radius:1.35rem;
padding:1.25rem;
box-shadow:0 .45rem 1.35rem rgba(20,32,24,.06);
transition:transform .16s ease,box-shadow .16s ease}
.home-step-card:hover {
transform:translateY(-3px);
box-shadow:0 .8rem 1.8rem rgba(20,32,24,.1)}
.home-step-card span {
display:inline-flex;
width:2.05rem;
height:2.05rem;
align-items:center;
justify-content:center;
margin-bottom:.85rem;
border-radius:50%;
background:#eef4e7;
color:#295f3c;
font-weight:900}
.home-step-card a,.home-image-card a {
font-weight:800}
.home-image-card {
display:flex;
flex-direction:column;
overflow:hidden;
background:#fff;
border:1px solid var(--line);
border-radius:1.35rem;
box-shadow:0 .45rem 1.35rem rgba(20,32,24,.06)}
.home-image-card img {
width:100%;
height:190px;
object-fit:cover;
object-position:center;
background:#f8faf5;
border-bottom:1px solid var(--line);
padding:0}
.home-image-card div {
padding:1.1rem}
.home-image-card p {
color:var(--muted)}
.home-partner-grid {
display:grid;
grid-template-columns:1fr;
gap:.85rem}
@media(min-width:768px) {
.home-partner-grid {
grid-template-columns:repeat(2,1fr)}
}
.home-partner-card {
background:#fff;
border:1px solid var(--line);
border-radius:1.15rem;
padding:1rem;
box-shadow:0 .35rem 1.2rem rgba(20,32,24,.05)}
.home-partner-card h3 {
margin-bottom:.35rem}
.home-partner-card p {
font-size:.94rem;
color:var(--muted);
margin-bottom:.75rem}
.home-rhythm {
background:#f8faf5;
border:1px solid var(--line);
border-radius:1.1rem;
padding:1rem}
.home-rhythm strong {
display:block;
color:#295f3c;
margin-bottom:.4rem}
.home-rhythm p {
margin-bottom:0;
color:var(--muted)}
@media(max-width:767.98px) {
.home-hero-visual {
max-width:none}
.home-hero-photo {
aspect-ratio:16/10;
border-radius:1.35rem}
.home-hero-note {
position:static;
margin-top:1rem;
border-radius:1rem}
.home-image-card img {
height:165px}
.home-hero-actions .btn {
width:100%;
margin-right:0}
.hero-trust-row span {
font-size:.82rem}
}
.selector-shell {
display:grid;
gap:1.25rem}
.selector-grid {
display:grid;
grid-template-columns:1fr;
gap:1rem}
@media(min-width:992px) {
.selector-grid {
grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr)}
}
.selector-panel {
background:#fff;
border:1px solid var(--line);
border-radius:1.25rem;
padding:1.25rem;
box-shadow:0 .45rem 1.35rem rgba(20,32,24,.06)}
.selector-panel h2,.selector-panel h3 {
margin-bottom:.75rem}
.selector-group {
border:0;
padding:0;
margin:0 0 1rem}
.selector-group legend {
font-size:.82rem;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
color:#38503d;
margin-bottom:.6rem}
.selector-choices {
display:grid;
grid-template-columns:1fr;
gap:.6rem}
@media(min-width:576px) {
.selector-choices {
grid-template-columns:repeat(2,1fr)}
}
.selector-choice {
position:relative}
.selector-choice input {
position:absolute;
opacity:0;
pointer-events:none}
.selector-choice label {
display:block;
height:100%;
padding:.9rem 1rem;
border:1px solid var(--line);
border-radius:1rem;
background:#fff;
color:#243327;
font-weight:700;
cursor:pointer;
transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}
.selector-choice label small {
display:block;
margin-top:.25rem;
color:var(--muted);
font-weight:500;
line-height:1.4}
.selector-choice input:checked+label {
border-color:#7da88a;
box-shadow:0 .45rem 1rem rgba(20,32,24,.07);
background:#f7faf5;
color:var(--forest)}
.selector-choice label:hover {
transform:translateY(-1px);
border-color:#b8c7bb}
.selector-results {
display:grid;
gap:1rem}
.selector-result {
display:none}
.selector-result.is-active {
display:block}
.selector-context-note {
margin:0;
padding:1rem;
border:1px dashed #c7d9c1;
border-radius:1rem;
background:#f8faf5;
color:#38503d}
.selector-chip-row {
display:flex;
flex-wrap:wrap;
gap:.5rem;
margin-bottom:.85rem}
.selector-chip {
display:inline-flex;
align-items:center;
padding:.35rem .6rem;
border-radius:999px;
background:#eef4e7;
color:#295f3c;
font-size:.82rem;
font-weight:800}
.partner-pick-list {
display:grid;
gap:.8rem;
margin-top:1.15rem}
.partner-pick {
display:grid;
grid-template-columns:auto minmax(0,1fr) auto;
gap:.9rem;
align-items:center;
padding:.95rem 1rem;
border:1px solid var(--line);
border-radius:1rem;
background:#fff;
color:#233126;
text-decoration:none;
box-shadow:0 .25rem 1rem rgba(20,32,24,.04);
transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.partner-pick:hover {
transform:translateY(-1px);
box-shadow:0 .55rem 1.3rem rgba(20,32,24,.08);
border-color:#bfcbbf;
color:#233126}
.partner-pick-brand {
display:grid;
gap:.35rem;
justify-items:start}
.partner-pick-logo {
width:96px;
height:28px;
object-fit:contain}
.partner-pick-brand-name {
font-size:.78rem;
font-weight:700;
color:#667467}
.partner-pick-copy {
display:grid;
gap:.2rem;
min-width:0}
.partner-pick-title {
font-weight:800;
line-height:1.25}
.partner-pick-note {
font-size:.92rem;
color:var(--muted);
line-height:1.45}
.partner-pick-arrow {
font-size:1.7rem;
line-height:1;
color:#7d8a7e}
.faq-list {
display:grid;
gap:1rem}
.faq-item {
background:#fff;
border:1px solid var(--line);
border-radius:1rem;
padding:1rem 1.05rem}
.faq-item h3 {
font-size:1.05rem;
margin-bottom:.45rem}
.guide-link-grid {
display:grid;
grid-template-columns:1fr;
gap:.9rem}
@media(min-width:768px) {
.guide-link-grid {
grid-template-columns:repeat(3,1fr)}
}

.brand-lockup {
color:inherit}
.brand-symbol {
display:block;
width:34px;
height:34px;
object-fit:contain}
.brand-wordmark {
font-family:Georgia,'Times New Roman',serif;
font-size:2rem;
font-weight:700;
line-height:1;
color:#13211e;
letter-spacing:0}
.brand-wordmark span {
color:#1f6a5b}
.brand-wordmark-light {
color:#fff}
.brand-wordmark-light span {
color:#d6efe8}
.card-title-link {
position:relative;
z-index:1;
color:inherit;
text-decoration:none}
.card-title-link:hover {
color:var(--forest)}
.card-grid-title {
font-size:1.95rem;
line-height:1.1;
min-height:4.3rem;
margin-bottom:.9rem}
.card-link-hint {
position:relative;
z-index:1;
margin-top:.85rem;
color:#2f63c8;
font-weight:700}

.brand-logo {
display:block;
height:40px;
width:auto;
max-width:min(180px,42vw);
object-fit:contain}
.brand-logo-footer {
height:44px;
max-width:min(220px,58vw)}




.navbar-toggler {
    margin-left: auto;
}

.partner-pick-brand-name {
    display: none;
}

.partner-pick-logo {
    width: 124px;
    height: 36px;
    object-fit: contain;
}

.partner-inline-link {
    color: var(--forest);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: .08em;
    text-underline-offset: .16em;
}

.partner-inline-link:hover {
    color: #153f8d;
}

@media (max-width: 991.98px) {
    .navbar .container {
        row-gap: .5rem;
    }

    .navbar-collapse {
        flex-basis: 100%;
    }

    .brand-logo {
        max-width: min(180px, 46vw);
    }
}

/* Development overrides: blue brand pass */
.btn-primary {
    --bs-btn-bg: #1d5fd1;
    --bs-btn-border-color: #1d5fd1;
    --bs-btn-hover-bg: #184fb0;
    --bs-btn-hover-border-color: #184fb0;
    --bs-btn-active-bg: #153f8d;
    --bs-btn-active-border-color: #153f8d;
    --bs-btn-focus-shadow-rgb: 29, 95, 209;
}

.btn-outline-primary {
    --bs-btn-color: #1d5fd1;
    --bs-btn-border-color: #1d5fd1;
    --bs-btn-hover-bg: #1d5fd1;
    --bs-btn-hover-border-color: #1d5fd1;
    --bs-btn-hover-color: #fff;
    --bs-btn-active-bg: #184fb0;
    --bs-btn-active-border-color: #184fb0;
}

.hero,
.article-hero {
    background: linear-gradient(135deg, #edf4ff 0%, #f7f9fd 52%, #e7f0ff 100%);
}

.eyebrow,
.hero-breadcrumbs,
.hero-breadcrumbs a,
.notice-kicker,
.search-result-url,
.article-figure-card .figure-kicker,
.selector-context-note,
.topic-nav-label,
.search-suggestions span,
.home-rhythm strong,
.selector-group legend,
.selector-chip,
.partner-inline-link,
.card-link-hint {
    color: #1d4fa8;
}

.topic-pill,
.hero-trust-row span {
    border-color: rgba(29, 95, 209, .16);
    color: #284369;
}

.topic-pill:hover {
    border-color: rgba(29, 95, 209, .28);
    color: #17345e;
}

.topic-pill.is-active,
.topic-pill[aria-current=page],
.selector-choice input:checked + label {
    border-color: #7ea6ea;
    background: #f3f7ff;
    color: #1d5fd1;
}

.notice,
.callout,
.selector-context-note,
.article-hero-scene,
.home-rhythm,
.toc,
.selector-chip {
    background: #f4f8ff;
}

.toc,
.notice {
    border-left-color: #1d5fd1;
}

.bg-pattern {
    background-image: radial-gradient(rgba(29, 95, 209, .14) 1px, transparent 1px);
}

.partner-pick-arrow {
    color: #6b84b6;
}

/* Design system pass: full blue identity */
html, body {
    color: #233754;
}

body,
p,
li,
.card-text,
.partner-pick-note,
.article-meta,
.text-white-75,
.search-result-card p,
.home-image-card p,
.home-partner-card p,
.home-rhythm p {
    color: #4d6285;
}

h1,
h2,
h3,
h4,
h5,
h6,
.card-title-link,
.partner-pick-title,
.nav-link,
.navbar-brand,
.hero-breadcrumb-current {
    color: #1c304b;
}

.nav-link:hover,
.nav-link:focus,
.card-title-link:hover,
.footer-links a:hover {
    color: #1d5fd1;
}

.site-header {
    border-bottom-color: #d7e2f3 !important;
}

.site-footer {
    background: #0f1d34 !important;
}

.site-footer .text-white-75,
.site-footer .small,
.site-footer .footer-links a {
    color: rgba(235, 242, 255, .82) !important;
}

.site-footer .footer-links a:hover {
    color: #ffffff !important;
}

.footer-summary {
    color: rgba(235, 242, 255, .88) !important;
}

.footer-heading {
    color: #f4f7ff !important;
    font-size: 1rem;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.footer-rule {
    border-color: rgba(123, 154, 214, .35) !important;
}

.eyebrow::before,
.hero-breadcrumbs::before {
    background: #5e8fe6;
}

.eyebrow,
.hero-breadcrumbs,
.hero-breadcrumbs a,
.notice-kicker,
.selector-group legend,
.selector-chip,
.topic-nav-label,
.search-suggestions span,
.home-rhythm strong,
.article-figure-card .figure-kicker,
.partner-inline-link,
.card-link-hint {
    color: #4b6fae !important;
}

.hero,
.article-hero,
.section-pad.bg-light,
.category-band {
    background: linear-gradient(180deg, #f5f8fe 0%, #eef4fd 100%);
}

.soft-card,
.faq-item,
.partner-pick,
.search-result-card,
.card,
.notice,
.callout,
.toc,
.selector-panel,
.article-hero-scene,
.home-rhythm,
.selector-context-note {
    border-color: #d6e1f2;
    box-shadow: 0 .45rem 1.35rem rgba(25, 64, 130, .06);
}

.notice,
.callout,
.toc,
.selector-context-note,
.selector-chip {
    background: #f4f8ff;
}

.toc,
.notice {
    border-left-color: #1d5fd1;
}

.topic-pill,
.hero-trust-row span,
.pill {
    border-color: rgba(29, 95, 209, .18);
    color: #39537d;
    background: rgba(255, 255, 255, .88);
}

.topic-pill:hover,
.pill:hover {
    border-color: rgba(29, 95, 209, .32);
    color: #204375;
}

.topic-pill.is-active,
.topic-pill[aria-current=page],
.selector-choice input:checked + label {
    border-color: #8fb2ee !important;
    background: #f2f7ff !important;
    color: #1d5fd1 !important;
}

.selector-choice label:hover {
    border-color: #b8cbef;
}

.partner-inline-link {
    text-decoration-color: rgba(29, 95, 209, .45);
}

.partner-inline-link:hover {
    color: #153f8d;
}

.partner-pick-arrow {
    color: #5c7db6;
}

.partner-pick-brand {
    width: 118px;
    overflow: hidden;
}

.partner-pick-logo {
    width: 150px;
    height: 42px;
    object-fit: contain;
    transform: scale(1.22);
    transform-origin: left center;
}

.check-list li::before {
    color: #2c6cf0;
}

.btn-primary,
.site-search-form .btn,
.site-search-form .btn.btn-primary,
.search-hero-form .btn {
    color: #fff !important;
    background: #1d5fd1 !important;
    border-color: #1d5fd1 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.site-search-form .btn:hover,
.site-search-form .btn:focus,
.site-search-form .btn.btn-primary:hover,
.site-search-form .btn.btn-primary:focus,
.search-hero-form .btn:hover,
.search-hero-form .btn:focus {
    background: #184fb0 !important;
    border-color: #184fb0 !important;
}

.btn-outline-primary {
    color: #1d5fd1 !important;
    border-color: #1d5fd1 !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    color: #fff !important;
    background: #1d5fd1 !important;
    border-color: #1d5fd1 !important;
}

.bg-pattern {
    background-image: radial-gradient(rgba(29, 95, 209, .14) 1px, transparent 1px);
}

.article-hero h1,
.guide-body h2,
.guide-body h3,
.soft-card h2,
.soft-card h3,
.faq-item h3,
.card h3,
.card h2,
.partner-pick-title {
    color: #213a63;
}

.guide-body p,
.guide-body li,
.soft-card p,
.soft-card li,
.faq-item p,
.card p {
    color: #516a92;
}

.site-footer h2,
.site-footer h3,
.site-footer .h6 {
    color: #f4f7ff !important;
}

.site-footer .brand-lockup,
.site-footer .footer-summary,
.site-footer .footer-links,
.site-footer .small {
    color: rgba(235, 242, 255, .88);
}

.site-footer .small {
    display: block;
    width: 100%;
    text-align: center;
}
