:root{--ink:#171b26;--muted:#626774;--blue:#2458ed;--line:#e6e8ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,summary{cursor:pointer}img{max-width:100%;display:block}.wrap{width:min(1100px,calc(100% - 80px));margin-inline:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.13;font-weight:500;letter-spacing:-1.6px}h1{font-size:clamp(46px,6.5vw,82px)}h2{font-size:clamp(30px,3.6vw,44px)}h3{font-size:23px;letter-spacing:-.5px}p{margin-bottom:20px}.header{background:#fff;border-bottom:1px solid var(--line)}.nav{min-height:98px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:700;letter-spacing:-1px;line-height:1.2;white-space:nowrap}.brand-light{font-weight:400;margin-left:5px}.brand img{width:35px;height:35px}.brand small{display:none}.nav nav{display:flex;align-items:center;gap:26px;font-size:12px}.nav nav a{padding-block:10px}.nav nav a:hover,.nav nav [aria-current]{color:var(--blue)}.nav nav .nav-cta{background:var(--ink);color:#fff;padding:10px 19px;border-radius:4px}.menu-toggle{display:none}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:600;color:var(--blue);margin-bottom:22px}.lead{font-size:19px;line-height:1.65;color:var(--muted);max-width:570px;margin-top:25px;margin-bottom:30px}.button{background:var(--blue);border:1px solid var(--blue);border-radius:4px;color:#fff;padding:14px 24px;min-height:50px;display:inline-flex;gap:35px;align-items:center;justify-content:space-between;font-size:14px;font-weight:500}.button:hover{background:#1744c4}.button span{font-size:19px}.text-link{font-size:14px;color:var(--blue);border-bottom:1px solid #becdfa;padding-bottom:4px}.simple-hero{padding-top:95px;padding-bottom:85px}.simple-hero h1 span{color:var(--blue)}.simple-hero .lead{max-width:510px}.hero-note{font-size:12px;color:#767b87;margin-top:34px;margin-bottom:0}.simple-services{border-top:1px solid var(--line);padding-top:55px;padding-bottom:65px}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:40px}.section-heading>p{max-width:350px;color:var(--muted);font-size:15px;margin-bottom:0}.service-row{display:grid;grid-template-columns:65px 1fr 45px;gap:20px;border-top:1px solid var(--line);padding:30px 0;align-items:start}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row h3{margin-bottom:10px}.service-row p{max-width:590px;color:var(--muted);font-size:15px;margin:0}.service-row:hover h3{color:var(--blue)}.number{color:#8a8e99;font-size:12px;display:block;padding-top:3px}.row-arrow{font-size:26px;color:var(--blue);text-align:right}.simple-about{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:25px;padding-bottom:90px}.simple-about p{color:var(--muted);font-size:16px}.contact{background:#f5f7fc;border:1px solid #edf0f6;border-radius:8px;padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:70px;scroll-margin-top:30px}.contact h2{font-size:38px;margin-bottom:22px}.contact p{color:var(--muted);font-size:14px}.contact .eyebrow{display:none}.contact-link{display:block;font-size:14px;margin-bottom:12px;overflow-wrap:anywhere}.small,.contact .small{font-size:11px;color:var(--muted);margin-top:15px;margin-bottom:0}.contact h3{font-size:22px;margin-bottom:22px}label{font-size:12px;display:block;margin-bottom:15px}input,textarea{display:block;width:100%;background:#fff;border:1px solid #d6dbe6;border-radius:4px;min-height:45px;padding:9px 12px;margin-top:7px;color:var(--ink)}textarea{resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact .button{width:100%}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--blue);outline-offset:4px}footer{border-top:1px solid var(--line);padding-top:35px;background:#fff}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;padding-bottom:30px}.footer-grid .brand{font-size:23px}.footer-grid p{color:var(--muted);font-size:12px;margin:0}.footer-grid>div{display:flex;justify-content:end;align-items:start;gap:22px;font-size:12px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;padding-block:20px;font-size:10px;color:#7c818c}.skip{position:absolute;top:-80px;background:#fff;padding:10px;z-index:50}.skip:focus{top:10px}.page-intro{padding-top:75px;padding-bottom:55px}.page-intro h1{font-size:clamp(42px,5.5vw,65px)}.section{padding-block:55px}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:35px}.values article{border-top:1px solid var(--line);padding-top:22px}.values h3{font-size:20px;margin:15px 0}.values p{font-size:14px;color:var(--muted)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.service{border-top:1px solid var(--line);padding-top:25px;padding-bottom:25px}.service h3{margin:18px 0 15px}.service p{font-size:14px;color:var(--muted)}.service a{color:var(--blue);font-size:13px;display:flex;justify-content:space-between}.about-band{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-bottom:55px}.about-band:has(>div:only-child){display:block;max-width:1100px}.about-band:has(>div:only-child)>div{max-width:700px}.about-band img{height:350px;width:100%;object-fit:cover;border-radius:5px}.about-band h2{margin-bottom:25px}.about-band p{font-size:16px;color:var(--muted)}.service-details>article{display:grid;grid-template-columns:1fr 1.3fr;gap:65px;border-top:1px solid var(--line);padding-block:40px}.service-details ul{margin:0;padding-left:18px;color:var(--muted);font-size:15px}.service-details li{margin-bottom:10px}.service-details p{color:var(--muted)}.notice{border-top:1px solid var(--line);padding:28px 0;margin-bottom:40px;color:var(--muted);font-size:14px}.notice h3{color:var(--ink);margin-bottom:15px}.faq-list{max-width:850px;padding-bottom:70px}details{border-top:1px solid var(--line);padding-block:25px}details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:30px;list-style:none;font-size:19px}summary::-webkit-details-marker{display:none}summary span{color:var(--blue);font-size:23px}details[open] summary span{transform:rotate(45deg)}details p{margin-top:20px;margin-bottom:0;color:var(--muted);font-size:15px}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.nav nav{gap:18px}.brand{font-size:22px}.contact{gap:35px;padding:35px}.services-grid{gap:22px}.about-band{gap:35px}.simple-about{gap:40px}}@media(max-width:760px){.wrap{width:calc(100% - 40px)}.nav{min-height:78px}.header{position:relative;z-index:10}.menu-toggle{display:block;border:1px solid var(--line);background:#fff;border-radius:4px;padding:9px 12px;font-size:12px;color:var(--ink)}.menu-toggle span{margin-left:10px}.nav nav{display:none;position:absolute;top:78px;left:0;right:0;padding:20px;background:#fff;border-bottom:1px solid var(--line)}.nav nav.open{display:flex;flex-direction:column;align-items:stretch;gap:3px}.nav nav a{padding:13px;font-size:14px}.nav nav .nav-cta{margin-top:10px}.simple-hero{padding-top:65px;padding-bottom:55px}.simple-hero h1{font-size:clamp(44px,11.5vw,62px);letter-spacing:-2px}.simple-hero .lead{font-size:17px;margin-top:25px;max-width:390px}.simple-hero .eyebrow{font-size:10px;margin-bottom:20px}.hero-note{font-size:10px;margin-top:27px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;max-width:100%}.simple-services{padding-top:40px;padding-bottom:45px}.service-row{grid-template-columns:25px 1fr 22px;gap:12px;padding-block:25px}.service-row h3{font-size:21px}.service-row p{font-size:14px}.row-arrow{font-size:22px}.simple-about{grid-template-columns:1fr;gap:25px;padding-top:0;padding-bottom:50px}.simple-about p{font-size:15px}.contact{grid-template-columns:1fr;gap:35px;padding:25px;margin-bottom:45px}.contact h2{font-size:33px}.form-row{grid-template-columns:1fr;gap:0}.contact-link{font-size:13px}.footer-grid{grid-template-columns:1fr;gap:23px}.footer-grid>div{justify-content:start}.footer-bottom{flex-direction:column;gap:10px;font-size:9px}.page-intro{padding-top:45px;padding-bottom:35px}.page-intro h1{font-size:42px}.lead{font-size:17px}.section{padding-block:35px}.values{grid-template-columns:1fr 1fr;gap:20px}.services-grid{grid-template-columns:1fr;gap:10px}.service h3{font-size:23px}.about-band{grid-template-columns:1fr;gap:25px;padding-bottom:35px}.about-band img{height:260px}.service-details>article{grid-template-columns:1fr;gap:20px;padding-block:30px}.service-details h2{font-size:31px}.service-details ul{font-size:14px}summary{font-size:17px}.faq-list{padding-bottom:45px}.values h3{font-size:19px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.contact-reveal{background:transparent;border:1px solid #c9d0df;border-radius:4px;padding:10px 16px;font-size:14px;color:var(--ink);cursor:pointer;margin-bottom:12px}.contact-reveal:hover{border-color:var(--blue);color:var(--blue)}button:disabled{opacity:.6;cursor:wait}.status{font-size:12px;min-height:1.7em;color:var(--muted)}.privacy-link{font-size:12px;text-decoration:underline}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:24px}.breadcrumb a{color:var(--blue)}

/* Follow the visitor's operating system without a separate theme preference. */
:root{color-scheme:light dark}
@media(prefers-color-scheme:dark){
:root{--ink:#edf0f7;--muted:#b0b8c8;--blue:#8aabff;--line:#303746}
body,.header,footer,.nav nav,.menu-toggle,.skip{background:#11151d;color:var(--ink)}
.button{background:#3767ef;border-color:#3767ef;color:#fff}.button:hover{background:#2855cf}
.nav nav .nav-cta{background:#edf0f7;color:#11151d}
.contact{background:#1a202b;border-color:#303746}
input,textarea{background:#11151d;border-color:#465065;color:var(--ink)}
.hero-note,.number,.footer-bottom{color:#a5aebe}
.contact-reveal{border-color:#566078;color:var(--ink)}
.text-link{border-bottom-color:#566c9f}
.about-band img{filter:brightness(.85)}
}

.whatsapp-button{display:block;background:#2458ed;border:1px solid #2458ed;color:#fff;border-radius:4px;padding:12px 20px;font-size:14px;min-height:48px;margin-bottom:16px;cursor:pointer}.whatsapp-button:hover{background:#1744c4}@media(prefers-color-scheme:dark){.whatsapp-button{background:#3767ef;border-color:#3767ef;color:#fff}}

/* Stronger section contrast without adding visual clutter. */
body{background:#f3f5f9}
.header{background:#fff}
.simple-hero{background:#14264b;color:#fff;border-radius:14px;padding:54px 60px 44px;margin-top:32px;margin-bottom:46px;box-shadow:0 18px 45px #15264b0b}
.simple-hero h1{font-size:clamp(44px,6vw,74px)}
.simple-hero h1 span{color:#a5c0ff}
.simple-hero .eyebrow{color:#c2d2f5}
.simple-hero .lead{color:#d5deef;max-width:560px;margin-top:23px;margin-bottom:25px}
.simple-hero .button{background:#fff;border-color:#fff;color:#14264b}
.simple-hero .button:hover{background:#e5ecfc;border-color:#e5ecfc}
.simple-hero .hero-note{color:#b8c8e7;margin-top:25px}
.simple-services{border-top:0;padding-top:0;padding-bottom:50px}
.service-row{background:#fff;border:1px solid #e0e5ef;border-radius:7px;padding:25px 28px;margin-bottom:12px}
.service-row:last-child{border-bottom:1px solid #e0e5ef}
.service-row:hover{border-color:#9aafe0}
.simple-about{padding-top:15px;padding-bottom:55px}
.contact{background:#e5ebf6;border-color:#dbe2ef;margin-bottom:50px}
footer{background:#fff}
@media(max-width:760px){
.simple-hero{padding:36px 27px 32px;margin-top:20px;margin-bottom:36px;border-radius:10px}
.simple-hero h1{font-size:clamp(37px,10vw,52px);letter-spacing:-1.6px}
.simple-hero .lead{font-size:16px;margin-top:21px}
.simple-hero .hero-note{font-size:10px;line-height:1.8}
.service-row{padding:22px 17px;gap:10px;grid-template-columns:23px 1fr 20px}
.simple-services{padding-bottom:35px}
.simple-about{padding-bottom:38px}
}
@media(prefers-color-scheme:dark){
body{background:#11151d}
.header,footer{background:#11151d}
.simple-hero{background:#192e57;box-shadow:none}
.service-row{background:#1a202b;border-color:#303b50}
.service-row:last-child{border-bottom-color:#303b50}
.service-row:hover{border-color:#7188b8}
.contact{background:#1c2639;border-color:#33425c}
}

/* Reference-led landing page: continuous charcoal masthead and fine-line artwork. */
body:has(.reference-hero) .header{background:#1c1e22;border-bottom:0;color:#f5f6fa}
body:has(.reference-hero) .header .nav{min-height:92px}
body:has(.reference-hero) .header .nav nav a{color:#c2c6d0}
body:has(.reference-hero) .header .nav nav [aria-current]{color:#fff}
body:has(.reference-hero) .header .nav nav .nav-cta{background:transparent;border:1px solid #454954;color:#fff}
body:has(.reference-hero) .brand{font-size:24px;letter-spacing:-.6px}
body:has(.reference-hero) .brand img{width:32px;height:36px}
.reference-hero{background:#1c1e22;color:#f7f8fb;margin-bottom:65px}
.reference-grid{display:grid;grid-template-columns:1.05fr 1.1fr;gap:45px;align-items:center;padding-top:65px;padding-bottom:100px;min-height:560px}
.reference-copy .eyebrow{font-size:10px;color:#9da7bd;letter-spacing:1.7px;margin-bottom:24px}
.reference-copy h1{font-size:clamp(38px,4.2vw,55px);line-height:1.12;font-weight:600;letter-spacing:-1.6px}
.reference-copy h1 span{color:#f7f8fb}
.reference-copy .lead{font-size:17px;line-height:1.65;color:#a4a9b4;margin-top:25px;margin-bottom:29px;max-width:480px}
.reference-copy .button{background:#3157ff;border-color:#3157ff;color:#fff;padding:14px 22px;gap:22px;font-size:13px;box-shadow:0 5px 20px #1a3bea25}
.reference-copy .button:hover{background:#4668ff}
.reference-art{padding-top:10px;position:relative}
.reference-art img{width:100%;height:auto;overflow:visible}
.art-caption{display:block;text-align:center;color:#76808d;font-size:8px;letter-spacing:2px;margin-top:6px}
.reference-proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff12;padding-block:24px;color:#a0a6b2;gap:30px}
.reference-proof>span{display:flex;justify-content:center;align-items:center;gap:13px;font-size:12px}
.reference-proof svg{width:24px;height:26px;stroke:#7e8796;stroke-width:1.4;fill:none;flex-shrink:0}
@media(min-width:1500px){.reference-grid{min-height:620px;padding-top:80px;padding-bottom:110px}.reference-copy h1{font-size:58px}}
@media(max-width:900px){.reference-grid{gap:22px}.reference-copy h1{font-size:42px}.reference-copy .lead{font-size:15px}.reference-proof>span{font-size:10px;gap:9px}}
@media(max-width:760px){
body:has(.reference-hero) .header .nav{min-height:78px}
body:has(.reference-hero) .menu-toggle{background:transparent;color:#fff;border-color:#424751}
body:has(.reference-hero) .nav nav{background:#1c1e22;border-color:#424751}
.reference-hero{margin-bottom:40px}
.reference-grid{grid-template-columns:1fr;gap:30px;padding-top:38px;padding-bottom:34px;min-height:0}
.reference-copy h1{font-size:clamp(38px,9.4vw,52px);letter-spacing:-1.2px;max-width:530px}
.reference-copy .eyebrow{font-size:9px;margin-bottom:19px}
.reference-copy .lead{font-size:16px;margin-top:22px;margin-bottom:25px;max-width:500px}
.reference-art{max-width:520px;width:100%;margin:auto;padding-top:0}
.art-caption{font-size:7px;letter-spacing:1.5px;margin-top:0}
.reference-proof{gap:12px;padding-block:22px}
.reference-proof>span{flex-direction:column;gap:8px;text-align:center;font-size:10px;line-height:1.4}
.reference-proof svg{width:22px;height:24px}
}
@media(prefers-color-scheme:dark){.reference-hero,body:has(.reference-hero) .header{background:#1c1e22}}

.contact-direct{align-items:center}.contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.contact-actions .whatsapp-button,.contact-actions .button{margin:0;min-height:50px;text-align:left;justify-content:space-between}.contact-actions .contact-reveal{align-self:flex-start;margin:2px 0 0;background:transparent;border:0;padding:7px 0;text-decoration:underline;text-underline-offset:4px}.contact-actions .status:empty{min-height:0;margin:0}.email-button{background:transparent;border-color:#b6c2d9;color:#17233e}.email-button:hover{background:#dbe4f5}.contact-direct .small{margin-top:25px}@media(prefers-color-scheme:dark){.email-button{color:#edf0f7;border-color:#566780}.email-button:hover{background:#28364b}}

/* Useful service detail and a clear route from research to enquiry. */
.getting-started{padding:10px 0 65px}.start-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:35px 0}.start-steps article{border-top:1px solid var(--line);padding-top:25px}.start-steps h3{font-size:22px;margin:18px 0 14px}.start-steps p{font-size:15px;color:var(--muted)}
.resource-section{padding-bottom:65px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.resource-card{background:#fff;border:1px solid #dfe5ef;border-radius:8px;padding:30px}.resource-card:hover{border-color:#9aafe0}.resource-card .eyebrow{display:block;font-size:9px;margin-bottom:25px}.resource-card h3{font-size:25px;max-width:330px;line-height:1.25;margin-bottom:15px}.resource-card p{font-size:15px;color:var(--muted)}
.home-faq{display:grid;grid-template-columns:1fr 1.25fr;gap:65px;padding-bottom:65px}.home-faq h2{margin-bottom:25px}.service-faq{margin-top:25px}.home-faq .service-faq{margin-top:0}
.service-overview{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;padding-bottom:60px}.service-overview h2{font-size:34px;margin-bottom:22px}.service-overview p,.service-overview li{color:var(--muted);font-size:15px}.service-overview article{background:#e5ebf6;border-radius:8px;padding:32px}.service-overview h3{margin-bottom:23px}.service-overview ul{padding-left:19px;margin:0}.service-overview li{margin-bottom:13px}.expectation{border-top:1px solid var(--line);padding-top:40px;padding-bottom:35px}.expectation h2{margin-bottom:25px}.expectation>p:not(.eyebrow){color:var(--muted);max-width:770px}.service-detail-link{grid-column:2}.guide-content{max-width:800px;padding-bottom:60px;font-size:17px;color:var(--muted)}.guide-content h2{font-size:28px;margin:40px 0 20px;color:var(--ink)}.guide-content li{margin-bottom:12px}.guide-content .text-link{display:inline-block;margin-top:15px}.footer-grid>div{flex-wrap:wrap;row-gap:12px}
@media(max-width:760px){.getting-started,.resource-section{padding-bottom:45px}.start-steps{grid-template-columns:1fr;gap:12px;margin:25px 0}.start-steps h3{margin-top:12px}.resource-grid{grid-template-columns:1fr;gap:16px}.resource-card{padding:25px}.home-faq{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.service-overview{grid-template-columns:1fr;gap:30px;padding-bottom:35px}.service-overview article{padding:24px}.service-detail-link{grid-column:auto}.guide-content{font-size:16px}.guide-content h2{font-size:25px}}
@media(prefers-color-scheme:dark){.resource-card{background:#1a202b;border-color:#303b50}.resource-card:hover{border-color:#7188b8}.service-overview article{background:#1c2639}}

/* CSP Partners identity reconstructed from the approved connected-letter reference. */
.header .brand img.brand-image,.footer-grid .brand img.brand-image{width:132px;height:auto;max-height:80px;object-fit:contain}
.brand .brand-image.brand-dark-bg{display:none}
.brand .brand-image.brand-light-bg{display:block}
.header .nav{min-height:104px}
body:has(.reference-hero) .header .nav{min-height:104px}
body:has(.reference-hero) .header .brand .brand-light-bg{display:none}
body:has(.reference-hero) .header .brand .brand-dark-bg{display:block}
.footer-grid{align-items:center}
@media(max-width:760px){.header .brand img.brand-image,.footer-grid .brand img.brand-image{width:106px;max-height:66px}.header .nav,body:has(.reference-hero) .header .nav{min-height:86px}.nav nav{top:86px}}
@media(prefers-color-scheme:dark){.brand .brand-image.brand-light-bg{display:none}.brand .brand-image.brand-dark-bg{display:block}}

/* System light: pale blue. System dark: deep navy. */
body:has(.reference-hero) .header,.reference-hero{background:#e7efff;color:#142f58}
body:has(.reference-hero) .header .nav nav a{color:#3e567a}
body:has(.reference-hero) .header .nav nav [aria-current]{color:#174dc8}
body:has(.reference-hero) .header .nav nav .nav-cta{background:#fff;border-color:#bdcce7;color:#142f58}
body:has(.reference-hero) .header .brand .brand-light-bg{display:block}
body:has(.reference-hero) .header .brand .brand-dark-bg{display:none}
.reference-copy h1,.reference-copy h1 span{color:#142f58}
.reference-copy .eyebrow{color:#4c6a98}
.reference-copy .lead{color:#4c6080}
.art-caption{color:#60789b}
.reference-proof{border-top-color:#bfcfe7;color:#425d81}
.reference-proof svg{stroke:#5575a1}
body:has(.reference-hero) .menu-toggle{background:transparent;color:#142f58;border-color:#b8c9e4}
body:has(.reference-hero) .nav nav{background:#e7efff;border-color:#bdcce7}
@media(prefers-color-scheme:dark){
body:has(.reference-hero) .header,.reference-hero{background:#111e34;color:#f3f6fc}
body:has(.reference-hero) .header .nav nav a{color:#bdcbe0}
body:has(.reference-hero) .header .nav nav [aria-current]{color:#fff}
body:has(.reference-hero) .header .nav nav .nav-cta{background:#1c2e4b;border-color:#445c80;color:#f3f6fc}
body:has(.reference-hero) .header .brand .brand-light-bg{display:none}
body:has(.reference-hero) .header .brand .brand-dark-bg{display:block}
.reference-copy h1,.reference-copy h1 span{color:#f3f6fc}
.reference-copy .eyebrow{color:#9eb8df}
.reference-copy .lead{color:#b4c4db}
.art-caption{color:#91a7c8}
.reference-proof{border-top-color:#2e4261;color:#b4c4db}
.reference-proof svg{stroke:#8ba7d0}
body:has(.reference-hero) .menu-toggle{background:transparent;color:#f3f6fc;border-color:#445c80}
body:has(.reference-hero) .nav nav{background:#111e34;border-color:#445c80}
}

/* Keep supporting text legible at small sizes in both system themes. */
.art-caption{color:#4c6080}
.number{color:#596579}
.footer-bottom{color:#626774}
@media(prefers-color-scheme:dark){.art-caption{color:#a8bcda}.number,.footer-bottom{color:#b4c4db}}