/* google-field-playbook — new library candidate.
 * Deep-green ground. Stage map (proportional bar) above a staged commitment ledger.
 */
.google-field-playbook,
.google-field-playbook *{box-sizing:border-box}
.google-field-playbook{
  width:100%;
  padding-block:var(--section-padding-y);
  border-top:1px solid rgba(212,175,55,.38);
  background:var(--deep);
  color:var(--on-dark);
  font-family:var(--body);
  scroll-margin-top:68px;
}
.google-field-playbook__in{width:var(--shell);margin:0 auto}
.google-field-playbook__head{margin-bottom:56px}
.google-field-playbook__eyebrow{display:block;margin-bottom:18px;color:var(--gold)}
.google-field-playbook__title{
  width:var(--title-description-width);
  max-width:var(--title-description-width);
  color:var(--on-dark-soft);
}
.google-field-playbook__stage{
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:48px;
  padding:34px 0;
  border-top:1px solid var(--on-sage-line);
}
.google-field-playbook__stage-label{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-self:start;
  position:sticky;
  top:96px;
}
.google-field-playbook__stage-idx{color:var(--gold)}
.google-field-playbook__stage-name{
  font-family:var(--display);
  font-size:var(--fs-card);
  font-weight:400;
  line-height:var(--lh-tight);
  color:var(--on-dark-soft);
}
.google-field-playbook__steps{display:grid;gap:0}
.google-field-playbook__step{
  display:grid;
  grid-template-columns:64px minmax(0,5fr) minmax(0,7fr);
  gap:8px 32px;
  padding:24px 0;
  border-top:1px solid var(--on-sage-line);
}
.google-field-playbook__step:first-child{border-top:0;padding-top:0}
.google-field-playbook__step:last-child{padding-bottom:0}
.google-field-playbook__num{color:var(--gold)}
.google-field-playbook__step-title{color:var(--on-dark-soft)}
.google-field-playbook__step-copy{color:var(--on-sage)}
.google-field-playbook__step--feature{
  margin:8px 0;
  padding:28px;
  border-top:0;
  background:var(--gold);
  color:var(--ink);
}
.google-field-playbook__step--feature:first-child{padding-top:28px;border-top:0}
.google-field-playbook__step--feature .google-field-playbook__num{color:var(--deep)}
.google-field-playbook__step--feature .google-field-playbook__step-title{color:var(--deep)}
.google-field-playbook__step--feature .google-field-playbook__step-copy{color:var(--ink)}
.google-field-playbook__feature-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:24px;
  align-items:start;
}
.google-field-playbook__stamp{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:104px;
  height:104px;
  background:var(--deep);
  color:var(--gold);
}
.google-field-playbook__stamp-num{
  font-family:var(--display);
  font-size:56px;
  line-height:1;
}
.google-field-playbook__stamp-label{color:var(--on-dark-soft);margin-top:4px}
.google-field-playbook__qual{
  display:inline-block;
  margin-top:12px;
  padding:5px 8px;
  border:1px solid var(--deep);
  color:var(--deep);
}
@media (max-width:1024px){
  .google-field-playbook__stage{grid-template-columns:minmax(0,1fr);gap:24px}
  .google-field-playbook__stage-label{position:static;flex-direction:row;align-items:baseline;gap:14px}
}
@media (max-width:760px){
  .google-field-playbook__title{width:100%;max-width:100%}
  .google-field-playbook__feature-body{grid-column:2}
  .google-field-playbook__stamp{width:80px;height:80px}
  .google-field-playbook__stamp-num{font-size:42px}
  .google-field-playbook__step{grid-template-columns:44px minmax(0,1fr)}
  .google-field-playbook__step-copy{grid-column:2}
  .google-field-playbook__step--feature{padding:22px 18px}
}