/* GPT985 subpages follow the homepage header and blue-white atmosphere. */
body{background:#f8fbff}
.bg-mesh{background:radial-gradient(circle 58vw at 88% 14%,rgba(168,200,255,.25) 0%,transparent 45%),radial-gradient(circle 54vw at 10% 72%,rgba(124,58,237,.07) 0%,transparent 48%),#f8fbff;filter:none}.bg-deco:after{background:linear-gradient(180deg,rgba(248,251,255,.42),rgba(248,251,255,.72))}
.blog-topbar.site-topbar{position:sticky;z-index:100;top:0;border-bottom:1px solid rgba(220,229,242,.72);background:rgba(248,251,255,.86);box-shadow:none;backdrop-filter:blur(18px) saturate(150%);transition:box-shadow 180ms ease,background 180ms ease}.blog-topbar.site-topbar.is-scrolled{background:rgba(255,255,255,.94);box-shadow:0 12px 38px rgba(15,23,42,.08)}
.blog-topbar-inner.site-nav-shell{width:min(1180px,calc(100% - 48px));max-width:none;height:auto;min-height:76px;margin:0 auto;padding:0;gap:24px}.blog-topbar.is-scrolled .blog-topbar-inner.site-nav-shell{height:auto;min-height:76px}.blog-brand.site-logo{display:inline-flex;margin-right:auto;align-items:center;gap:10px}.site-logo-mark{display:block;width:36px;height:36px;border-radius:0;background:none;box-shadow:none}.site-logo-mark .brand-logo{width:36px;height:36px}.site-logo-name{color:#0b1220;font-size:1.08rem;font-weight:800;letter-spacing:-.035em}.site-logo-name em{color:#2563eb;font-style:normal}.site-logo-caption{margin-left:2px;padding-left:12px;color:#94a3b8;border-left:1px solid #dce5f2;font-size:.7rem;font-weight:700;letter-spacing:.08em}
.blog-nav.site-nav-links{display:flex;align-items:center;gap:3px}.blog-nav.site-nav-links>a:not(.btn){padding:9px 11px;color:#475569!important;border-radius:10px;font-size:.86rem;font-weight:600;white-space:nowrap}.blog-nav.site-nav-links>a:not(.btn):hover,.blog-nav.site-nav-links>a:not(.btn).is-active{color:#2563eb!important;background:#edf4ff;transform:none}.blog-nav.site-nav-links>.site-home-link{color:#475569!important;font-weight:600}.blog-nav.site-nav-links>.site-nav-cta{display:inline-flex;min-height:42px;margin-left:12px;padding:9px 17px;align-items:center;gap:8px;color:#fff!important;border-radius:12px;background:#0b1220!important;box-shadow:0 10px 25px rgba(15,23,42,.2)}.blog-nav.site-nav-links>.site-nav-cta svg{width:15px;height:15px}.site-nav-links .blog-nav-indicator{display:none!important}
.hub-info-page{background:#f8fbff}.hub-guide-hero{background:linear-gradient(180deg,#f8fbff 0%,#f4f8ff 74%,#fff 100%)}.hub-guide-hero:before{background:radial-gradient(circle at 84% 18%,rgba(37,99,235,.11),transparent 29%),radial-gradient(circle at 62% 8%,rgba(124,58,237,.055),transparent 24%)}.hub-guide-soft{background:#f5f8fe}
.bloglist-hero{border-color:#dce5f2;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(244,248,255,.82));box-shadow:0 24px 60px -28px rgba(37,99,235,.2)}.blh-orb-a{background:radial-gradient(circle,rgba(124,58,237,.16),rgba(37,99,235,.06) 60%,transparent 72%)}.blh-orb-b{background:radial-gradient(circle,rgba(168,200,255,.6),rgba(37,99,235,.08) 60%,transparent 72%)}
@media(max-width:900px){.site-logo-caption{display:none}.blog-topbar-inner.site-nav-shell{gap:10px}.blog-nav.site-nav-links>a:not(.btn){padding-inline:8px;font-size:.79rem}}@media(max-width:760px){.blog-topbar-inner.site-nav-shell{width:min(100% - 30px,1180px);min-height:66px}.blog-topbar.is-scrolled .blog-topbar-inner.site-nav-shell{min-height:66px}.blog-nav.site-nav-links>a:not(.site-home-link):not(.is-active):not(.site-nav-cta){display:none}.blog-nav.site-nav-links>a{display:inline-flex;padding:8px 9px;font-size:12px}}@media(max-width:430px){.blog-nav.site-nav-links>.site-nav-cta{display:none}}