:root{--blog-ease:cubic-bezier(.22, 1, .36, 1);--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");--blog-check: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")}[data-theme=dark]{--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}:is(.blog-formula,.blog-checklist,.blog-statement>.blog-quiz-item,.blog-task-section>.blog-quiz-item,.blog-task-mini){border-radius:var(--blog-radius-inset);background:var(--blog-surface-2)}.blog-task-solution-summary,.blog-formula a[href^="/wzory/"],.blog-task-mini{transition:background-color .2s var(--blog-ease)}.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{content:"";width:1.125rem;height:1.125rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--blog-chevron);mask-image:var(--blog-chevron);transition:rotate .2s var(--blog-ease);background-color:currentColor;flex:none}.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-quiz-answer[role=button]:focus-visible,.blog-task-solution-summary:focus-visible,.blog-quiz-explanation-summary:focus-visible,.blog-faq-summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:8px}a.blog-task-cta-link:focus-visible,.blog-task-badges a:focus-visible,a.blog-task-mini:focus-visible,a.blog-next-step:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:inset 0 0 0 2px var(--color-bg-secondary), inset 0 0 0 4px var(--color-accent)}.blog-task-embed,.blog-task-section{transition:box-shadow .2s var(--blog-ease);margin:2.75rem 0;position:relative}@media (hover:hover){.blog-task-embed:hover,.blog-task-section:hover{box-shadow:var(--blog-shadow-lg)}}.blog-task-badges{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.875rem;display:flex}.blog-task-badges a{text-decoration:none}.blog-task-badges a.sm-badge-accent,.blog-task-badges a.sm-badge-accent:hover{color:var(--color-accent)}.blog-task-badges a.sm-badge-default,.blog-task-badges a.sm-badge-default:hover{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{padding:.25rem 0;font-size:.9375rem;line-height:1.5}.blog-task-option-label{color:var(--color-text-primary);font-weight:500}.blog-task-embed--pending,.blog-task-embed--missing,.blog-task-embed--pending:hover,.blog-task-embed--missing:hover{box-shadow:none;outline:1px dashed var(--color-text-tertiary);outline-offset:-1px}[data-theme=dark] .blog-task-embed--pending,[data-theme=dark] .blog-task-embed--missing,[data-theme=dark] .blog-task-embed--pending:hover,[data-theme=dark] .blog-task-embed--missing:hover{box-shadow:none}.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-text-primary) 6%, transparent);min-height:44px;color:var(--color-text-secondary);-webkit-tap-highlight-color:transparent;border-radius:12px;padding:.625rem .875rem;font-size:.9375rem;font-weight:500}@media (hover:hover){.blog-task-solution-summary:hover{background:color-mix(in srgb, var(--color-text-primary) 10%, transparent)}}.blog-task-solution[open]>.blog-task-solution-summary{background:color-mix(in srgb, var(--color-text-primary) 10%, transparent)}.blog-task-solution-body{margin-top:1rem}.blog-task-solution-body .katex-display{margin:.5rem 0}.blog-task-solution-hint{color:var(--color-text-secondary);margin:0;font-size:.9375rem;line-height:1.6}.blog-steps{margin:0;padding:0;list-style:none;position:relative}.blog-step{align-items:flex-start;gap:.75rem;display:flex;position:relative}.blog-step+.blog-step{margin-top:1rem}.blog-step:not(:last-child):after{content:"";background:var(--color-border);width:1px;position:absolute;top:1.5rem;bottom:-1rem;left:calc(.75rem - .5px)}.blog-task-solution .blog-step:not(:last-child):after{transform-origin:top;scale:1 0}@keyframes blog-step-connector-draw{to{scale:1}}.blog-task-solution[open] .blog-step:not(:last-child):after{animation:blog-step-connector-draw .3s var(--blog-ease) forwards}.blog-step-n{z-index:1;background:color-mix(in oklab, var(--color-accent) 10%, transparent);width:1.5rem;height:1.5rem;color:var(--color-accent);border-radius:50%;flex:none;place-items:center;margin-top:.153125rem;font-size:.75rem;font-weight:500;display:grid;position:relative}.blog-step-body{flex:auto;min-width:0}.blog-step-title{color:var(--color-text-primary);margin:0 0 .25rem;font-weight:500}.blog-step-title:first-letter{text-transform:uppercase}.blog-result{--blog-tone:var(--color-success);border-radius:var(--blog-radius-inset);background:color-mix(in oklab, var(--blog-tone) 10%, var(--blog-surface));margin-top:1rem;padding:1rem 1.25rem;position:relative}.blog-result-label{color:var(--blog-tone);font-size:.8125rem;font-weight:500}.blog-result-label:before{content:"";vertical-align:-.1875rem;width:1rem;height:1rem;-webkit-mask-image:var(--blog-check);mask-image:var(--blog-check);background-color:currentColor;margin-right:.375rem;display:inline-block;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.blog-result-value{color:var(--blog-tone);margin-left:.375rem;font-size:1.0625rem;font-weight:500}.blog-result-body{color:var(--color-text-primary);margin-top:.375rem;font-size:.9375rem;line-height:1.6}.blog-result--long .blog-result-label{margin-bottom:.25rem;display:block}.blog-example[data-blog-example-flat]>.blog-example-body>.blog-steps,.blog-example[data-blog-example-flat]>.blog-example-body>.blog-result,.blog-example-body>.blog-result~*,.blog-example-body>.blog-steps~*,.blog-task-solution-body>.blog-result~*,.blog-task-solution-body>.blog-steps~*{margin-top:1.25rem}.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 .2s var(--blog-ease), border-color .2s var(--blog-ease), color .2s 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:not(:first-child){border:1px solid var(--color-border);color:var(--color-text-primary)}@media (hover:hover){a.blog-task-cta-link:first-child:hover{background:var(--color-accent-hover)}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-example{margin-bottom:1.618rem}.blog-example-head{justify-content:space-between;align-items:baseline;gap:1rem;margin:0 0 .875rem;display:flex}.blog-example-head>.blog-example-count{flex:none}.blog-example-head>h2,.blog-example-head>h3{margin:0;font-size:1.25rem;line-height:1.3}@media (max-width:599px){.blog-example-head>h2,.blog-example-head>h3{font-size:1.125rem}}.blog-statement{color:var(--color-text-secondary)}.blog-statement-label{color:var(--color-text-primary)}.blog-example-nav{flex-wrap:wrap;align-items:center;gap:.625rem;margin:1rem 0 0;display:flex}.blog-example-nav-list{flex-wrap:wrap;gap:.375rem;margin:0;padding:0;list-style:none;display:flex}.blog-example-count{color:var(--color-text-tertiary);font-size:.8125rem}.blog-quiz-block{margin:2.5rem 0}.blog-quiz{border:1px solid var(--color-border);background:var(--color-bg-tertiary);counter-reset:blog-quiz;border-radius:20px;margin:0;padding:clamp(1.125rem,.75rem + 1vw,1.5rem)}.blog-quiz-title{margin:0 0 .875rem;font-size:1.25rem;line-height:1.3}@media (max-width:599px){.blog-quiz-title{font-size:1.125rem}}.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-statement>.blog-quiz-item,.blog-task-section>.blog-quiz-item{margin-top:1rem;padding:.875rem;display:block}.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 .2s var(--blog-ease), border-color .2s var(--blog-ease), box-shadow .2s var(--blog-ease), opacity .16s var(--blog-ease), scale .12s 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}@media (hover:hover){.blog-quiz-item:not([data-answered]) .blog-quiz-answer[role=button]:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, var(--color-border));box-shadow:var(--blog-shadow-lg)}.blog-quiz-item:not([data-answered]) .blog-quiz-answer[role=button]:hover .blog-quiz-answer-label{background:color-mix(in oklab, var(--color-accent) 10%, transparent);color:var(--color-accent)}}.blog-quiz-item:not([data-answered]) .blog-quiz-answer[role=button]:active{scale:.98}.blog-quiz-answer-label{background:var(--color-bg-tertiary);width:1.5rem;height:1.5rem;transition:background-color .2s var(--blog-ease), color .2s var(--blog-ease);border-radius:8px;flex:none;place-items:center;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=correct]:after{content:"";width:1.125rem;height:1.125rem;-webkit-mask-image:var(--blog-check);mask-image:var(--blog-check);background-color:var(--blog-state);flex:none;align-self:center;margin-left:auto;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.blog-quiz-answer[data-state=wrong]:after{content:"błędna odpowiedź";clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.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 .2s var(--blog-ease);padding:.25rem 0;font-size:.875rem;font-weight:500}@media (hover:hover){.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 .2s var(--blog-ease);margin:0;font-size:1.0625rem;line-height:1.45}@media (hover:hover){.blog-faq-summary:hover>h3{color:var(--color-accent)}}.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}}a.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);color:var(--color-text-primary);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;text-decoration:none;display:block}@media (hover:hover){a.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);text-decoration:none}}.blog-next-step-label{color:var(--color-text-secondary);margin:0 0 .25rem;font-size:.75rem;font-weight:500;display:block}.blog-next-step-title{font-size:1.125rem;font-weight:500;line-height:1.4;display:block}.blog-callout{--blog-tone:var(--color-accent);border-radius:var(--blog-radius-inset);background:color-mix(in oklab, var(--blog-tone) 10%, var(--blog-surface));grid-template-columns:1.25rem 1fr;gap:.25rem .75rem;margin:1.75rem 0;padding:1rem 1.25rem;display:grid;position:relative}.blog-callout--warn{--blog-tone:var(--color-warning);--blog-icon: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='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z'/%3E%3Cpath d='M12 9v4'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E")}.blog-callout--tip{--blog-tone:var(--color-accent);--blog-icon: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='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1.3.5 2.6 1.5 3.5.8.8 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6'/%3E%3Cpath d='M10 22h4'/%3E%3C/svg%3E")}.blog-callout--key{--blog-tone:var(--color-success);--blog-icon: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='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3Cpath d='m9 10 2 2 4-4'/%3E%3C/svg%3E")}.blog-callout:before{content:"";width:1.25rem;height:1.25rem;-webkit-mask-image:var(--blog-icon);mask-image:var(--blog-icon);background-color:var(--blog-tone);grid-area:1/1/3;align-self:start;margin-top:.1875rem;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.blog-callout-label{color:var(--blog-tone);grid-area:1/2;font-weight:500}.blog-callout-body{color:var(--color-text-primary);grid-area:2/2;font-size:.9375rem;line-height:1.6}.blog-callout-body :is(p,ul,ol):last-child{margin-bottom:0}.blog-checklist{margin:1.75rem 0;padding:1.125rem 1.25rem}.blog-checklist-items{gap:1.125rem;margin:0;padding:0;list-style:none;display:grid}.blog-checklist-item{color:var(--color-text-primary);align-items:flex-start;gap:.75rem;font-size:.9375rem;line-height:1.5;display:flex}.blog-check-box{background:color-mix(in oklab, var(--color-success) 14%, var(--blog-surface));border-radius:6px;flex:none;width:20px;height:20px;margin-top:.125rem;position:relative}.blog-check-box:after{content:"";-webkit-mask-image:var(--blog-check);mask-image:var(--blog-check);background-color:var(--color-success);position:absolute;inset:3px;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.blog-formula{margin:1.5rem 0;padding:1rem 1.125rem}.blog-formula+.blog-formula{margin-top:1rem}.blog-formula-name{color:var(--color-text-secondary);margin:0 0 .375rem;font-size:.9375rem;font-weight:500}.blog-formula .katex-display{margin:0}.blog-formula a[href^="/wzory/"]{background:color-mix(in oklab, var(--color-accent) 10%, transparent);color:var(--color-accent);border-radius:999px;align-items:center;padding:.1875rem .625rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){.blog-formula a[href^="/wzory/"]:hover{background:color-mix(in oklab, var(--color-accent) 16%, transparent)}}.blog-practice{gap:.75rem;margin:1.5rem 0;padding:0;list-style:none;display:grid}@media (min-width:600px){.blog-practice{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-practice-item{display:flex}a.blog-task-mini{color:var(--color-text-primary);flex-direction:column;flex:auto;gap:.625rem;padding:1rem 1.125rem;text-decoration:none;display:flex}@media (hover:hover){a.blog-task-mini:hover{background-color:color-mix(in oklab, var(--color-text-primary) 4%, var(--blog-surface-2))}}.blog-task-mini .blog-task-badges{margin-bottom:0}.blog-task-mini-question{--mini-lines:4;--mini-cap:calc(var(--mini-lines) * 1.5em);--mini-fade:1.25em;-webkit-line-clamp:4;max-height:var(--mini-cap);-webkit-box-orient:vertical;font-size:.9375rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-task-mini-question[data-overflow=true]{-webkit-mask-image:linear-gradient(to top, transparent 0, black var(--mini-fade));mask-image:linear-gradient(to top, transparent 0, black var(--mini-fade))}.blog-task-mini .katex-display{background-color:#0000;background-image:none;margin:.25rem 0;padding:0}.blog-table-wrap{background-color:var(--blog-surface);border-radius:var(--blog-radius-inset);box-shadow:var(--blog-hairline);margin:2rem 0;overflow:auto hidden}.blog-content>.blog-table-wrap{width:calc(100% + (var(--blog-bleed) * 2));margin-inline:calc(-1 * var(--blog-bleed))}.blog-table-wrap table{border-collapse:separate;border-spacing:0;width:100%;min-width:max-content;font-size:.9375rem;line-height:1.5}.blog-table-wrap th,.blog-table-wrap td{border-bottom:1px solid var(--color-border);text-align:left;padding:.625rem 1rem}.blog-table-wrap tr:last-child :is(td,th){border-bottom:0}.blog-table-wrap th{background:var(--blog-surface-2)}.blog-solution-island{gap:.75rem;display:grid}.blog-solution-limit-note{color:var(--color-text-secondary);font-size:.875rem}.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}}@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{animation:none}a.blog-task-cta-link:active{scale:1}a.blog-task-mini,a.blog-next-step{transition:none}.blog-task-solution[open] .blog-step:not(:last-child):after{animation:none;scale:1}.blog-quiz-item:not([data-answered]) .blog-quiz-answer[role=button]:active{scale:1}.blog-check-box:after{transition:none}@supports selector(::details-content){.blog-faq-item::details-content{transition:none}}}
.blog-example-deck{--blog-carousel-pad-x:12px;--blog-carousel-pad-y:24px;--blog-carousel-ease:cubic-bezier(.22, 1, .36, 1);--blog-pill-tint:10%;margin-block:2.5rem}[data-theme=dark] .blog-example-deck{--blog-pill-tint:18%}.blog-example-deck>.blog-example-nav{z-index:1;margin:1rem 0 0;position:relative}.blog-example-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-snap-stop:always;box-sizing:content-box;padding-inline:var(--blog-carousel-pad-x);padding-block:var(--blog-carousel-pad-y);margin-inline:calc(-1 * var(--blog-carousel-pad-x));margin-block:calc(-1 * var(--blog-carousel-pad-y));scroll-padding-inline:var(--blog-carousel-pad-x);transition:height .25s var(--blog-carousel-ease);scrollbar-width:none;grid-auto-columns:100%;grid-auto-flow:column;gap:1.618rem;display:grid;position:relative;overflow:auto hidden}.blog-example-track::-webkit-scrollbar{display:none}.blog-example-track[data-instant]{transition:none}.blog-example-deck:has(.blog-example-track:focus-visible){outline:2px solid var(--color-accent);outline-offset:4px;box-shadow:inset 0 0 0 2px var(--color-accent);border-radius:8px}.blog-example-track:focus-visible{outline:none}.blog-example-track>[data-carousel-slide]{scroll-snap-align:start;align-self:start;min-width:0;margin:0}.blog-example-deck .blog-example-nav-item a{z-index:1;min-width:2rem;min-height:2rem;transition:background-color .2s var(--blog-carousel-ease), color .2s var(--blog-carousel-ease), box-shadow .2s var(--blog-carousel-ease);justify-content:center;align-items:center;display:inline-flex;position:relative}.blog-example-deck .blog-example-nav-item a:before{content:"";position:absolute;inset:-6px}.blog-example-deck .blog-example-nav-item a:after{inset:-6px}.blog-example-deck .blog-example-nav-item a[data-done]{background-color:color-mix(in oklab, var(--color-success) var(--blog-pill-tint), transparent);color:var(--color-success)}.blog-example-deck .blog-example-nav-item a[data-active]{background-color:color-mix(in oklab, var(--color-accent) var(--blog-pill-tint), transparent);color:var(--color-accent)}.blog-example-deck .blog-example-nav-item a[data-active][data-done]{background-color:color-mix(in oklab, var(--color-success) var(--blog-pill-tint), transparent);color:var(--color-success);box-shadow:0 0 0 1.5px var(--color-accent)}@media print{.blog-example-nav{display:none}.blog-example-track{margin:0;padding:0;display:block;overflow:visible;height:auto!important}.blog-example-track>.blog-example{margin-bottom:1.618rem}}@media (prefers-reduced-motion:reduce){.blog-example-track,.blog-example-deck .blog-example-nav-item a{transition:none}}.blog-related-tasks{margin-top:3.5rem}.blog-related-slide>.blog-task-embed{margin:0}.blog-related-tasks>.blog-task-cta{margin-top:1.25rem}
@media (min-width:1280px){.blog-shell{grid-template-columns:1fr var(--blog-measure) 1fr;align-items:start;margin-inline:calc(-1*min(8rem,50vw - 36rem));display:grid}.blog-col{grid-column:2;min-width:0}.blog-shell-head{grid-row:1}.blog-shell-body{grid-row:2}.blog-shell-foot{grid-row:3}}.blog-toc-rail-slot{display:none}@media (min-width:1280px){.blog-toc-rail-slot{grid-area:2/1;align-self:stretch;display:block}.blog-toc-rail{flex-direction:column;max-height:calc(100dvh - 10rem);padding-inline-end:8rem;display:flex;position:sticky;top:7rem}}.blog-toc-rail-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent;min-height:0;transition:scrollbar-color .2s var(--blog-ease);overflow-y:auto}.blog-toc-rail:hover .blog-toc-rail-scroll,.blog-toc-rail-scroll:focus-within{scrollbar-color:color-mix(in oklab, var(--color-text-primary) 22%, transparent) transparent}.blog-toc-list{flex-direction:column;display:flex}.blog-toc-link{-webkit-line-clamp:2;color:var(--color-text-tertiary);transition:color .25s var(--blog-ease);-webkit-box-orient:vertical;padding-block:.5rem;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}@media (hover:hover){.blog-toc-link:hover{color:var(--color-text-primary)}}.blog-toc-link[data-active]{color:var(--color-text-primary)}.blog-toc-bar{transition:top .24s var(--ease-out-expo);z-index:var(--z-sticky);background:var(--color-bg-primary);border-bottom:1px solid var(--color-border);margin-bottom:2.5rem;position:sticky;top:5.5rem}html[data-nav-hidden] .blog-toc-bar{top:0}@media (min-width:768px){.blog-toc-bar{display:none}}.blog-toc-bar-trigger{height:2.75rem;color:var(--color-text-secondary);border-radius:0;justify-content:flex-start;gap:.5rem;padding-inline:0;font-size:12px}.blog-toc-bar-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.blog-toc-bar-chevron{width:1rem;height:1rem;transition:rotate .24s var(--blog-ease);flex-shrink:0;margin-inline-start:auto}.blog-toc-bar-trigger[aria-expanded=true] .blog-toc-bar-chevron{rotate:180deg}.blog-toc-bar-panel{top:100%;background:var(--color-bg-primary);box-shadow:var(--blog-hairline);transition:grid-template-rows .24s var(--blog-ease);grid-template-rows:0fr;display:grid;position:absolute;inset-inline:0}.blog-toc-bar-panel[data-open]{grid-template-rows:1fr}.blog-toc-bar-clip{min-height:0;overflow:hidden}.blog-toc-bar-clip .blog-toc-list{overscroll-behavior:contain;max-height:60dvh;padding-block:.25rem .75rem;overflow-y:auto}.blog-toc-bar-clip .blog-toc-link{color:var(--color-text-secondary);padding-block:.75rem;font-size:13px}@media (prefers-reduced-motion:reduce){.blog-toc-bar,.blog-toc-link,.blog-toc-rail-scroll,.blog-toc-bar-chevron,.blog-toc-bar-panel{transition:none}}