.data-plan{max-width:740px;margin:36px auto 48px;padding:0 24px;color:var(--ink);background:var(--bg)}
.plan-label{margin:0 0 7px;color:var(--muted);background:var(--bg);font-size:12px;letter-spacing:.04em}
.data-plan h1{font-size:26px;margin:0}
.plan-intro{margin:12px 0 20px;max-width:580px}
.plan-kept{padding:12px 15px;border:1px solid var(--line);border-radius:9px;color:var(--muted);background:var(--panel);font-size:13px;line-height:1.6}
.plan-kept strong{display:block;color:var(--ink);background:var(--panel);font-weight:600}
.plan-steps{list-style:none;counter-reset:step;padding:0;margin:22px 0}
.plan-steps li{counter-increment:step;position:relative;padding:0 0 20px 45px;margin:0 0 18px;border-bottom:1px solid var(--line)}
.plan-steps li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.plan-steps li::before{content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;display:grid;place-items:center;font-size:13px;border-radius:50%;color:var(--accent);background:var(--selected);font-weight:650}
.plan-steps h2{font-size:17px;line-height:1.5;margin:0 0 4px;color:var(--ink);background:var(--bg)}
.plan-steps p{font-size:14px;line-height:1.6;margin:0;color:var(--ink);background:var(--bg)}
.plan-later{font-size:14px;margin:22px 0 12px;color:var(--ink);background:var(--bg)}
.plan-limit{font-size:12px;line-height:1.6;margin:0 0 20px;color:var(--muted);background:var(--bg)}
.plan-back{font-size:14px;font-weight:600;color:var(--accent);background:var(--bg)}
.plan-back:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}
@media(max-width:600px){.data-plan{margin:24px auto 32px;padding:0 18px}.data-plan h1{font-size:24px}.plan-steps li{padding-left:39px}.plan-steps h2{font-size:16px}}
