.article-prose{font-size:var(--text-lg);line-height:1.85;color:var(--text-secondary)}.article-prose h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:400;color:var(--text-primary);margin:56px 0 20px;padding-top:32px;text-wrap:balance;letter-spacing:-.02em;font-variation-settings:"opsz" 48}.article-prose>h2:first-child{margin-top:0;padding-top:0}.article-prose h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--text-primary);margin:2rem 0 .75rem;letter-spacing:-.005em}.article-prose h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:1.5rem 0 .5rem}.article-prose h5{font-size:var(--text-base);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin:1.5rem 0 .5rem}.article-prose p{margin:.75em 0;max-width:65ch;text-wrap:pretty;hyphens:auto;overflow-wrap:break-word}.article-prose a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 30%,transparent);text-underline-offset:3px;transition:color var(--duration-fast),text-decoration-color var(--duration-fast)}.article-prose a:hover{color:var(--accent-hover);text-decoration-color:var(--accent-hover)}.article-prose strong{color:var(--text-primary);font-weight:600}.article-prose em{font-style:italic}.article-prose ul,.article-prose ol{padding-left:1.5em;margin:.75em 0}.article-prose li{margin:.25em 0}.article-prose code:not(pre code){background:var(--surface-raised);padding:2px 6px;border-radius:4px;font-size:.88em;color:var(--accent);border:1px solid var(--border-subtle)}.article-prose pre{margin:1.25rem 0;border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.article-prose hr{border:none;height:1px;background:var(--border-subtle);margin:2rem 0}.article-prose blockquote{border-left:3px solid var(--accent);padding-left:1em;margin:1em 0;color:var(--text-tertiary);font-style:italic}.article-prose .example-block{display:none}.article-section-divider{height:1px;background:linear-gradient(90deg,var(--border-subtle) 0%,transparent 80%);margin:clamp(2rem,4vw,3rem) 0}.article-section-heading{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--text-primary);letter-spacing:-.005em;margin:0 0 .75rem}.reading-progress[data-astro-cid-zm77yjld]{position:fixed;top:0;left:0;right:0;height:3px;z-index:calc(var(--z-nav) + 1);background:transparent;pointer-events:none}.reading-progress__bar[data-astro-cid-zm77yjld]{height:100%;width:0%;background:linear-gradient(90deg,var(--progress-color),color-mix(in srgb,var(--progress-color) 60%,var(--accent)));transition:width .1s linear;border-radius:0 2px 2px 0}.article-hero-wrapper[data-astro-cid-zm77yjld]{max-width:1400px;margin:0 auto;padding:calc(var(--nav-height) + clamp(40px,5vw,64px)) 32px 0;position:relative}.article-hero-wrapper[data-astro-cid-zm77yjld]:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translate(-50%);background:linear-gradient(180deg,var(--hero-category-light) 0%,var(--bg) 100%);opacity:.6;pointer-events:none;z-index:0}[data-theme=dark] .article-hero-wrapper[data-astro-cid-zm77yjld]:before{background:radial-gradient(ellipse at 20% 0%,var(--hero-category-light) 0%,transparent 60%),linear-gradient(180deg,var(--hero-category-light) 0%,var(--bg) 100%);opacity:.5}.article-hero-wrapper[data-astro-cid-zm77yjld]>*{position:relative;z-index:1}.article-hero-divider[data-astro-cid-zm77yjld]{max-width:1400px;margin:0 auto clamp(24px,3vw,40px);padding:0 32px}.article-hero-divider__line[data-astro-cid-zm77yjld]{height:1px;background:linear-gradient(90deg,var(--border-subtle) 0%,transparent 80%)}.article-layout[data-astro-cid-zm77yjld]{max-width:1400px;margin:0 auto;padding:0 24px 4rem;display:grid;grid-template-columns:1fr;gap:2rem}.article-layout__toc[data-astro-cid-zm77yjld]{display:none}.article-layout__sidebar[data-astro-cid-zm77yjld]{order:1}.article-layout__content[data-astro-cid-zm77yjld]{max-width:75ch;width:100%;margin:0 auto;order:0}@media(min-width:900px)and (max-width:1099px){.article-layout[data-astro-cid-zm77yjld]{grid-template-columns:1fr 300px;gap:36px;padding-left:32px;padding-right:32px}.article-layout__toc[data-astro-cid-zm77yjld]{display:none}.article-layout__content[data-astro-cid-zm77yjld]{order:0;max-width:none}.article-layout__sidebar[data-astro-cid-zm77yjld]{order:0}}@media(min-width:1100px){.article-layout[data-astro-cid-zm77yjld]{grid-template-columns:180px 1fr 300px;gap:48px;padding-left:32px;padding-right:32px}.article-layout__toc[data-astro-cid-zm77yjld]{display:block;order:0}.article-layout__content[data-astro-cid-zm77yjld]{order:0;max-width:none}.article-layout__sidebar[data-astro-cid-zm77yjld]{order:0}}@media(min-width:1100px)and (max-width:1299px){.article-layout[data-astro-cid-zm77yjld]{grid-template-columns:160px 1fr 280px;gap:36px}}.article-footer[data-astro-cid-zm77yjld]{max-width:1400px;margin:0 auto;padding:0 32px 36px}.article-footer__divider[data-astro-cid-zm77yjld]{height:1px;background:linear-gradient(90deg,var(--border-subtle) 0%,transparent 80%);margin-bottom:2rem}.article-hero[data-astro-cid-wdpkpoa2]{padding-bottom:clamp(32px,4vw,48px)}.article-hero__breadcrumb[data-astro-cid-wdpkpoa2] ol[data-astro-cid-wdpkpoa2]{display:flex;align-items:center;gap:8px;list-style:none;padding:0;margin:0 0 28px;font-size:var(--text-sm);color:var(--text-tertiary);letter-spacing:.01em;animation:heroBlurIn .7s var(--ease-out) .05s both}.article-hero__breadcrumb[data-astro-cid-wdpkpoa2] a[data-astro-cid-wdpkpoa2]{color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast)}.article-hero__breadcrumb[data-astro-cid-wdpkpoa2] a[data-astro-cid-wdpkpoa2]:hover{color:var(--accent)}.article-hero__breadcrumb-category[data-astro-cid-wdpkpoa2]{color:var(--breadcrumb-category-color, var(--accent))!important;font-weight:600}.article-hero__breadcrumb-sep[data-astro-cid-wdpkpoa2]{color:var(--border);font-size:1.1em}.article-hero__breadcrumb[data-astro-cid-wdpkpoa2] [data-astro-cid-wdpkpoa2][aria-current=page]{color:var(--text-primary);font-weight:500}.article-hero__title[data-astro-cid-wdpkpoa2]{font-family:var(--font-display);font-size:var(--text-hero);font-weight:300;line-height:1.08;letter-spacing:-.03em;color:var(--text-primary);margin:0 0 12px;text-wrap:balance;font-variation-settings:"opsz" 72;animation:heroBlurIn .8s var(--ease-out) .15s both}.article-hero__known-as[data-astro-cid-wdpkpoa2]{font-size:var(--text-lg);color:var(--text-tertiary);font-style:italic;letter-spacing:.01em;margin:0 0 24px;animation:heroBlurIn .8s var(--ease-out) .25s both}.article-hero__tags[data-astro-cid-wdpkpoa2]{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;animation:heroBlurIn .8s var(--ease-out) .35s both}.article-hero__tag{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--dim-color);background:var(--dim-light);border:none;line-height:1.4;text-decoration:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.article-hero__tag:hover{filter:brightness(.88);transform:translateY(-1px)}.article-hero__desc[data-astro-cid-wdpkpoa2]{font-size:var(--text-lg);line-height:1.8;max-width:64ch;text-wrap:pretty;margin-top:20px;margin-bottom:0;color:var(--text-secondary);animation:heroBlurIn .8s var(--ease-out) .45s both}.article-hero__meta[data-astro-cid-wdpkpoa2]{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:24px;font-size:var(--text-sm);color:var(--text-tertiary);animation:heroBlurIn .8s var(--ease-out) .55s both}.article-hero__meta-item[data-astro-cid-wdpkpoa2]{display:inline-flex;align-items:center;gap:6px;font-weight:500}.article-hero__meta-item[data-astro-cid-wdpkpoa2] svg[data-astro-cid-wdpkpoa2]{flex-shrink:0;opacity:.5}.article-hero__meta-divider[data-astro-cid-wdpkpoa2]{width:1px;height:16px;background:var(--border)}.article-hero__copy-link[data-astro-cid-wdpkpoa2]{display:inline-flex;align-items:center;gap:5px;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);padding:2px 6px;margin:-2px -6px;transition:color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth)}.article-hero__copy-link[data-astro-cid-wdpkpoa2] svg[data-astro-cid-wdpkpoa2]{flex-shrink:0;opacity:.5}.article-hero__copy-link[data-astro-cid-wdpkpoa2]:hover{color:var(--accent);background:var(--accent-light)}.article-hero__copy-link[data-astro-cid-wdpkpoa2]:hover svg[data-astro-cid-wdpkpoa2]{opacity:.8}.article-hero__copy-link[data-astro-cid-wdpkpoa2]:focus-visible{outline:2px solid var(--accent);outline-offset:1px;background:var(--accent-light)}.article-hero__copy-link--copied[data-astro-cid-wdpkpoa2]{color:var(--green)}.article-hero__copy-link--copied[data-astro-cid-wdpkpoa2] svg[data-astro-cid-wdpkpoa2]{opacity:.8}@media(max-width:600px){.article-hero__meta[data-astro-cid-wdpkpoa2]{gap:8px}.article-hero__meta-divider[data-astro-cid-wdpkpoa2]{display:none}.article-hero__tags[data-astro-cid-wdpkpoa2]{gap:5px}.article-hero__tag{font-size:11px;padding:8px 14px;min-height:44px}}.toc[data-astro-cid-5n5aj55y]{position:sticky;top:calc(var(--nav-height) + 24px);padding-top:24px;max-height:calc(100vh - var(--nav-height) - 4rem);overflow-y:auto;padding-right:8px}.toc__label[data-astro-cid-5n5aj55y]{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);margin:0 0 14px;padding-left:16px}.toc__list-wrapper[data-astro-cid-5n5aj55y]{position:relative}.toc__indicator[data-astro-cid-5n5aj55y]{position:absolute;left:0;top:0;width:2px;height:32px;background:var(--accent);border-radius:1px;transition:top .35s var(--ease-spring),height .25s var(--ease-out);z-index:1;pointer-events:none}.toc__list[data-astro-cid-5n5aj55y]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1px}.toc__item[data-astro-cid-5n5aj55y]{margin:0}.toc__item--nested[data-astro-cid-5n5aj55y]{padding-left:12px}.toc__link[data-astro-cid-5n5aj55y]{display:block;padding:7px 14px 7px 16px;font-size:13px;font-weight:450;letter-spacing:.01em;color:var(--text-tertiary);text-decoration:none;border-left:2px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;position:relative;cursor:pointer;transition:color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth);line-height:1.4}.toc__link[data-astro-cid-5n5aj55y]:hover{color:var(--text-primary);background:var(--surface-raised)}.toc__link--active[data-astro-cid-5n5aj55y]{color:var(--accent);font-weight:600;border-left-color:transparent}.toc__link--read[data-astro-cid-5n5aj55y]{color:var(--text-secondary)}.toc__link--read[data-astro-cid-5n5aj55y]:after{content:"";position:absolute;right:10px;top:50%;width:5px;height:5px;border-radius:50%;background:var(--green);opacity:.5;transform:translateY(-50%) scale(0);animation:tocReadDot .4s var(--ease-spring) forwards}.toc__link--active[data-astro-cid-5n5aj55y].toc__link--read:after{display:none}@keyframes tocReadDot{0%{transform:translateY(-50%) scale(0)}to{transform:translateY(-50%) scale(1)}}.toc__navigate[data-astro-cid-5n5aj55y]{margin-top:36px;padding-top:20px;border-top:1px solid var(--border-subtle)}.toc__label--navigate[data-astro-cid-5n5aj55y]{margin-top:0}.toc__nav-links[data-astro-cid-5n5aj55y]{display:flex;flex-direction:column;gap:4px}.toc__nav-link[data-astro-cid-5n5aj55y]{display:flex;align-items:center;gap:6px;padding:8px 14px 8px 16px;font-size:13px;font-weight:500;color:var(--text-tertiary);text-decoration:none;border-radius:var(--radius-sm);transition:color var(--duration-fast),background var(--duration-fast);line-height:1.3}.toc__nav-link[data-astro-cid-5n5aj55y]:hover{color:var(--accent);background:var(--accent-light)}.toc__nav-link--next[data-astro-cid-5n5aj55y]{justify-content:flex-end;text-align:right}.toc__nav-text[data-astro-cid-5n5aj55y]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.toc__nav-link[data-astro-cid-5n5aj55y] svg{flex-shrink:0;opacity:.6}.problem-cards[data-astro-cid-fx3thnpx]{margin:2rem 0}.problem-cards__title[data-astro-cid-fx3thnpx]{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--text-primary);margin:0 0 1rem}.problem-cards__grid[data-astro-cid-fx3thnpx]{display:flex;flex-direction:column;gap:12px;margin-bottom:1rem}.problem-card[data-astro-cid-fx3thnpx]{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);position:relative;overflow:hidden;opacity:0;transform:translate(-12px);animation:card-enter .4s ease forwards;animation-delay:var(--card-delay, 0s);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.problem-card[data-astro-cid-fx3thnpx]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0;background:var(--problem-color, var(--accent));opacity:.5;transition:opacity var(--duration-fast)}.problem-card[data-astro-cid-fx3thnpx]:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.problem-card[data-astro-cid-fx3thnpx]:hover:before{opacity:1}@keyframes card-enter{to{opacity:1;transform:translate(0)}}.problem-card__icon[data-astro-cid-fx3thnpx]{font-size:1.1rem;flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--problem-color-light, var(--accent-light));color:var(--problem-color, var(--accent));border-radius:6px;margin-top:2px}.problem-card__body[data-astro-cid-fx3thnpx]{min-width:0}.problem-card__heading[data-astro-cid-fx3thnpx]{font-size:var(--text-base);font-weight:700;color:var(--text-primary);letter-spacing:-.005em}.problem-card__heading--link[data-astro-cid-fx3thnpx]{color:var(--text-primary);text-decoration:none;transition:color var(--duration-fast)}.problem-card__heading--link[data-astro-cid-fx3thnpx]:hover{color:var(--accent)}.problem-card__desc[data-astro-cid-fx3thnpx]{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin:4px 0 0;max-width:none}.problem-card__desc[data-astro-cid-fx3thnpx] code{background:var(--surface-raised);padding:1px 5px;border-radius:3px;font-size:.9em}.problem-card__desc[data-astro-cid-fx3thnpx] a{color:var(--accent);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 30%,transparent);text-underline-offset:2px}.problem-card__desc[data-astro-cid-fx3thnpx] ul{margin:4px 0 0;padding-left:1.2em}.problem-cards__violations[data-astro-cid-fx3thnpx]{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:.75rem}.violation-group[data-astro-cid-fx3thnpx]{display:flex;flex-direction:column;gap:6px}.violation-group__label[data-astro-cid-fx3thnpx]{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:600}.violation-group__items[data-astro-cid-fx3thnpx]{display:flex;flex-wrap:wrap;gap:6px}.violation-badge[data-astro-cid-fx3thnpx]{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:500}.violation-badge--principle[data-astro-cid-fx3thnpx]{background:var(--red-light);color:color-mix(in srgb,var(--red) 78%,var(--text-primary));border:1px solid color-mix(in srgb,var(--red) 22%,transparent)}.violation-badge--pattern[data-astro-cid-fx3thnpx]{background:var(--teal-light);color:color-mix(in srgb,var(--teal) 80%,var(--text-primary));border:1px solid color-mix(in srgb,var(--teal) 22%,transparent)}@media(max-width:640px){.problem-card[data-astro-cid-fx3thnpx]{padding:16px 18px;gap:12px}.problem-card__desc[data-astro-cid-fx3thnpx]{font-size:var(--text-xs)}}.refactoring-list[data-astro-cid-pykz7v6l]{margin:2rem 0}.refactoring-list__title[data-astro-cid-pykz7v6l]{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--text-primary);margin:0 0 1rem}.refactoring-list__items[data-astro-cid-pykz7v6l]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.refactoring-item[data-astro-cid-pykz7v6l]{display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface);transition:background var(--duration-fast),border-color var(--duration-fast),transform var(--duration-fast) var(--ease-out);cursor:default}@media(hover:hover){.refactoring-item[data-astro-cid-pykz7v6l]:hover{background:var(--green-light);border-color:color-mix(in srgb,var(--green) 20%,transparent);transform:translate(4px)}.refactoring-item[data-astro-cid-pykz7v6l]:hover .refactoring-item__dot[data-astro-cid-pykz7v6l]{transform:scale(1.4);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 15%,transparent)}.refactoring-item[data-astro-cid-pykz7v6l]:hover .refactoring-item__arrow[data-astro-cid-pykz7v6l]{opacity:1;transform:translate(0);color:var(--green)}}.refactoring-item__dot[data-astro-cid-pykz7v6l]{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast)}.refactoring-item__text[data-astro-cid-pykz7v6l]{font-size:var(--text-base);color:var(--text-primary);flex:1}.refactoring-item__arrow[data-astro-cid-pykz7v6l]{font-size:var(--text-sm);color:var(--text-tertiary);opacity:0;transform:translate(-4px);transition:opacity var(--duration-fast),transform var(--duration-fast),color var(--duration-fast)}.sources-list[data-astro-cid-vrhhjctn]{margin:2rem 0}.sources-list__title[data-astro-cid-vrhhjctn]{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--text-primary);margin:0 0 1rem}.sources-list__items[data-astro-cid-vrhhjctn]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column}.source-item[data-astro-cid-vrhhjctn]{display:flex;align-items:flex-start;gap:14px;font-size:var(--text-sm);line-height:1.5;padding:14px 0;border-bottom:1px solid var(--border-subtle)}.source-item[data-astro-cid-vrhhjctn]:last-child{border-bottom:none}.source-badge[data-astro-cid-vrhhjctn]{display:inline-block;padding:3px 10px;border-radius:var(--radius-pill);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--surface-raised);color:var(--text-tertiary);width:88px;text-align:center;flex-shrink:0;margin-top:2px}.source-badge--origin[data-astro-cid-vrhhjctn]{background:var(--accent-light);color:var(--accent)}.source-item__details[data-astro-cid-vrhhjctn]{min-width:0}.source-item__author[data-astro-cid-vrhhjctn]{color:var(--text-primary);font-weight:700;font-size:var(--text-sm)}.source-item__title-row[data-astro-cid-vrhhjctn]{margin-top:2px}.source-item__name[data-astro-cid-vrhhjctn]{color:var(--text-secondary);font-style:italic;font-size:var(--text-sm)}a[data-astro-cid-vrhhjctn].source-item__name{color:var(--accent);font-style:italic;text-decoration:none;transition:color var(--duration-fast)}a[data-astro-cid-vrhhjctn].source-item__name:hover{color:var(--accent-hover);text-decoration:underline}.source-item__year[data-astro-cid-vrhhjctn]{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:2px}.article-sidebar[data-astro-cid-cxthgogx]{display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--nav-height) + 24px);padding-top:24px}.sidebar-card[data-astro-cid-cxthgogx]{background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;padding:20px;transition:border-color var(--duration-fast)}.sidebar-card[data-astro-cid-cxthgogx]:hover{border-color:var(--border)}.sidebar-card__header[data-astro-cid-cxthgogx]{display:flex;align-items:center;gap:8px;margin-bottom:14px}.sidebar-card__icon[data-astro-cid-cxthgogx]{width:18px;height:18px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--sidebar-icon-bg, var(--surface-raised));color:var(--sidebar-icon-fg, var(--text-tertiary))}.sidebar-card__title[data-astro-cid-cxthgogx]{font-size:var(--text-xs);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.sidebar-card__count[data-astro-cid-cxthgogx]{font-size:10px;font-weight:600;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-light);color:var(--accent);border-radius:var(--radius-pill)}.sidebar-card__body[data-astro-cid-cxthgogx]{padding:0;display:flex;flex-direction:column}.sidebar-card__body--no-gap[data-astro-cid-cxthgogx]{gap:0}.sidebar-meta-row[data-astro-cid-cxthgogx]{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:7px 0;border-bottom:1px solid var(--border-subtle)}.sidebar-meta-row[data-astro-cid-cxthgogx]:last-child{border-bottom:none}.sidebar-meta-row__label[data-astro-cid-cxthgogx]{font-size:12px;color:var(--text-secondary);font-weight:500}.sidebar-meta-row__value[data-astro-cid-cxthgogx]{font-size:12px;font-weight:600;text-align:right}.related-smell[data-astro-cid-cxthgogx]{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:2px -4px;text-decoration:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.related-smell[data-astro-cid-cxthgogx]:hover{background:var(--surface-raised);transform:translate(3px)}.related-smell__name[data-astro-cid-cxthgogx]{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.related-smell__types[data-astro-cid-cxthgogx]{display:flex;gap:4px;flex-shrink:0}.related-smell__badge[data-astro-cid-cxthgogx]{font-size:9px;font-weight:700;padding:2px 7px;border-radius:var(--radius-pill);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}.related-smell__arrow{flex-shrink:0;color:var(--text-tertiary);opacity:0;transform:translate(-4px);transition:opacity var(--duration-fast),transform var(--duration-fast)}.related-smell[data-astro-cid-cxthgogx]:hover .related-smell__arrow{opacity:1;transform:translate(0)}.sidebar-bullet-list[data-astro-cid-cxthgogx]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.sidebar-bullet-list__item[data-astro-cid-cxthgogx]{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--text-primary)}.sidebar-bullet-list__dot[data-astro-cid-cxthgogx]{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0}.sidebar-provenance[data-astro-cid-cxthgogx]{display:flex;flex-direction:column;gap:4px}.sidebar-provenance__author[data-astro-cid-cxthgogx]{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.sidebar-provenance__badge[data-astro-cid-cxthgogx]{font-size:9px;font-weight:700;padding:1px 6px;border-radius:var(--radius-pill);background:var(--accent-light);color:var(--accent);text-transform:uppercase;letter-spacing:.06em}.sidebar-provenance__book[data-astro-cid-cxthgogx]{font-size:var(--text-sm);font-style:italic;color:var(--text-secondary);line-height:1.4}.sidebar-provenance__meta[data-astro-cid-cxthgogx]{display:flex;gap:8px;font-size:var(--text-xs);color:var(--text-secondary)}.sidebar-provenance__isbn[data-astro-cid-cxthgogx]{font-family:var(--font-mono);font-size:10px;color:var(--text-secondary)}.prev-next[data-astro-cid-fiycvbm3]{margin:0 0 36px}.prev-next__heading[data-astro-cid-fiycvbm3]{font-family:var(--font-display);font-size:var(--text-lg);font-weight:400;color:var(--text-secondary);margin:0 0 16px;font-variation-settings:"opsz" 24}.prev-next__heading[data-astro-cid-fiycvbm3] a[data-astro-cid-fiycvbm3]{color:var(--accent);text-decoration:none;font-weight:500;transition:color var(--duration-fast)}.prev-next__heading[data-astro-cid-fiycvbm3] a[data-astro-cid-fiycvbm3]:hover{color:var(--accent-hover);text-decoration:underline}.prev-next__grid[data-astro-cid-fiycvbm3]{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:599px){.prev-next__grid[data-astro-cid-fiycvbm3]{grid-template-columns:1fr}}.prev-next__card[data-astro-cid-fiycvbm3]{display:flex;flex-direction:column;gap:8px;padding:24px 28px;background:var(--surface);border:1px solid var(--border-subtle);border-left:3px solid var(--card-color, var(--accent));border-radius:var(--radius-lg);text-decoration:none;position:relative;overflow:hidden;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),border-color .2s ease}.prev-next__card[data-astro-cid-fiycvbm3]:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--purple));opacity:0;transition:opacity .25s ease}@media(hover:hover){.prev-next__card[data-astro-cid-fiycvbm3]:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border);border-left-color:var(--card-color, var(--accent))}.prev-next__card[data-astro-cid-fiycvbm3]:hover:before{opacity:1}}.prev-next__card--next[data-astro-cid-fiycvbm3]{text-align:right;align-items:flex-end;border-left:1px solid var(--border-subtle);border-right:3px solid var(--card-color, var(--accent))}@media(hover:hover){.prev-next__card--next[data-astro-cid-fiycvbm3]:hover{border-left-color:var(--border);border-right-color:var(--card-color, var(--accent))}}.prev-next__card--next[data-astro-cid-fiycvbm3] .prev-next__tags[data-astro-cid-fiycvbm3]{justify-content:flex-end}.prev-next__desc[data-astro-cid-fiycvbm3]{font-size:13px;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prev-next__direction[data-astro-cid-fiycvbm3]{display:inline-flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;font-weight:700;color:var(--text-tertiary)}.prev-next__title[data-astro-cid-fiycvbm3]{font-family:var(--font-display);font-size:var(--text-xl);font-weight:400;color:var(--text-primary);line-height:1.3;font-variation-settings:"opsz" 32;letter-spacing:-.015em}.prev-next__tags[data-astro-cid-fiycvbm3]{display:flex;flex-wrap:wrap;gap:5px;margin-top:4px}.prev-next__tag[data-astro-cid-fiycvbm3]{font-size:10px;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);letter-spacing:.03em}.engage-feedback[data-astro-cid-tedeyr6i]{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.engage-feedback__label[data-astro-cid-tedeyr6i]{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500;white-space:nowrap}.feedback-btn[data-astro-cid-tedeyr6i]{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .2s var(--ease-spring)}.feedback-btn[data-astro-cid-tedeyr6i]:hover{transform:scale(1.12);border-color:var(--accent);background:var(--accent-light)}.feedback-btn[data-astro-cid-tedeyr6i].voted{transform:scale(1.06)}.feedback-btn--up[data-astro-cid-tedeyr6i].voted{color:var(--green);border-color:var(--green);background:var(--green-light)}.feedback-btn--down[data-astro-cid-tedeyr6i].voted{color:var(--red);border-color:var(--red);background:var(--red-light)}.engage-feedback__followup[data-astro-cid-tedeyr6i]{display:none;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.engage-feedback__followup[data-astro-cid-tedeyr6i] a[data-astro-cid-tedeyr6i]{color:var(--accent);text-decoration:none;font-weight:600;transition:color var(--duration-fast)}.engage-feedback__followup[data-astro-cid-tedeyr6i] a[data-astro-cid-tedeyr6i]:hover{color:var(--accent-hover)}.engage-feedback[data-astro-cid-tedeyr6i].submitted .feedback-btn[data-astro-cid-tedeyr6i]:not(.voted){display:none}.engage-feedback[data-astro-cid-tedeyr6i].submitted .engage-feedback__label[data-astro-cid-tedeyr6i]{display:none}.engage-feedback[data-astro-cid-tedeyr6i].submitted .engage-feedback__followup[data-astro-cid-tedeyr6i].active{display:inline-flex}@media(max-width:640px){.engage-feedback[data-astro-cid-tedeyr6i]{width:100%;justify-content:center}}.engage-share[data-astro-cid-wvfm2ppo]{position:relative;display:flex;align-items:center}.engage-share__btn--copied[data-astro-cid-wvfm2ppo]{color:var(--green);border-color:var(--green)}.share-dropdown[data-astro-cid-wvfm2ppo]{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px) scale(.96);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;min-width:200px;z-index:50;opacity:0;pointer-events:none;transition:all .2s var(--ease-out)}.share-dropdown--open[data-astro-cid-wvfm2ppo]{opacity:1;transform:translate(-50%) translateY(0) scale(1);pointer-events:auto}.share-dropdown__item[data-astro-cid-wvfm2ppo]{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;border:none;background:none;width:100%;font-family:inherit;transition:all var(--duration-fast);text-align:left}.share-dropdown__item[data-astro-cid-wvfm2ppo]:hover{background:var(--surface-raised);color:var(--text-primary)}.share-dropdown__item[data-astro-cid-wvfm2ppo]:hover svg{color:var(--accent)}.share-dropdown__item[data-astro-cid-wvfm2ppo] svg{color:var(--text-tertiary);flex-shrink:0}@media(max-width:640px){.share-dropdown[data-astro-cid-wvfm2ppo]{bottom:auto;top:calc(100% + 8px)}}.engage-cite[data-astro-cid-xppcf7ac]{position:relative;display:flex;align-items:center}.engage-cite__btn--open[data-astro-cid-xppcf7ac]{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.cite-indicator[data-astro-cid-xppcf7ac]{display:inline-block;font-size:12px;font-weight:700;line-height:1}.cite-panel[data-astro-cid-a5o3mxhf]{max-height:0;overflow:hidden;transition:max-height .35s ease;margin-bottom:0}.cite-panel[data-astro-cid-a5o3mxhf][aria-hidden=false]{max-height:300px;margin-bottom:4px}.cite-panel__inner[data-astro-cid-a5o3mxhf]{background:var(--surface-raised);border:1px solid var(--border-subtle);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);padding:16px 28px 20px}.cite-panel__header[data-astro-cid-a5o3mxhf]{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cite-panel__title[data-astro-cid-a5o3mxhf]{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent)}.cite-tabs[data-astro-cid-a5o3mxhf]{display:flex;gap:4px}.cite-tab[data-astro-cid-a5o3mxhf]{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:none;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast)}.cite-tab--active[data-astro-cid-a5o3mxhf]{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.cite-tab[data-astro-cid-a5o3mxhf]:hover:not(.cite-tab--active){background:var(--surface-hover)}.cite-block[data-astro-cid-a5o3mxhf]{position:relative;background:var(--surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:14px 44px 14px 14px}.cite-block__code[data-astro-cid-a5o3mxhf]{font-family:var(--font-mono);font-size:11px;line-height:1.55;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;margin:0;background:transparent;padding:0;border-radius:0;overflow:visible}.cite-copy-btn[data-astro-cid-a5o3mxhf]{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:6px;border:1px solid var(--border-subtle);background:var(--surface);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--duration-fast)}.cite-copy-btn[data-astro-cid-a5o3mxhf]:hover{color:var(--accent);border-color:var(--accent)}.cite-copy-btn--copied[data-astro-cid-a5o3mxhf]{color:var(--green);border-color:var(--green)}.engagement-bar[data-astro-cid-gfyvotm6]{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:18px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:0}.engage-sep[data-astro-cid-gfyvotm6]{width:1px;height:24px;background:var(--border);flex-shrink:0}.engagement-bar:has(+.cite-panel[aria-hidden=false]){border-bottom-left-radius:0;border-bottom-right-radius:0}.engage-btn{display:inline-flex;align-items:center;gap:7px;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);padding:8px 18px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);cursor:pointer;font-family:inherit;transition:all var(--duration-fast) ease}.engage-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}@media(max-width:640px){.engagement-bar[data-astro-cid-gfyvotm6]{flex-direction:column;padding:16px 20px;gap:12px}.engage-sep[data-astro-cid-gfyvotm6]{width:100%;height:1px}}.browse-nav[data-astro-cid-kbnn4c6j]{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0 20px}.browse-nav__all[data-astro-cid-kbnn4c6j]{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);text-decoration:none;padding:10px 24px;border-radius:var(--radius-pill);border:1px solid var(--border);transition:all var(--duration-fast) ease}.browse-nav__all[data-astro-cid-kbnn4c6j]:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.browse-nav__dot[data-astro-cid-kbnn4c6j]{width:3px;height:3px;border-radius:50%;background:var(--border);flex-shrink:0}.browse-nav__random[data-astro-cid-kbnn4c6j]{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);cursor:pointer;padding:8px 4px;border:none;background:none;font-family:inherit;transition:color var(--duration-fast)}.browse-nav__random[data-astro-cid-kbnn4c6j]:hover{color:var(--accent)}.browse-nav__random[data-astro-cid-kbnn4c6j]:hover .browse-nav__dice[data-astro-cid-kbnn4c6j]{animation:diceShake .5s ease-in-out}.browse-nav__random[data-astro-cid-kbnn4c6j]:active .browse-nav__dice[data-astro-cid-kbnn4c6j]{animation:diceRoll .4s var(--ease-spring)}.browse-nav__dice[data-astro-cid-kbnn4c6j]{flex-shrink:0;transition:transform .15s var(--ease-spring)}@keyframes diceRoll{0%{transform:rotate(0)}50%{transform:rotate(180deg) scale(1.2)}to{transform:rotate(360deg)}}.code-example{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm);margin:2rem 0;transition:box-shadow var(--duration-normal) var(--ease-smooth)}.code-example:hover{box-shadow:var(--shadow-md)}.code-example--fallback{border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--surface);margin:2rem 0}.code-example__caption{padding:16px 24px 14px 22px;font-family:var(--font-body);font-size:clamp(.84rem,.78rem + .3vw,.95rem);font-weight:500;font-style:italic;color:var(--text-secondary);line-height:1.6;background:color-mix(in srgb,var(--accent) 3.5%,var(--surface-raised));border-bottom:1px solid var(--border-subtle);border-left:3.5px solid color-mix(in srgb,var(--accent) 45%,transparent);transition:opacity .22s var(--ease-smooth),transform .22s var(--ease-smooth),filter .22s var(--ease-smooth)}.code-example__caption--fading{opacity:0;transform:translateY(-3px);filter:blur(2px)}[data-theme=dark] .code-example__caption{background:color-mix(in srgb,var(--accent) 5%,var(--surface-raised));border-left-color:color-mix(in srgb,var(--accent) 35%,transparent)}.code-example__header{border-bottom:1px solid var(--border);display:flex;align-items:stretch;background:var(--surface-raised)}.code-toggle{display:flex;position:relative;flex:1}.code-segment{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border:none;background:transparent;cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;letter-spacing:.01em;transition:color var(--duration-fast) var(--ease-smooth),background var(--duration-fast) var(--ease-smooth);position:relative;z-index:1}.code-segment--smelly{color:color-mix(in srgb,var(--red) 78%,var(--text-primary));background:color-mix(in srgb,var(--red) 3%,var(--surface-raised))}.code-segment--smelly:hover{color:color-mix(in srgb,var(--red) 88%,var(--text-primary));background:color-mix(in srgb,var(--red) 6%,var(--surface-raised))}.code-segment--smelly.code-segment--active{color:color-mix(in srgb,var(--red) 88%,var(--text-primary));font-weight:700;background:color-mix(in srgb,var(--red) 5%,var(--surface-raised))}.code-segment--solution{color:color-mix(in srgb,var(--green) 82%,var(--text-primary));background:color-mix(in srgb,var(--green) 3%,var(--surface-raised))}.code-segment--solution:hover{color:color-mix(in srgb,var(--green) 90%,var(--text-primary));background:color-mix(in srgb,var(--green) 6%,var(--surface-raised))}.code-segment--solution.code-segment--active{color:color-mix(in srgb,var(--green) 90%,var(--text-primary));font-weight:700;background:color-mix(in srgb,var(--green) 5%,var(--surface-raised))}.code-segment__icon{font-size:13px;line-height:1}.code-toggle__indicator{position:absolute;bottom:0;left:0;width:50%;height:2.5px;border-radius:1.5px;background:var(--accent);transition:transform .35s cubic-bezier(.34,1.56,.64,1);pointer-events:none;z-index:2}.code-segment--smelly.code-segment--active~.code-toggle__indicator{background:var(--red)}.code-segment--solution.code-segment--active~.code-toggle__indicator{background:var(--green)}.code-example__panels{position:relative;overflow:hidden;transition:background .4s var(--ease-smooth)}.code-example__panels--smelly{background:color-mix(in srgb,var(--red) 1.5%,transparent)}.code-example__panels--solution{background:color-mix(in srgb,var(--green) 1.5%,transparent)}.code-panel{padding:0;position:relative}.code-panel--smelly{--panel-bg: color-mix(in srgb, var(--red) 2.5%, var(--surface));background:var(--panel-bg);border-left:3px solid var(--red)}.code-panel--solution{--panel-bg: color-mix(in srgb, var(--green) 2.5%, var(--surface));background:var(--panel-bg);border-left:3px solid var(--green)}.code-panel--smelly:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg,transparent,transparent 10px,color-mix(in srgb,var(--red) 30%,var(--text-tertiary)) 10px,color-mix(in srgb,var(--red) 30%,var(--text-tertiary)) 10.5px);opacity:.045;pointer-events:none;z-index:0}.code-panel pre{margin:0;border-radius:0;background:transparent!important;padding:22px 26px;font-size:clamp(12px,1.2vw + 8px,13.5px);line-height:1.65;overflow-x:auto;position:relative;z-index:1}.code-panel code{font-family:var(--font-mono);font-size:inherit;font-feature-settings:"liga" 1,"calt" 1}@keyframes panelSlideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes panelSlideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}.code-panel--slide-right{animation:panelSlideInRight .3s var(--ease-out) both}.code-panel--slide-left{animation:panelSlideInLeft .3s var(--ease-out) both}.code-utility-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:6px 16px;border-top:1px solid var(--border-subtle);background:var(--surface)}.code-utility-bar__lang{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:3px 8px;background:var(--surface-hover);border-radius:4px;margin-right:auto}.code-utility-bar__copy{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast),border-color var(--duration-fast),transform .3s cubic-bezier(.34,1.56,.64,1)}.code-utility-bar__copy:hover{color:var(--text-secondary);background:var(--surface-hover);border-color:var(--border)}.code-utility-bar__copy:active{transform:scale(.88)}.code-utility-bar__copy--copied{color:var(--green);border-color:color-mix(in srgb,var(--green) 30%,transparent);background:var(--green-light)}[data-theme=dark] .code-example__panels--smelly{background:color-mix(in srgb,var(--red) 2.5%,transparent)}[data-theme=dark] .code-example__panels--solution{background:color-mix(in srgb,var(--green) 2.5%,transparent)}[data-theme=dark] .code-panel--smelly{--panel-bg: color-mix(in srgb, var(--red) 5.5%, var(--bg));background:var(--panel-bg)}[data-theme=dark] .code-panel--solution{--panel-bg: color-mix(in srgb, var(--green) 5.5%, var(--bg));background:var(--panel-bg)}[data-theme=dark] .code-segment--smelly{color:color-mix(in srgb,var(--red) 76%,var(--text-primary));background:color-mix(in srgb,var(--red) 5%,var(--surface-raised))}[data-theme=dark] .code-segment--solution{color:color-mix(in srgb,var(--green) 78%,var(--text-primary));background:color-mix(in srgb,var(--green) 5%,var(--surface-raised))}[data-theme=dark] .code-segment--smelly.code-segment--active{background:color-mix(in srgb,var(--red) 12%,var(--surface-raised))}[data-theme=dark] .code-segment--solution.code-segment--active{background:color-mix(in srgb,var(--green) 12%,var(--surface-raised))}[data-theme=dark] .code-utility-bar{background:var(--bg)}.code-example__compare-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border:none;background:var(--surface-raised);color:var(--text-secondary);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;cursor:pointer;white-space:nowrap;border-left:1px solid var(--border-subtle);transition:color var(--duration-fast),background var(--duration-fast)}.code-example__compare-btn:hover{color:var(--text-secondary);background:var(--surface-hover)}.code-example__compare-btn--active{color:var(--accent);background:var(--accent-light);border-left:none}.code-example__compare-panels{display:flex;flex-direction:column}.code-example__compare-section{width:100%}.code-example__panel-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 14px;border-bottom:1px solid var(--border-subtle)}.code-example__panel-bar--smelly{background:color-mix(in srgb,var(--red) 6%,var(--surface-raised));border-top:1px solid var(--border-subtle)}.code-example__panel-bar--solution{background:color-mix(in srgb,var(--green) 6%,var(--surface-raised))}.code-example__panel-bar-label{display:flex;align-items:center;gap:5px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;cursor:default;user-select:none}.code-example__panel-bar--smelly .code-example__panel-bar-label{color:var(--red)}.code-example__panel-bar--solution .code-example__panel-bar-label{color:var(--green)}.code-example__panel-bar-actions{display:flex;align-items:center;gap:4px}.code-example__panel-copy{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast),background var(--duration-fast),border-color var(--duration-fast),transform .3s cubic-bezier(.34,1.56,.64,1)}.code-example__panel-copy:hover{color:var(--text-secondary);background:var(--surface-hover);border-color:var(--border)}.code-example__panel-copy:active{transform:scale(.88)}.code-example__panel-copy--copied{color:var(--green);border-color:color-mix(in srgb,var(--green) 30%,transparent);background:var(--green-light)}.code-example__panel-bar .code-example__compare-btn{border-left:none;padding:4px 10px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:11px}.code-example__panel-bar .code-example__compare-btn--active{border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.code-example__solution-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s var(--ease-smooth)}.code-example__solution-wrapper.is-visible{grid-template-rows:1fr}.code-example__solution-wrapper-inner{overflow:hidden}.code-example__compare-divider{display:flex;align-items:center;gap:10px;padding:6px 16px;animation:compareDividerFadeIn .15s ease-out .1s both}.code-example__compare-divider-line{flex:1;height:1px;background:var(--border-subtle)}.code-example__compare-divider-pill{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--surface-raised);border:1px solid var(--border-subtle);color:var(--text-secondary);flex-shrink:0}@keyframes compareDividerFadeIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}[data-theme=dark] .code-example__panel-bar--smelly{background:color-mix(in srgb,var(--red) 8%,var(--bg))}[data-theme=dark] .code-example__panel-bar--solution{background:color-mix(in srgb,var(--green) 8%,var(--bg))}[data-theme=dark] .code-example__panel-copy,[data-theme=dark] .code-example__compare-divider-pill{background:var(--bg)}.code-panel .line{display:inline-block;width:100%}.code-panel .line-number{display:inline-block;width:2.5ch;margin-right:20px;padding-right:12px;border-right:1px solid var(--border-subtle);text-align:right;color:var(--text-secondary);opacity:.58;user-select:none;-webkit-user-select:none;font-size:.85em}.code-panel-wrap{position:relative}.code-panel-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;width:48px;background:linear-gradient(90deg,transparent,var(--panel-bg, var(--surface)));pointer-events:none;opacity:0;transition:opacity .25s;z-index:1}.code-panel-wrap--has-overflow:after{opacity:1}.code-panel-wrap--has-overflow.code-panel-wrap--first-reveal:after{animation:overflowBreath .8s ease-in-out 2}@keyframes overflowBreath{0%,to{opacity:.5}50%{opacity:1}}.code-panel-wrap--scrolled-end:after{opacity:0}[data-theme=dark] .code-panel-wrap:after{background:linear-gradient(90deg,transparent,var(--panel-bg, var(--bg)))}.code-example--smelly-only .code-example__header--smelly-only{display:flex;align-items:center;background:var(--surface-raised);border-bottom:1px solid var(--border)}.code-example__smelly-label{display:flex;align-items:center;gap:6px;padding:12px 20px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;color:var(--red);background:color-mix(in srgb,var(--red) 8%,var(--surface-raised));flex:1;justify-content:center}.code-panel .smell-mark{text-decoration:wavy underline var(--red);text-decoration-skip-ink:none;text-underline-offset:3px;background:color-mix(in srgb,var(--red) 8%,transparent);border-radius:2px;padding:0 1px;animation:smellReveal .4s var(--ease-out) both;animation-delay:var(--mark-delay, .3s)}.code-panel .fix-mark{background:color-mix(in srgb,var(--green) 14%,transparent);border-radius:3px;padding:1px 4px;animation:fixReveal .4s var(--ease-out) both;animation-delay:var(--mark-delay, .3s)}@keyframes smellReveal{0%{opacity:0;text-decoration-color:transparent;background:transparent}to{opacity:1}}@keyframes fixReveal{0%{opacity:0;background:transparent}to{opacity:1}}[data-theme=dark] .code-panel .smell-mark{background:color-mix(in srgb,var(--red) 12%,transparent)}[data-theme=dark] .code-panel .fix-mark{background:color-mix(in srgb,var(--green) 10%,transparent)}html[data-motion=reduced] .code-panel--slide-right,html[data-motion=reduced] .code-panel--slide-left{animation:none;opacity:1;transform:none}html[data-motion=reduced] .code-toggle__indicator,html[data-motion=reduced] .code-example__caption{transition:none}html[data-motion=reduced] .code-example__caption--fading{opacity:0;transform:none;filter:none}html[data-motion=reduced] .code-panel .smell-mark,html[data-motion=reduced] .code-panel .fix-mark{animation:none!important;opacity:1}html[data-motion=reduced] .code-panel .smell-mark{text-decoration-color:var(--red)}html[data-motion=reduced] .code-panel .fix-mark{background:color-mix(in srgb,var(--green) 14%,transparent)}html[data-motion=reduced] .code-example__solution-wrapper{transition:none}html[data-motion=reduced] .code-example__compare-divider{animation:none;opacity:1}@media(max-width:599px){.code-segment{min-height:48px;font-size:var(--text-base)}.code-panel pre{padding:16px 14px}.code-utility-bar__lang,.code-example__compare-btn{display:none}.code-example__caption{font-size:var(--text-xs);padding:10px 16px 10px 14px}}