/* Shared navigation, article CTAs and readable footer fine print. */
.site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:108px;flex-wrap:nowrap;border-bottom:1px solid var(--line)}
.site-header .brand{flex-shrink:0}.site-header nav{display:flex;align-items:center;gap:22px;flex-wrap:nowrap;width:auto;font-size:14px}.site-header nav>a:not(.button),.blog-dropdown summary{padding:12px 0;color:#c6cdd8;white-space:nowrap}.site-header a[aria-current=page],.blog-dropdown summary.is-current{color:var(--gold)}
.nav-toggle{display:none}.blog-dropdown{position:relative}.blog-dropdown summary{cursor:pointer;list-style:none;display:flex;gap:9px;align-items:center}.blog-dropdown summary::-webkit-details-marker{display:none}.blog-dropdown[open] summary>span{transform:rotate(180deg)}.blog-panel{position:absolute;top:calc(100% + 14px);left:-100px;width:470px;max-height:calc(100dvh - 140px);overflow:auto;padding:16px;background:#121b29;border:1px solid #3b4147;border-radius:12px;box-shadow:0 20px 60px #0008;display:grid;grid-template-columns:1fr 1fr;gap:5px}.blog-panel a{display:block;padding:13px 14px;border-radius:7px;white-space:normal;line-height:1.45;color:#e5e9ef}.blog-panel a:hover,.blog-panel a[aria-current=page]{background:#202a38;color:var(--gold)}.blog-panel .blog-overview{grid-column:1/-1;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);border-radius:0;margin-bottom:5px;padding-bottom:18px;color:var(--gold)}.nav-category{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#9ca8b9;margin-bottom:5px}.site-header .nav-cta{padding:12px 17px;font-size:13px;white-space:nowrap}.button.secondary{background:transparent;border:1px solid var(--gold);color:var(--gold);box-shadow:none}.button.secondary:hover{background:#d4b56815;color:#f2dfb2}.button:focus-visible,summary:focus-visible,.nav-toggle:focus-visible,a:focus-visible{outline:2px solid #f1d28b;outline-offset:5px}.prose .button{text-decoration:none;font-size:15px;margin:14px 0;max-width:100%;white-space:normal}.content-actions{gap:15px}.reading-start{border-left:2px solid var(--gold);padding:4px 0 4px 22px;max-width:720px;margin-top:32px}.reading-start p{margin:9px 0 0;font-size:15px}.editorial-card h2{font-size:clamp(22px,2.3vw,29px);line-height:1.35}.editorial-card .editorial-image{height:auto}.content-main>.editorial-image{aspect-ratio:16/9;height:auto;max-height:none;max-width:1000px}.prose h2{line-height:1.35}.prose li{margin-bottom:9px}.site-footer{padding-top:40px;padding-bottom:32px}.site-footer .footer-links{display:flex;align-items:center;flex-wrap:wrap;gap:18px 24px}.site-footer .footer-links .button{padding:9px 14px;font-size:13px}.site-footer .footer-bottom{display:flex;flex-wrap:wrap;gap:16px 24px;padding-top:24px;align-items:center}.site-footer .trading-risk{display:block;font-size:12px;line-height:1.75;color:#a6b0c1;margin-top:25px;padding-top:22px;border-top:1px solid var(--line);text-align:left;max-width:1100px}.trading-risk strong{font-weight:600;color:#bac3d0}
@media(max-width:1100px){.site-header{flex-wrap:wrap;gap:8px;padding:16px 0;min-height:90px}.site-header nav{width:100%;flex-wrap:wrap;gap:12px 20px}.js .nav-toggle{display:flex;align-items:center;gap:14px;background:transparent;border:1px solid #62616a;color:#e5e9ef;padding:12px 16px;border-radius:6px;font:inherit;cursor:pointer}.js .site-header nav{display:none}.js .site-header nav.is-open{display:flex}.blog-panel{left:0}.site-header .brand-logo{max-width:190px}}
@media(max-width:700px){.site-header nav,.js .site-header nav.is-open{flex-direction:column;align-items:stretch;gap:4px;padding-top:12px}.site-header nav>a:not(.button),.blog-dropdown summary{padding:13px 8px}.blog-dropdown summary{justify-content:space-between}.blog-panel{position:static;width:100%;max-height:none;grid-template-columns:1fr;margin:3px 0 12px;box-shadow:none;padding:8px}.blog-panel a{padding:12px}.site-header .nav-cta{margin-top:8px;text-align:center;justify-content:center;padding:14px}.site-footer .footer-links{gap:14px 20px}.site-footer .footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}.site-footer .trading-risk{font-size:12px;line-height:1.8}.content-main>.editorial-image{margin:25px 0}.content-main h1{font-size:clamp(32px,8vw,46px)}.content-actions .button{width:100%;text-align:center;justify-content:center;white-space:normal}.prose{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
.site-header nav a:first-child{display:block}.blog-dropdown{border:0;padding:0;margin:0}.blog-dropdown summary{font-size:14px;font-weight:400}.blog-dropdown summary::after{content:none}.site-footer .footer-bottom{font-size:12px;color:#a6b0c1}

/* Refined dropdown and original logo blended directly into the header. */
.blog-dropdown summary>.nav-chevron{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-right:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:translateY(-2px) rotate(45deg);transition:transform .18s ease;margin:0 4px 0 2px}
.blog-dropdown[open] summary>.nav-chevron{transform:translateY(2px) rotate(225deg)}
.site-header .brand-logo{mix-blend-mode:normal;overflow:hidden;width:112px;height:80px}.site-header .brand-logo img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;mix-blend-mode:normal;filter:none;pointer-events:none}@media(max-width:760px){.site-header .brand-logo{width:84px;height:60px}}
@media(prefers-reduced-motion:reduce){.blog-dropdown summary>.nav-chevron{transition:none}}
