#post-getting-started .page-thumbnail { display:none; }
#post-getting-started .page-content { padding:0; }
/* The same charcoal background and paired text/visual rhythm as Features. */
.getting-started { background:#181819; color:#f5f5f6; }
.getting-started .inner { max-width:1280px; }
.getting-started .section { padding:80px 0; }
.getting-started .gs-intro { padding-top:170px; }
.getting-started .gs-step { scroll-margin-top:90px; }
.getting-started .gs-step + .gs-step { border-top:1px solid #ffffff20; }
.gs-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; gap:48px; }
.getting-started .gs-eyebrow { color:#b5a1ff; font-size:14px; letter-spacing:.12em; margin:0 0 16px; }
.getting-started .section-title .title { color:inherit; font-size:clamp(28px,3.4vw,46px); line-height:1.3; margin:0 0 24px; text-align:start; }
.getting-started h3 { color:inherit; font-size:22px; margin:0 0 20px; text-align:start; }
.getting-started p { line-height:1.85; margin:0 0 24px; text-align:start; overflow-wrap:anywhere; }
.getting-started figure { margin:0; }
.getting-started img { display:block; width:100%; height:auto; }
.getting-started figure img { border-radius:12px; }
.getting-started .gs-intro figure { width:100%; justify-self:center; }
.getting-started .gs-intro figure img { width:60%; margin-inline:auto; }
.getting-started figcaption, .getting-started .gs-note { color:#c4c4cc; font-size:14px; line-height:1.8; }
.getting-started figcaption { margin-top:16px; }
.getting-started a { color:#c9baff; text-underline-offset:.22em; }
.getting-started a:focus-visible, .getting-started summary:focus-visible { outline:2px solid #c9baff; outline-offset:5px; }
.getting-started .button a { color:#fff; }
.getting-started[dir="rtl"] .button a::after { transform:scaleX(-1); }
.getting-started[dir="ltr"] .button a::after { transform:none; }
.getting-started .button-border a { border-color:#9383bf; }
.gs-platforms { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:48px; margin:36px 0; }
.getting-started pre { background:#0d0d10; border:1px solid #ffffff25; border-radius:8px; padding:20px; overflow:auto; font-size:14px; line-height:1.65; margin:20px 0; white-space:pre; color:#f5f5f6; text-align:left; }
.getting-started code { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; color:inherit; background:none; border:none; direction:ltr; unicode-bidi:isolate; }
.getting-started[dir="rtl"] .gs-eyebrow { letter-spacing:normal; }
.gs-files { border-inline-start:2px solid #7560c4; padding-block:16px; padding-inline:28px 0; overflow-wrap:anywhere; text-align:start; }
.gs-files dt { font-weight:700; margin-top:20px; }
.gs-files dd { margin:4px 0 0; color:#c4c4cc; }
.gs-complete { margin-top:24px; }
.gs-help { margin-top:28px; color:#c4c4cc; }
.gs-help summary { cursor:pointer; color:#f5f5f6; }
.gs-help p { margin-top:16px; }
.gs-visual-steps { list-style:none; padding:0; margin:48px 0 0; }
.gs-visual-steps > li { grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr); margin-bottom:56px; }
.gs-visual-steps > li:nth-child(even) > div { order:2; }
.gs-visual-steps > li:nth-child(even) { grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr); }
.gs-screenshot { display:block; border:1px solid #ffffff20; border-radius:8px; overflow:hidden; }
.gs-links { display:flex; flex-wrap:wrap; gap:16px 32px; padding:0; margin:24px 0; list-style:none; }
.getting-started .gs-outro { padding-bottom:100px; background:#211b31; }
@media(max-width:800px) {
  .getting-started .section { padding:48px 0; }
  .getting-started .gs-intro { padding-top:130px; }
  .gs-pair,.gs-platforms,.gs-visual-steps > li { grid-template-columns:minmax(0,1fr); gap:24px; }
  .gs-visual-steps > li:nth-child(even) > div { order:0; }
  .gs-visual-steps > li:nth-child(even) { grid-template-columns:minmax(0,1fr); }
  .getting-started pre { padding:14px; font-size:12px; }
  .getting-started .button a { white-space:normal; }
}
