/* SecuTest blog editorial layer, 2026-10-20. Loaded only by /blog/ pages.
   Brand-system and public-pivot stay unchanged for all other public/app routes. */
html:root body.blog-shell .blog-main .st-final-box h2,
html:root body.blog-shell .blog-main .st-final-box p { color:#f7f9fc!important; }
html:root body.blog-shell .blog-main .st-final-box p { color:#c2d1e2!important; }
html:root body.blog-shell .blog-main .article-body .blog-dual-cta h2,
html:root body.blog-shell .blog-main .article-body .blog-dual-cta p { color:#f7f9fc!important; }
html:root body.blog-shell .blog-main .article-body .blog-dual-cta p { color:#d0dce9!important; }
html:root body.blog-shell .blog-main .article-body { color:#364552!important; }
html:root body.blog-shell .blog-main .article-body>p,
html:root body.blog-shell .blog-main .article-body li { color:#364552!important; }
html:root body.blog-shell .blog-main .article-body h2,
html:root body.blog-shell .blog-main .article-body h3 { color:#172735!important; }
html:root body.blog-shell .blog-main .article-body a:not(.button) { color:#1656ba!important; }
html:root body.blog-shell .blog-main .article-body code { background:#eaf1fb!important;color:#174983!important;border-color:#cbd8eb!important; }
html:root body.blog-shell .blog-main .article-body pre code { background:transparent!important;color:#e5efff!important;border:none!important; }
html:root body.blog-shell .blog-main .article-body .article-table td { color:#364552!important; }
html:root body.blog-shell .blog-main .article-body .article-callout p { color:#364552!important; }
html:root body.blog-shell .blog-main .article-body .article-callout strong { color:#172735!important; }
html:root body.blog-shell .blog-main .blog-card h3 { color:#172735!important; }

.blog-listing-main .pivot-heading { max-width:880px; }
.blog-listing-main .pivot-heading h1 {font-size:clamp(38px,5.2vw,66px);line-height:1.04;letter-spacing:-.045em;}
.blog-listing-main .pivot-heading>p:last-child {font-size:17px;line-height:1.68;max-width:770px;}
.blog-jump-links {display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 55px;}
.blog-jump-links a {display:inline-flex;align-items:center;padding:9px 16px;border:1px solid #cbd5df;border-radius:999px;color:#24394d;background:#fff;font-size:13px;font-weight:700;text-decoration:none;}
.blog-jump-links a:hover,.blog-jump-links a:focus-visible {border-color:#5d8fff;background:#edf3ff;}
.blog-category {margin:0 0 68px;scroll-margin-top:120px;}
.blog-section-heading {max-width:820px;margin-bottom:26px;}
.blog-section-heading h2 {margin:8px 0 10px;color:#172735;font-size:clamp(28px,3vw,40px);letter-spacing:-.035em;line-height:1.13;}
.blog-section-heading>p:last-child {margin:0;color:#546576;font-size:15px;}
.blog-category .blog-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:0;}
.blog-category .blog-card {min-height:265px;padding:25px;border-radius:17px;background:#fff!important;border:1px solid #d4dce3!important;box-shadow:0 8px 20px rgba(15,35,55,.035)!important;}
.blog-category .blog-card h3 {margin:24px 0 0;font-size:21px;line-height:1.22;letter-spacing:-.035em;}
.blog-category .blog-card p {margin:12px 0 0;color:#536575!important;font-size:14px;line-height:1.6;}
.blog-category .blog-card small {margin-top:auto;padding-top:19px;color:#637386!important;font-size:12px;}
.blog-category .blog-card .tag {color:#1a56b0;font-size:11px;}
.blog-category .blog-card:hover {transform:translateY(-3px);border-color:#90b3e9!important;box-shadow:0 12px 29px rgba(20,55,90,.1)!important;}
.blog-listing-main .st-final {padding:22px 0 30px;}
.blog-listing-main .st-final-box {background:linear-gradient(130deg,#10243a,#0a1826)!important;}
.blog-listing-main .st-final-box h2 {font-size:clamp(32px,4.3vw,53px);}
.blog-listing-main .st-final-box .st-hero-actions {margin-top:26px;}

.blog-article-main {padding:0 0 75px!important;}
.blog-article-container {width:min(1160px,calc(100% - 48px));margin:0 auto;}
.blog-article-main .article-header {max-width:920px;margin:0 auto;padding:74px 0 40px;}
.blog-article-main .article-header h1 {font-size:clamp(40px,5vw,67px);}
.blog-article-main .article-header>p:not(.pivot-kicker) {color:#4c5d6e!important;max-width:880px;}
.blog-article-main .article-meta {color:#546576!important;gap:10px 20px;}
.blog-breadcrumbs {display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:22px;color:#5b6b79;font-size:12px;font-weight:600;}
.blog-breadcrumbs a {color:#1757b1;text-decoration:none;}
.blog-reading-layout {display:grid;grid-template-columns:210px minmax(0,830px);gap:46px;align-items:start;justify-content:center;}
.blog-article-sidebar {padding-top:58px;min-width:0;}
.blog-sticky {position:sticky;top:95px;}
.blog-aside-label {font-size:12px;font-weight:800;letter-spacing:.035em;color:#243646;text-transform:uppercase;}
.blog-toc {display:flex;flex-direction:column;gap:4px;margin-top:15px;padding-bottom:25px;border-bottom:1px solid #d4dce3;max-height:54vh;overflow-y:auto;}
.blog-toc a {display:block;padding:8px 9px;border-left:2px solid transparent;color:#536474;text-decoration:none;font-size:12px;line-height:1.4;border-radius:0 6px 6px 0;}
.blog-toc a:hover,.blog-toc a:focus-visible,.blog-toc a.is-active {color:#174f9b;border-left-color:#3478f6;background:#edf4ff;}
.blog-share-label {margin:23px 0 13px;}
.blog-social-links {display:flex;flex-wrap:wrap;gap:8px;align-items:center;}
.blog-share {display:inline-flex;align-items:center;justify-content:center;width:40px;height:38px;padding:0;border:1px solid #cbd5df;border-radius:10px;background:#fff;color:#203a52;font-family:inherit;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease;}
.blog-share:hover,.blog-share:focus-visible {background:#edf4ff;border-color:#7fa7db;transform:translateY(-1px);}
.blog-share:focus-visible {outline:2px solid #3371d9;outline-offset:2px;}
.blog-share[href*='linkedin'] {color:#0a66c2;}
.blog-share[href*='whatsapp'] {color:#127d46;}
.blog-mobile-share {display:none;margin-top:18px;align-items:center;gap:18px;color:#41566a;font-size:12px;font-weight:700;}
.blog-article-main .article-wrap {width:100%;margin:0;padding:52px 0 20px;min-width:0;}
.blog-article-main .article-body {font-size:16.5px;line-height:1.85;}
.blog-article-main .article-body .blog-intro {font-size:19px;line-height:1.65;color:#263b50!important;font-weight:500;margin-bottom:36px;}
.blog-article-main .article-body h2 {margin-top:44px;scroll-margin-top:110px;font-size:29px;}
.blog-article-main .article-body h3 {scroll-margin-top:110px;}
.blog-article-main .article-body pre {padding:19px 22px;overflow-x:auto;border:1px solid #263e54;border-radius:12px;background:#112437;color:#eaf1fb;white-space:pre;line-height:1.6;}
.blog-article-main .article-body pre code {font-size:13px;white-space:pre;}
.blog-article-main .article-body table {width:100%;border-collapse:collapse;margin:22px 0 32px;background:#fff;font-size:14px;display:block;overflow-x:auto;}
.blog-article-main .article-body table th,.blog-article-main .article-body table td {border:1px solid #d4dce3;padding:11px 13px;text-align:left;vertical-align:top;}
.blog-article-main .article-body table th {background:#edf1f5;color:#273745;}
.blog-article-main .article-body table td {color:#364552;}
.blog-article-main .article-body ul {margin:12px 0 26px;padding-left:23px;}
.blog-article-main .article-body li {margin:8px 0;}
.blog-inline-cta {display:grid;gap:6px;margin:33px 0 30px;padding:19px 22px;border:1px solid #c8d8ea;border-radius:13px;background:#eef4fd;}
.blog-inline-cta strong {font-size:16px;color:#173a60;}
.blog-inline-cta span {font-size:13px;line-height:1.55;color:#4a6179;}
.blog-inline-cta a {width:max-content;font-size:13px;font-weight:700;text-decoration:none;}
.blog-dual-cta {background:#17222c!important;padding:28px 31px;}
.blog-dual-cta h2 {font-size:27px!important;margin:0 0 12px!important;}
.blog-dual-cta .blog-cta-buttons {display:flex;gap:12px;flex-wrap:wrap;margin-top:21px;}
.blog-dual-cta .blog-cta-buttons .button {font-size:13px;}
.blog-article-main .article-body .article-related {margin-top:30px;}
.blog-article-main .article-body .article-related a {color:#1e55a1!important;background:#fff!important;font-weight:600;line-height:1.5;}
.blog-copy-toast {position:fixed;left:50%;bottom:26px;z-index:9999;transform:translateX(-50%);background:#142c40;color:#fff;padding:11px 18px;border-radius:9px;box-shadow:0 9px 30px rgba(0,0,0,.25);font-size:14px;}
@media(max-width:1080px) { .blog-reading-layout {grid-template-columns:190px minmax(0,1fr);gap:26px;} .blog-category .blog-grid {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px) { .blog-article-container{width:min(100% - 28px,690px);} .blog-article-main .article-header {padding:54px 0 25px;} .blog-article-main .article-header h1{font-size:clamp(35px,8vw,51px);} .blog-reading-layout {display:block;} .blog-article-sidebar {display:none;} .blog-mobile-share {display:flex;flex-wrap:wrap;} .blog-article-main .article-wrap{padding-top:32px;} .blog-article-main .article-body h2{font-size:25px;} .blog-category .blog-grid{grid-template-columns:1fr;} .blog-category .blog-card {min-height:215px;} .blog-listing-main .st-final-box{padding:32px 24px;} .blog-dual-cta{padding:24px 20px;} .blog-dual-cta .blog-cta-buttons{flex-direction:column;} .blog-dual-cta .blog-cta-buttons .button{width:100%;} }
@media(prefers-reduced-motion:reduce) { .blog-share,.blog-category .blog-card{transition:none!important;} }