/* Growyoo editorial system — v1.17.0
   Reading text stays comfortable; research visuals and structured components
   can use a wider canvas. These rules do not modify saved post content. */

/* Repair legacy Extendify/exported text blocks without flattening real wide media. */
.blog-view .entry :is(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote).alignfull,
.blog-view .entry :is(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote).alignwide {
  width:100% !important;max-width:100% !important;margin-left:0 !important;
  margin-right:0 !important;transform:none !important;box-sizing:border-box;
}
.blog-view .entry :is(p,h1,h2,h3,h4,h5,h6,ul,ol,blockquote).ext-section {
  padding-top:0 !important;padding-bottom:0 !important;
  min-height:0 !important;opacity:1 !important;visibility:visible !important;
}
.blog-view .entry p.ext-section {margin-top:0 !important;margin-bottom:1.25em !important;}
.blog-view .entry :is(h1,h2,h3,h4,h5,h6).ext-section {display:block;margin-top:1.8em !important;margin-bottom:.65em !important;}
.blog-view .entry > :is(h1,h2,h3,h4,h5,h6).ext-section:first-child {margin-top:0 !important;}
.blog-view .entry :is(ul,ol).ext-section {margin-top:.5em !important;margin-bottom:1.4em !important;padding-left:1.4rem !important;}
.blog-view .entry li.ext-animate--on {opacity:1 !important;visibility:visible !important;}

/* Editorial header. */
.blog-view .post-breadcrumbs{max-width:64rem;margin:0 auto .9rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.88rem;font-weight:600;color:var(--muted)}
.blog-view .post-breadcrumbs a{color:var(--violet);text-decoration:none}
.blog-view .post-breadcrumbs a:hover{text-decoration:underline}
.blog-view .post-breadcrumbs .sep{opacity:.45}
.blog-view .post-dek{max-width:50rem;margin:.15rem 0 1.15rem;color:var(--muted);font-size:clamp(1.12rem,2vw,1.32rem);line-height:1.55}

/* Default reading measure. */
.blog-view .entry{max-width:48rem}
.blog-view .post-links,.blog-view .post-tags,.blog-view .post-cta{max-width:48rem}

/* Large WordPress images/tables can break out of the reading column. */
.blog-view .entry > figure.wp-block-image.size-large,
.blog-view .entry > figure.wp-block-image.size-full,
.blog-view .entry > figure.wp-block-gallery,
.blog-view .entry > .wp-block-table.alignwide,
.blog-view .entry > .wp-block-group.alignwide,
.blog-view .entry > .wp-block-cover.alignwide {
  width:min(68rem,calc(100vw - 2.5rem));max-width:none;
  margin-left:50%;margin-right:0;transform:translateX(-50%);
}
.blog-view .entry > figure.wp-block-image img{width:100%;height:auto}

/* Rich Growyoo research articles get a larger component canvas. The article's
   own .w wrapper still controls readable text inside that canvas. */
.blog-view.gy-rich-editorial .entry{max-width:72rem;width:100%}
.blog-view.gy-rich-editorial .entry > .gy{width:100%;max-width:72rem;margin-inline:auto}
.blog-view.gy-rich-editorial .entry > .gy > .w{max-width:60rem !important;width:100%;margin-inline:auto !important;padding-inline:clamp(1rem,2.2vw,1.5rem) !important}
.blog-view.gy-rich-editorial .entry > .gy .gy-visual{width:min(68rem,calc(100vw - 2.5rem));max-width:none;margin-left:50% !important;transform:translateX(-50%)}
.blog-view.gy-rich-editorial .entry > .gy .gy-visual img{width:100% !important;height:auto !important}
.blog-view.gy-rich-editorial .entry > .gy .tbl{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.blog-view.gy-rich-editorial .entry > .gy table{max-width:100%}

/* Component contract for future Gutenberg/HTML posts. */
.blog-view .entry .gy-quick-answer{padding:1.35rem 1.5rem;border:1px solid #dfe7ff;border-radius:18px;background:linear-gradient(135deg,#eef4ff,#f5efff);color:#344054}
.blog-view .entry .gy-callout{padding:1.25rem 1.4rem;border-left:5px solid var(--violet);border-radius:0 16px 16px 0;background:var(--paper-2)}
.blog-view .entry .gy-toc{padding:1.35rem 1.5rem;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.blog-view .entry .gy-wide{width:min(68rem,calc(100vw - 2.5rem));max-width:none;margin-left:50%;transform:translateX(-50%)}
.blog-view .entry .gy-wide img{width:100%;height:auto}
.blog-view .entry [id]{scroll-margin-top:110px}

/* Prevent component-specific typography from being flattened by legacy repair rules. */
.blog-view.gy-rich-editorial .entry > .gy .dek{font-size:clamp(1.18rem,2vw,1.38rem) !important;line-height:1.55 !important;color:#475467 !important}
.blog-view.gy-rich-editorial .entry > .gy .eyebrow{font-size:.82rem !important;line-height:1.4 !important;color:#2f6bff !important}
.blog-view.gy-rich-editorial .entry > .gy .answer,
.blog-view.gy-rich-editorial .entry > .gy .callout,
.blog-view.gy-rich-editorial .entry > .gy .card,
.blog-view.gy-rich-editorial .entry > .gy .toc{font-size:inherit;line-height:inherit}
.blog-view.gy-rich-editorial .entry > .gy .gy-visual figcaption{font-size:.9rem !important;line-height:1.5 !important;color:#667085 !important}
.blog-view.gy-rich-editorial .entry > .gy .sources{font-size:.9rem !important;line-height:1.6 !important;color:#667085 !important}

@media(max-width:760px){
  .blog-view .entry{font-size:1.05rem}
  .blog-view .post-title{overflow-wrap:anywhere}
  .blog-view.gy-rich-editorial .entry > .gy .gy-visual,
  .blog-view .entry .gy-wide{width:100%;margin-left:0;transform:none}
  .blog-view .entry > figure.wp-block-image.size-large,
  .blog-view .entry > figure.wp-block-image.size-full,
  .blog-view .entry > figure.wp-block-gallery,
  .blog-view .entry > .wp-block-table.alignwide,
  .blog-view .entry > .wp-block-group.alignwide,
  .blog-view .entry > .wp-block-cover.alignwide{width:100%;margin-left:0;transform:none}
}

/* Blog Upgrade 1.2: visible publishing metadata stays evergreen. */
.blog-view .entry .wp-block-post-date{display:none!important}
.blog-view .post-meta{gap:.6rem}
.blog-view .post-meta span:before{content:none}
.blog-view .blog-head h1{font-family:var(--font);font-weight:600;color:var(--ink);letter-spacing:-.04em}
.blog-view .post-title{font-family:var(--font);font-weight:600;letter-spacing:-.04em}

/* Block-theme global heading styles must not change GrowYoo's article typography. */
.blog-view :is(.post-title,.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6){font-family:var(--font)!important;text-transform:none;letter-spacing:-.025em}
.blog-view .entry .gy-platform .logo{font-size:inherit;letter-spacing:normal}