.beginner-heading{max-width:850px}.beginner-shortcut{margin-top:22px}.beginner-shortcut a,.beginner-section a,.beginner-note a,.beginner-next a:not(.button),.beginner-setup-link a{color:var(--forest);text-decoration:underline;text-underline-offset:4px}.beginner-section{padding:38px 0;border-top:1px solid var(--rule);max-width:900px}.beginner-section h2,.beginner-next h2{margin-bottom:18px}.beginner-section h3{margin:0 0 12px}.beginner-section p,.beginner-next p{margin:12px 0}.beginner-example{background:#e4ebdb;padding:26px;margin-top:24px;border-left:4px solid #638265}.beginner-section ol,.beginner-section ul,.beginner-next ol{padding-left:24px}.beginner-route{list-style:none;padding:0!important;margin:28px 0 0}.beginner-route>li{display:flex;gap:22px;padding:24px 0;border-top:1px solid var(--rule)}.beginner-route>li>span{background:var(--forest);color:#fff;border-radius:50%;width:36px;height:36px;flex-shrink:0;display:grid;place-items:center}.beginner-route p{margin:8px 0}.beginner-checklist{display:grid;gap:14px;margin:24px 0}.beginner-checklist label{display:flex;align-items:flex-start;gap:12px}.beginner-checklist input{margin-top:6px;accent-color:var(--forest);width:18px;height:18px;flex-shrink:0}.beginner-glossary{margin:24px 0 0}.beginner-glossary>div{border-top:1px solid var(--rule);padding:20px 0;scroll-margin-top:24px}.beginner-glossary dt{color:var(--forest);margin-bottom:9px}.beginner-glossary dd{margin:0;color:var(--muted)}.beginner-jumps{display:flex;flex-wrap:wrap;gap:12px 24px;margin:0 0 30px;text-decoration:underline;text-underline-offset:4px}.beginner-os{border:1px solid var(--rule);padding:20px;margin:18px 0;background:#fffdf6}.beginner-os summary,.beginner-challenge summary,.beginner-note summary{cursor:pointer}.beginner-os[open]>summary{margin-bottom:15px}.beginner-tools{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.beginner-tools article{min-width:0;padding:25px;border:1px solid var(--rule);background:#fffdf6}.beginner-note{margin:24px 0;padding:24px;background:#e4ebdb;border-left:4px solid #638265}.beginner-note h2{margin:0 0 12px}.beginner-note p{margin:12px 0}.beginner-note ul{padding-left:23px}.beginner-challenge{margin:35px 0;border:1px solid #bbbdac;padding:25px;background:#f9f5e9}.beginner-challenge h2{margin:12px 0}.beginner-challenge details{margin:18px 0}.beginner-next{background:var(--forest);color:#f2f3e9;padding:34px;margin:32px 0}.beginner-next h2,.beginner-next a:not(.button){color:#fff}.beginner-next .button{background:#e8b880;color:#153d35;border-color:#e8b880}.beginner-next .kicker{color:#e8b880}.beginner-setup-link{margin:20px 0}.beginner-check{padding:15px 18px;border-left:3px solid #638265;background:#e4ebdb}.beginner-section .code-panel{white-space:pre-wrap;overflow-wrap:anywhere}.site-header nav{gap:24px}@media(max-width:650px){.beginner-tools{grid-template-columns:1fr}.beginner-section{padding:28px 0}.beginner-next{padding:24px}.beginner-route>li{gap:14px}.beginner-note,.beginner-challenge{padding:20px}}

.welcome .beginner-shortcut{color:#f2f3e9}.welcome .beginner-shortcut a{color:#dff09b}