/* Creyoo premium editorial blog system — scoped to blog views only */
body:has(.creyoo-blog) { background:#f4f7fb; color:#17283d; }
/* Archive pages must use the full viewport width; GeneratePress may otherwise constrain the whole site wrapper. */
body:has(.creyoo-blog-archive) .site,
body:has(.creyoo-blog-archive) #page { width:100%; max-width:none; margin-left:0; margin-right:0; }
body:has(.creyoo-blog-archive) .site-header,
body:has(.creyoo-blog-archive) .site-footer { width:100%; max-width:none; }
body:has(.creyoo-blog-archive) .site-content { width:100%; max-width:none; }
body:has(.creyoo-blog-archive) .inside-header,
body:has(.creyoo-blog-archive) .inside-navigation,
body:has(.creyoo-blog-archive) .inside-site-info { max-width:1280px; margin-left:auto; margin-right:auto; }
body:has(.creyoo-blog) .site-header { position:sticky; top:0; }
body:has(.creyoo-blog) #page, body:has(.creyoo-blog) .site, body:has(.creyoo-blog) .site-content { background:transparent; }
body:has(.creyoo-blog) .site-main { margin:0; }
.creyoo-blog { --blog-ink:#101e31; --blog-muted:#64758b; --blog-blue:#1684ff; --blog-border:#e1e8f0; color:var(--blog-ink); background:#f4f7fb; font-family:Arial,Helvetica,sans-serif; }
.creyoo-blog * { box-sizing:border-box; }
.creyoo-blog a { text-decoration:none; }
.creyoo-blog-container { width:min(1160px, calc(100% - 48px)); margin-inline:auto; }
.creyoo-article-header { padding:42px 0 38px; background:radial-gradient(ellipse at 82% 10%,rgba(22,132,255,.09),transparent 34%),linear-gradient(180deg,#fff 0%,#f4f7fb 100%); border-bottom:1px solid #e7edf4; }
.creyoo-breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; color:#8090a3; font-size:12px; margin-bottom:36px; }
.creyoo-breadcrumbs a { color:#536b86; }
.creyoo-breadcrumbs a:hover { color:#1684ff; }
.creyoo-article-kicker { display:flex; align-items:center; gap:9px; color:#66809c; font-size:10px; font-weight:800; letter-spacing:.18em; }
.creyoo-kicker-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#1684ff; box-shadow:0 0 0 4px rgba(22,132,255,.1); }
.creyoo-article-title { max-width:950px; margin:20px 0 18px; font-size:clamp(36px,5.1vw,64px); line-height:1.07; letter-spacing:-.045em; font-weight:750; color:#101e31; }
.creyoo-article-excerpt { max-width:800px; margin:0 0 24px; color:#52657b; font-size:19px; line-height:1.7; }
.creyoo-article-meta { display:flex; align-items:center; flex-wrap:wrap; gap:12px; color:#708198; font-size:12px; }
.creyoo-article-meta i,.creyoo-card-meta i { display:inline-block; width:4px; height:4px; border-radius:50%; background:#1684ff; }
.creyoo-article-meta a { color:#536b86; }
.creyoo-featured-image { margin:0; padding:34px 0 0; }
.creyoo-featured-image .creyoo-blog-container { width:min(1160px,calc(100% - 48px)); }
.creyoo-featured-img { display:block; width:100%; max-height:560px; object-fit:cover; border-radius:16px; box-shadow:0 24px 65px rgba(13,35,63,.14); }
.creyoo-article-layout { display:grid; grid-template-columns:minmax(0,760px) minmax(220px,280px); gap:72px; align-items:start; padding-top:54px; padding-bottom:76px; }
.creyoo-article-content { min-width:0; }
.creyoo-article-prose { color:#27384d; font-size:17px; line-height:1.9; overflow-wrap:anywhere; }
.creyoo-article-prose > *:first-child { margin-top:0; }
.creyoo-article-prose p { margin:0 0 25px; }
.creyoo-article-prose h2 { margin:52px 0 19px; padding-top:4px; color:#101e31; font-size:clamp(27px,3.2vw,36px); line-height:1.2; letter-spacing:-.03em; }
.creyoo-article-prose h2:before { content:''; display:block; width:36px; height:3px; margin-bottom:16px; border-radius:3px; background:#1684ff; }
.creyoo-article-prose h3 { margin:34px 0 13px; color:#142a44; font-size:23px; line-height:1.3; letter-spacing:-.02em; }
.creyoo-article-prose h4 { margin:28px 0 10px; font-size:18px; }
.creyoo-article-prose ul,.creyoo-article-prose ol { margin:0 0 28px; padding-left:26px; }
.creyoo-article-prose li { margin:0 0 10px; padding-left:4px; }
.creyoo-article-prose li::marker { color:#1684ff; font-weight:700; }
.creyoo-article-prose a { color:#0869c9; text-decoration:underline; text-decoration-color:rgba(8,105,201,.28); text-underline-offset:3px; }
.creyoo-article-prose a:hover { text-decoration-color:currentColor; }
.creyoo-article-prose strong { color:#132944; font-weight:750; }
.creyoo-article-prose blockquote { margin:32px 0; padding:23px 26px; border-left:3px solid #1684ff; border-radius:0 10px 10px 0; background:#eaf3ff; color:#29445f; font-size:18px; }
.creyoo-article-prose blockquote p:last-child { margin-bottom:0; }
.creyoo-article-prose table { width:100%; margin:28px 0; border-collapse:collapse; font-size:15px; }
.creyoo-article-prose th,.creyoo-article-prose td { padding:13px 15px; text-align:left; border:1px solid #dce5ef; }
.creyoo-article-prose th { background:#eaf1f8; color:#122741; }
.creyoo-article-prose img { max-width:100%; height:auto; border-radius:10px; }
.creyoo-article-prose figure { margin:30px 0; }
.creyoo-article-prose figcaption { margin-top:9px; color:#77879a; text-align:center; font-size:12px; }
.creyoo-article-sidebar { position:sticky; top:120px; display:grid; gap:18px; }
.creyoo-sidebar-card { padding:26px 24px; border:1px solid #dfe8f2; border-radius:12px; background:#fff; box-shadow:0 12px 36px rgba(20,48,80,.045); }
.creyoo-sidebar-label,.creyoo-sidebar-note>span { color:#1684ff; font-size:9px; font-weight:800; letter-spacing:.16em; }
.creyoo-sidebar-card h3 { margin:17px 0 12px; color:#10233b; font-size:23px; line-height:1.25; letter-spacing:-.025em; }
.creyoo-sidebar-card p,.creyoo-sidebar-note p { color:#697b90; font-size:13px; line-height:1.8; }
.creyoo-sidebar-card a { display:inline-flex; gap:10px; margin-top:9px; color:#126cc4; font-size:12px; font-weight:700; }
.creyoo-sidebar-note { padding:20px 22px; border-radius:10px; background:#eaf0f7; }
.creyoo-sidebar-note p { margin:10px 0 0; }
.creyoo-article-end { display:flex; align-items:center; gap:14px; margin:48px 0 38px; }
.creyoo-article-end span { height:1px; flex:1; background:#dce5ef; }
.creyoo-article-end p { margin:0; color:#7b8ba0; font-size:10px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }
.creyoo-article-cta { display:grid; grid-template-columns:58px 1fr; gap:22px; padding:30px; border:1px solid rgba(103,199,255,.25); border-radius:14px; background:linear-gradient(135deg,#06152b,#0b2b50); color:#fff; }
.creyoo-cta-orb { display:grid; place-items:center; width:58px; height:58px; border:1px solid rgba(103,199,255,.5); border-radius:50%; color:#8bcaff; font-size:28px; font-weight:700; }
.creyoo-cta-eyebrow { color:#83b9ed; font-size:9px; font-weight:800; letter-spacing:.17em; }
.creyoo-article-cta h2 { margin:10px 0; color:#fff; font-size:26px; line-height:1.25; }
.creyoo-article-cta p { margin:0 0 20px; color:#b1c4d9; font-size:14px; line-height:1.75; }
.creyoo-blog-button { display:inline-flex; align-items:center; gap:20px; padding:13px 17px; background:#1684ff; color:#fff!important; font-size:12px; font-weight:700; text-decoration:none!important; }
.creyoo-blog-button:hover { background:#36a0ff; }
.creyoo-related-section { padding:66px 0 82px; border-top:1px solid #e1e8f0; background:#fff; }
.creyoo-related-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.creyoo-related-heading h2 { margin:12px 0 0; font-size:clamp(28px,3vw,38px); letter-spacing:-.035em; }
.creyoo-related-heading>a { color:#146fc6; font-size:12px; font-weight:700; white-space:nowrap; }
.creyoo-post-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.creyoo-post-card { min-width:0; overflow:hidden; border:1px solid #e1e8f0; border-radius:12px; background:#fff; transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease; }
.creyoo-post-card:hover { transform:translateY(-4px); border-color:#c6d9ee; box-shadow:0 18px 45px rgba(18,43,73,.09); }
.creyoo-card-image { position:relative; display:block; overflow:hidden; aspect-ratio:16/9; background:linear-gradient(135deg,#07182e,#164b7d); }
.creyoo-card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.creyoo-post-card:hover .creyoo-card-image img { transform:scale(1.035); }
.creyoo-card-placeholder { display:grid; place-items:center; width:100%; height:100%; color:rgba(255,255,255,.75); font-size:62px; font-weight:700; background:radial-gradient(circle at 75% 20%,rgba(22,132,255,.35),transparent 35%),linear-gradient(135deg,#06152b,#0c3157); }
.creyoo-card-image-arrow { position:absolute; right:14px; bottom:14px; display:grid; place-items:center; width:32px; height:32px; border:1px solid rgba(255,255,255,.35); border-radius:50%; color:#fff; background:rgba(5,19,36,.65); }
.creyoo-card-body { padding:22px; }
.creyoo-card-meta { display:flex; flex-wrap:wrap; align-items:center; gap:9px; margin-bottom:13px; color:#7b8ba0; font-size:10px; }
.creyoo-card-body h2,.creyoo-card-body h3 { margin:0 0 12px; color:#12243a; font-size:21px; line-height:1.3; letter-spacing:-.02em; }
.creyoo-card-body h2 a,.creyoo-card-body h3 a { color:inherit; }
.creyoo-card-body p { margin:0 0 18px; color:#687b90; font-size:13px; line-height:1.75; }
.creyoo-card-link { display:inline-flex; gap:12px; color:#126fc9; font-size:11px; font-weight:800; }
.creyoo-archive-hero { padding:82px 0 72px; color:#fff; background:radial-gradient(ellipse at 85% 15%,rgba(22,132,255,.22),transparent 32%),linear-gradient(120deg,#04101f 0%,#08264a 70%,#071a32 100%); }
.creyoo-archive-hero .creyoo-article-kicker { color:#9bb6d3; }
.creyoo-archive-hero h1 { max-width:850px; margin:21px 0 16px; color:#fff; font-size:clamp(42px,6vw,70px); line-height:1.04; letter-spacing:-.05em; }
.creyoo-archive-hero p { max-width:700px; margin:0; color:#b6c7da; font-size:17px; line-height:1.8; }
.creyoo-archive-stats { display:flex; flex-wrap:wrap; align-items:center; gap:13px; margin-top:29px; color:#83b7eb; font-size:9px; font-weight:800; letter-spacing:.16em; }
.creyoo-archive-stats i { width:4px; height:4px; border-radius:50%; background:#1684ff; }
.creyoo-archive-content { padding-top:46px; padding-bottom:78px; }
/* Archive-only featured lead card: gives the first article a balanced, editorial layout even when the blog has only one post. */
.creyoo-post-grid--archive { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.creyoo-post-grid--archive .creyoo-post-card--featured { grid-column:1 / -1; display:grid; grid-template-columns:minmax(0,1fr); align-items:start; }
/* Keep the entire featured image visible in a predictable 16:9 frame instead of cropping its headline/artwork. */
.creyoo-post-grid--archive .creyoo-post-card--featured .creyoo-card-image { min-height:0; aspect-ratio:16/9; }
.creyoo-post-grid--archive .creyoo-post-card--featured .creyoo-card-image img { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#f7f9fc; }
.creyoo-post-grid--archive .creyoo-post-card--featured .creyoo-card-body { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(26px,4vw,42px); }
.creyoo-post-grid--archive .creyoo-post-card--featured .creyoo-card-meta { font-size:11px; margin-bottom:17px; }
.creyoo-post-grid--archive .creyoo-post-card--featured .creyoo-card-body h2 { font-size:clamp(25px,3vw,38px); line-height:1.2; margin-bottom:16px; }
.creyoo-post-grid--archive .creyoo-post-card--featured .creyoo-card-body p { font-size:15px; line-height:1.85; margin-bottom:24px; }
.creyoo-post-grid--archive .creyoo-post-card--featured .creyoo-card-link { font-size:12px; margin-top:2px; }
@media(max-width:1000px){.creyoo-post-grid--archive .creyoo-post-card--featured { grid-template-columns:minmax(0,1fr); }}
@media(max-width:680px){.creyoo-post-grid--archive .creyoo-post-card--featured { grid-column:auto; grid-template-columns:1fr; }.creyoo-post-grid--archive .creyoo-post-card--featured .creyoo-card-image { aspect-ratio:16/9; min-height:0; }.creyoo-post-grid--archive .creyoo-post-card--featured .creyoo-card-image img { position:static; }.creyoo-post-grid--archive .creyoo-post-card--featured .creyoo-card-body { padding:19px; }.creyoo-post-grid--archive .creyoo-post-card--featured .creyoo-card-body h2 { font-size:23px; }.creyoo-post-grid--archive .creyoo-post-card--featured .creyoo-card-body p { font-size:13px; }}
.creyoo-pagination { display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:42px; }
.creyoo-pagination .page-numbers { display:inline-flex; align-items:center; justify-content:center; min-width:40px; min-height:40px; padding:0 12px; border:1px solid #dce5ef; border-radius:6px; color:#3c536c; background:#fff; font-size:12px; }
.creyoo-pagination .page-numbers.current,.creyoo-pagination .page-numbers:hover { border-color:#1684ff; color:#fff; background:#1684ff; }
.creyoo-empty-state { padding:70px 24px; text-align:center; border:1px solid #dfe8f2; border-radius:14px; background:#fff; }
.creyoo-empty-state h2 { margin:16px 0 10px; font-size:32px; }
.creyoo-empty-state p { color:#687b90; }
@media(max-width:1000px){.creyoo-article-layout{grid-template-columns:minmax(0,1fr);gap:36px}.creyoo-article-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.creyoo-post-grid,.creyoo-post-grid--archive{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.creyoo-blog-container,.creyoo-featured-image .creyoo-blog-container{width:calc(100% - 32px)}.creyoo-article-header{padding:28px 0 28px}.creyoo-breadcrumbs{margin-bottom:26px;font-size:11px}.creyoo-article-title{font-size:clamp(34px,10vw,48px)}.creyoo-article-excerpt{font-size:16px}.creyoo-featured-image{padding-top:22px}.creyoo-featured-img{border-radius:10px}.creyoo-article-layout{padding-top:35px;padding-bottom:48px}.creyoo-article-prose{font-size:16px;line-height:1.82}.creyoo-article-prose h2{margin-top:39px;font-size:28px}.creyoo-article-prose h3{font-size:21px}.creyoo-article-sidebar{grid-template-columns:1fr}.creyoo-article-cta{grid-template-columns:1fr;padding:23px;gap:14px}.creyoo-article-cta h2{font-size:23px}.creyoo-related-section{padding:48px 0}.creyoo-related-heading{align-items:start;flex-direction:column}.creyoo-post-grid,.creyoo-post-grid--archive{grid-template-columns:1fr;gap:16px}.creyoo-card-body{padding:19px}.creyoo-archive-hero{padding:58px 0 48px}.creyoo-archive-hero h1{font-size:43px}.creyoo-archive-hero p{font-size:15px}.creyoo-archive-content{padding-top:26px;padding-bottom:50px}}

/* V1.6.3: make the archive canvas and hero span the actual viewport. The GeneratePress content wrapper can be slightly narrower than the header, leaving a visible strip on the right. */
body:has(.creyoo-blog-archive) .site-content,
body:has(.creyoo-blog-archive) .content-area,
body:has(.creyoo-blog-archive) .site-main.creyoo-blog-archive {
  width: 100% !important;
  max-width: none !important;
  flex: 0 0 100% !important;
}
body:has(.creyoo-blog-archive) .creyoo-archive-hero {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-right: calc(50% - 50vw) !important;
}
@media (min-width: 681px) {
  body:has(.creyoo-blog-archive) .creyoo-archive-hero {
    padding-right: max(24px, calc((100vw - 1280px) / 2));
  }
}