@font-face{font-family:United Sans;src:url('/assets/fonts/united-sans/United-Sans-Cond-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}

:root{--gc-blue:#01447f;--gc-ink:#052847;--gc-white:#fff;--gc-line:rgba(220,241,255,.3);--gc-accent:#9be6ff;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{margin:0;background:var(--gc-blue);scroll-padding-top:8rem}
body.ghost-citizen-page{margin:0;background:var(--gc-blue);color:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}
a{color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--gc-accent);outline-offset:5px}
.gc-skip{position:fixed;top:-100px;left:1rem;z-index:2000;background:#fff;color:#052847;padding:.65rem 1rem}
.gc-skip:focus{top:1rem}
.gc-shell{width:min(1500px,calc(100% - clamp(2rem,7vw,8rem)));margin:0 auto;padding-top:clamp(2rem,4vw,4.5rem)}
.gc-signal{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;color:#c7e9ff;font:500 .65rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}
.gc-signal span:first-child{display:flex;align-items:center;gap:.65rem}
.gc-signal span:first-child::before{content:'';height:6px;width:6px;background:var(--gc-accent);box-shadow:0 0 12px #9be6ff80}
.gc-hero-image{position:relative;margin:0;border:1px solid rgba(224,245,255,.3);padding:5px;background:#013d73;box-shadow:0 20px 70px #001d3b38}
.gc-hero-image::after{content:'';position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(#c7e9ff,#c7e9ff) top left/22px 1px no-repeat,linear-gradient(#c7e9ff,#c7e9ff) top left/1px 22px no-repeat,linear-gradient(#c7e9ff,#c7e9ff) bottom right/22px 1px no-repeat,linear-gradient(#c7e9ff,#c7e9ff) bottom right/1px 22px no-repeat}
.gc-hero-image img{display:block;width:100%;height:auto;aspect-ratio:2100/710;object-fit:contain}
.gc-intro{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:clamp(2.5rem,7vw,7rem);margin-top:clamp(2.5rem,4.5vw,5rem);padding-bottom:clamp(2.5rem,4vw,4.5rem)}
.gc-intro h1{margin:0;color:#fff;font-family:United Sans,'Arial Narrow',Impact,sans-serif;font-size:clamp(3.3rem,5.4vw,6rem);font-weight:900;line-height:.98;letter-spacing:.005em;text-wrap:balance}
.gc-hero-copy{font-weight:400;font-size:clamp(.96rem,1.05vw,1.08rem);line-height:1.9;color:#fff}
.gc-hero-copy p{margin:0 0 1.35rem}
.gc-hero-copy .gc-promise{border-left:2px solid var(--gc-accent);padding-left:1.25rem;margin-bottom:0;font-weight:650}
.gc-articles{position:relative;border-top:1px solid var(--gc-line);padding-top:2rem;padding-bottom:3rem}
.gc-section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.7rem}
.gc-section-heading h2{margin:0;font-family:United Sans,'Arial Narrow',Impact,sans-serif;text-transform:uppercase;font-size:2.4rem;line-height:1.1;letter-spacing:.04em}
.gc-section-heading>span{font:.65rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;color:#c7e9ff}
.gc-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.3vw,2.25rem)}
.gc-article-card{display:block;min-width:0;overflow:hidden;text-decoration:none;color:#fff;background:#04386a;border:1.5px solid #fff;border-radius:24px;transition:transform .18s ease,background .18s ease;box-shadow:0 12px 30px #001e3e20}
.gc-article-card:hover{transform:translateY(-4px);background:#07325b}
.gc-card-image{aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid #ffffff55;background:#052847}
.gc-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.gc-card-body{padding:clamp(1.25rem,2vw,1.8rem)}
.gc-card-body h3{margin:0 0 .8rem;color:#fff;font-size:clamp(1.08rem,1.4vw,1.45rem);font-weight:750;line-height:1.35;overflow-wrap:anywhere}
.gc-card-body p{margin:0;color:#e0f1ff;font-size:.92rem;line-height:1.75;overflow-wrap:anywhere}
.gc-empty-state{margin:0;padding:2rem 0 3rem;border-bottom:1px dashed var(--gc-line);font-size:1rem;color:#d5eaff}
.gc-card-grid:has(.gc-article-card)+.gc-empty-state{display:none}
/* Keep shared navigation and footer structure; apply this series' blue palette locally. */
:is(html:lang(en),html:lang(de),html:lang(fr)) body.ghost-citizen-page .site-header.editorial-header{background:#06335bea;border:1px solid var(--gc-line);border-radius:4px;box-shadow:0 8px 30px #001c3430}
.ghost-citizen-page .editorial-header .main-nav a,.ghost-citizen-page .editorial-header .nav-group__button,.ghost-citizen-page .editorial-header .mobile-nav-toggle,.ghost-citizen-page .editorial-header.has-site-nav-v2 .main-nav>.nav-standalone-link{color:#fff!important}
.ghost-citizen-page .editorial-header .nav-group__button:hover,.ghost-citizen-page .editorial-header .nav-group__button:focus-visible,.ghost-citizen-page .editorial-header .nav-group__button[aria-expanded=true],.ghost-citizen-page .editorial-header.has-site-nav-v2 .main-nav>.nav-standalone-link:hover{background:#ffffff14!important;color:#fff!important;outline-color:#9be6ff}
.ghost-citizen-page .editorial-header .nav-group__menu{background:#052e53;border-color:#81b9df;border-radius:4px}
.ghost-citizen-page .editorial-header.has-site-nav-v2 .nav-group__menu a{color:#fff!important}
.ghost-citizen-page .editorial-header.has-site-nav-v2 .nav-group__menu a:hover,.ghost-citizen-page .editorial-header.has-site-nav-v2 .nav-group__menu a:focus-visible{background:#ffffff18!important;color:#fff!important}
:is(html:lang(en),html:lang(de),html:lang(fr)) .ghost-citizen-page .editorial-header .hero-socials a{background:#ffffff0a;border-color:#ffffff44;color:#fff;border-radius:4px}
.ghost-citizen-page .editorial-header .site-language-switcher__label,.ghost-citizen-page .editorial-header .site-language-switcher select{color:#fff!important}
.ghost-citizen-page .editorial-header .site-language-switcher select option{background:#052e53;color:#fff}
.ghost-citizen-page .site-footer.editorial-footer{margin-top:3rem;background:#052b4d;border-color:#ffffff33;border-top:1px solid #ffffff66;border-radius:0;box-shadow:none;color:#fff}
.ghost-citizen-page .editorial-footer .footer-identity strong,.ghost-citizen-page .editorial-footer .footer-link-group a,.ghost-citizen-page .editorial-footer .footer-brand .footer-address address,.ghost-citizen-page .editorial-footer .footer-colophon span{color:#f1f7ff}
.ghost-citizen-page .editorial-footer .footer-identity span,.ghost-citizen-page .editorial-footer .footer-address-label,.ghost-citizen-page .editorial-footer .footer-link-group h2,.ghost-citizen-page .editorial-footer .footer-link-group a::before{color:#b7dcf8}
.ghost-citizen-page .editorial-footer .footer-link-group h2,.ghost-citizen-page .editorial-footer .footer-bottom{border-color:#ffffff33}
.ghost-citizen-page .editorial-footer .footer-breadcrumbs{margin-top:0;justify-self:start;color:#d3e9fc}
.ghost-citizen-page .editorial-footer .footer-breadcrumbs a,.ghost-citizen-page .editorial-footer .footer-breadcrumbs [aria-current=page]{color:#d3e9fc}
@media(max-width:1100px){.ghost-citizen-page .editorial-header.has-site-nav-v2 .main-nav.is-open{background:#052e53!important;border-color:#ffffff55!important}.gc-intro{gap:2.5rem}.gc-intro h1{font-size:clamp(3.3rem,6vw,4.4rem)}}
@media(max-width:900px){.gc-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gc-intro{grid-template-columns:1fr;gap:1.8rem}.gc-intro h1{font-size:clamp(3.2rem,8.2vw,5rem);max-width:14ch}.gc-hero-copy{max-width:70ch}}
@media(max-width:560px){.gc-shell{width:calc(100% - 2rem);padding-top:2rem}.gc-signal{font-size:.56rem;letter-spacing:.08em}.gc-signal span:last-child{max-width:21ch;text-align:right}.gc-hero-image{padding:3px}.gc-intro{margin-top:2.25rem}.gc-intro h1{font-size:clamp(2.9rem,11vw,3.8rem);line-height:1.02}.gc-hero-copy{font-weight:400;font-size:.94rem;line-height:1.85}.gc-card-grid{grid-template-columns:minmax(0,1fr)}.gc-article-card{border-radius:22px}.gc-section-heading h2{font-size:2rem}.gc-section-heading>span{font-size:.56rem}.gc-empty-state{padding-top:1rem}.gc-articles{padding-bottom:1.5rem}}
@media(prefers-reduced-motion:reduce){.gc-article-card{transition:none}.gc-article-card:hover{transform:none}}

.ghost-citizen-page .editorial-header .site-language-switcher select{background:#052e53!important;border-color:#ffffff55!important}

.gc-intro h1{overflow-wrap:anywhere}
@media(max-width:560px){.gc-section-heading>span{max-width:18ch;text-align:right}}

/* Preserve the series layout when the French shared menu adds a newsletter promotion. */
.ghost-citizen-page .site-newsletter-cta{display:none}
.ghost-citizen-page .editorial-header .header-newsletter__button{color:#fff!important}
.ghost-citizen-page .editorial-header .header-newsletter__menu{background:#052e53;border-color:#81b9df}
.ghost-citizen-page .editorial-header.has-site-nav-v2 .header-newsletter__menu a{color:#fff!important}
