/* Site-wide look for inner pages (2026-10-21), matching the redesigned homepage.
   Loaded last on every page except the 9 homepages (body.hm uses home.css).
   Text on dark backgrounds stays bright (owner rule: never washed out or dim). */

body:not(.hm){background:#fff}
body:not(.hm) .ss-wrap{max-width:none;box-shadow:none;background:#fff}

/* ── Contest strip: slim navy bar ── */
body:not(.hm) .ss-contest-strip{background:#001f3f;border-bottom:0;box-shadow:none;justify-content:center;gap:14px;padding:9px 16px}
body:not(.hm) .ss-contest-strip-text{font:500 13px 'IBM Plex Sans',sans-serif;color:#e2e8f0;text-shadow:none}
body:not(.hm) .ss-contest-strip-dates{font-size:13px;opacity:1}
body:not(.hm) .ss-contest-strip-cta{background:none;color:#fff;box-shadow:none;border-radius:0;padding:0 0 1px;border-bottom:1px solid rgba(255,255,255,.55);font:700 13px 'IBM Plex Sans',sans-serif}
body:not(.hm) .ss-contest-strip-cta:hover{background:none;transform:none;border-bottom-color:#fff}
body:not(.hm) .ss-topbar,body:not(.hm) .ip-topbar-wrapper .ss-topbar{display:none}

/* ── Nav ── */
body:not(.hm) .ss-nav{max-width:1240px;margin:0 auto;padding:16px 24px;border-bottom:0;gap:28px}
body:not(.hm) .ss-tagline{display:none}
body:not(.hm) .ss-nav-links{gap:22px;flex:1;margin-left:4px;overflow:hidden}
body:not(.hm) .ss-nav-links a{font:500 14.5px 'IBM Plex Sans',sans-serif;color:#334155}
body:not(.hm) .ss-nav-links a:hover{color:#0066cc}
body:not(.hm) .ss-nav-links a:nth-child(2){display:none}
body:not(.hm) .ss-lang-btn{border:0;background:none;color:#475569;font-weight:500}
body:not(.hm) .ss-btn-ghost,body:not(.hm) .ss-btn-solid{display:inline-flex;align-items:center;gap:8px;font:700 14.5px Manrope,sans-serif;padding:11px 20px;border-radius:10px;text-decoration:none;white-space:nowrap}
body:not(.hm) .ss-btn-ghost{color:#0f172a;border:1px solid #cbd5e1;background:none}
body:not(.hm) .ss-btn-ghost:hover{border-color:#0066cc;color:#0066cc}
body:not(.hm) .ss-btn-solid{background:#0066cc;color:#fff;border:0;box-shadow:0 6px 18px rgba(0,102,204,.28)}
body:not(.hm) .ss-btn-solid:hover{background:#0057ad}
@media(max-width:1180px){body:not(.hm) .ss-nav-links a:nth-child(3),body:not(.hm) .ss-nav-links a:nth-child(5){display:none}}
@media(max-width:1100px){body:not(.hm) .ss-nav-links a:nth-child(6){display:none}}
@media(max-width:900px){body:not(.hm) .ss-nav{padding:12px 20px}}

/* ── Headings in the homepage typeface ── */
body:not(.hm) .ip-h1,body:not(.hm) .blog-hero h1,body:not(.hm) .ct-hero h1,body:not(.hm) .ip-card h2,body:not(.hm) .ip-cta-headline,
body:not(.hm) .ip-body .bg-gradient-to-r h2,body:not(.hm) .cta-block h2,body:not(.hm) .blog-featured-card h2,body:not(.hm) .blog-section-title,
body:not(.hm) .blog-card h3,body:not(.hm) .swap-strip-text h2,body:not(.hm) .ss-section-title,body:not(.hm) .ss-about-text h3,
body:not(.hm) .ss-faq-item h3,body:not(.hm) .ss-deposit-title,body:not(.hm) .trk-status-title,body:not(.hm) .trk-help-title,
body:not(.hm) .ss-footer-col h4,body:not(.hm) [style*="Playfair"]{font-family:Manrope,'IBM Plex Sans',sans-serif!important;font-weight:800!important;letter-spacing:-.5px!important}
body:not(.hm) .ip-h1,body:not(.hm) .blog-hero h1{letter-spacing:-1px!important;line-height:1.1!important}

/* ── Dark heroes with the homepage glow; bright text on them ── */
body:not(.hm) .ip-hero,body:not(.hm) .blog-hero,body:not(.hm) .ct-hero{background:radial-gradient(800px 380px at 85% 0%,rgba(29,139,255,.28),transparent 70%),radial-gradient(600px 300px at 0% 100%,rgba(109,93,252,.16),transparent 70%),#050b18!important}
body:not(.hm) .ibc-link{color:#c3cede!important}
body:not(.hm) .ibc-link:hover{color:#fff!important}
body:not(.hm) .ibc-sep{color:#64748b}
body:not(.hm) .ibc-cur{color:#a9b8cc}
body:not(.hm) .ip-cta-meta{color:#c3cede;font-size:13px}
body:not(.hm) .ip-cta-meta b{color:#fff}
body:not(.hm) .ip-meta{color:#c3cede;font:500 13.5px 'IBM Plex Sans',sans-serif;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;margin-top:6px}
body:not(.hm) .ip-meta-badge{color:#e2e8f0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:3px 10px;font-size:12.5px}
body:not(.hm) .ip-hero .ss-meta,body:not(.hm) .ip-hero .ss-meta *{color:#d5deea}
body:not(.hm) .ip-hero .ss-meta a{color:#7cc4ff}
body:not(.hm) .ip-rate-badge{color:#fff}
body:not(.hm) .ip-cta-btn{font-family:Manrope,sans-serif;font-weight:800;border-radius:10px;box-shadow:0 8px 24px rgba(0,102,204,.35)}

/* ── Content cards ── */
body:not(.hm) .ip-body{background:#f5f8fc}
body:not(.hm) .ip-card{border-color:#e2e8f0;border-radius:18px;box-shadow:0 6px 24px rgba(0,31,63,.05)}
body:not(.hm) .ip-card h2{color:#0f172a!important;border-bottom-color:#eef2f7!important}

/* ── Footer, matching the homepage ── */
body:not(.hm) .ss-footer{background:#050b18;border-top:1px solid rgba(255,255,255,.06)}
body:not(.hm) .ss-footer-tagline,body:not(.hm) .ss-footer-col ul li a{color:#d0d9e6}
body:not(.hm) .ss-footer-col ul li a:hover{color:#fff}
body:not(.hm) .ss-footer-copy{color:#b9c5d6;opacity:1!important}
body:not(.hm) .ss-footer a[style*="rgba(255,255,255,.5)"]{color:#c3cede!important}
@media(max-width:560px){body:not(.hm) .ss-footer-col ul li a{font-size:14px}body:not(.hm) .ss-footer-copy,body:not(.hm) .ss-footer-tagline{font-size:13px!important}}
body:not(.hm) .blog-hero p{color:#c3cede}
body:not(.hm) .blog-hero-meta{color:#a9b8cc;font-size:12px}
body:not(.hm) .swap-strip{background:linear-gradient(135deg,rgba(29,139,255,.22),rgba(109,93,252,.14)),#050b18;border:1px solid rgba(124,196,255,.22);border-radius:20px}
body:not(.hm) .swap-strip-text p{color:#d0d9e6}
body:not(.hm) .swap-strip-btn,body:not(.hm) .blog-hero-cta{font-family:Manrope,sans-serif;font-weight:800;border-radius:10px;box-shadow:0 8px 24px rgba(0,102,204,.35)}
body:not(.hm) .ss-back-btn{display:inline-flex;align-items:center;gap:8px;font:700 14.5px Manrope,sans-serif;padding:11px 20px;border-radius:10px;text-decoration:none;color:#0f172a;border:1px solid #cbd5e1}
body:not(.hm) .ss-back-btn:hover{border-color:#0066cc;color:#0066cc}

/* Logo and wordmark for templates that don't load main.css (locale guides and best pages) */
body:not(.hm) .ss-logo{display:flex;align-items:center;gap:14px;text-decoration:none}
body:not(.hm) .ss-logo-mark{width:56px;height:56px;border-radius:12px;background:#001f3f;display:grid;place-items:center;flex-shrink:0}
body:not(.hm) .ss-logo-mark svg,body:not(.hm) .ss-footer-logo-mark svg{width:100%;height:100%}
body:not(.hm) .ss-wordmark{font-family:'Manrope','Archivo',sans-serif!important;font-size:32px;font-weight:800!important;color:#001f3f;letter-spacing:-1px!important;white-space:nowrap}
body:not(.hm) .ss-wordmark-swap{color:#0066cc}
body:not(.hm) .ss-wordmark-tld{font-size:.62em;color:#94a3b8;letter-spacing:-.3px;margin-left:1px}
body:not(.hm) .ss-wordmark--footer{display:inline!important;font-size:21px;color:#fff}
body:not(.hm) .ss-wordmark--footer .ss-wordmark-swap{color:#4da3ff}
body:not(.hm) .ss-wordmark--footer .ss-wordmark-tld{color:#a9b8cc}
body:not(.hm) .ss-footer-logo-mark{width:40px;height:40px;background:#001f3f;border:1px solid rgba(255,255,255,.14);border-radius:10px;display:grid;place-items:center;flex-shrink:0}

/* Phone header on every inner page (some templates don't load main.css): logo + wordmark + menu button */
@media(max-width:900px){
  body:not(.hm) .ss-nav{gap:12px;justify-content:space-between}
  body:not(.hm) .ss-nav-links,body:not(.hm) .ss-lang,body:not(.hm) .ss-nav-right{display:none!important}
  body:not(.hm) .ss-hamburger{display:block!important;flex:none}
  body:not(.hm) .ss-logo{flex-shrink:1;min-width:0}
  body:not(.hm) .ss-wordmark{display:block!important;font-size:26px;letter-spacing:-.9px}
  body:not(.hm) .ss-logo-mark{width:46px;height:46px;border-radius:10px}
}
@media(max-width:380px){body:not(.hm) .ss-wordmark{font-size:22px}}