.prose{--tw-prose-body: var(--color-fg);--tw-prose-headings: var(--color-fg);--tw-prose-links: var(--color-accent);--tw-prose-bold: var(--color-fg);--tw-prose-code: var(--color-fg);--tw-prose-quotes: var(--color-fg);--tw-prose-bullets: var(--color-muted);line-height:1.7}.prose h2{margin-top:2rem;font-size:1.5rem;font-weight:600;letter-spacing:-.01em}.prose h3{margin-top:1.5rem;font-size:1.15rem;font-weight:600}.prose p{margin:.8em 0;color:var(--color-fg)}.prose a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.prose ul{margin:.8em 0;padding-left:1.25rem;list-style:disc}.prose code{display:inline-flex;min-width:1.65rem;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:.4rem;background:color-mix(in oklch,var(--color-card) 82%,var(--color-bg));padding:.08rem .45rem;color:var(--color-fg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.82em;font-weight:650;line-height:1.65;vertical-align:.08em;box-shadow:0 .08rem .22rem #0000000a}.prose code:before,.prose code:after{content:none}.prose strong{color:var(--color-fg)}.beginner-prereq-callout{display:grid;gap:1rem;margin:1.75rem 0 2rem;border:1px solid color-mix(in oklch,var(--color-accent) 26%,var(--color-border));border-radius:.75rem;background:linear-gradient(135deg,color-mix(in oklch,var(--color-accent) 10%,transparent),transparent 56%),color-mix(in oklch,var(--color-card) 88%,var(--color-bg));padding:1rem}.beginner-prereq-callout strong{color:var(--color-fg);font-weight:700}.beginner-prereq-text{display:block;margin:.35rem 0 0;color:var(--color-muted);font-size:.95rem;line-height:1.65}.beginner-prereq-callout a{color:var(--color-accent);font-weight:650;text-decoration:underline;text-underline-offset:3px}.beginner-prereq-callout code{display:inline-flex;min-width:1.65rem;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:.4rem;background:color-mix(in oklch,var(--color-bg) 78%,var(--color-card));padding:.08rem .42rem;color:var(--color-fg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.82em;font-weight:650;line-height:1.65;vertical-align:.08em;box-shadow:0 .08rem .22rem #0000000a}.beginner-prereq-callout ul{display:grid;gap:.45rem;margin:0;padding:0;list-style:none}.beginner-prereq-callout li{position:relative;padding-left:1rem;color:var(--color-fg);font-size:.92rem;line-height:1.55}.beginner-prereq-callout li:before{content:"";position:absolute;left:0;top:.68em;width:.35rem;height:.35rem;border-radius:999px;background:var(--color-accent)}.beginner-roadmap-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.65rem;margin:1.1rem 0 1.25rem;padding:0;list-style:none}.beginner-roadmap-grid li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.35rem .75rem;align-content:start;align-items:start;min-width:0;border:1px solid var(--color-border);border-radius:.55rem;background:color-mix(in oklch,var(--color-card) 88%,var(--color-bg));padding:.75rem}.beginner-roadmap-grid span{grid-row:1 / span 2;display:inline-grid;width:1.65rem;height:1.65rem;place-items:center;border-radius:.45rem;border:1px solid var(--color-border);background:color-mix(in oklch,var(--color-bg) 78%,var(--color-card));color:var(--color-fg);font-size:.78rem;font-weight:800;line-height:1}.beginner-roadmap-grid li>div{grid-column:2;display:flex;min-width:0;flex-direction:column;gap:.35rem}.beginner-roadmap-grid li>strong{grid-column:2;grid-row:1}.beginner-roadmap-grid li>p{grid-column:2;grid-row:2}.beginner-roadmap-grid strong{min-width:0;color:var(--color-fg);font-size:.95rem;line-height:1.25}.beginner-roadmap-grid p{margin:0;color:var(--color-muted);font-size:.84rem;line-height:1.45}.beginner-step-visual{margin:1.35rem 0 0}.beginner-loop-list{display:grid;gap:.55rem;margin:1rem 0;padding:0;list-style:none;counter-reset:beginner-loop}.beginner-loop-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.25rem .75rem;align-items:start;border:1px solid var(--color-border);border-radius:.55rem;background:color-mix(in oklch,var(--color-card) 86%,var(--color-bg));padding:.75rem;counter-increment:beginner-loop}.beginner-loop-list li:before{content:counter(beginner-loop);display:inline-grid;width:1.5rem;height:1.5rem;place-items:center;border-radius:999px;background:color-mix(in oklch,var(--color-accent) 14%,var(--color-card));color:var(--color-accent);font-size:.76rem;font-weight:800}.beginner-loop-list strong{color:var(--color-fg);font-size:.92rem;line-height:1.35}.beginner-loop-list span{grid-column:2;color:var(--color-muted);font-size:.9rem;line-height:1.55}.beginner-loop-list code,.beginner-move-row code,.lesson-move-row code{display:inline-flex;min-width:1.65rem;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:.4rem;background:color-mix(in oklch,var(--color-bg) 78%,var(--color-card));padding:.08rem .42rem;color:var(--color-fg);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.82em;font-weight:650;line-height:1.65;vertical-align:.08em;box-shadow:0 .08rem .22rem #0000000a}.beginner-move-row,.lesson-move-row{display:flex;flex-wrap:wrap;gap:.45rem;margin:.7rem 0 1rem}@media(min-width:640px){.beginner-prereq-callout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);padding:1.1rem 1.15rem}.beginner-roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.beginner-roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.prose .checkpoint-callout{position:relative;display:block;margin:1.25rem 0;border:1px solid color-mix(in oklch,var(--color-accent) 24%,var(--color-border));border-left:.3rem solid var(--color-accent);border-radius:.5rem;background:linear-gradient(90deg,color-mix(in oklch,var(--color-accent) 8%,transparent),transparent 68%),color-mix(in oklch,var(--color-card) 90%,var(--color-bg));padding:.95rem 1rem 1rem;color:var(--color-fg)}.prose .checkpoint-label{display:inline-flex;align-items:center;gap:.45rem;margin-bottom:.35rem;color:var(--color-accent);font-size:.72rem;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.prose .checkpoint-label:before{content:"";width:.45rem;height:.45rem;flex:0 0 auto;border-radius:999px;background:var(--color-accent);box-shadow:0 0 0 .2rem color-mix(in oklch,var(--color-accent) 16%,transparent)}.prose .checkpoint-callout span{display:block;min-width:0;line-height:1.65}
