.gd-blog-intro { width: min(1120px, calc(100% - 40px)); margin: 30px auto 20px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(260px, 420px); align-items: end; gap: 18px 32px; color: #193d5a; }
.gd-blog-intro .gd-blog-eyebrow { margin: 0 0 7px; color: #b12138; font-size: 12px; font-weight: 700; letter-spacing: .08em; }
.gd-blog-intro h1 { margin: 0; color: #08264d; font-size: clamp(29px, 3.4vw, 42px); line-height: 1.15; }
.gd-blog-search { margin: 0; }
.gd-blog-search label { display: block; margin-bottom: 7px; font-size: 14px; font-weight: 700; }
.gd-blog-search-field { display: flex; min-height: 48px; padding: 4px; border: 1px solid #cbdde9; border-radius: 12px; background: #fff; }
.gd-blog-search-field input { flex: 1; width: 100%; min-width: 0; margin: 0; padding: 8px 12px; border: 0; border-radius: 8px; color: #193d5a; background: transparent; font: inherit; font-size: 16px; }
.gd-blog-search-field button { min-width: 62px; padding: 8px 17px; border: 0; border-radius: 8px; color: #fff; background: #0876c5; font: inherit; font-weight: 700; cursor: pointer; }
.gd-blog-topics { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; margin-top: 5px; }
.gd-blog-topics a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 8px 16px; border: 1px solid #cbdde9; border-radius: 24px; color: #193d5a; background: #f6fbff; font-size: 15px; font-weight: 700; line-height: 1.3; text-decoration: none; }
.gd-blog-topics a[aria-current="true"] { border-color: #0876c5; color: #fff; background: #0876c5; }
.gd-blog-intro :is(a, button):active, .gd-blog-index .gd-blog-more:active { transform: translateY(1px); filter: brightness(.92); }
.gd-blog-intro :is(input, a, button):focus-visible, .gd-blog-index .gd-blog-more:focus-visible, .gd-article-reading a:focus-visible, .gd-article-toc summary:focus-visible { outline: 3px solid #1482cf; outline-offset: 3px; }
main .gd-blog-index { margin-top: 0 !important; padding-top: 0 !important; }
.gd-blog-index > .wrap.content-layout { display: block; box-sizing: border-box; width: min(1120px, calc(100% - 32px)) !important; max-width: 1120px; margin: 0 auto !important; padding: 0 !important; gap: 0; }
.gd-blog-index :is(.course-content, .rich-content.source-content, article.width-100, section#content, .post-content) { box-sizing: border-box; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
.gd-blog-index :is(.fullwidth-box, .fusion_builder_column_1_1) { box-sizing: border-box; width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; }
.gd-blog-index .fullwidth-box { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; }
.gd-blog-index #content > .page { box-sizing: border-box; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
.gd-blog-index .reading-section { margin-top: 0 !important; padding-top: 0 !important; }
.gd-blog-index .reading-section > p:first-child { max-width: none; margin: 0 0 14px !important; font-size: 15px; line-height: 1.6; }
.gd-blog-index > .gd-blog-status, .gd-blog-index > .gd-blog-empty { width: min(1120px, calc(100% - 40px)); margin: 16px auto; color: #536c80; font-size: 14px; line-height: 1.6; }
.gd-blog-index .reading-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 18px; }
.gd-blog-index .reading-card { display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #d6e5ef; border-radius: 15px; background: #fff; box-shadow: 0 7px 20px #153e5b08; }
.gd-blog-index .reading-card-image { display: block; overflow: hidden; aspect-ratio: 16 / 9; height: auto; margin: 0; }
.gd-blog-index .reading-card-image :is(picture, img) { display: block; width: 100%; height: 100%; margin: 0; object-fit: cover; }
.gd-blog-index .reading-card-body { display: flex; flex: 1; flex-direction: column; padding: 19px; }
.gd-blog-index .reading-card-title { margin: 0 0 10px; color: #08264d; font-size: 21px; line-height: 1.35; }
.gd-blog-index .reading-card-title a { color: inherit; text-decoration: none; }
.gd-blog-index .reading-card-body .gazidil-card-intro { margin: 0 0 16px; color: #4c6477; font-size: 15px; line-height: 1.65; }
.gd-blog-index .reading-card-action { margin: auto 0 0; }
.gd-blog-index .reading-card-action a { display: inline-flex; align-items: center; min-height: 44px; color: #0876c5; font-size: 15px; font-weight: 700; text-decoration: none; }
.gd-blog-index [hidden] { display: none !important; }
.gd-blog-index .gd-blog-more { display: block; min-height: 46px; margin: 30px auto 10px; padding: 11px 24px; border: 1px solid #bed7e9; border-radius: 10px; color: #075f9d; background: #eff8fe; font: inherit; font-size: 16px; font-weight: 700; cursor: pointer; }
body .gd-article-reading { box-sizing: border-box; width: 100%; max-width: 740px; margin-right: auto; margin-left: auto; color: #253e50; font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 18px; line-height: 1.85; }
body .gd-article-reading :is(p, li, blockquote, figcaption, td, th) { max-width: none; color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; }
body .gd-article-reading p { margin: 0 0 1.35em; }
body .gd-article-reading :is(h2, h3) { font-family: inherit; line-height: 1.35; letter-spacing: -.015em; color: #123b60; scroll-margin-top: 110px; scroll-margin-bottom: 90px; }
body .gd-article-reading h2 { margin: 1.8em 0 .7em; font-size: 28px; }
body .gd-article-reading h3 { margin: 1.45em 0 .65em; font-size: 23px; }
body .gd-article-reading :is(ul, ol) { padding-left: 1.45em; }
body .gd-article-reading li + li { margin-top: .4em; }
body .gd-article-reading :is(figure, img, video, iframe) { max-width: 100%; }
body .gd-article-reading .table-wrap { max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain; }
body .gd-article-reading .gd-article-toc { margin: 0 0 30px; padding: 0 20px; border: 1px solid #d1e5f3; border-radius: 13px; background: #f0f8fe; }
.gd-article-toc summary { padding: 15px 0; color: #143e60; font-size: 16px; font-weight: 700; cursor: pointer; }
.gd-article-toc nav { padding-bottom: 17px; }
.gd-article-toc ol { margin: 0; padding-left: 22px; }
.gd-article-toc a { display: inline-block; padding-block: 3px; color: #075f9d; font-size: 15px; line-height: 1.55; text-decoration: none; }
.gd-article-toc .gd-toc-subsection { margin-left: 12px; }
body:has(.gd-article-reading) :is(.blog-reading-meta, .blog-author) { box-sizing: border-box; width: 100%; max-width: 740px; margin-right: auto; margin-left: auto; }
body:has(.gd-article-reading) .related-guides { margin-top: 32px; }
body:has(.gd-article-reading) .related-guides :is(.related-guide-grid, .related-guides-grid) { gap: 15px; }
body:has(.gd-article-reading) .related-guides :is(.related-guide-card, .related-card, .related-guide) { padding: 14px; }
body:has(.gd-article-reading) .related-guides img { max-height: 105px; object-fit: cover; }
body:has(.gd-article-reading) .related-guides :is(h3, h4) { font-size: 19px; line-height: 1.35; }
body:has(.gd-article-reading) .related-guides p { font-size: 14px; line-height: 1.6; }
@media (min-width: 1101px) {
  body:has(.gd-article-reading) .related-guides { box-sizing: border-box; width: min(1120px, calc(100% - 40px)); max-width: 1120px; margin-left: auto; margin-right: auto; padding-right: 220px; }
}
@media (max-width: 1100px) {
  .gd-blog-index .reading-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
  body:has(.gd-article-reading) .contact-shortcuts, body:has(.gd-blog-index) .contact-shortcuts { grid-template-columns: 48px; }
  body:has(.gd-article-reading) .contact-shortcut, body:has(.gd-blog-index) .contact-shortcut { width: 48px; justify-content: center; padding: 0; }
  body:has(.gd-article-reading) .contact-shortcut-label, body:has(.gd-blog-index) .contact-shortcut-label { display: none; }
}
@media (max-width: 760px) {
  .gd-blog-intro { width: calc(100% - 32px); grid-template-columns: minmax(0, 1fr); align-items: start; gap: 19px; margin-top: 23px; }
  .gd-blog-topics { gap: 7px; margin: 0; flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; }
  .gd-blog-topics a { padding: 8px 13px; font-size: 14px; flex-shrink: 0; }
  .gd-blog-index > .gd-blog-status, .gd-blog-index > .gd-blog-empty { width: calc(100% - 32px); margin-block: 8px; }
  body .gd-article-reading { font-size: 17px; line-height: 1.85; }
  body .gd-article-reading h2 { font-size: 25px; }
  body .gd-article-reading h3 { font-size: 21px; }
  body:has(.gd-article-reading), body:has(.gd-blog-index) { padding-bottom: 88px; }
  body:has(.gd-article-reading) .contact-shortcuts, body:has(.gd-blog-index) .contact-shortcuts { grid-template-columns: repeat(3, 44px); gap: 7px; }
  body:has(.gd-article-reading) .contact-shortcut, body:has(.gd-blog-index) .contact-shortcut { width: 44px; min-width: 44px; height: 44px; min-height: 44px; }
  body:has(.gd-article-reading) :focus, body:has(.gd-blog-index) :focus { scroll-margin-bottom: 88px; }
}
@media (max-width: 560px) {
  .gd-blog-index .reading-grid { grid-template-columns: minmax(0, 1fr); }
  .gd-blog-index .reading-card-body { padding: 18px; }
  .gd-blog-index .reading-card-title { font-size: 22px; }
}
@media print {
  .gd-blog-search, .gd-blog-topics, .gd-blog-more, .gd-article-toc, body:has(.gd-article-reading) .contact-shortcuts { display: none !important; }
  body .gd-article-reading { max-width: none; color: #000; font-size: 11pt; }
}