/* V12 — restore FTB identity, consistent dark footer, richer blue internal pages */
:root{--c12-navy:#061a3b;--c12-navy-2:#0b315f;--c12-blue:#1268f3;--c12-cyan:#22b8e6;--c12-soft:#eef5fd;--c12-soft-2:#e5f0fc;--c12-line:#d3e1f0;--c12-ink:#081a36;--c12-copy:#4e627c}

/* Restore the original FTB logo used before V10 */
.header-inner>.brand .brand-mark,.site-footer .footer-brand .brand-mark{display:flex!important;width:42px!important;height:42px!important;border-radius:11px!important;background:linear-gradient(145deg,#2475fa,#0758dd)!important;box-shadow:0 8px 20px rgba(18,104,243,.18)!important}
.header-inner>.brand .brand-copy strong,.site-footer .footer-brand .brand-copy strong{font-style:normal!important;font-size:1.58rem!important;font-weight:800!important;letter-spacing:-.045em!important;color:var(--c12-ink)!important}
.header-inner>.brand .brand-copy small,.site-footer .footer-brand .brand-copy small{display:block!important;font-size:.62rem!important;color:#637792!important;line-height:1.2!important}
.brand{gap:10px!important}

/* Header remains consistent on every route */
.site-header{background:rgba(255,255,255,.97)!important}.header-inner{min-height:72px!important}.main-nav a{font-size:.78rem!important;font-weight:700!important}.header-cta{min-height:40px!important;border-radius:8px!important}

/* Correct oversized/centered headings and create a split visual hero */
.tools-hero .container,.blog-page-hero .container,.compare-hero .container,.blog-hero .container,.directory-hero .container,.market-page-head .container{position:relative;text-align:left!important}
.tools-hero h1,.blog-page-hero h1,.compare-hero h1,.blog-hero h1,.directory-hero h1,.market-page-head h1{max-width:720px!important;margin-left:0!important;margin-right:0!important;text-align:left!important;font-size:clamp(2.35rem,4vw,3.65rem)!important}
.tools-hero p,.blog-page-hero p,.compare-hero p,.blog-hero p,.directory-hero p,.market-page-head p{margin-left:0!important;margin-right:0!important;text-align:left!important;max-width:650px!important}
.tools-hero .breadcrumbs,.tools-hero .eyebrow,.blog-page-hero .breadcrumbs,.blog-page-hero .eyebrow{margin-left:0!important;margin-right:0!important}
.tools-hero,.blog-page-hero,.compare-hero,.directory-hero,.blog-hero,.market-page-head,.brokers-hero,.crypto-hero,.prompt-hero{background:radial-gradient(circle at 87% 35%,rgba(34,184,230,.2),transparent 23%),linear-gradient(120deg,#f8fbff 0%,#eaf3ff 68%,#dcecff 100%)!important}
.tools-hero:after,.blog-page-hero:after,.compare-hero:after,.directory-hero:after,.blog-hero:after,.market-page-head:after,.brokers-hero:after,.crypto-hero:after,.prompt-hero:after{background:linear-gradient(145deg,var(--c12-blue),#0752c5)!important;color:#fff!important;box-shadow:0 18px 40px rgba(10,72,157,.2)!important}

/* Use blue section bands like the homepage rather than endless white */
.page-tools main>.section,.page-blog main>.section:nth-of-type(even),.page-directory .directory-page,.page-daily .blog-page,.page-brokers .broker-directory,.page-crypto main>.section:first-of-type,.page-compare .compare-workspace,.page-markets .market-workspace,.page-ai-prompts .prompt-categories,.page-learn main>.section:first-of-type{background:linear-gradient(180deg,#f5f9fe,#eaf3fc)!important;border-top:1px solid #e0eaf5;border-bottom:1px solid #dbe7f3}
.page-blog main>.section:nth-of-type(odd),.page-ai-prompts main>.section:nth-of-type(odd),.page-learn main>.section:nth-of-type(odd),.page-crypto main>.section:nth-of-type(even),.page-brokers main>.section:nth-of-type(even){background:#fff!important}
.section-soft{background:linear-gradient(180deg,#eef6ff,#e4f0fc)!important}

/* Blue identity inside cards and panels */
.tools-workspace,.blog-writer-form,.blog-draft-panel,.directory-category-tabs,.broker-filters,.filters,.results-toolbar,.crypto-controls,.compare-workspace>.container,.market-command,.chart-panel,.market-insight-panel{border-color:#c9daed!important;box-shadow:0 12px 34px rgba(14,64,123,.075)!important}
.tool-tabs{background:#deecfb!important}.tool-tabs button.active{background:var(--c12-blue)!important;color:#fff!important;box-shadow:0 7px 15px rgba(18,104,243,.22)!important}
.broker-card,.exchange-card,.resource-card,.course-card,.prompt-card,.blog-card,.blog-topic-grid>article,.published-blog-grid>article{border-color:#cedded!important;box-shadow:0 8px 24px rgba(12,58,112,.065)!important}
.broker-card:hover,.exchange-card:hover,.resource-card:hover,.course-card:hover,.prompt-card:hover,.blog-card:hover,.blog-topic-grid>article:hover,.published-blog-grid>article:hover{border-color:#9ebfe6!important;box-shadow:0 16px 34px rgba(12,58,112,.12)!important}
.resource-card>span:first-child,.course-number,.tool-icon,.date-box{background:linear-gradient(145deg,#e8f3ff,#dbeaff)!important;color:var(--c12-blue)!important}
.tag,.category{background:#e7f2ff!important;color:#075ed4!important}.stars{color:#e98b00!important}

/* Blog page formatting */
.blog-writer-layout{align-items:start!important}.blog-writer-form{background:#fff!important}.blog-draft-panel{background:#fff!important}.blog-draft-toolbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}.blog-draft{overflow-wrap:anywhere!important;color:var(--c12-copy)!important}.blog-draft h2,.blog-draft h3{color:var(--c12-ink)!important}.blog-topic-grid>article{min-height:155px;padding:24px!important;background:#fff!important}

/* Tools panel formatting */
.tools-workspace{max-width:1080px!important;padding:24px!important;background:#fff!important}.calculator-shell{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)!important;gap:22px!important}.calculator-form{padding:26px!important}.calculator-result{min-height:390px!important;padding:30px!important}.calculation-note{margin-top:20px!important}

/* Full dark footer — exactly the same on every page */
.site-footer,.page-index .site-footer{position:relative!important;padding-top:58px!important;background:linear-gradient(145deg,#061a3b 0%,#0a2d57 100%)!important;border-top:0!important;color:#fff!important}
.site-footer:before{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;top:0!important;height:3px!important;background:linear-gradient(90deg,var(--c12-blue),var(--c12-cyan),#23d39f)!important}
.site-footer .footer-brand .brand-copy strong{color:#fff!important}.site-footer .footer-brand .brand-copy small{color:#b7cae1!important}.site-footer h2,.site-footer .footer-heading{color:#fff!important}.site-footer p,.site-footer a{color:#b8c9dd!important}.site-footer a:hover{color:#fff!important}
.footer-main{display:grid!important;grid-template-columns:1.45fr repeat(3,1fr)!important;gap:42px!important;padding-bottom:42px!important}.footer-intro>p{color:#b8c9dd!important}.footer-intro:after{color:#91a8c3!important}.footer-principles span{border-color:rgba(255,255,255,.16)!important;color:#c0d0e2!important;background:rgba(255,255,255,.035)}
.footer-links{display:block!important}.footer-links>div{display:grid!important;gap:7px!important}.footer-links a{color:#b8c9dd!important}.footer-heading>span{display:none!important}
.footer-callout{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:28px!important;min-height:104px!important;margin:0!important;padding:24px 28px!important;border:1px solid rgba(170,202,237,.24)!important;border-radius:12px!important;background:rgba(255,255,255,.055)!important}.footer-callout:before{background:#20c9ab!important}.footer-callout strong{color:#fff!important;font-size:1.02rem!important}.footer-callout div>span{color:#b8c9dd!important}.footer-callout>a{background:#fff!important;color:#08234a!important;min-width:150px!important}.footer-callout>a:hover{background:#e7f2ff!important;color:#061a3b!important}
.footer-bottom{width:min(1180px,calc(100% - 44px))!important;max-width:1180px!important;margin:28px auto 0!important;padding:20px 0!important;background:transparent!important;border-top:1px solid rgba(255,255,255,.13)!important}.footer-bottom p,.footer-bottom p:nth-child(2){color:#9fb3ca!important}.back-to-top{background:var(--c12-blue)!important;color:#fff!important}

@media(max-width:980px){.footer-main{grid-template-columns:1.35fr repeat(2,1fr)!important}.footer-links:last-child{grid-column:auto!important}.calculator-shell{grid-template-columns:1fr!important}.calculator-result{min-height:260px!important}}
@media(max-width:720px){.header-inner>.brand .brand-mark{width:38px!important;height:38px!important}.header-inner>.brand .brand-copy strong{font-size:1.4rem!important}.tools-hero:after,.blog-page-hero:after,.compare-hero:after,.directory-hero:after,.blog-hero:after,.market-page-head:after,.brokers-hero:after,.crypto-hero:after,.prompt-hero:after{display:none!important}.tools-hero h1,.blog-page-hero h1,.compare-hero h1,.blog-hero h1,.directory-hero h1,.market-page-head h1{font-size:2.3rem!important}.tools-workspace{padding:15px!important}.calculator-form,.calculator-result{padding:20px!important}.footer-main{grid-template-columns:1fr!important;gap:0!important}.footer-links{border-top:1px solid rgba(255,255,255,.13)}.footer-heading{display:flex!important;padding:17px 0!important}.footer-heading>span{display:block!important}.footer-links>div{display:none!important;padding-bottom:17px}.footer-links.open>div{display:grid!important}.footer-callout{align-items:flex-start!important;flex-direction:column!important}.footer-callout>a{width:100%!important}.footer-bottom{width:min(100% - 28px,1180px)!important}}