.blog-detail-page .gd-article a{color:#07585b;text-decoration-thickness:1px;text-underline-offset:3px}
.blog-detail-page .gd-article a:hover{color:#8d7043}
.blog-detail-page .gd-answer-main a,.blog-detail-page .gd-answer-points a,.blog-detail-page .gd-faq-item a{color:inherit;text-decoration-thickness:1px;text-underline-offset:3px}
.blog-detail-page .gd-content-section>p{font-size:1rem;line-height:1.85}
.blog-detail-page .gd-table td a,.blog-detail-page .gd-table th a{font-weight:700}
.blog-detail-page .gd-content-cards article{display:flex;flex-direction:column}
.blog-detail-page .gd-content-cards article a{margin-top:auto;padding-top:16px}
.blog-detail-page .gd-toc{max-height:calc(100vh - 150px);overflow:auto;padding-right:8px}
.blog-detail-page .gd-toc::-webkit-scrollbar{width:5px}.blog-detail-page .gd-toc::-webkit-scrollbar-thumb{background:rgba(7,88,91,.18);border-radius:9px}
@media(max-width:900px){.blog-detail-page .gd-toc{max-height:none;overflow:visible;padding-right:0}}
/* Keep the article table of contents pinned while the reader is inside the article section.
   The shared guide stylesheet gives <main> overflow:hidden and sizes the grid item to its
   contents; both can prevent a descendant sticky element from using the viewport. */
.blog-detail-page main{overflow:visible}
@media(min-width:901px){
  .blog-detail-page .gd-article-layout{align-items:stretch}
  .blog-detail-page .gd-toc-col{align-self:stretch;position:relative;min-width:0}
  .blog-detail-page .gd-toc{position:sticky;top:122px}
}