:root{--blog-ease:cubic-bezier(.22, 1, .36, 1);--blog-shadow:0 6px 16px -4px #0000000a, 0 0 0 1px #0000000f, 0 .5px 1px #00000005, 0 2px 6px -2px #0000000a;--blog-shadow-lg:0 12px 32px -8px #0000000f, 0 0 0 1px #0000000f, 0 .5px 1px #00000005, 0 4px 12px -4px #0000000f;--blog-image-outline:#0000001a;--blog-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-theme=dark]{--blog-shadow:0 6px 16px -4px #0003, 0 0 0 1px #ffffff0f, 0 .5px 1px #00000026, 0 2px 6px -2px #0003;--blog-shadow-lg:0 12px 32px -8px #0000004d, 0 0 0 1px #ffffff0f, 0 .5px 1px #00000026, 0 4px 12px -4px #00000040;--blog-image-outline:#ffffff1a}.blog-content img{outline:1px solid var(--blog-image-outline);outline-offset:-1px}.blog-task-solution-summary,.blog-quiz-explanation-summary,.blog-faq-summary{cursor:pointer;align-items:center;gap:.5rem;list-style:none;display:flex}.blog-task-solution-summary::-webkit-details-marker{display:none}.blog-quiz-explanation-summary::-webkit-details-marker{display:none}.blog-faq-summary::-webkit-details-marker{display:none}.blog-task-solution-summary:after,.blog-quiz-explanation-summary:after,.blog-faq-summary:after,.blog-quiz-answer[data-state]:after,a.blog-next-step-link:after,.blog-toc-chevron{content:"";background-color:currentColor;flex:none;width:1.125rem;height:1.125rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.blog-task-solution-summary:after,.blog-quiz-explanation-summary:after,.blog-faq-summary:after,.blog-toc-chevron{-webkit-mask-image:var(--blog-chevron);mask-image:var(--blog-chevron);transition:rotate .2s var(--blog-ease)}.blog-task-solution-summary:after,.blog-faq-summary:after{margin-left:auto}[open]>.blog-task-solution-summary:after,[open]>.blog-quiz-explanation-summary:after,[open]>.blog-faq-summary:after{rotate:180deg}.blog-toc-chevron{background-color:var(--color-text-tertiary)}[data-open]>.blog-toc-chevron{rotate:180deg}.blog-quiz-answer[role=button]:focus-visible,.blog-task-solution-summary:focus-visible,.blog-quiz-explanation-summary:focus-visible,.blog-faq-summary:focus-visible,a.blog-next-step-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:8px}.blog-task-embed,.blog-task-section{background:var(--color-bg-secondary);box-shadow:var(--blog-shadow);transition:box-shadow .2s var(--blog-ease);border-radius:20px;margin:2.75rem 0;padding:clamp(1.125rem,.75rem + 1vw,1.5rem);position:relative}.blog-task-embed:hover,.blog-task-section:hover{box-shadow:var(--blog-shadow-lg)}.blog-task-meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.875rem;display:flex}.blog-task-badge{background:color-mix(in srgb, var(--color-accent) 12%, transparent);color:var(--color-accent);border-radius:999px;padding:.1875rem .5rem;font-weight:500}.blog-task-badge,.blog-task-category{font-size:.75rem;line-height:1.4}.blog-task-category{color:var(--color-text-tertiary)}.blog-task-question{color:var(--color-text-primary);text-wrap:pretty;font-size:1.0625rem;line-height:1.62}.blog-task-question img{max-width:100%;height:auto;margin:.875rem 0}.blog-task-options{gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:600px){.blog-task-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-task-option{border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:12px;padding:.625rem .875rem;font-size:.9375rem;line-height:1.5}.blog-task-embed--pending,.blog-task-embed--missing,.blog-task-section--pending,.blog-task-embed--pending:hover,.blog-task-embed--missing:hover,.blog-task-section--pending:hover{background:var(--color-bg-tertiary);box-shadow:none;outline:1px dashed var(--color-border);outline-offset:-1px}.blog-task-fallback{margin:0;font-size:.9375rem;line-height:1.6}.blog-task-solution{margin-top:1.25rem}.blog-task-solution-summary{background:color-mix(in srgb, var(--color-accent) 8%, transparent);min-height:44px;color:var(--color-accent);transition:background-color .16s var(--blog-ease);border-radius:12px;padding:.625rem .875rem;font-size:.9375rem;font-weight:500}.blog-task-solution-summary:hover{background:color-mix(in srgb, var(--color-accent) 14%, transparent)}.blog-task-solution-body{border-left:2px solid color-mix(in srgb, var(--color-accent) 30%, transparent);margin-top:1rem;padding-left:1.125rem}.blog-task-cta{border-top:1px solid var(--color-border);flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;padding-top:1rem;display:flex}a.blog-task-cta-link{min-height:44px;transition:background-color .16s var(--blog-ease), border-color .16s var(--blog-ease), color .16s var(--blog-ease), scale .16s var(--blog-ease);border-radius:12px;justify-content:center;align-items:center;padding:0 1rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}a.blog-task-cta-link:active{scale:.96}a.blog-task-cta-link:first-child,a.blog-task-cta-link:first-child:hover{color:#fff}a.blog-task-cta-link:first-child{background:var(--color-accent)}a.blog-task-cta-link:first-child:hover{background:var(--color-accent-hover)}a.blog-task-cta-link:not(:first-child){border:1px solid var(--color-border);color:var(--color-text-primary)}a.blog-task-cta-link:not(:first-child):hover{border-color:var(--color-accent);color:var(--color-accent)}@media (max-width:599px){a.blog-task-cta-link{flex:1 0 100%}}.blog-quiz{border:1px solid var(--color-border);background:var(--color-bg-tertiary);counter-reset:blog-quiz;border-radius:20px;margin:2.5rem 0;padding:clamp(1.125rem,.75rem + 1vw,1.5rem)}.blog-quiz-title{margin:0 0 1rem;font-size:1.0625rem;line-height:1.4}.blog-quiz-item{counter-increment:blog-quiz}.blog-quiz-item+.blog-quiz-item{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.5rem}.blog-quiz-question{text-wrap:pretty;margin:0;font-size:1rem;line-height:1.6}.blog-quiz-title,.blog-quiz-question,.blog-faq-summary>h3{color:var(--color-text-primary);font-weight:500}.blog-quiz:has(.blog-quiz-item+.blog-quiz-item) .blog-quiz-question:before{content:counter(blog-quiz) ". ";color:var(--color-text-tertiary)}.blog-quiz-answers{gap:.5rem;margin:.875rem 0 0;padding:0;list-style:none;display:grid}.blog-quiz-answer{border:1px solid var(--color-border);background:var(--color-bg-secondary);min-height:44px;transition:background-color .16s var(--blog-ease), border-color .16s var(--blog-ease), opacity .16s var(--blog-ease);border-radius:12px;align-items:flex-start;gap:.75rem;padding:.625rem .75rem;font-size:.9375rem;line-height:1.5;display:flex}.blog-quiz-answer[role=button]{cursor:pointer}.blog-quiz-item:not([data-answered]) .blog-quiz-answer[role=button]:hover{border-color:color-mix(in srgb, var(--color-accent) 45%, var(--color-border));background:color-mix(in srgb, var(--color-accent) 6%, var(--color-bg-secondary))}.blog-quiz-answer-label{background:var(--color-bg-tertiary);border-radius:8px;flex:none;place-items:center;width:1.5rem;height:1.5rem;font-size:.8125rem;font-weight:500;display:grid}.blog-quiz-answer-text{padding-top:.0625rem}.blog-quiz-answer[data-state=correct]{--blog-state:var(--color-success)}.blog-quiz-answer[data-state=wrong]{--blog-state:var(--color-error)}.blog-quiz-answer[data-state]{border-color:color-mix(in srgb, var(--blog-state) 55%, transparent);background:color-mix(in srgb, var(--blog-state) 11%, var(--color-bg-secondary));color:var(--color-text-primary)}.blog-quiz-answer[data-state] .blog-quiz-answer-label{background:color-mix(in srgb, var(--blog-state) 20%, transparent);color:var(--blog-state)}.blog-quiz-answer[data-state]:after{background-color:var(--blog-state);margin-left:auto;animation:.3s cubic-bezier(.2,0,0,1) backwards blog-mark-in}.blog-quiz-answer[data-state=correct]:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.blog-quiz-answer[data-state=wrong]:after{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}.blog-quiz-item[data-answered] .blog-quiz-answer:not([data-state]){opacity:.5}.blog-quiz-answer[aria-disabled=true]{cursor:default}.blog-quiz-feedback{color:var(--color-text-primary);margin:.875rem 0 0;font-size:.875rem;font-weight:500;line-height:1.5}.blog-quiz-feedback:empty{display:none}.blog-quiz-item[data-answered] .blog-quiz-feedback{color:var(--color-success)}.blog-quiz-item:has(.blog-quiz-answer[data-state=wrong]) .blog-quiz-feedback{color:var(--color-error)}.blog-quiz-explanation{margin-top:.875rem}.blog-quiz-explanation-summary{width:fit-content;color:var(--color-text-tertiary);transition:color .16s var(--blog-ease);padding:.25rem 0;font-size:.875rem;font-weight:500}.blog-quiz-explanation-summary:hover{color:var(--color-accent)}.blog-quiz-explanation-body{margin-top:.375rem;font-size:.9375rem;line-height:1.6}.blog-quiz-fallback{border-left:2px solid var(--color-border);margin:2rem 0;padding:1.125rem 1.25rem}.blog-quiz-fallback ul{margin:0 0 1rem;padding-left:1.25rem;list-style:outside}.blog-quiz-fallback li{margin-bottom:.375rem;line-height:1.6}.blog-faq{border-top:1px solid var(--color-border);margin:1.5rem 0 2.5rem}.blog-faq-item{border-bottom:1px solid var(--color-border);scroll-margin-top:6rem}.blog-faq-summary{gap:1rem;min-height:44px;padding:1rem 0}.blog-faq-summary>h3{transition:color .16s var(--blog-ease);margin:0;font-size:1.0625rem;line-height:1.45}.blog-faq-summary:hover>h3,.blog-faq-item[open]>.blog-faq-summary:after{color:var(--color-accent)}.blog-faq-answer{padding-bottom:1.25rem}@supports selector(::details-content){.blog-faq-item::details-content{interpolate-size:allow-keywords;block-size:0;transition:block-size .26s var(--blog-ease), content-visibility .26s allow-discrete;overflow:hidden}.blog-faq-item[open]::details-content{block-size:auto}}.blog-next-step{background:color-mix(in srgb, var(--color-accent) 7%, var(--color-bg-secondary));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 18%, transparent);transition:background-color .2s var(--blog-ease), box-shadow .2s var(--blog-ease);border-radius:20px;margin:2.5rem 0;padding:1.125rem 1.25rem;position:relative}.blog-next-step:hover{background:color-mix(in srgb, var(--color-accent) 12%, var(--color-bg-secondary));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-accent) 30%, transparent)}.blog-next-step-label{color:var(--color-text-secondary);margin:0 0 .25rem;font-size:.75rem;font-weight:500}a.blog-next-step-link{color:var(--color-text-primary);align-items:center;gap:.5rem;font-size:1.125rem;font-weight:500;line-height:1.4;text-decoration:none;display:inline-flex}a.blog-next-step-link:hover{color:var(--color-accent)}a.blog-next-step-link:before{content:"";border-radius:20px;position:absolute;inset:0}a.blog-next-step-link:after{transition:translate .2s var(--blog-ease);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M12 5l7 7-7 7'/%3E%3C/svg%3E")}.blog-next-step:hover .blog-next-step-link:after{translate:3px}.blog-task-solution[open]>.blog-task-solution-body,.blog-quiz-explanation[open]>.blog-quiz-explanation-body,.blog-faq-item[open]>.blog-faq-answer,.blog-quiz-feedback{animation:blog-reveal .24s var(--blog-ease) backwards}@keyframes blog-reveal{0%{opacity:0;translate:0 -4px}}@keyframes blog-mark-in{0%{opacity:0;filter:blur(4px);scale:.25}}@media (prefers-reduced-motion:reduce){.blog-task-solution[open]>.blog-task-solution-body,.blog-quiz-explanation[open]>.blog-quiz-explanation-body,.blog-faq-item[open]>.blog-faq-answer,.blog-quiz-feedback,.blog-quiz-answer[data-state]:after{animation:none}a.blog-task-cta-link:active{scale:1}.blog-toc-chevron{transition:none}.blog-next-step:hover .blog-next-step-link:after{translate:0}@supports selector(::details-content){.blog-faq-item::details-content{transition:none}}}