/* Complements the existing scalp-buildup article stylesheet. */
.gcq-article-page .blog-layout { grid-template-columns:minmax(0,1fr) 310px; gap:3.5rem; }
.gcq-article-page .blog-sidebar { position:sticky; top:110px; }
.gcq-article-page .blog-author-img img { object-fit:contain; }
.gcq-article-page .article-body ul,.gcq-article-page .article-body ol { padding-left:1.4rem; margin:1.4rem 0 2rem; }
.gcq-article-page .article-body li { margin-bottom:.6rem; line-height:1.9; }
.gcq-article-page .article-body table { width:100%; border-collapse:collapse; margin:1.5rem 0; font-size:.86rem; }
.gcq-article-page .article-body th,.gcq-article-page .article-body td { border:1px solid var(--linen); padding:.8rem; text-align:left; }
.gcq-article-page .article-body th { background:var(--linen-pale); font-weight:600; }
.gcq-article-page .article-body h2 { scroll-margin-top:130px; }
.gcq-article-faq { border-bottom:1px solid var(--linen); }
.gcq-article-faq summary { display:flex; justify-content:space-between; gap:1rem; padding:1.2rem 0; cursor:pointer; font-weight:600; font-size:.88rem; list-style:none; }
.gcq-article-faq summary::-webkit-details-marker { display:none; }
.gcq-article-faq summary::after { content:'+'; color:var(--pink-accessible); font-size:1.2rem; }
.gcq-article-faq[open] summary::after { content:'−'; }
.gcq-article-faq>div { padding-bottom:1rem; }
.gcq-sidebar-widget { border:1px solid var(--linen); padding:1.6rem; margin-bottom:1.5rem; background:var(--white); }
.gcq-sidebar-label { font-size:.6rem; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:var(--pink-accessible); margin-bottom:1.2rem; padding-bottom:.8rem; border-bottom:1px solid var(--linen); }
.gcq-toc { list-style:none; }
.gcq-toc li { margin:.7rem 0; line-height:1.5; }
.gcq-toc a { color:var(--grey); font-size:.76rem; }
.gcq-toc a:hover { color:var(--pink-accessible); }
.gcq-sidebar-cta { background:var(--black); color:white; }
.gcq-sidebar-cta p { font-size:.8rem; line-height:1.8; color:#ddd; margin-bottom:1.2rem; }
.gcq-sidebar-cta .btn { display:flex; justify-content:center; font-size:.56rem; padding:.9rem .7rem; }
.gcq-related-link { display:block; padding:.8rem 0; border-bottom:1px solid var(--linen); color:var(--black); font-size:.78rem; line-height:1.6; }
.gcq-related-link:last-child { border-bottom:0; }
.gcq-related-link small { display:block; color:var(--pink-accessible); font-size:.55rem; text-transform:uppercase; letter-spacing:.1em; }
.gcq-article-page .article-cta .btn { color:white; text-decoration:none; }
.gcq-article-tag { display:inline-block; padding:.35rem .8rem; border:1px solid var(--linen); color:var(--grey); background:var(--linen-pale); font-size:.6rem; text-transform:uppercase; letter-spacing:.1em; }
.gcq-mobile-toc { display:none; }
@media(max-width:1024px) {
 .gcq-article-page .blog-layout { grid-template-columns:minmax(0,1fr); gap:2rem; padding-top:2.5rem; }
 .gcq-article-page .blog-sidebar { position:static; order:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
 .gcq-desktop-toc { display:none; }
 .gcq-mobile-toc { display:block; background:var(--linen-pale); padding:1rem 1.2rem; margin-bottom:2rem; border:1px solid var(--linen); }
 .gcq-mobile-toc summary { font-size:.75rem; font-weight:600; cursor:pointer; }
}
@media(max-width:640px) {
 .gcq-article-page .blog-hero { padding:8.5rem 0 2.5rem; }
 .gcq-article-page .blog-hero h1 { font-size:2rem; }
 .gcq-article-page .blog-hero-meta { gap:1rem; }
 .gcq-article-page .blog-sidebar { grid-template-columns:1fr; }
 .gcq-article-page .article-body p { font-size:.92rem; line-height:1.85; }
 .gcq-article-page .article-cta { padding:1.7rem 1.2rem; }
 .gcq-article-page .blog-featured-img { margin-bottom:1.7rem; }
}