/* v4 донат P1 · /support, /terms, /responsible — @layer page; блоки .in-blk/.in-li/.in-note — з pages/info.css. Кольори — лише токени. */
@layer page{
  .sp-preview{margin-bottom:var(--vx-sp-3)}
  .sp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--vx-sp-3);max-width:980px;margin-top:var(--vx-sp-4)}
  .sp-grid .in-blk{margin-bottom:0}
  .sp-goals,.sp-wall{margin-top:var(--vx-sp-3)}
  .sp-qr{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
  .sp-qr svg{width:180px;height:180px;border-radius:var(--vx-r-2);background:#fff}   /* QR: тло завжди біле — інакше камери не читають */
  .sp-total b{color:var(--vx-ink-1)}
  .sp-goal{width:100%;display:flex;flex-direction:column;gap:6px;padding:12px 0;border-top:1px solid var(--vx-ln-1)}
  .sp-goal:first-of-type{border-top:0;padding-top:0}
  .sp-goal-hd{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}
  .sp-goal-hd b{font:800 var(--vx-t-body)/1.3 var(--vx-f-text);color:var(--vx-ink-1)}
  .sp-wall-l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
  .sp-wall-l li{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--vx-r-pill);background:var(--vx-sf-2);min-height:44px}
  .sp-wall-l .nm{font:700 var(--vx-t-small)/1.2 var(--vx-f-text);color:var(--vx-ink-1)}
  .lg-blk ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font:500 var(--vx-t-small)/1.55 var(--vx-f-text);color:var(--vx-ink-2)}
  .lg-blk a,.sp-honest a,.sp-jar a:not(.vx-btn){color:var(--vx-acc-ink)}
  @media (max-width:760px){
    .sp-grid{grid-template-columns:1fr}
  }
}