/* Free guide pages (guide-*.html): a LinkedIn carousel as a readable page, with the funnel to the labs and the Inner Circle. */
.g-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.g-hero .display{font-size:clamp(2.2rem,4.6vw,4rem)}
.g-eyebrow{font-family:var(--mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--yellow);margin:0 0 1rem}
.g-cover{margin:0;justify-self:end;max-width:360px;width:100%}
.g-cover img{display:block;width:100%;height:auto;border-radius:var(--r-card);box-shadow:var(--shadow-exhibit)}
.g-narrow{max-width:820px}
.g-list{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:.75rem}
.g-item{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:1rem;padding:1.25rem 1.4rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
.g-n{font-family:var(--mono);font-weight:700;font-size:1.05rem;color:var(--link);padding-top:.15rem}
.g-item h3{margin:0;font-size:1.15rem;line-height:1.3}
.g-item p{margin:.35rem 0 0;color:var(--muted)}
.g-item .g-how{font-family:var(--mono);font-size:.85rem;color:var(--text)}
.g-badge{display:inline-block;vertical-align:middle;margin-left:.4rem;font-family:var(--mono);font-size:.7rem;font-weight:700;letter-spacing:.06em;padding:.15rem .5rem;border-radius:999px;background:var(--done-soft);color:var(--done)}
.g-slides{list-style:none;margin:2rem 0 0;padding:0 0 1rem;display:grid;grid-auto-flow:column;grid-auto-columns:min(320px,78%);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain}
.g-slides li{scroll-snap-align:start}
.g-slides img{display:block;width:100%;height:auto;border-radius:var(--r-surface);border:1px solid var(--line)}
.g-steps{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;counter-reset:g}
.g-step{position:relative;display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
.g-step h3{margin:0;font-size:1.2rem}
.g-step p{margin:0;color:var(--muted);flex:1}
.g-step .btn{align-self:flex-start;margin-top:.75rem}
.g-step.done{background:var(--done-soft);border-color:color-mix(in srgb,var(--done) 35%,transparent)}
.g-step.pick{border-color:color-mix(in srgb,var(--purple) 55%,transparent);background:linear-gradient(180deg,var(--accent-soft),var(--surface))}
.g-tag{align-self:flex-start;font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .6rem;border-radius:999px;background:var(--surface-2);color:var(--text)}
.g-step.done .g-tag{background:var(--done);color:var(--on-done)}
.g-step.pick .g-tag{background:var(--purple);color:#fff}
.g-more{margin:1.5rem 0 0;color:var(--muted)}
@media (max-width:860px){
  .g-hero-grid{grid-template-columns:1fr}
  .g-cover{justify-self:start;max-width:240px}
  .g-steps{grid-template-columns:1fr}
}