.learn-site{font-size:16px;line-height:1.7}.learn-container{width:min(var(--container-max), calc(100% - 2 * var(--gutter)));margin-inline:auto;padding-bottom:80px}.learn-site h1,.learn-site h2,.learn-site h3{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;font-weight:600}.learn-site h1{font-size:clamp(2.5rem,5vw,4.25rem);line-height:1.05}.learn-site h2{font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.2}.learn-site h3{font-size:1.25rem;line-height:1.35}.learn-site p{max-width:68ch}.learn-site a:not(.guide-button){text-underline-offset:4px}.learn-site a:not(.guide-button):hover{text-decoration:underline}.learn-site :focus-visible{outline:3px solid var(--primary);outline-offset:4px}.learn-site section[id]{scroll-margin-top:100px}.guide-preview-note{padding:10px var(--gutter);background:var(--secondary);border-bottom:1px solid var(--border);justify-content:center;gap:16px;font-size:.8rem;display:flex}.guide-preview-note strong{flex-shrink:0}.guide-breadcrumb{color:var(--muted-foreground);flex-wrap:wrap;gap:12px;padding-block:28px;font-size:.85rem;display:flex}.guide-breadcrumb a{color:var(--primary)}.learn-page-header{max-width:800px;padding-top:76px}.learn-page-header p{margin-top:24px;font-size:1.25rem}.learn-section-links{flex-wrap:wrap;gap:24px;margin-top:32px;display:flex}.learn-section-links a{border-bottom:2px solid var(--primary);align-items:center;min-height:44px;font-weight:600;display:inline-flex}.learn-section{margin-top:72px}.learn-section>h2{margin-bottom:28px}.learn-section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.learn-section-heading p{color:var(--muted-foreground);margin-top:12px}.learn-section-heading>a{flex-shrink:0;padding-block:10px;text-decoration:underline}.learn-feature{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--card);grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:40px;display:grid}.learn-feature h3{margin:12px 0 18px;font-size:2rem}.learn-feature p+p{margin-top:16px}.guide-kicker{color:var(--primary);font-size:.9rem;font-weight:650}.guide-small{color:var(--muted-foreground);font-size:.85rem}.guide-button{border-radius:var(--radius-md);background:var(--primary);min-height:48px;color:var(--primary-foreground);border:1px solid var(--primary);text-align:center;cursor:pointer;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:24px;padding:10px 20px;font-weight:650;display:inline-flex}.guide-button:hover{background:var(--primary-hover)}.guide-button:disabled{opacity:.5;cursor:not-allowed}.guide-button-secondary{color:var(--primary);background:var(--card)}.guide-button-secondary:hover{background:var(--secondary)}.guide-button-note{font-size:.85em;font-weight:400}.guide-text-link{width:fit-content;color:var(--primary);margin-top:16px;padding-block:6px;font-weight:600;text-decoration:underline;display:block}.guide-example{min-width:0}.guide-example figcaption{color:var(--muted-foreground);margin-bottom:14px;font-size:.85rem}.guide-example-app{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.guide-example-title{flex-direction:column;gap:4px;margin-bottom:24px;display:flex}.guide-example-title strong{font-family:var(--font-display);font-size:1.5rem}.guide-example-title>span,.guide-example-note{color:var(--muted-foreground);font-size:.8rem}.guide-example-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.guide-example-groups>div{background:var(--background);border-top:3px solid var(--primary);min-height:132px;padding:12px 10px}.guide-example-groups h3{font:600 .9rem var(--font-sans);justify-content:space-between;gap:6px;display:flex}.guide-example-groups h3 span{color:var(--muted-foreground);font-weight:400}.guide-example-groups p{align-items:start;gap:7px;padding-top:16px;font-size:.8rem;line-height:1.6;display:flex}.guide-example-dot{border:1px solid var(--input);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:4px;display:inline-block}.guide-example-note{margin-top:18px}.guide-example>.guide-small{margin-top:14px}.learn-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.learn-notes article{border-top:1px solid var(--input);padding-top:20px}.learn-notes h3{margin-block:12px}.learn-notes article>p:last-child{color:var(--muted-foreground);font-size:.9rem}.guide-overview-hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:64px;padding-block:32px 56px;display:grid}.guide-overview-hero h1{margin-top:16px}.guide-deck{color:var(--muted-foreground);margin-block:24px 20px;font-size:1.2rem;line-height:1.65}.guide-facts{border-block:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:24px;padding-block:24px;display:grid}.guide-facts dt{color:var(--muted-foreground);font-size:.8rem}.guide-facts dd{margin-top:6px;font-weight:650}.guide-overview-body{grid-template-columns:1.08fr 1fr;gap:64px;margin-top:56px;display:grid}.guide-overview-body p{margin-top:20px}.guide-requirements{border-left:3px solid var(--primary);padding-left:28px}.guide-requirements h2{font-size:1.4rem}.guide-requirements ul{margin-top:16px;padding-left:20px;list-style:outside}.guide-requirements li{margin-top:8px}.guide-requirements p{color:var(--muted-foreground);font-size:.85rem}.guide-requirements a{text-decoration:underline}.guide-curriculum{border-top:1px solid var(--border);list-style:none}.guide-curriculum li{border-bottom:1px solid var(--border)}.guide-curriculum a{border-radius:var(--radius-sm);grid-template-columns:65px 1fr 150px;align-items:start;gap:24px;padding:26px 12px;display:grid}.guide-curriculum a:hover{background:var(--card);text-decoration:none!important}.guide-curriculum p{color:var(--muted-foreground);margin-top:6px;font-size:.9rem}.guide-curriculum-day{color:var(--primary);font-weight:650}.guide-curriculum-time{text-align:right;font-size:.85rem}.guide-curriculum-time small{color:var(--muted-foreground);display:block}.guide-faq{max-width:800px}.guide-faq details,.guide-detail{border-block-end:1px solid var(--border);padding:4px 0}.guide-faq summary,.guide-detail summary{cursor:pointer;padding-block:16px;font-weight:650}.guide-faq details p,.guide-detail>p{padding-bottom:18px}.guide-faq a{text-decoration:underline}.guide-lesson-layout{grid-template-columns:250px minmax(0,1fr);align-items:start;gap:72px;display:grid}.guide-sidebar{max-height:calc(100dvh - 120px);position:sticky;top:96px;overflow-y:auto}.guide-nav-title{font-family:var(--font-display);font-size:1.15rem;font-weight:650}.guide-setup-link{color:var(--muted-foreground);margin:16px 0;padding-block:10px;font-size:.85rem;display:block}.guide-setup-link span{font-size:.75rem;display:block}.guide-navigation ol{list-style:none}.guide-navigation li a{border-radius:var(--radius-sm);align-items:baseline;gap:12px;margin-left:-12px;padding:12px;font-size:.85rem;line-height:1.5;display:flex}.guide-navigation li a[aria-current]{background:var(--bc-green-soft);color:var(--primary);font-weight:650}.guide-navigation small{color:var(--muted-foreground);margin-top:4px;font-size:.75rem;font-weight:400;display:block}.guide-day-number{min-width:15px;color:var(--muted-foreground)}.guide-lesson{min-width:0;max-width:740px;padding-top:4px}.guide-lesson-header h1{margin-top:16px;font-size:clamp(2.5rem,4.5vw,3.7rem)}.guide-lesson section{margin-top:52px}.guide-lesson section>h2:not(:first-child){margin-top:48px}.guide-lesson section h3{margin-top:24px}.guide-lesson section>p{margin-top:18px}.guide-lesson p a{color:var(--primary);text-decoration:underline}.guide-lesson code{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.87em}.guide-callout{border-left:3px solid var(--primary);background:var(--bc-green-soft);margin-top:28px;padding:20px 24px}.guide-callout p{margin-top:8px}.guide-community{margin-top:40px;scroll-margin-top:100px}.guide-community h2{font-size:1.5rem}.guide-community .guide-button{margin-top:20px}.guide-on-this-page{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px 20px;padding-block:22px;font-size:.85rem;display:flex}.guide-on-this-page a{padding-block:6px;text-decoration:underline}.guide-prompt{background:var(--card);border:1px solid var(--input);border-radius:var(--radius-md);margin-top:24px;overflow:hidden}.guide-prompt-toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:6px 12px 6px 20px;font-size:.8rem;font-weight:650;display:flex}.guide-prompt-toolbar button{min-height:44px;color:var(--primary);cursor:pointer;border-radius:var(--radius-sm);padding-inline:14px}.guide-prompt-toolbar button:hover{background:var(--secondary)}.guide-prompt pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:24px;font-size:.9rem;line-height:1.7}.guide-copy-status{color:var(--primary);padding:0 20px;font-size:.8rem;display:block}.guide-copy-status:not(:empty){padding-bottom:12px}.guide-file-list{margin-top:24px}.guide-file-list>div{border-bottom:1px solid var(--border);grid-template-columns:145px 1fr;gap:20px;padding-block:14px;display:grid}.guide-file-list dt{font-weight:650}.guide-os-steps{grid-template-columns:1fr 1fr;gap:32px;display:grid}.guide-lesson ol{margin-top:18px;padding-left:24px;list-style:decimal}.guide-lesson ol li{margin-top:12px;padding-left:6px}.guide-lesson .guide-success-checks{margin-top:24px;padding-left:22px;list-style:outside}.guide-success-checks li{margin-top:12px;padding-left:4px}.guide-completion{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);margin-top:28px;padding:28px}.guide-completion h3{margin-top:0!important}.guide-completion label{cursor:pointer;align-items:start;gap:12px;min-height:44px;margin-top:18px;display:flex}.guide-completion input{width:20px;height:20px;accent-color:var(--primary);flex-shrink:0;margin-top:3px}.guide-completion p{color:var(--muted-foreground);margin-top:16px;font-size:.8rem}.guide-completion button{margin-top:16px}.guide-next{border-top:2px solid var(--primary);margin-top:60px;padding-top:32px}.guide-next>p{margin-top:18px}@media (max-width:1000px){.guide-overview-hero,.guide-overview-body,.learn-feature{gap:32px}.guide-lesson-layout{grid-template-columns:210px minmax(0,1fr);gap:36px}.learn-feature{padding:28px}}@media (max-width:760px){.guide-preview-note{line-height:1.5;display:block}.guide-preview-note strong{margin-right:8px}.learn-page-header{padding-top:44px}.learn-feature,.guide-overview-hero,.guide-overview-body,.learn-notes,.guide-lesson-layout{grid-template-columns:1fr}.guide-overview-hero{padding-top:16px}.guide-overview-hero .guide-example{margin-top:16px}.guide-facts{grid-template-columns:1fr 1fr}.guide-sidebar{border-top:1px solid var(--border);order:2;max-height:none;padding-top:32px;position:static}.guide-lesson{order:1}.guide-navigation li a{margin-left:0}.learn-section-heading{display:block}.learn-section-heading>a{margin-top:8px;display:inline-block}.guide-curriculum a{grid-template-columns:48px 1fr;gap:12px;padding-inline:0}.guide-curriculum-time{text-align:left;grid-column:2}.guide-curriculum-time small{margin-left:12px;display:inline}.guide-os-steps{grid-template-columns:1fr;gap:0}.guide-prompt pre{padding:18px}.guide-file-list>div{grid-template-columns:110px 1fr;gap:14px}.learn-section{margin-top:52px}}@media (max-width:400px){.guide-example-app{padding:16px}.guide-example-groups{grid-template-columns:1fr}.guide-example-groups>div{min-height:auto}.guide-example-groups p{padding-top:8px}.guide-example-groups h3{max-width:none}.learn-feature{padding:20px}}