/* Guides: blog-style article with a black header band, a sticky table of contents and a key insights box.
   Loads after base.css and subpage.css. Body text, links, lists and tables come from .content-section in subpage.css;
   the black CTA and FAQ bands at the end of the page come from subpage.css and base.css. */
.gd{--gd-tint:rgba(167,163,255,.2);overflow-x:clip}

/* ─── header band ───────────────────────────────────────────────────────── */
.gd-head{background:#000;color:#fff;padding:140px 0 72px}
.gd-head-in{max-width:1400px;margin:0 auto;padding:0 100px}
.gd-cat{display:inline-block;margin-bottom:20px;padding:2px 6px;background:var(--purple);color:#000;font-family:"Geist Mono",ui-monospace,monospace;font-size:14px;line-height:1.4;text-transform:uppercase}
/* guides: lime label; the webinar page keeps the purple one */
.gd:not(.gd-webinar) .gd-cat{background:#E2F272}
.gd-head h1{max-width:900px;margin:0 0 28px;font-size:48px;font-weight:400;line-height:1;letter-spacing:normal;color:#fff}
.gd-head .post-meta{margin:0 0 28px;color:#fff}
.gd-head .post-meta-text a{text-decoration-color:rgba(255,255,255,.5)}
.gd-lead{max-width:820px;margin:0 0 16px;font-size:20px;line-height:1.5;color:rgba(255,255,255,.86)}
.gd-lead:last-of-type{margin-bottom:0}
.gd-lead a:not(.btn-p):not(.btn-s){color:#fff;text-decoration:none;border-bottom:1px solid #fff}
.gd-lead a:not(.btn-p):not(.btn-s):hover{background:#fff;color:#000}
.gd-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.gd-head .btn-p{background:#fff;color:#000;border-color:#fff}
.gd-head .btn-p:hover{background:transparent;color:#fff}
.gd-head .btn-s{background:transparent;color:#fff;border-color:#fff}
.gd-head .btn-s:hover{background:#fff;color:#000}

/* ─── layout: table of contents + article ───────────────────────────────── */
.gd-layout{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:72px;align-items:start;padding-top:72px;padding-bottom:120px}
.gd-article.content-section{max-width:820px;padding:0}
.gd-article>:first-child{margin-top:0}
.gd-article h2{clear:both;margin-top:64px;scroll-margin-top:96px}
.gd-article h3{clear:both;scroll-margin-top:96px}
.gd-article>.gd-insights+h2{margin-top:56px}
.gd-article ul li{margin-bottom:10px}
.gd-article strong{color:#000}
.gd-article .table-wrap{margin:28px 0 8px}
.gd-article table{min-width:560px;font-size:16px}
.gd-article th,.gd-article td{padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.14);color:#000}
.gd-article th{border-bottom-color:#000;font-weight:400}
.gd-article td:first-child{font-weight:500}
.gd-article .article-figure-half{width:42%;margin-top:8px}

/* ─── table of contents ─────────────────────────────────────────────────── */
.gd-toc{position:sticky;top:96px;max-height:calc(100vh - 128px);overflow-y:auto;overscroll-behavior:contain;padding-right:4px}
.gd-toc summary{display:block;margin-bottom:16px;font-family:"Geist Mono",ui-monospace,monospace;font-size:14px;line-height:normal;text-transform:uppercase;color:#000;list-style:none;cursor:default;pointer-events:none}
.gd-toc summary::-webkit-details-marker{display:none}
.gd-toc ul{list-style:none;margin:0;padding:0}
.gd-toc li{margin:0}
/* same link behaviour as the menu in the nav: plain text, underlined on hover and for the current section */
.gd-toc a{display:block;padding:5px 0;font-family:"Inter",sans-serif;font-size:14px;font-weight:400;line-height:1.35;color:#000;text-decoration:none}
.gd-toc li.l2 a{padding-left:16px}
.gd-toc a:hover,.gd-toc a.on{text-decoration:underline}

/* ─── key insights and callouts ─────────────────────────────────────────── */
.gd-insights{padding:32px 36px;border-radius:20px;background:var(--gd-tint);color:#000}
.gd-insights-h{margin:0 0 16px;font-family:"Geist Mono",ui-monospace,monospace;font-size:14px;line-height:normal;text-transform:uppercase;color:#000}
.content-section .gd-insights p.gd-insights-h{margin-bottom:16px;font-size:14px;line-height:normal;color:#000}
.gd-insights ul{margin:0}
.gd-insights ul li{margin-bottom:12px;padding-left:20px;font-size:18px;line-height:1.55;color:#000}
.gd-insights ul li:last-child{margin-bottom:0}
.gd-insights ul li:before{background:#000}
.gd-callout{margin:28px 0;padding:28px 32px;border-radius:20px;background:var(--gd-tint);color:#000}
.gd-callout p,.content-section .gd-callout p{margin:0;color:#000}
.content-section p.gd-note{margin:20px 0 0;font-family:"Geist Mono",ui-monospace,monospace;font-size:14px;line-height:1.5;text-transform:uppercase;color:#000}
.gd-download{margin-top:64px;padding:40px;border-radius:20px;background:var(--gd-tint);color:#000;scroll-margin-top:96px}
.gd-download h2{margin-top:0}
.content-section .gd-download p{color:#000}

/* FAQs close the article, in the same column */
.gd-article .faq-section{max-width:none;margin:64px 0 0;padding:0;scroll-margin-top:96px}
.gd-article .faq-section h2{margin-top:0}
.gd-article .faq-a p{margin:0;color:#000}
.gd-article .faq-a p+p{margin-top:10px}
.gd-article .faq-q{color:#000}

/* ─── tablet and phone ──────────────────────────────────────────────────── */
@media (max-width:1000px){
  .gd-head-in{padding:0 40px}
  .gd-layout{grid-template-columns:minmax(0,1fr);row-gap:40px;padding-top:48px;padding-bottom:88px}
  .gd-toc{position:static;max-height:none;overflow:visible;padding:0}
  .gd-toc summary{padding:16px 20px;border:1px solid #000;border-radius:12px;pointer-events:auto;cursor:pointer;display:flex;justify-content:space-between;align-items:center}
  .gd-toc summary:after{content:"";width:8px;height:8px;border:solid #000;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s}
  .gd-toc[open] summary:after{transform:rotate(-135deg) translate(-2px,-2px)}
  .gd-toc[open] summary{margin-bottom:12px}
}
@media (max-width:700px){
  .gd-head{padding:112px 0 48px}
  .gd-head-in{padding:0 24px}
  .gd-head h1{font-size:36px}
  .gd-lead{font-size:18px}
  .gd-insights{padding:24px 22px}
  .gd-insights ul li{font-size:16px}
  .gd-download{padding:28px 22px}
  .gd-article h2{margin-top:48px}
  .gd-article .article-figure-half{float:none;width:100%;max-width:420px;margin:24px 0}
}

/* ─── webinar page: same header band, speakers instead of an author, embedded video, plain blog article below ─── */
.gd-webinar .gd-head-in{max-width:1200px}
.gd-faces{display:flex;flex:none}
.gd-faces .post-author-photo+.post-author-photo{margin-left:-16px;box-shadow:-3px 0 0 #000}
.gd-video{position:relative;margin-top:40px;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#111}
.gd-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.gd-webinar .subpage-article{padding-top:64px}
@media (max-width:700px){.gd-video{margin-top:32px;border-radius:12px}.gd-webinar .subpage-article{padding-top:40px}}