/* HEFT v3: /thanks page placement. Owned by the thanks page builder (SPEC 6.22).
   Places the three states and the member blocks; every visual style comes from components.css. Tokens only.
   DOM order is the reading order on phones: stamp card, referrals, questions, next, founding card, links. */
/* M5 scales the founding number to 1.25 from its left edge; keep that transient box from widening the page on phones */
.thanks{overflow-x:clip}
.thanks__title{margin-bottom:var(--s-5)}
.thanks__state{display:grid;gap:var(--s-6)}
.thanks__state[hidden],.thanks__card[hidden]{display:none}
.thanks__default,.thanks__error{max-width:44rem}
.thanks__member{gap:var(--s-8)}
.thanks__main,.thanks__side{display:grid;gap:var(--s-8);align-content:start;min-width:0}
.thanks__block{display:grid;gap:var(--s-4);min-width:0}
.thanks__block .join__row{margin-top:var(--s-2)}
.thanks__card{display:grid;justify-items:start;gap:var(--s-3)}
.thanks__card img{width:min(240px,100%);height:auto}
.thanks__card .more-link{margin-top:0}
@media (min-width:768px){.thanks__member{max-width:44rem}}
@media (min-width:1120px){
  .thanks__member{max-width:none;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:var(--s-9)}
  .thanks__main,.thanks__card-block{grid-column:1 / span 6}
  .thanks__side,.thanks__links{grid-column:8 / span 5}
  .thanks__links{align-self:end}
}