.nl{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:start;padding:32px 0;border-top:2px solid var(--white)}
.nl .col{display:grid;gap:16px;max-width:620px}
.nl .col p{max-width:62ch}
.card{border:2px solid var(--white);border-radius:24px;padding:24px;display:grid;gap:16px;align-content:start}
.useful-text{font:700 var(--s-head)/1.15 var(--f-body)}
.reviewed{color:var(--red)}
.flow{margin:0}
.chart{display:block;margin:0 auto;max-width:360px;width:100%;height:auto}
.chart rect{fill:#000;stroke:#fff;stroke-width:2}
.chart .end{fill:#e10600;stroke:#e10600}
.chart text{fill:#fff;font:var(--s-body) var(--f-label);text-anchor:middle}
.chart path{stroke:#fff;stroke-width:2;fill:none}
.chart .tip{fill:#fff}
.vocab{display:grid;gap:16px;margin:0}
.vocab dt{font:700 var(--s-body) var(--f-label);text-transform:uppercase;letter-spacing:.08em}
.vocab dd{margin:4px 0 0}
.source{grid-column:auto}
.countdown{padding:8px 0 40px}
.cta .row{display:flex;flex-wrap:wrap;gap:12px}
@media(max-width:800px){.nl{grid-template-columns:1fr;gap:24px}}
.fin{padding:32px 0;border-top:2px solid var(--white)}
.final{font:700 var(--s-head)/1.15 var(--f-body);color:var(--red);max-width:900px}
.nl.end{align-items:stretch}
.nl.end .cta{margin:0;align-content:start}
.nl.end .related{padding:0;align-content:start}