:root{ --col:33rem; --pad:clamp(18px,5vw,28px); --card:28rem }

*{box-sizing:border-box;margin:0;padding:0}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font-sans);background:var(--color-paper);color:var(--color-plum);
  line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100svh}

.screen{max-width:var(--col);margin:0 auto;min-height:100svh;display:flex;flex-direction:column;
  padding:clamp(24px,6vh,56px) var(--pad)}
.cluster{margin-block:auto;display:flex;flex-direction:column;align-items:stretch}

.stamp{margin-bottom:clamp(16px,3.4vw,26px)}
.stamp img{width:60px;height:60px;display:block}

.status{margin-bottom:10px;text-transform:uppercase}
.q{margin-bottom:12px}
.lead{margin-bottom:clamp(22px,4vh,30px)}

.how{width:100%;margin:0;border:1.5px solid var(--color-border);
  border-radius:var(--radius-panel);background:var(--color-white);padding:17px 18px}
.how .hh{font-size:var(--size-label);font-weight:var(--weight-semibold);color:var(--color-ink);margin-bottom:12px}
.how ol{list-style:none;counter-reset:step}
.how li{counter-increment:step;display:flex;gap:11px;align-items:center;margin-bottom:11px;
  font-size:var(--size-caption);color:var(--color-plum);line-height:1.5}
.how li:last-child{margin-bottom:0}
.how li::before{content:counter(step);flex:none;width:24px;height:24px;border-radius:50%;
  background:var(--color-ink);color:var(--color-white);font-size:var(--size-caption);
  font-weight:var(--weight-bold);display:flex;align-items:center;justify-content:center}

.disclaimer{margin-top:clamp(20px,3.5vh,28px)}