.pc-blog-search { position: fixed; inset: 0; margin: auto; width: min(640px, calc(100% - 32px)); max-height: 85vh; padding: 28px; overflow-y: auto; border: 0; border-radius: 12px; background: #fff; color: #202124; box-shadow: 0 20px 80px #0005; }
.pc-blog-search::backdrop { background: #0009; }
.pc-blog-search h2 { margin: 0 0 20px; font-size: 26px; }
.pc-blog-search label { display: block; margin-bottom: 8px; font-size: 15px; }
.pc-blog-search input { width: 100%; box-sizing: border-box; padding: 12px; border: 1px solid #777; border-radius: 6px; font-size: 18px; color: #202124; background: white; }
.pc-blog-search ul { padding: 0; list-style: none; }
.pc-blog-search li { padding: 16px 0; border-bottom: 1px solid #ddd; }
.pc-blog-search li a { color: #5b21b6; font-weight: 650; text-decoration: underline; }
.pc-blog-search li p { margin: 6px 0 0; font-size: 15px; }
.pc-blog-close { float: right; padding: 6px 12px; border: 1px solid #777; border-radius: 5px; color: #202124; background: white; cursor: pointer; }

/* Keep the preserved reading theme; give the next action and real image content a useful scale. */
.gh-article .gh-article-image { width: min(720px, 100%); margin: 32px auto; display: flex; flex-direction: column; align-items: center; }
.gh-article .gh-article-image img { width: auto; max-width: 100%; height: auto; max-height: 360px; object-fit: contain; }
.gh-article .gh-article-image.pc-blog-portrait img { max-height: 320px; }
.pc-blog-full-image { display: block; margin-top: 8px; color: #5b21b6; font-size: 14px; line-height: 1.5; text-decoration: underline; }
.pc-blog-full-image:focus-visible { outline: 3px solid #5b21b6; outline-offset: 4px; }
.pc-blog-next-action { width: min(720px, 100%); margin: 24px auto 0; }
.pc-blog-next-action p { margin: 10px 0 0; max-width: 65ch; font-size: 15px; line-height: 1.55; color: #444; }
a.pc-blog-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 18px; border-radius: 6px; background: #5b21b6; color: #fff; font-size: 16px; line-height: 1.4; font-weight: 650; text-decoration: none; text-align: center; }
a.pc-blog-cta:hover { background: #451a8c; color: #fff; }
a.pc-blog-cta:focus-visible, .gh-content a:focus-visible { outline: 3px solid #5b21b6; outline-offset: 4px; }
.pc-blog-anchor { display: block; scroll-margin-top: 24px; }
.gh-content { overflow-wrap: anywhere; }
.gh-content table { display: block; overflow-x: auto; }
@media (max-width: 600px) {
  .gh-article .gh-article-image { margin: 24px auto; }
  .gh-article .gh-article-image img { max-height: 220px; }
  .gh-article .gh-article-image.pc-blog-portrait img { max-height: 200px; }
  .pc-blog-next-action { margin-top: 20px; }
  .pc-blog-next-action a.pc-blog-cta { width: 100%; box-sizing: border-box; }
}