.article-page{--article-accent:#e4f5e8}.start{display:inline-flex;padding:12px 20px;border-radius:99px;background:#191b19;color:#fff;text-decoration:none;font-size:16px;font-weight:700}.quick{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:32px auto 0;max-width:740px}.quick a{display:flex;flex-direction:column;gap:8px;padding:22px;background:#f4f8f4;border:1px solid #d8dfd8;border-radius:16px;text-decoration:none;color:#191b19}.quick a span{font-size:14px;color:#526457}.quick a:focus-visible,.roadmap a:focus-visible{outline:3px solid #7355ce;outline-offset:4px}.roadmap{list-style:none;margin:36px auto 0;padding:0;max-width:740px}.roadmap li{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:28px 0;border-top:1px solid #dfe4df}.roadmap .number{font-size:20px;font-weight:800;color:#6745b3}.roadmap h3{margin:6px 0 12px;font-size:23px}.roadmap h3 a{color:#191b19;text-underline-offset:5px}.roadmap p{margin:8px 0}.roadmap .question{font-size:15px;color:#5d655f}.roadmap .practice{font-size:15px;color:#525d54}@media(max-width:650px){.quick{grid-template-columns:1fr}.roadmap li{grid-template-columns:38px 1fr;gap:12px}.roadmap h3{font-size:21px}}