.HNYluW_slot{min-block-size:9.5rem}.HNYluW_slot:has(.HNYluW_reserved){min-block-size:9.5rem}.HNYluW_slot:empty{min-block-size:0}.HNYluW_reserved{block-size:9.5rem}.HNYluW_card{background:var(--ad-surface,#eef0ea);border-radius:var(--ad-radius,6px);min-block-size:9.5rem;color:var(--ad-ink,inherit);transition:background-color .16s var(--ad-ease,ease-out);gap:.25rem;padding:1rem 1.5rem;text-decoration:none;display:grid}.HNYluW_card:hover{background:var(--ad-surface-hover,#e2e6dc)}.HNYluW_label{color:var(--ad-label,#4b5245);font-size:.8125rem}.HNYluW_headline{font-family:var(--ad-headline-font,inherit);font-size:1.1875rem;font-weight:600;line-height:1.25}.HNYluW_body{color:var(--ad-body,inherit);font-size:.9375rem}.HNYluW_cta{color:var(--ad-link,currentColor);text-underline-offset:.2em;align-items:center;gap:.5rem;font-weight:700;text-decoration:underline;display:inline-flex}
._3jSd0G_sheet{background:var(--paper);border:1px solid var(--rule-grey);border-radius:var(--radius);padding:var(--space-4);color:#111;margin:0;font-size:.75rem;overflow:hidden}._3jSd0G_title{font-size:.9375rem;font-weight:600}._3jSd0G_key{gap:var(--space-3);margin-block:var(--space-1) var(--space-3);font-family:var(--font-key);flex-wrap:wrap;font-size:.6875rem;display:flex}._3jSd0G_scroll{overscroll-behavior-x:contain;overflow-x:auto}._3jSd0G_grid{border-block-start:1px solid var(--rule-grey);display:grid}._3jSd0G_corner{padding:var(--space-1);align-self:end;font-weight:600}._3jSd0G_lesson{padding:var(--space-1);border-inline-start:1px solid var(--rule-grey);text-align:center;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;align-content:space-between;gap:2px;min-block-size:3.5rem;font-size:.6875rem;font-weight:600;line-height:1.2;display:grid}._3jSd0G_levels{font-family:var(--font-key);word-spacing:.6em;font-size:.625rem;font-weight:500}._3jSd0G_row{grid-template-columns:subgrid;border-block-start:1px solid var(--rule-grey);min-block-size:1.5rem;display:grid}._3jSd0G_number{color:#8a8f98;align-self:center;padding-inline-start:var(--space-1);font-size:.625rem}._3jSd0G_bubbles{border-inline-start:1px solid var(--rule-grey);justify-content:center;align-items:center;gap:.45rem;display:flex}._3jSd0G_bubbles i{border:1px solid #111;border-radius:50%;block-size:.6rem;inline-size:.6rem}
.iy4GsW_generator{gap:var(--space-6);align-items:start;display:grid}@media (min-width:60rem){.iy4GsW_generator{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}.iy4GsW_controls,.iy4GsW_output{gap:var(--space-5);min-inline-size:0;display:grid}.iy4GsW_segmented{border:0;gap:0;margin:0;padding:0;display:flex}.iy4GsW_segmented legend{margin-block-end:var(--space-2);font-size:.9375rem;font-weight:600}.iy4GsW_segmented label{position:relative}.iy4GsW_segmented input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.iy4GsW_segmented span{min-block-size:44px;padding-inline:var(--space-5);border:1px solid var(--rule-grey);background:var(--paper);align-items:center;font-weight:600;display:inline-flex}.iy4GsW_segmented label:first-of-type span{border-start-start-radius:var(--radius);border-end-start-radius:var(--radius)}.iy4GsW_segmented label:last-of-type span{border-inline-start:0;border-start-end-radius:var(--radius);border-end-end-radius:var(--radius)}.iy4GsW_segmented input:checked+span{background:var(--graphite);border-color:var(--graphite);color:var(--paper)}.iy4GsW_segmented input:focus-visible+span{outline:3px solid var(--cobalt);outline-offset:2px}.iy4GsW_row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.iy4GsW_hint,.iy4GsW_note{color:var(--graphite-soft);margin:0;font-size:.875rem}.iy4GsW_printRow{gap:var(--space-2);justify-items:start;display:grid}.iy4GsW_error{color:var(--danger);margin:0;font-weight:600}.iy4GsW_lessons{gap:var(--space-3);display:grid}.iy4GsW_lessonsToggle{justify-self:start;align-items:center;gap:var(--space-2);min-block-size:44px;font:inherit;color:var(--cobalt-deep);cursor:pointer;background:0 0;border:0;padding:0;font-size:.875rem;display:inline-flex}.iy4GsW_lessonsToggle:hover{text-underline-offset:.2em;text-decoration:underline}.iy4GsW_chevron,.iy4GsW_chevronOpen{transition:transform .16s var(--ease-out)}.iy4GsW_chevronOpen{transform:rotate(180deg)}.iy4GsW_lessonPanel{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--rule-grey);border-radius:var(--radius);background:var(--paper);display:grid}.iy4GsW_lessonList{gap:var(--space-1);border:0;max-block-size:18rem;margin:0;padding:0;display:grid;overflow-y:auto}.iy4GsW_lessonList legend{margin-block-end:var(--space-2);font-size:.9375rem;font-weight:600}.iy4GsW_lessonList label{align-items:flex-start;gap:var(--space-2);cursor:pointer;min-block-size:32px;font-size:.9375rem;display:flex}.iy4GsW_lessonList input{accent-color:var(--cobalt);margin-block-start:.2rem}.iy4GsW_addRow{gap:var(--space-2);display:flex}.iy4GsW_addRow .input{flex:1;min-inline-size:0}.iy4GsW_resetLessons{font:inherit;color:var(--graphite-soft);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;justify-self:start;min-block-size:32px;padding:0;font-size:.875rem;text-decoration:underline}@media (prefers-reduced-motion:reduce){.iy4GsW_chevron,.iy4GsW_chevronOpen{transition:none}}
.MFjg3q_intro{padding-block:var(--space-7) var(--space-4);max-inline-size:52rem}.MFjg3q_breadcrumb{gap:var(--space-2);color:var(--graphite-soft);margin-block-end:var(--space-4);font-size:.875rem;display:flex}.MFjg3q_breadcrumb a{color:var(--graphite-soft)}.MFjg3q_makerSection{margin-block:var(--space-6);padding:var(--space-5);background:var(--paper);border:1px solid var(--rule-grey);border-radius:var(--radius)}.MFjg3q_makerHeading{margin-block:0 var(--space-5)}.MFjg3q_steps{gap:var(--space-3);max-inline-size:var(--measure);margin:0;padding-inline-start:1.25rem;display:grid}.MFjg3q_steps h3{margin-block-end:var(--space-1)}.MFjg3q_steps p{margin:0}.MFjg3q_faq{gap:var(--space-5);max-inline-size:var(--measure);margin:0;display:grid}.MFjg3q_faq dt{margin-block-end:var(--space-1);font-weight:600}.MFjg3q_faq dd{margin:0}.MFjg3q_frameworks{gap:var(--space-6);display:grid}@media (min-width:60rem){.MFjg3q_frameworks{grid-template-columns:1fr 1fr}}.MFjg3q_frameworks h2{margin-block-start:var(--space-5)}.MFjg3q_area{border-block-start:1px solid var(--rule-grey);margin-block-end:var(--space-4);padding-block-start:var(--space-3)}.MFjg3q_lessons{gap:var(--space-1);margin:0;padding-inline-start:1.25rem;font-size:.9375rem;display:grid}.MFjg3q_source{color:var(--graphite-soft);font-size:.875rem}.MFjg3q_links{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}@media (min-width:48rem){.MFjg3q_links{grid-template-columns:1fr 1fr}}
.JJ86zq_link{font:inherit;color:inherit;text-underline-offset:.2em;line-height:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.JJ86zq_dialog{border:1px solid var(--advertise-line);border-radius:var(--advertise-radius,8px);background:var(--advertise-surface);max-block-size:min(100dvh - 2rem,44rem);inline-size:min(100% - 2rem,34rem);color:var(--advertise-ink);padding:0}.JJ86zq_dialog[open]{flex-direction:column;display:flex}.JJ86zq_dialog::backdrop{background:#0006}.JJ86zq_header{border-block-end:1px solid var(--advertise-line);padding:1.25rem 1.25rem .75rem}.JJ86zq_header h2{margin:0 0 .25rem;font-size:1.25rem}.JJ86zq_header p{color:var(--advertise-muted);margin:0;font-size:.9375rem}.JJ86zq_form{flex-direction:column;flex:1;min-block-size:0;display:flex}.JJ86zq_body{flex:1;gap:1rem;min-block-size:0;padding:1rem 1.25rem;display:grid;overflow-y:auto}.JJ86zq_row{gap:1rem;display:grid}@media (min-width:30rem){.JJ86zq_row{grid-template-columns:1fr 1fr}}.JJ86zq_field{gap:.375rem;display:grid}.JJ86zq_field label{font-size:.9375rem;font-weight:600}.JJ86zq_input{border:1px solid var(--advertise-line);background:var(--advertise-field,#fff);min-block-size:44px;inline-size:100%;color:inherit;font:inherit;border-radius:6px;padding:.5rem .75rem}textarea.JJ86zq_input{resize:vertical}.JJ86zq_input[aria-invalid=true]{border-color:var(--advertise-danger)}.JJ86zq_hint{color:var(--advertise-muted);font-size:.875rem}.JJ86zq_error{color:var(--advertise-danger);margin:0;font-size:.875rem}.JJ86zq_trap{clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.JJ86zq_footer{border-block-start:1px solid var(--advertise-line);justify-content:flex-end;gap:.75rem;padding:.75rem 1.25rem;display:flex}
._4PCR6G_header{border-block-end:1px solid var(--rule-grey);background:var(--paper)}._4PCR6G_headerInner{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;min-block-size:4rem;display:flex}._4PCR6G_lockup{align-items:center;gap:var(--space-2);color:var(--graphite);min-block-size:44px;font-size:1.125rem;font-weight:600;text-decoration:none;display:inline-flex}._4PCR6G_nav{gap:var(--space-4);flex-wrap:wrap;font-size:.9375rem;font-weight:500;display:flex}._4PCR6G_nav a{color:var(--graphite);align-items:center;min-block-size:44px;text-decoration:none;display:inline-flex}._4PCR6G_nav a:hover{color:var(--cobalt-deep);text-decoration:underline}._4PCR6G_languages{position:relative}._4PCR6G_languages summary{min-block-size:44px;padding-inline:var(--space-3);border:1px solid var(--rule-grey);border-radius:var(--radius);background:var(--paper);cursor:pointer;align-items:center;list-style:none;display:inline-flex}._4PCR6G_languages summary::-webkit-details-marker{display:none}._4PCR6G_languages ul{z-index:5;padding:var(--space-2);border:1px solid var(--rule-grey);border-radius:var(--radius);background:var(--paper);max-block-size:70vh;min-inline-size:12rem;margin:0;list-style:none;position:absolute;inset-block-start:100%;inset-inline-end:0;overflow-y:auto;box-shadow:0 8px 24px #11111126}._4PCR6G_languages li a{padding:var(--space-2) var(--space-3);min-block-size:0;display:block}._4PCR6G_languages li a[aria-current=page]{font-weight:700}._4PCR6G_footer{border-block-start:1px solid var(--rule-grey);background:var(--paper);padding-block:var(--space-6);margin-block-start:var(--space-8)}._4PCR6G_footerInner{gap:var(--space-5);display:grid}._4PCR6G_footerLinks{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}@media (min-width:48rem){._4PCR6G_footerLinks{grid-template-columns:repeat(2,minmax(0,1fr))}}._4PCR6G_footerLinks a{color:var(--graphite)}