/* CybroHost: WordPress and main site visual parity (Poppins, #061B51 / #1169EE).
   Loaded after source theme styling, mirroring the current static website header/footer. */
:root {
 --ch-font: "Poppins",Arial,sans-serif;
 --ch-primary: #1169EE; --ch-primary-dark: #0959CF;
 --ch-heading: #061B51; --ch-text: #061B51;
 --ch-muted: rgba(6,27,81,.68); --ch-muted-dark: rgba(6,27,81,.65);
 --ch-surface-tint: #eef5ff; --ch-surface-soft: #f8fbff;
 --ch-border: rgba(17,105,238,.14);
 --ch-radius: 12px; --ch-radius-lg: 16px; --ch-radius-sm: 6px;
 --ch-container: 1280px;
}
html { scroll-padding-top: 26px; }
body.cybrohost-site-integrated {font-family:"Poppins",Arial,sans-serif; color:#061B51;background:#fff;font-size:15px;line-height:1.65;overflow-x:clip}
body.cybrohost-site-integrated main h1,body.cybrohost-site-integrated main h2,body.cybrohost-site-integrated main h3,body.cybrohost-site-integrated main h4,body.cybrohost-site-integrated main h5 {font-family:"Poppins",Arial,sans-serif;font-weight:600;letter-spacing:-.025em}
body.cybrohost-site-integrated a:focus-visible,body.cybrohost-site-integrated button:focus-visible,body.cybrohost-site-integrated input:focus-visible {outline:2px solid #1169EE;outline-offset:3px}
/* Exact shared header/footer rules are sourced from site-header-footer.css. Preserve site button & link appearance. */
.ch6-topbar, .ch6-header, .ch6-mobile-header, .ch6-footer, .ch6-drawer {font-family:"Poppins",Arial,sans-serif}
.ch6-footer h4,.ch6-spotlight h4 {letter-spacing:inherit}
.ch6-header a,.ch6-footer a,.ch6-topbar a,.ch6-drawer a,.ch6-mobile-header a {text-decoration:none}
/* WordPress admin toolbar must not cover mobile drawer close button. */
body.admin-bar .ch6-drawer{top:32px;height:calc(100dvh - 32px)}
@media(max-width:782px){body.admin-bar .ch6-drawer{top:46px;height:calc(100dvh - 46px)}}
@media(max-width:600px){body.admin-bar .ch6-drawer{top:0;height:100dvh}}
/* Main site width, proportional text scale, and consistent card chrome. */
.ch-container {width:min(100% - 56px,1280px);max-width:1280px}
.ch-main {padding:44px 0 68px}
.ch-blog-home {padding-top:0}
.ch-home-latest {padding:60px 0 55px;border-bottom:1px solid rgba(6,27,81,.09)}
.ch-latest-feature {grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);gap:clamp(28px,4.1vw,62px)}
.ch-latest-copy h1 {color:#061B51;font-size:clamp(31px,3.3vw,45px);line-height:1.17;letter-spacing:-.035em;font-weight:600;margin-bottom:20px}
.ch-latest-copy p {color:rgba(6,27,81,.7);font-size:15.5px;line-height:1.72;margin-bottom:22px}
.ch-latest-media,.ch-single-media {min-height:0;aspect-ratio:16/9;border-radius:12px}
.ch-underlined-link {font-size:14.4px;font-weight:600;color:#1169EE}
.ch-section-header {margin:34px 0 22px}
.ch-section-header h2 {font-size:clamp(25px,2.4vw,34px);color:#061B51;font-weight:600}
.ch-eyebrow {color:#1169EE;font-size:11px;font-weight:600;letter-spacing:.085em}
.ch-layout {grid-template-columns:minmax(0,1fr) 295px;gap:32px}
.ch-card-grid {gap:20px}
.ch-post-card,.ch-widget,.ch-sticky-card,.ch-author-box {border:1px solid rgba(17,105,238,.12);border-radius:10px;box-shadow:0 6px 20px rgba(6,27,81,.045)}
.ch-post-card:hover {border-color:rgba(17,105,238,.34);box-shadow:0 12px 30px rgba(6,27,81,.1)}
.ch-card-title {font-size:18px;line-height:1.37;font-weight:600;letter-spacing:-.02em;color:#061B51}
.ch-card-body p {color:rgba(6,27,81,.7);font-size:14px;line-height:1.67}
.ch-card-footer {color:rgba(6,27,81,.65);font-size:12px;font-weight:500}
.ch-meta-row {color:rgba(6,27,81,.58);font-size:12px;font-weight:500}
.ch-pill {background:#eef5ff;color:#1169EE;font-size:10px;font-weight:600;letter-spacing:.045em}
.ch-widget {padding:21px;margin-bottom:20px}
.ch-widget-title {font-size:16px;font-weight:600;color:#061B51}
.ch-widget li {font-weight:500}
.ch-service-widget {background:#061B51;color:#fff;border:1px solid #061B51}
.ch-service-widget .ch-widget-title {color:#fff}
.ch-service-widget .ch-eyebrow {color:#8dbdff}
.ch-service-widget p {color:rgba(255,255,255,.78)}
.ch-primary-button,.search-submit,.ch-inline-search button {background:#1169EE;color:#fff;border-radius:6px;box-shadow:none;font-weight:600}
.ch-primary-button:hover,.search-submit:hover,.ch-inline-search button:hover {background:#0959CF;box-shadow:0 5px 14px rgba(17,105,238,.2)}
.ch-inline-search {border-radius:7px}
.ch-search-form input {border-radius:6px}
.ch-category-list a:hover {color:#1169EE}
/* Single article header & content follow the clean CybroHost sections. */
.ch-single-hero {background:#fff;color:#061B51;border-bottom:1px solid rgba(17,105,238,.12)}
.ch-single-header-grid {grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:clamp(25px,4vw,56px);padding:48px 0}
.ch-single-header h1 {font-size:clamp(29px,3.45vw,46px);font-weight:600;line-height:1.2;letter-spacing:-.035em;color:#061B51}
.ch-single-header p {color:rgba(6,27,81,.7);font-size:15px;line-height:1.7}
.ch-single-meta-line {color:rgba(6,27,81,.6);font-weight:500}
.ch-single-meta-line a:not(.ch-pill) {color:#061B51;font-weight:600}
.ch-blog-label {color:#1169EE}
.ch-article-layout {grid-template-columns:minmax(195px,225px) minmax(0,820px);gap:clamp(22px,4vw,46px);margin-top:44px}
.ch-article-aside {top:20px}
.ch-entry-content,.ch-single-article .ch-entry-content,.ch-page-article .ch-entry-content {color:rgba(6,27,81,.84);font-size:15px;line-height:1.82;overflow-wrap:anywhere}
.ch-entry-content p,.ch-entry-content li,.ch-single-article .ch-entry-content p,.ch-page-article .ch-entry-content p,.ch-single-article .ch-entry-content li,.ch-page-article .ch-entry-content li {font-size:15px;line-height:1.82;margin-bottom:16px}
.ch-entry-content h1,.ch-page-article .ch-entry-content h1 {font-size:clamp(28px,3vw,37px);line-height:1.26;margin:32px 0 14px}
.ch-entry-content h2,.ch-single-article .ch-entry-content h2,.ch-page-article .ch-entry-content h2 {font-size:clamp(23px,2.25vw,29px);font-weight:600;line-height:1.35;margin:30px 0 13px;color:#061B51}
.ch-entry-content h3,.ch-single-article .ch-entry-content h3,.ch-page-article .ch-entry-content h3 {font-size:clamp(19px,1.8vw,23px);font-weight:600;line-height:1.37;margin:25px 0 11px;color:#061B51}
.ch-entry-content h4,.ch-single-article .ch-entry-content h4,.ch-page-article .ch-entry-content h4 {font-size:17px;font-weight:600;line-height:1.4;margin:22px 0 10px}
.ch-entry-content summary,.ch-entry-content .schema-faq-question,.ch-entry-content .rank-math-question {font-size:15px;line-height:1.55;font-weight:600}
.ch-entry-content .schema-faq-answer,.ch-entry-content .rank-math-answer {font-size:15px;line-height:1.75}
.ch-entry-content :is(img,video,iframe){max-width:100%;height:auto}
.ch-entry-content iframe{max-width:100%;aspect-ratio:16/9;height:auto}
.ch-entry-content :is(pre,table,.wp-block-table){max-width:100%;overflow-x:auto}
.ch-entry-content pre{white-space:pre;overflow:auto}
.ch-entry-content table {display:block;width:max-content;max-width:100%;overflow-x:auto}
.ch-entry-content .wp-block-image img{height:auto}
.ch-entry-content .wp-block-columns{gap:20px}
.ch-entry-content .alignwide{max-width:100%}
.ch-entry-content .alignfull{max-width:100vw}
.ch-secondary-button {border-radius:6px}
.ch-page-header {background:#f7faff;color:#061B51;border:1px solid rgba(17,105,238,.12);box-shadow:none;border-radius:12px}
.ch-page-header.compact h1 {font-size:clamp(28px,3.5vw,42px);color:#061B51}
.ch-page-header .ch-eyebrow {color:#1169EE}
.ch-page-header p {color:rgba(6,27,81,.7)}
/* Topic navigation: Poppins and shared 1400px shell, scrollable on narrow screens. */
.cyb-blog-topic-strip{background:#f8fbff;border-bottom:1px solid rgba(17,105,238,.10);border-top:0}
.cyb-blog-topic-strip__inner{width:min(1400px,calc(100% - 56px));max-width:1400px}
.cyb-blog-topic-strip__label,.cyb-blog-topic-strip__pill{font-family:"Poppins",Arial,sans-serif}
.cyb-blog-topic-strip__label {font-size:11px;font-weight:600;letter-spacing:.065em}
.cyb-blog-topic-strip__pill {font-weight:500}
.ch6-drawer__support button {cursor:pointer}
@media(max-width:1060px){
 .ch6-header{display:none}.ch6-mobile-header,.ch6-mobile-overlay,.ch6-drawer{display:block}
 .ch-container{width:min(100% - 40px,920px)}
 .cyb-blog-topic-strip__inner{width:calc(100% - 40px)}
 .ch-layout{grid-template-columns:minmax(0,1fr) 265px;gap:22px}
 .ch-single-header-grid{grid-template-columns:minmax(0,1fr) minmax(0,320px)}
 .ch-article-layout{grid-template-columns:195px minmax(0,1fr);gap:22px}
}
@media(max-width:860px){
 .ch-layout{grid-template-columns:1fr}
 .ch-sidebar{position:static;top:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .ch-sidebar>.ch-widget{margin:0}
 .ch-single-header-grid{grid-template-columns:1fr}
 .ch-single-media{max-width:100%;min-height:0}
 .ch-article-layout{grid-template-columns:1fr}
 .ch-article-aside{position:static;order:2}
 .ch-latest-feature{grid-template-columns:1fr;gap:25px}
 .ch-latest-copy{max-width:none}
 .ch-latest-media{width:100%}
 .ch-home-latest{padding:36px 0}
}
@media(max-width:600px){
 .ch-container{width:calc(100% - 28px)}
 .cyb-blog-topic-strip__inner{width:calc(100% - 28px)}
 .ch-main{padding:30px 0 48px}
 .ch-blog-home{padding-top:0}
 .ch-home-latest{padding:30px 0}
 .ch-latest-copy h1{font-size:clamp(26px,6.7vw,34px);margin-bottom:14px}
 .ch-latest-copy p{font-size:14px;line-height:1.75;margin-bottom:15px}
 .ch-section-header{align-items:stretch;flex-direction:column;gap:14px}
 .ch-inline-search{min-width:0;width:100%;max-width:100%}
 .ch-card-grid{grid-template-columns:1fr;gap:18px}
 .ch-card-title{font-size:18px}
 .ch-sidebar{display:block}
 .ch-sidebar>.ch-widget{margin-bottom:16px}
 .ch-single-header-grid{padding:28px 0;gap:20px}
 .ch-single-header h1{font-size:clamp(26px,7vw,34px)}
 .ch-single-header p{font-size:14px}
 .ch-article-layout{margin-top:27px}
 .ch-entry-content,.ch-single-article .ch-entry-content,.ch-page-article .ch-entry-content {font-size:14px;line-height:1.75}
 .ch-entry-content p,.ch-entry-content li,.ch-single-article .ch-entry-content p,.ch-page-article .ch-entry-content p,.ch-single-article .ch-entry-content li,.ch-page-article .ch-entry-content li{font-size:14px;line-height:1.75}
 .ch-entry-content h2,.ch-single-article .ch-entry-content h2,.ch-page-article .ch-entry-content h2{font-size:23px}
 .ch-entry-content h3,.ch-single-article .ch-entry-content h3,.ch-page-article .ch-entry-content h3{font-size:19px}
 .ch-page-header{padding:23px}
 .ch6-drawer{width:min(380px,94vw)}
}
@media(max-width:375px){
 .ch6-mobile-brand img{width:130px}.ch6-mobile-client{height:37px;padding:0 8px;font-size:11.5px}
 .ch6-mobile-actions{gap:5px}
 .ch-inline-search{gap:4px}.ch-inline-search button{padding:0 10px}
}
@media(prefers-reduced-motion:reduce){.ch-post-card,.ch6-drawer,.ch6-mobile-overlay{transition:none!important}}

.cyb-blog-topic-strip__pill.is-active,.cyb-blog-topic-strip__pill.is-active:hover{background:#1169EE;border-color:#1169EE;box-shadow:none;color:#fff}

/* v4 shared typography tokens are mirrored from the main-site main.css. */
:root{--cyb-base-font-size:15px;--cyb-body-line-height:1.65;--cyb-content-h2:clamp(23px,2.25vw,29px);--cyb-content-h3:clamp(19px,1.8vw,23px)}
body.cybrohost-site-integrated{font-size:var(--cyb-base-font-size);line-height:var(--cyb-body-line-height)}
.ch-single-article .ch-entry-content h2,.ch-page-article .ch-entry-content h2{font-size:var(--cyb-content-h2)}
.ch-single-article .ch-entry-content h3,.ch-page-article .ch-entry-content h3{font-size:var(--cyb-content-h3)}
@media(max-width:600px){:root{--cyb-base-font-size:14px;--cyb-content-h2:23px;--cyb-content-h3:19px}}