@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400..700;1,400..700&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--font-weight-medium:500;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.isolate{isolation:isolate}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.table{display:table}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1f2421;--muted:#5f6762;--faint:#87908a;--line:#e1e5e2;--line-strong:#c9cfcb;--surface:#f6f8f7;--surface-strong:#ecefed;--page:#fff;--accent:#176b51;--accent-strong:#0f513e;--link:#1a5e78;--code:#202522;--code-ink:#f3f6f4;--code-border:#343a36;--code-control:#2b312d;--code-control-border:#4b554f;--code-control-hover:#39423c;--inline-code:#9a4d17;--shadow:var(--ink)}@supports (color:color-mix(in lab, red, red)){:root{--shadow:color-mix(in srgb, var(--ink) 13%, transparent)}}:root{--font-body:Pretendard Variable, Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;--font-display:var(--font-body);--font-mono:"JetBrains Mono", "SFMono-Regular", Menlo, Monaco, Consolas, ui-monospace, monospace;--space-3xs:4px;--space-2xs:8px;--space-xs:12px;--space-sm:16px;--space-md:24px;--space-lg:32px;--space-xl:48px;--space-2xl:72px;--space-3xl:104px;--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-short:.18s;--max:1160px;--reading:720px}*,:before,:after{box-sizing:border-box}html{background:var(--page);color:var(--ink);scroll-behavior:smooth;overflow-x:clip}body{background:var(--page);min-width:320px;color:var(--ink);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65;overflow-x:clip}body,button,input{letter-spacing:0}img,video{max-width:100%;display:block}a{color:inherit;text-decoration-color:currentColor}@supports (color:color-mix(in lab, red, red)){a{-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent)}}a{text-underline-offset:.2em}a:hover{color:var(--accent-strong);text-decoration-color:currentColor}button,input{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 32%, transparent)}}:focus-visible{outline-offset:3px}.container{width:min(calc(100% - 40px), var(--max));margin-inline:auto}.eyebrow{margin:0 0 var(--space-2xs);color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;font-size:11px;font-weight:650}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.section-heading h2{font-family:var(--font-display);margin:0;font-size:30px;font-weight:700;line-height:1.25}.section-heading a{color:var(--muted);font-size:14px;font-weight:650}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;font-size:13px;display:flex}.meta span+span{position:relative}.meta span+span:before{background:var(--faint);content:"";border-radius:50%;width:2px;height:2px;position:absolute;top:50%;left:-8px}.tag-list{flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none;display:flex}.tag{min-height:24px;color:var(--muted);font-family:var(--font-mono);background:0 0;border:0;align-items:center;padding:0;font-size:11px;font-weight:600;display:inline-flex}.tag:before{color:var(--faint);content:"#"}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:20;border-bottom:1px solid var(--line);background:var(--page);box-shadow:0 3px 0 -2px var(--line);position:relative}.header-inner{width:min(calc(100% - 40px), var(--max));grid-template-columns:auto minmax(0,1fr);align-items:center;min-height:78px;margin-inline:auto;display:grid}.brand{width:fit-content;color:var(--ink);font-family:var(--font-mono);letter-spacing:-.02em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-short) var(--ease-out);border-radius:6px;align-items:center;margin-left:-12px;padding:8px 12px;font-size:22px;font-weight:780;line-height:1;text-decoration:none;display:inline-flex}.brand:hover{background-color:var(--surface);color:var(--ink)}.brand-text{display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header-nav{justify-content:end;gap:28px;display:flex}.header-nav a{color:var(--muted);transition:color var(--dur-short) var(--ease-out);font-size:13px;font-weight:600;text-decoration:none}.header-nav a:hover{color:var(--ink)}.site-footer{margin-top:var(--space-3xl);border-top:1px solid var(--line);background:var(--page)}.footer-inner{width:min(calc(100% - 40px), var(--max));padding:var(--space-md) 0;justify-content:space-between;align-items:center;gap:24px;margin-inline:auto;display:flex}.footer-links{gap:18px;display:flex}.footer-links a{color:var(--muted);align-items:center;gap:5px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.footer-inner small{color:var(--faint);font-size:11px}.intro{padding:var(--space-3xl) 0 var(--space-2xl)}.intro .container{gap:var(--space-xs) var(--space-xl);grid-template-columns:180px minmax(0,720px);align-items:start;display:grid}.intro h1{font-family:var(--font-body);grid-column:1;margin:0;font-size:14px;font-weight:700;line-height:1.4}.intro-lead{max-width:680px;color:var(--ink);font-family:var(--font-display);overflow-wrap:anywhere;grid-area:1/2/span 2;margin:0;font-size:38px;font-weight:700;line-height:1.35}.intro-links{grid-column:2;align-items:center;gap:22px;display:flex}.intro-links a{font-size:14px;font-weight:700}.primary-link{color:var(--accent-strong);align-items:center;gap:7px;text-decoration:none;display:inline-flex}.featured{padding:0 0 var(--space-2xl)}.featured-copy{gap:var(--space-sm) var(--space-xl);padding:var(--space-lg) 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);grid-template-columns:180px minmax(0,1fr) minmax(240px,.42fr);display:grid}.featured-copy .meta{align-content:start;align-items:flex-start;gap:var(--space-3xs);flex-direction:column;grid-area:1/1/span 2}.featured-copy .meta span:before{display:none}.featured-copy .tag-list{grid-column:2/-1}.featured-copy>a{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;text-decoration:none;display:grid}.featured-copy h2{font-family:var(--font-display);margin:0;font-size:34px;font-weight:700;line-height:1.3}.featured-copy>p{color:var(--muted);margin:0;font-size:15px;line-height:1.75}.recent{padding-top:var(--space-2xl);border-top:1px solid var(--line-strong)}.home-tags{padding:var(--space-sm) 0;margin-bottom:var(--space-2xl);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px 18px;display:flex}.home-tags a{color:var(--muted);font-family:var(--font-mono);font-size:13px;font-weight:650;text-decoration:none}.home-tags a:hover{color:var(--accent-strong)}.page-header{padding:56px 0 28px}.page-header h1,.page-title{font-family:var(--font-display);overflow-wrap:anywhere;min-width:0;color:var(--ink);letter-spacing:-.02em;margin:0;font-size:clamp(34px,4.5vw,44px);font-weight:800;line-height:1.12}.page-subtitle{max-width:680px;color:var(--muted);margin:12px 0 0;font-size:15.5px;line-height:1.6}.filters{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);align-items:center;gap:18px 28px;padding:20px 0;display:grid}.search-field{border:1px solid var(--line-strong);min-height:42px;color:var(--muted);border-radius:2px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent)}@supports (color:color-mix(in lab, red, red)){.search-field:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 12%, transparent)}}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px}.tag-filters{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.tag-filters>svg{color:var(--faint);margin-right:3px}.tag-filters button{border:1px solid var(--line);background:var(--page);min-height:32px;color:var(--muted);cursor:pointer;transition:background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);border-radius:2px;padding:0 10px;font-size:12px;font-weight:650}.tag-filters button:hover{border-color:var(--ink);background:var(--ink);color:var(--page);transform:translateY(-1px)}.tag-filters button:active{transform:translateY(0)}.tag-filters button.is-active{border-color:var(--ink);background:var(--ink);color:var(--page)}.post-list{gap:var(--space-2xl) var(--space-md);padding-top:var(--space-lg);grid-template-columns:repeat(3,minmax(0,1fr));padding-bottom:80px;display:grid}.result-count{padding-bottom:var(--space-xs);border-bottom:1px solid var(--line);color:var(--faint);grid-column:1/-1;margin:0;font-size:12px}.post-row{min-width:0;transition:transform var(--dur-short) var(--ease-out);border:0;padding:0;animation:.4s cubic-bezier(.16,1,.3,1) backwards fadeInUp}.post-row:first-child{animation-delay:30ms}.post-row:nth-child(2){animation-delay:60ms}.post-row:nth-child(3){animation-delay:90ms}.post-row:nth-child(4){animation-delay:.12s}.post-row:nth-child(5){animation-delay:.15s}.post-row:nth-child(6){animation-delay:.18s}.post-row-link{min-width:0;color:inherit;flex-direction:column;text-decoration:none;display:flex}.post-image{min-width:0;margin-bottom:var(--space-sm);background:var(--surface);contain:paint;text-decoration:none;display:block;overflow:hidden}.post-image img{aspect-ratio:4/3;object-fit:cover;image-rendering:auto;width:100%;height:auto;transition:transform var(--dur-short) var(--ease-out)}.post-row-link:hover .post-image img{transform:scale(1.015)}.post-date{gap:var(--space-xs);color:var(--muted);flex-direction:row;padding-top:0;font-size:12px;display:flex}.post-date span{color:var(--faint)}.post-heading{margin-top:var(--space-2xs);grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:16px;text-decoration:none;display:grid}.post-copy h3{font-family:var(--font-display);margin:0;font-size:22px;font-weight:750;line-height:1.35}.post-copy p{max-width:720px;margin:var(--space-2xs) 0 var(--space-xs);color:var(--muted);font-size:14px;line-height:1.7}.empty-state{border-top:1px solid var(--line);color:var(--muted);text-align:center;grid-column:1/-1;padding:72px 0}.article-header{border-bottom:1px solid var(--line);padding:78px 0 58px}.article-header-inner{width:min(100% - 40px,860px);margin-inline:auto}.back-link{color:var(--muted);align-items:center;gap:5px;margin-bottom:28px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.article-header h1{max-width:820px;font-family:var(--font-display);overflow-wrap:anywhere;margin:0;font-size:48px;font-weight:700;line-height:1.28}.article-header .description{max-width:720px;color:var(--muted);margin:20px 0 25px;font-size:18px;line-height:1.75}.article-meta{color:var(--muted);flex-wrap:wrap;gap:9px 18px;margin-bottom:18px;font-size:13px;display:flex}.article-meta span{align-items:center;gap:6px;display:inline-flex}.article-cover{contain:paint;background:var(--surface);border-radius:2px;width:min(100% - 40px,1040px);margin:48px auto 0}.article-cover img{aspect-ratio:16/9;object-fit:cover;image-rendering:auto;border-radius:2px;width:100%;height:auto}.article-cover figcaption{color:var(--faint);text-align:center;margin-top:9px;font-size:12px}.article-grid{grid-template-columns:minmax(0, var(--reading)) 210px;width:min(calc(100% - 40px), var(--max));justify-content:center;gap:64px;margin:64px auto 0;display:grid}@media (width>=1051px){.article-grid{padding-left:var(--space-2xl);justify-content:space-between}}.article-toc{top:var(--space-lg);grid-area:1/2;align-self:start;max-height:calc(100vh - 56px);position:sticky;overflow-y:auto}.article-toc summary{color:var(--ink);margin-bottom:14px;font-size:13px;font-weight:750;list-style:none}.article-toc summary::-webkit-details-marker{display:none}.article-toc ol{border-left:1px solid var(--line);margin:0;padding:0;list-style:none}.article-toc li{margin:0}.article-toc a{color:var(--muted);transition:color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);padding:7px 0 7px 14px;font-size:12px;line-height:1.45;text-decoration:none;display:block;position:relative}.article-toc a:hover{color:var(--accent-strong);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.article-toc a:hover{background:color-mix(in srgb, var(--accent) 6%, transparent)}}.article-toc a.is-active{color:var(--accent-strong);font-weight:750}.article-toc a.is-active:before{background:var(--accent);content:"";width:2px;position:absolute;top:7px;bottom:7px;left:-1px}.article-toc .toc-depth-3 a{color:var(--faint);padding-left:26px}.prose{min-width:0;color:var(--ink);grid-area:1/1}@supports (color:color-mix(in lab, red, red)){.prose{color:color-mix(in srgb, var(--ink) 88%, var(--muted))}}.prose{font-size:17px;line-height:1.88}.prose>:first-child{margin-top:0}.prose h2,.prose h3{color:var(--ink);scroll-margin-top:28px}.prose h2{border-top:1px solid var(--line);font-family:var(--font-display);margin:56px 0 18px;padding-top:28px;font-size:29px;font-weight:700;line-height:1.4}.prose h3{font-family:var(--font-display);margin:38px 0 12px;font-size:21px;font-weight:700;line-height:1.45}.prose h2 a,.prose h3 a{color:inherit;text-decoration:none}.prose p{margin:0 0 22px}.prose a{color:var(--link);font-weight:550}.prose strong{color:var(--ink);font-weight:750}.prose ul,.prose ol{margin:0 0 24px;padding-left:24px}.prose li{margin:7px 0;padding-left:4px}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:30px 0;padding:2px 0 2px 21px;font-size:18px}.prose :not(pre)>code{border:1px solid var(--line);background:var(--surface);color:var(--inline-code);font-family:var(--font-mono);border-radius:3px;padding:2px 5px;font-size:.84em}.prose [data-rehype-pretty-code-figure]{margin:30px 0}.prose pre{border:1px solid var(--code-border);background:var(--code);color:var(--code-ink);font-family:var(--font-mono);tab-size:2;font-variant-ligatures:normal;font-feature-settings:"liga" 1, "calt" 1;border-radius:4px;padding:24px;font-size:13.5px;line-height:1.75;position:relative;overflow:auto}.prose pre code{min-width:max-content;font-family:var(--font-mono);font-variant-ligatures:normal;font-feature-settings:"liga" 1, "calt" 1;background:0 0;display:block}.prose pre code span{color:var(--shiki-dark,inherit)}.prose pre code .comment,.prose pre code [style*=\#768390],.prose pre code [style*=\#636e7b]{font-style:italic}.copy-code{border:1px solid var(--code-control-border);background:var(--code-control);min-width:48px;height:30px;color:var(--code-ink);cursor:pointer;border-radius:2px;padding:0 9px;font-size:11px;position:absolute;top:10px;right:10px}.copy-code:hover{background:var(--code-control-hover)}.prose img{border:1px solid var(--line);border-radius:5px;width:auto;max-height:680px;margin:34px auto}.mermaid-diagram{border:1px solid var(--line);background-color:var(--surface);background-image:radial-gradient(#d3dbd6 1.25px,#0000 1.25px),linear-gradient(#fbfcfbe6 0%,#f3f6f4f2 100%);background-size:18px 18px,100% 100%;border-radius:12px;justify-content:center;align-items:center;margin:38px 0;padding:32px 24px;display:flex;position:relative;overflow-x:auto;box-shadow:0 1px 3px #00000005,0 6px 18px -6px #0000000d}.mermaid-diagram>div{justify-content:center;align-items:center;width:100%;min-width:fit-content;display:flex}.mermaid-diagram svg{max-width:100%;height:auto;display:block;overflow:visible;font-family:var(--font-body)!important}.mermaid-diagram .node rect,.mermaid-diagram .node circle,.mermaid-diagram .node polygon{filter:drop-shadow(0 2px 4px #00000008);rx:8px!important;ry:8px!important;stroke-width:1.5px!important}.mermaid-diagram .node .label{font-size:13.5px;font-weight:550;line-height:1.4;font-family:var(--font-body)!important}.mermaid-diagram .edgePath path.path{stroke:#525c56!important;stroke-width:1.75px!important}.mermaid-diagram .arrowheadPath{fill:#525c56!important;stroke:#525c56!important}.mermaid-diagram .edgeLabel{box-shadow:0 1px 3px #00000008;font-family:var(--font-body)!important;color:#3b4440!important;background-color:#fff!important;border:1px solid #d4ded7!important;border-radius:6px!important;padding:2px 8px!important;font-size:12px!important;font-weight:500!important}.mermaid-diagram .cluster rect{rx:10px!important;ry:10px!important;fill:#eef3f0!important;stroke:#c1ccc4!important;stroke-width:1.5px!important;stroke-dasharray:4 4!important}.mermaid-diagram .cluster span.nodeLabel{letter-spacing:-.01em;color:#176b51!important;font-size:13px!important;font-weight:650!important}.mermaid-loading{color:var(--muted);padding:20px;font-size:14px}.mermaid-fallback,.youtube-embed{margin:34px 0}.youtube-embed-frame{aspect-ratio:16/9;border:1px solid var(--line);background:var(--code);border-radius:5px;width:100%;position:relative;overflow:hidden}.youtube-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.youtube-embed figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:13px;line-height:1.6}.article-video-cover .youtube-embed{margin:0}.prose .link-preview{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);transition:border-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);border-radius:5px;gap:8px;margin:18px 0;padding:20px 22px;text-decoration:none;display:grid;position:relative}.prose .link-preview:hover{border-color:var(--accent);color:var(--ink);transform:translateY(-1px)}.link-preview-site{color:var(--muted);font-family:var(--font-mono);align-items:center;gap:8px;font-size:12px;font-weight:650;display:flex}.link-preview-site>span{border:1px solid var(--line-strong);background:var(--page);width:22px;height:22px;color:var(--accent-strong);border-radius:50%;place-items:center;font-size:11px;display:grid}.prose .link-preview>strong{font-family:var(--font-display);font-size:18px;line-height:1.4}.link-preview-description{color:var(--muted);font-size:14px;line-height:1.65}.link-preview-url{color:var(--link);font-family:var(--font-mono);align-items:center;gap:6px;font-size:12px;display:flex}.prose hr{border:0;border-top:1px solid var(--line);margin:48px 0}.prose hr+h2{border-top:0;margin-top:24px}.prose table{border-collapse:collapse;width:100%;margin:28px 0;font-size:14px;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;padding:11px 13px}.prose th{background:var(--surface)}.comments{width:min(calc(100% - 40px), var(--reading));border-top:1px solid var(--line);margin:72px auto 0;padding-top:48px}.comments h2{margin:0 0 28px;font-size:24px}.project-list article{border-top:1px solid var(--line);grid-template-columns:70px minmax(0,1fr) auto;align-items:start;gap:30px;padding:34px 0;display:grid}.project-list article:last-child{border-bottom:1px solid var(--line)}.project-list .number{color:var(--faint);font-family:var(--font-mono);font-size:12px}.project-list .role{color:var(--accent);margin:0 0 5px;font-size:12px;font-weight:700}.project-list h2{font-family:var(--font-display);margin:0;font-size:28px;font-weight:700}.project-list article div>p:last-child{max-width:680px;color:var(--muted);margin:10px 0 0}.project-list article>a{align-items:center;gap:5px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.contact{flex-wrap:wrap;gap:18px;padding-top:20px;display:flex}.contact a{color:var(--ink);align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--ink);color:var(--page);border:1px solid var(--ink);transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--page)}.btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--line);transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out);align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex}.btn-secondary:hover{background:var(--surface-strong);border-color:var(--line-strong);color:var(--ink)}.portfolio-container{width:min(calc(100% - 48px), var(--max));margin-inline:auto;padding:64px 0 100px}.hero-section{padding-bottom:20px}.hero-top-meta{justify-content:space-between;align-items:center;gap:14px;margin-bottom:24px;display:flex}.hero-meta-left{align-items:center;gap:12px;display:flex}.lang-toggle-box{font-family:var(--font-mono);align-items:center;gap:4px;font-size:11px;display:inline-flex}.lang-btn{font-family:inherit;font-size:inherit;color:var(--faint);cursor:pointer;background:0 0;border:none;padding:2px;font-weight:600;transition:color .15s}.lang-btn:hover{color:var(--ink)}.lang-btn.active{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px;font-weight:800;text-decoration-thickness:1.5px}.lang-divider{color:var(--line-strong)}.hero-loc{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.hero-role-tag{font-family:var(--font-mono);color:var(--accent);letter-spacing:.02em;font-size:12px;font-weight:700}.hero-display-name{min-width:0;font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);overflow-wrap:anywhere;margin:0 0 16px;font-size:clamp(38px,5.5vw,56px);font-weight:800;line-height:1.1}.hero-main-lead{color:var(--ink);letter-spacing:-.015em;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty;max-width:24ch;margin:0 0 18px;font-size:clamp(22px,3vw,30px);font-weight:650;line-height:1.4}.hero-sub-lead{color:var(--muted);word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty;max-width:62ch;margin:0 0 28px;font-size:16.5px;line-height:1.8}.hero-action-area{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:28px;display:flex}.btn-hero-primary{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:4px;align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:650;text-decoration:none;transition:transform .15s,background-color .15s;display:inline-flex}.btn-hero-primary:hover{color:#fff;background:#2b302c;transform:translateY(-1px)}.hero-links-cluster{align-items:center;gap:10px;display:inline-flex}.hero-text-link{color:var(--muted);align-items:center;gap:4px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.hero-text-link:hover{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.hero-link-sep{color:var(--faint);font-size:14px}.hero-tech-strip{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:10px;padding-top:14px;font-size:13px;display:flex}.tech-strip-label{color:var(--faint);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.tech-items-group{flex-wrap:wrap;align-items:center;gap:8px;display:inline-flex}.tech-item{color:var(--ink);font-weight:600}.tech-divider{color:var(--faint)}.portfolio-section{margin-top:72px;scroll-margin-top:24px}.section-title-row{margin-bottom:32px}.reveal{opacity:0;transition:opacity .65s var(--ease-out), transform .65s var(--ease-out);transition-delay:var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(14px)}.reveal.is-visible{opacity:1;transform:none}.hero-top-meta{animation:hero-rise .6s var(--ease-out) both}.hero-display-name{animation:hero-rise .6s var(--ease-out) 60ms both}.hero-main-lead{animation:hero-rise .6s var(--ease-out) .12s both}.hero-sub-lead{animation:hero-rise .6s var(--ease-out) .18s both}.hero-action-area{animation:hero-rise .6s var(--ease-out) .24s both}.hero-tech-strip{animation:hero-rise .6s var(--ease-out) .3s both}@keyframes hero-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.section-eyebrow{font-family:var(--font-mono);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:750;display:block}.section-heading-statement{font-family:var(--font-display);color:var(--ink);letter-spacing:-.015em;word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty;max-width:22ch;margin:0;font-size:clamp(24px,3.4vw,34px);font-weight:780;line-height:1.35}.section-heading-large{min-width:0;font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;overflow-wrap:anywhere;margin:0 0 8px;font-size:clamp(26px,3.8vw,36px);font-weight:780;line-height:1.2}.section-heading-sub{color:var(--muted);max-width:680px;margin:0;font-size:15.5px;line-height:1.6}.about-statement-layout{flex-direction:column;gap:22px;max-width:68ch;display:flex}.about-lead-statement{color:var(--ink);border-left:3px solid var(--accent);word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty;margin:0;padding-left:16px;font-size:clamp(17px,2.2vw,19px);font-weight:600;line-height:1.75}.about-point-list{flex-direction:column;gap:18px;margin:2px 0 0;padding:0;list-style:none;display:flex}.about-point{grid-template-columns:36px minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.about-point-num{font-family:var(--font-mono);color:var(--faint);letter-spacing:.04em;padding-top:5px;font-size:12px;font-weight:700}.about-sub-statement{color:var(--muted);word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty;max-width:62ch;margin:0;font-size:15.5px;line-height:1.85}.work-showcase{flex-direction:column;display:flex}.work-reveal{border-top:1px solid var(--line)}.work-reveal:last-child{border-bottom:1px solid var(--line)}.oss-reveal{display:block}.work-item{grid-template-columns:56px minmax(0,1fr) auto;align-items:start;gap:24px;padding:44px 0;display:grid}.work-large-num{font-family:var(--font-mono);color:var(--faint);letter-spacing:-.02em;padding-top:2px;font-size:18px;font-weight:750}.work-meta-top{margin-bottom:6px}.work-domain-label{font-family:var(--font-mono);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11.5px;font-weight:600;display:block}.work-title{min-width:0;font-family:var(--font-display);color:var(--ink);overflow-wrap:anywhere;margin:0 0 8px;font-size:clamp(24px,3.2vw,30px);font-weight:780;line-height:1.2}.work-premise{color:var(--ink);max-width:700px;margin:0 0 6px;font-size:15px;line-height:1.65}.work-psr-group{flex-direction:column;gap:12px;max-width:720px;margin:16px 0 14px;display:flex}.work-psr-row{grid-template-columns:84px minmax(0,1fr);align-items:baseline;gap:16px;font-size:14.5px;line-height:1.65;display:grid}@media (width<=640px){.work-psr-row{grid-template-columns:1fr;gap:4px}}.work-psr-label{font-family:var(--font-mono);color:var(--faint);letter-spacing:.05em;text-transform:uppercase;font-size:11.5px;font-weight:700}.work-psr-content{color:var(--ink);margin:0}.result-metric-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.result-metric-row{border-top:1px solid var(--line);grid-template-columns:minmax(150px,220px) minmax(0,1fr);align-items:baseline;gap:6px 16px;padding:8px 0;display:grid}.result-metric-row:first-child{border-top:none;padding-top:0}.result-metric-row:last-child{padding-bottom:0}.result-metric-value{color:var(--ink);font-variant-numeric:tabular-nums;word-break:keep-all;overflow-wrap:break-word;font-size:14.5px;font-weight:700;line-height:1.55}.metric-arrow{color:var(--accent);padding-inline:1px;font-weight:700}.result-metric-label{color:var(--muted);word-break:keep-all;overflow-wrap:break-word;font-size:13.5px;font-weight:400;line-height:1.6}@media (width<=640px){.result-metric-row{grid-template-columns:1fr;gap:1px}}.work-stack-line{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:14px 0 0;font-size:12.5px;display:flex}.work-stack-line span[aria-hidden=true]{color:var(--faint)}.work-premise-sub{color:var(--muted);max-width:700px;margin:0 0 8px;font-size:14.5px;line-height:1.65}.work-highlight-line{color:var(--ink);max-width:700px;margin:0 0 10px;font-size:14px;line-height:1.6}.work-action-col{top:var(--space-md);z-index:2;justify-content:flex-end;align-items:flex-start;padding-top:4px;display:flex;position:sticky}.work-toggle-btn{font-family:var(--font-mono);color:var(--muted);border:1px solid var(--line);cursor:pointer;white-space:nowrap;transition:all var(--dur-short) var(--ease-out);background:0 0;border-radius:4px;align-items:center;gap:5px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.work-toggle-btn:hover{border-color:var(--ink);color:var(--ink)}.work-toggle-btn .toggle-icon{transition:transform var(--dur-short) var(--ease-out);color:var(--faint)}.work-toggle-btn:hover .toggle-icon{color:var(--ink)}.work-toggle-btn.is-active{border-color:var(--ink);background:var(--surface);color:var(--ink)}.work-toggle-btn.is-active .toggle-icon{color:var(--ink);transform:rotate(180deg)}.work-deep-dive-panel{border-top:1px solid var(--line);scroll-margin-top:var(--space-md);flex-direction:column;gap:24px;margin-top:24px;padding-top:24px;display:flex}.cs-block{flex-direction:column;gap:6px;display:flex}.cs-heading{font-family:var(--font-display);color:var(--ink);margin:0;font-size:16px;font-weight:750;line-height:1.35}.cs-prose{color:var(--muted);max-width:700px;margin:0;font-size:14.5px;line-height:1.75}.cs-prose strong{color:var(--ink);font-weight:650}.cs-bullet-list{color:var(--ink);flex-direction:column;gap:8px;margin:4px 0 0;padding:0;font-size:14px;line-height:1.65;list-style:none;display:flex}.cs-bullet-list li{align-items:flex-start;gap:8px;display:flex}.cs-code-box{background:var(--surface);border:1px solid var(--line);border-radius:4px;margin:6px 0;padding:14px 16px;overflow-x:auto}.cs-code-box pre{font-family:var(--font-mono);color:var(--ink);margin:0;font-size:12.5px;line-height:1.6}.cs-failure-group{flex-direction:column;gap:14px;margin-top:4px;display:flex}.cs-failure-item{flex-direction:column;gap:4px;display:flex}.cs-fail-q{color:var(--ink);margin:0;font-size:14px;font-weight:700;line-height:1.5}.cs-fail-a{color:var(--muted);margin:0;font-size:13.5px;line-height:1.7}.cs-retro-block{border-top:1px solid var(--line);color:var(--muted);margin-top:4px;padding-top:14px;font-size:13.5px;line-height:1.75}.cs-retro-block p{margin:0}.cs-retro-block strong{color:var(--ink);margin-right:4px;font-weight:650}.cs-abstract-note{color:var(--faint);margin:2px 0 0;font-size:13px;font-style:italic;line-height:1.6}.cs-confidential-note{border-top:1px dashed var(--line);color:var(--faint);margin:8px 0 0;padding-top:12px;font-size:12px;font-style:italic;line-height:1.6}.oss-list{border-bottom:1px solid var(--line)}.oss-entry{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:24px 0;display:flex}.oss-card-top{flex-direction:column;gap:3px;display:flex}.oss-card-name{font-family:var(--font-display);color:var(--ink);margin:0;font-size:17px;font-weight:750}.oss-card-meta{font-family:var(--font-mono);color:var(--muted);letter-spacing:.02em;margin:0;font-size:12px;font-weight:600}.oss-card-desc{color:var(--muted);max-width:700px;margin:0;font-size:14px;line-height:1.65}.oss-pr-link{color:var(--ink);white-space:nowrap;align-items:center;gap:5px;width:fit-content;font-size:12.5px;font-weight:600;text-decoration:none;display:inline-flex}.oss-pr-links{flex-wrap:wrap;gap:8px 16px;display:flex}.oss-pr-link:hover{color:var(--accent-strong);text-decoration:underline}.exp-list{flex-direction:column;display:flex}.exp-entry-compact{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.exp-header-row{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:4px;display:flex}.exp-company-name{font-family:var(--font-display);color:var(--ink);margin:0;font-size:19px;font-weight:750}.exp-role-title{color:var(--muted);margin:2px 0 0;font-size:13.5px;font-weight:600}.exp-period-tag{font-family:var(--font-mono);color:var(--faint);white-space:nowrap;font-size:11.5px}.exp-domain-tag{font-family:var(--font-mono);color:var(--accent);margin-bottom:8px;font-size:11.5px;font-weight:600;display:block}.exp-summary-text{color:var(--muted);max-width:700px;margin:0;font-size:14px;line-height:1.7}.exp-summary-text+.exp-summary-text{margin-top:10px}.contact-editorial-box{border:1px solid var(--line);background:var(--surface);text-align:center;padding:56px 40px}.contact-heading{font-family:var(--font-display);color:var(--ink);margin:0 0 12px;font-size:clamp(24px,3.5vw,32px);font-weight:750}.contact-subtext{color:var(--muted);max-width:540px;margin:0 auto 28px;font-size:16px;line-height:1.6}.contact-btn-group{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.case-study-editorial{width:min(100% - 40px,880px);margin-inline:auto;padding:56px 0 120px}.cs-top-nav{margin-bottom:40px}.cs-back-link{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:700;text-decoration:none;transition:color .15s;display:inline-flex}.cs-back-link:hover{color:var(--ink)}.cs-editorial-header{border-bottom:1px solid var(--line-strong);margin-bottom:56px;padding-bottom:48px}.cs-number-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);margin-bottom:12px;font-size:12px;font-weight:750}.cs-headline{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 12px;font-size:clamp(36px,5vw,48px);font-weight:780;line-height:1.12}.cs-deck{color:var(--accent-strong);margin:0 0 16px;font-size:20px;font-weight:650;line-height:1.4}.cs-standfirst{color:var(--muted);margin:0 0 32px;font-size:16px;line-height:1.65}.cs-spec-grid{background:var(--surface);border:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;padding:22px;display:grid}.cs-spec-item{flex-direction:column;gap:3px;display:flex}.cs-spec-label{font-family:var(--font-mono);color:var(--faint);letter-spacing:.05em;font-size:11px;font-weight:700}.cs-spec-val{color:var(--ink);word-break:break-word;font-size:13px;font-weight:600}.cs-link-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.cs-spec-link{color:var(--ink);border:1px solid var(--line-strong);background:var(--page);align-items:center;gap:4px;padding:6px 12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.cs-flow-section{border-top:1px solid var(--line);padding:56px 0}.cs-flow-label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);margin-bottom:20px;font-size:12px;font-weight:750}.cs-flow-content h2{font-family:var(--font-display);color:var(--ink);margin:0 0 20px;font-size:26px;font-weight:750}.cs-section-intro{color:var(--muted);margin:0 0 24px;font-size:15px;line-height:1.6}.cs-sub-heading{font-family:var(--font-display);color:var(--ink);margin:28px 0 14px;font-size:18px;font-weight:750}.cs-owned-list{color:var(--ink);flex-direction:column;gap:10px;margin:0;padding:0;font-size:15px;line-height:1.65;list-style:none;display:flex}.cs-owned-list li{align-items:flex-start;gap:8px;display:flex}.check-accent{color:var(--accent);flex-shrink:0;margin-top:4px}.cs-editorial-text{color:var(--muted);font-size:16px;line-height:1.85}.cs-editorial-text p{margin:0 0 18px}.cs-problem-editorial-banner{background:var(--surface);border-left:4px solid var(--accent);margin-bottom:24px;padding:28px 32px}.cs-prob-lead{color:var(--ink);margin:0 0 8px;font-size:20px;font-weight:750;line-height:1.4}.cs-prob-punchline{color:var(--accent-strong);margin:0;font-size:17px;font-weight:650}.cs-bullet-points{color:var(--muted);margin:0;padding-left:20px;font-size:15px;line-height:1.8}.cs-bullet-points li{margin-bottom:8px}.cs-options-stack{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.cs-option-box{border:1px solid var(--line);background:var(--surface);padding:22px}.cs-opt-tag{font-family:var(--font-mono);color:var(--accent);background:var(--page);border:1px solid var(--line);margin-bottom:8px;padding:2px 8px;font-size:11px;font-weight:750;display:inline-block}.cs-opt-title{color:var(--ink);margin:0 0 16px;font-size:16px;font-weight:750}.cs-opt-columns{grid-template-columns:1fr 1fr;gap:20px;display:grid}.cs-col-label{font-family:var(--font-mono);text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:750;display:block}.col-pros{color:var(--accent)}.col-cons{color:#b93838}.cs-opt-col ul{color:var(--muted);margin:0;padding-left:18px;font-size:13px;line-height:1.65}.cs-editorial-decision{background:var(--accent);padding:20px 24px}@supports (color:color-mix(in lab, red, red)){.cs-editorial-decision{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.cs-editorial-decision{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.cs-editorial-decision{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent)}}.cs-decision-badge{font-family:var(--font-mono);color:var(--accent-strong);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:750;display:inline-flex}.cs-editorial-decision p{color:var(--ink);margin:0;font-size:15px;font-weight:550;line-height:1.65}.cs-diagram-caption{color:var(--muted);text-align:center;margin-top:12px;font-size:13px}.cs-simplified-note{color:var(--faint);margin-top:4px;font-size:12px;display:block}.cs-failure-stack{flex-direction:column;gap:16px;display:flex}.cs-failure-row{border:1px solid var(--line);background:var(--surface);padding:24px}.cs-scenario-header{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.scenario-icon{color:var(--accent);flex-shrink:0;margin-top:3px}.cs-scenario-header h3{color:var(--ink);margin:0;font-size:16px;font-weight:750;line-height:1.45}.cs-solution-body{color:var(--muted);padding-left:26px;font-size:14px;line-height:1.7}.cs-recovery-tag{font-family:var(--font-mono);color:var(--accent);text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:750;display:inline-block}.cs-solution-body p{margin:0}.cs-results-checklist{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.cs-results-checklist li{color:var(--ink);align-items:flex-start;gap:10px;font-size:15px;line-height:1.65;display:flex}.result-check{color:var(--accent);font-weight:800;font-family:var(--font-mono);font-size:14px}.cs-takeaways-block{background:var(--surface);border:1px solid var(--line);padding:26px}.cs-takeaways-list{color:var(--ink);margin:0;padding-left:20px;font-size:15px;line-height:1.8}.cs-takeaways-list li{margin-bottom:8px}.cs-differently-card{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--ink);padding:26px}.cs-diff-title{font-family:var(--font-mono);color:var(--ink);text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:750;display:flex}.cs-differently-bullets{color:var(--muted);margin:0;padding-left:20px;font-size:15px;line-height:1.8}.cs-differently-bullets li{margin-bottom:8px}.cs-related-posts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:16px;display:grid}.cs-related-post-card{border:1px solid var(--line);background:var(--surface);color:inherit;flex-direction:column;justify-content:space-between;padding:22px;text-decoration:none;transition:border-color .15s;display:flex}.cs-related-post-card:hover{border-color:var(--line-strong)}.cs-related-post-card h3{color:var(--ink);margin:0 0 8px;font-size:16px;font-weight:750}.cs-related-post-card p{color:var(--muted);margin:0 0 16px;font-size:13px;line-height:1.6}.read-link{color:var(--accent);font-size:13px;font-weight:700}.cs-bottom-nav{border-top:1px solid var(--line-strong);margin-top:64px;padding-top:40px}.cs-nav-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.cs-nav-btn{flex-direction:column;gap:3px;text-decoration:none;display:flex}.cs-nav-btn.prev{text-align:left}.cs-nav-btn.next{text-align:right}.nav-sub{font-family:var(--font-mono);color:var(--faint);text-transform:uppercase;font-size:11px}.nav-main{color:var(--ink);font-size:15px;font-weight:700;transition:color .15s}.nav-main:hover{color:var(--accent-strong)}.cs-nav-center{color:var(--muted);border:1px solid var(--line);background:var(--surface);padding:6px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:color .15s,border-color .15s}.cs-nav-center:hover{color:var(--ink);border-color:var(--line-strong)}.not-found{padding:120px 0}.not-found>span{color:var(--accent);font-family:var(--font-mono);font-weight:800}.not-found h1{margin:12px 0;font-size:38px}.not-found p{color:var(--muted)}.not-found a{align-items:center;gap:6px;margin-top:22px;font-size:14px;font-weight:700;display:inline-flex}@media (width<=1050px){.article-grid{grid-template-columns:minmax(0, var(--reading))}.article-toc{border:1px solid var(--line);background:var(--surface);border-radius:5px;grid-area:1/1;max-height:none;padding:18px 20px;position:static}.article-toc summary{cursor:pointer;margin:0}.article-toc details[open] summary{margin-bottom:12px}.article-toc ol{border-left:0}.prose{grid-area:2/1}}@media (width>=761px) and (width<=900px){.featured-copy{grid-template-columns:140px minmax(0,1fr)}.featured-copy>a,.featured-copy>p,.featured-copy .tag-list{grid-column:2}}@media (width>=651px) and (width<=900px){.post-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.container{width:min(calc(100% - 28px), var(--max))}.header-inner{width:min(calc(100% - 28px), var(--max));grid-template-columns:auto minmax(0,1fr);min-height:64px}.brand{font-size:20px}.header-nav{gap:18px}.footer-inner{width:min(calc(100% - 28px), var(--max));flex-direction:column-reverse;align-items:flex-start}.intro{padding:var(--space-2xl) 0 var(--space-xl)}.intro .container{gap:var(--space-xs);grid-template-columns:1fr}.intro h1{grid-column:1;font-size:13px}.intro-lead{grid-area:auto/1;font-size:29px;line-height:1.42}.intro-links{margin-top:var(--space-xs);grid-column:1}.featured{padding-bottom:52px}.featured-copy{gap:var(--space-md);padding:var(--space-md) 0;grid-template-columns:1fr}.featured-copy .meta{align-items:center;gap:var(--space-xs);flex-direction:row;grid-area:auto/1}.featured-copy .tag-list{grid-column:1}.featured-copy h2{font-size:24px}.recent{padding-top:52px}.home-tags{flex-wrap:nowrap;margin-bottom:52px;overflow-x:auto}.page-header{padding:50px 0 32px}.page-header h1{font-size:48px}.filters{grid-template-columns:1fr;padding:16px 0}.tag-filters{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.tag-filters button{flex:none}.article-header{padding:48px 0 38px}.article-header-inner,.article-cover,.article-grid,.comments{width:min(calc(100% - 28px), var(--reading))}.article-header h1{font-size:34px}.article-header .description{font-size:16px}.article-cover{margin-top:28px}.article-grid{margin-top:42px}.mermaid-diagram{padding:var(--space-sm)}.prose{font-size:16px;line-height:1.85}.prose h2{font-size:23px}.prose pre{border-radius:0;margin-inline:-14px;padding:20px 16px}.project-list article{grid-template-columns:36px minmax(0,1fr);gap:14px}.portfolio-container,.case-study-editorial{width:min(calc(100% - 28px), var(--max));padding:32px 0 64px}.hero-display-name{font-size:34px}.hero-main-lead{font-size:20px;line-height:1.4}.hero-action-area{flex-direction:column;align-items:flex-start;gap:16px}.work-item{flex-direction:column;gap:16px;padding:32px 0;display:flex}.work-num-col{display:none}.work-action-col{justify-content:flex-start;width:100%;padding-top:4px;position:static}.about-statement-layout{max-width:none}.about-lead-statement{padding-left:12px}.about-point{grid-template-columns:28px minmax(0,1fr);gap:8px}.oss-card-top{flex-direction:column;align-items:flex-start;gap:8px}.cs-headline{font-size:30px}.cs-deck{font-size:17px}.cs-flow-section{padding:36px 0}.cs-opt-columns{grid-template-columns:1fr;gap:14px}.cs-nav-row{text-align:center;flex-direction:column;align-items:stretch;gap:20px}.cs-nav-btn.prev,.cs-nav-btn.next{text-align:center}.contact-editorial-box{padding:32px 20px}}@media (width<=650px){.post-list{gap:var(--space-xl);grid-template-columns:minmax(0,1fr)}.post-row{padding:0}.post-date{gap:var(--space-xs);flex-direction:row;padding-top:0}.post-copy h3{font-size:20px}.section-heading h2{font-size:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.reveal{opacity:1!important;transform:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}