:root{--paper-0: #FFFFFF;--paper-50: #FBF9F4;--paper-100: #F4F1E8;--paper-200: #ECE7D9;--ink-900: #16150F;--ink-800: #28261D;--ink-700: #3D3A30;--ink-500: #6B6757;--ink-400: #8C8675;--ink-300: #A8A28E;--clay-100: #F6E6DC;--clay-300: #E3A585;--clay-500: #C9512C;--clay-600: #B8431F;--clay-700: #9C3717;--line: #E3DDCD;--line-soft: #EFEBE0;--surface-page: var(--paper-50);--surface-card: var(--paper-0);--surface-sunken: var(--paper-100);--text-strong: var(--ink-900);--text-body: var(--ink-700);--text-muted: var(--ink-500);--text-faint: var(--ink-400);--text-onclay: #FFFFFF;--border-soft: var(--paper-200);--border-default: var(--line);--border-strong: #D6CFBD;--accent: var(--clay-500);--accent-strong: var(--clay-600);--link: var(--clay-600);--link-hover: var(--clay-700);--focus-ring: rgba(201, 81, 44, .45);--info-fg: #2F6DB5;--info-bg: #E8F0F8;--info-line: #CFE0EE;--tip-fg: #3E7D52;--tip-bg: #E7F1EA;--tip-line: #CFE6D8;--warn-fg: #9C6A14;--warn-bg: #F6EDD8;--warn-line: #ECDCB5;--danger-fg: #B23B2E;--danger-bg: #F6E5E1;--danger-line: #ECCCC4;--code-bg: #1B1A16;--code-surface: #232118;--code-line: #34322A;--code-fg: #E8E3D6;--syntax-keyword: #E07952;--syntax-string: #A6B573;--syntax-func: #82B0C9;--syntax-number: #D6A35C;--syntax-comment: #6F6A5A;--syntax-punc: #B8B2A0;--selection: var(--clay-100)}[data-theme=dark]{--surface-page: #14130E;--surface-card: #1E1C16;--surface-sunken: #26241C;--text-strong: #F3EFE3;--text-body: #DAD4C4;--text-muted: #A39D8C;--text-faint: #7A7565;--text-onclay: #16150F;--border-soft: #2A2820;--border-default: #34322A;--border-strong: #454236;--accent: #E07952;--accent-strong: #EC9266;--link: #E68A5F;--link-hover: #F0A079;--focus-ring: rgba(224, 121, 82, .5);--info-fg: #7FB0CE;--info-bg: #18242B;--info-line: #284049;--tip-fg: #74C195;--tip-bg: #16271D;--tip-line: #284D38;--warn-fg: #DDB05A;--warn-bg: #2A2413;--warn-line: #4A3F1E;--danger-fg: #E2887A;--danger-bg: #2C1A16;--danger-line: #4A2E27;--selection: #4A2E1C}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Arial, sans-serif;--font-heading: var(--font-sans);--font-serif: var(--font-sans);--font-body: var(--font-sans);--font-ui: var(--font-sans);--font-code: ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.1875rem;--text-xl: 1.5rem;--text-2xl: 1.9375rem;--text-3xl: 2.5rem;--text-4xl: 3.25rem;--leading-tight: 1.14;--leading-snug: 1.3;--leading-normal: 1.55;--leading-relaxed: 1.72;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-wide: .04em;--tracking-caps: .09em;--measure: 68ch}:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--space-10: 80px;--space-11: 96px;--space-12: 128px;--content-width: 44rem;--wide-width: 72rem}:root{--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-pill: 999px;--border-hairline: 1px solid var(--border-default);--border-card: 1px solid var(--border-default);--shadow-xs: 0 1px 2px rgba(22, 21, 15, .04);--shadow-sm: 0 1px 3px rgba(22, 21, 15, .06), 0 1px 2px rgba(22, 21, 15, .04);--shadow-md: 0 4px 14px rgba(22, 21, 15, .08), 0 2px 4px rgba(22, 21, 15, .04);--shadow-lg: 0 12px 32px rgba(22, 21, 15, .12);--ease-out: cubic-bezier(.22, .61, .36, 1);--ease-in-out: cubic-bezier(.45, 0, .2, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .36s}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.prose{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-body);max-width:var(--measure)}.prose h1,.prose h2,.prose h3{font-family:var(--font-heading);color:var(--text-strong);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);font-weight:var(--weight-semibold)}.prose h2{font-size:var(--text-2xl);margin:var(--space-8) 0 var(--space-3)}.prose h3{font-size:var(--text-xl);margin:var(--space-6) 0 var(--space-2)}.prose p{margin:0 0 var(--space-5)}.prose a{color:var(--link);text-underline-offset:3px;text-decoration-thickness:1px}.prose a:hover{color:var(--link-hover)}.prose :not(pre)>code{font-family:var(--font-code);font-size:.86em;background:var(--surface-sunken);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:.1em .36em}.prose pre code{background:none;border:0;padding:0;font-size:inherit;border-radius:0}.prose blockquote{margin:var(--space-6) 0;padding-left:var(--space-5);border-left:3px solid var(--accent);color:var(--text-muted);font-style:italic}::selection{background:var(--clay-100);color:var(--ink-900)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}:root{--font-sans: "Pretendard Variable", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100vh}a{color:inherit}.page{min-height:100vh;display:flex;flex-direction:column}.page>.site-main{flex:1}.wrap{max-width:var(--wide-width);margin:0 auto;padding:0 28px}.skip-link{position:absolute;left:12px;top:-48px;z-index:50;background:var(--surface-card);color:var(--text-strong);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:8px 14px;font-family:var(--font-ui);font-size:var(--text-sm);transition:top var(--dur-fast) var(--ease-out)}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface-page) 86%,transparent);backdrop-filter:saturate(180%) blur(8px);-webkit-backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border-default)}.site-header__inner{max-width:var(--wide-width);margin:0 auto;padding:14px 28px;display:flex;align-items:center;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand__mark{width:32px;height:32px;border-radius:var(--radius-md);background:var(--ink-900);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:var(--weight-semibold);font-size:19px;color:var(--clay-300);overflow:hidden}.brand__mark svg{width:100%;height:100%}.brand__word{font-family:var(--font-serif);font-weight:var(--weight-semibold);font-size:20px;letter-spacing:var(--tracking-tight);color:var(--text-strong)}.brand__dot{color:var(--accent)}.site-nav{display:flex;gap:4px;margin-left:8px}.site-nav a{font-family:var(--font-ui);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-muted);padding:6px 12px;border-radius:var(--radius-md);text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}.site-nav a:hover{color:var(--text-strong)}.site-nav a[aria-current=page]{color:var(--text-strong);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--accent);text-decoration-thickness:2px}.header-actions{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--text-muted)}.lang-switch{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 10px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:transparent;color:var(--text-muted);text-decoration:none;font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:.02em;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.lang-switch:hover{background:var(--surface-sunken);color:var(--text-strong);border-color:var(--border-strong)}.ghost-ico{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;text-decoration:none;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.ghost-ico:hover{background:var(--surface-sunken);color:var(--text-strong)}.ghost-ico svg{width:18px;height:18px}.ghost-ico.is-copied{color:var(--tip-fg)}.theme-toggle .ico-sun,[data-theme=dark] .theme-toggle .ico-moon{display:none}[data-theme=dark] .theme-toggle .ico-sun{display:inline}.site-footer{border-top:1px solid var(--border-default);margin-top:var(--space-12)}.site-footer__inner{max-width:var(--wide-width);margin:0 auto;padding:28px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted)}.site-footer a{color:var(--text-muted);text-decoration:none}.site-footer a:hover{color:var(--text-strong)}.site-footer .dot{opacity:.4}.site-footer .colophon{margin-left:auto;font-family:var(--font-code);font-size:var(--text-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-ui);font-weight:var(--weight-medium);line-height:1;padding:8px 16px;height:38px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.btn svg{width:16px;height:16px}.btn--primary{background:var(--accent);color:var(--text-onclay);border-color:var(--accent)}.btn--primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn--secondary{background:var(--surface-card);color:var(--text-strong);border-color:var(--border-strong)}.btn--secondary:hover{background:var(--surface-sunken)}.btn--full{width:100%}.btn:disabled{opacity:.45;cursor:not-allowed}.tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-ui);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1;padding:4px 10px;border-radius:var(--radius-pill);text-decoration:none;color:var(--text-muted);background:var(--surface-sunken);border:1px solid var(--border-default);transition:filter var(--dur-fast) var(--ease-out)}a.tag:hover,button.tag:hover{filter:brightness(.96);cursor:pointer}.tag:before{content:"#";opacity:.55;font-weight:700}.tag--accent{color:var(--clay-700);background:var(--clay-100);border-color:transparent}.tag--ink{color:var(--paper-50);background:var(--ink-900);border-color:var(--ink-900)}.tag--ink:before{content:none}[data-theme=dark] .tag--accent{color:var(--accent-strong);background:color-mix(in srgb,var(--accent) 18%,transparent)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);background:var(--clay-100);color:var(--clay-700);font-family:var(--font-ui);font-weight:var(--weight-semibold);flex-shrink:0;overflow:hidden}.avatar--md{width:40px;height:40px;font-size:16px}.avatar--lg{width:56px;height:56px;font-size:22px}.avatar--xl{width:72px;height:72px;font-size:29px}[data-theme=dark] .avatar{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-strong)}.eyebrow{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:var(--weight-semibold);margin:0}.eyebrow--accent{color:var(--accent-strong)}.eyebrow--faint{color:var(--text-muted)}.hero{padding:var(--space-10) 0 var(--space-7);border-bottom:1px solid var(--border-default)}.hero__title{font-family:var(--font-serif);font-weight:var(--weight-semibold);font-size:var(--text-4xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:14px 0 18px;max-width:18ch}.hero__lede{font-family:var(--font-body);font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--text-muted);margin:0;max-width:58ch}.home-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--space-8);align-items:start;padding-bottom:var(--space-8)}.tag-row{display:flex;gap:8px;flex-wrap:wrap;padding:var(--space-6) 0 var(--space-2)}.post-list{padding-top:var(--space-3)}.post-card{display:block;text-decoration:none;color:inherit;border-bottom:1px solid var(--border-default);padding:22px 0;transition:box-shadow var(--dur-base) var(--ease-out)}.post-card__meta{display:flex;align-items:center;gap:10px;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:10px}.post-card__num{font-family:var(--font-code);color:var(--accent-strong);font-weight:var(--weight-medium)}.post-card__meta .sep{opacity:.4}.post-card__title{font-family:var(--font-heading);font-weight:var(--weight-semibold);font-size:var(--text-xl);line-height:var(--leading-snug);letter-spacing:var(--tracking-snug);color:var(--text-strong);margin:0 0 8px;transition:color var(--dur-fast) var(--ease-out)}.post-card:hover .post-card__title{color:var(--accent-strong)}.post-card__excerpt{font-family:var(--font-body);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-muted);margin:0 0 14px;max-width:60ch}.post-card__tags{display:flex;flex-wrap:wrap;gap:8px}.post-card--feature{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:26px 28px;margin-bottom:var(--space-4)}.post-card--feature:hover{box-shadow:var(--shadow-md)}.post-card--feature .post-card__title{font-size:var(--text-2xl)}.post-card__cover{margin-bottom:18px}.cover{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-default);display:flex;align-items:center;justify-content:center}.cover__glyph{font-family:var(--font-serif);font-weight:var(--weight-semibold);line-height:1;opacity:.22;user-select:none}.cover__tag{position:absolute;left:18px;top:15px;font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;font-weight:var(--weight-semibold);opacity:.82}.cover--performance{background:var(--clay-100);color:var(--clay-700)}.cover--rendering{background:var(--ink-900);color:var(--clay-300)}.cover--javascript{background:var(--warn-bg);color:var(--warn-fg)}.cover--images{background:var(--info-bg);color:var(--info-fg)}.cover--css{background:var(--tip-bg);color:var(--tip-fg)}.cover--components{background:var(--code-bg);color:var(--syntax-func)}.cover--craft{background:var(--surface-sunken);color:var(--accent-strong)}.cover--default{background:var(--surface-sunken);color:var(--text-muted)}.sidebar{position:sticky;top:84px;display:flex;flex-direction:column;gap:var(--space-5)}.sidebar__section{border-top:1px solid var(--border-default);padding-top:var(--space-5)}.sidebar__tags{display:flex;flex-wrap:wrap;gap:8px}.newsletter{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:24px 26px}.newsletter h3{font-family:var(--font-serif);font-weight:var(--weight-semibold);font-size:var(--text-xl);color:var(--text-strong);margin:0 0 6px}.newsletter p{font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-muted);margin:0 0 16px}.newsletter__form{display:flex;gap:10px;flex-wrap:wrap}.newsletter__field{flex:1;min-width:200px}.newsletter__done{font-family:var(--font-ui);color:var(--tip-fg);font-weight:var(--weight-medium)}.newsletter__error{font-family:var(--font-ui);color:var(--danger-fg);font-size:var(--text-sm);margin:8px 0 0}.input{display:inline-flex;align-items:center;gap:8px;width:100%;background:var(--surface-card);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:9px 12px;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--clay-100)}[data-theme=dark] .input:focus-within{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}.input input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-ui);font-size:var(--text-base);color:var(--text-strong)}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:30;pointer-events:none}.reading-progress__bar{height:100%;width:0;background:var(--accent);transition:width 80ms linear}.back-link{display:inline-flex;align-items:center;gap:7px;background:none;border:none;cursor:pointer;text-decoration:none;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-6) 0 0}.back-link:hover{color:var(--text-strong)}.back-link svg{width:15px;height:15px}.article-head{max-width:var(--content-width);margin:var(--space-5) auto var(--space-6)}.article-head__tags{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.article-head__title{font-family:var(--font-serif);font-weight:var(--weight-semibold);font-size:var(--text-4xl);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:0 0 18px}.article-head__lede{font-family:var(--font-body);font-style:italic;font-size:var(--text-xl);line-height:var(--leading-snug);color:var(--text-muted);margin:0 0 24px}.byline{display:flex;align-items:center;gap:12px;padding-bottom:var(--space-5);border-bottom:1px solid var(--border-default)}.byline__meta{font-family:var(--font-ui);font-size:var(--text-sm)}.byline__name{color:var(--text-strong);font-weight:var(--weight-semibold)}.byline__sub{color:var(--text-muted)}.byline__actions{margin-left:auto;display:flex;gap:6px;color:var(--text-muted)}.article-cover{max-width:var(--content-width);margin:0 auto var(--space-7)}.article-grid{display:grid;grid-template-columns:minmax(0,1fr);max-width:var(--content-width);margin:0 auto}.toc-rail{display:none}.article-grid>.prose{padding-bottom:var(--space-10)}@media(min-width:1160px){.article-grid{max-width:none;grid-template-columns:minmax(0,1fr) var(--content-width) minmax(0,1fr);align-items:start;column-gap:0}.toc-rail{display:block;justify-self:end;width:220px;padding-right:40px}.article-grid>.prose{grid-column:2}}.toc__inner{position:sticky;top:96px}.toc__label{margin-bottom:14px}.toc__nav{display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--border-default)}.toc__nav a{font-family:var(--font-ui);font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--text-muted);padding:5px 0 5px 14px;margin-left:-1px;border-left:2px solid transparent;text-decoration:none;cursor:pointer;transition:color var(--dur-fast) var(--ease-out)}.toc__nav a:hover{color:var(--text-body)}.toc__nav a.is-active{color:var(--accent);font-weight:var(--weight-semibold);border-left-color:var(--accent)}.article-foot{max-width:var(--content-width);margin:0 auto;padding-top:var(--space-6);border-top:1px solid var(--border-default);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.article-foot__bio{font-family:var(--font-ui)}.article-foot__name{color:var(--text-strong);font-weight:var(--weight-semibold)}.article-foot__desc{color:var(--text-muted);font-size:var(--text-sm);max-width:46ch}.article-foot__action{margin-left:auto}.callout{display:flex;gap:12px;border-radius:var(--radius-md);padding:14px 16px;margin:var(--space-6) 0;font-family:var(--font-ui);border:1px solid;border-left-width:3px}.callout__badge{flex-shrink:0;width:22px;height:22px;border-radius:var(--radius-pill);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;line-height:1;margin-top:1px}.callout__title{font-weight:var(--weight-semibold);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:4px}.callout__body{color:var(--text-body);font-size:var(--text-base);line-height:var(--leading-normal)}.callout__body :last-child{margin-bottom:0}.callout--note{background:var(--info-bg);border-color:var(--info-line);border-left-color:var(--info-fg)}.callout--note .callout__title{color:var(--info-fg)}.callout--note .callout__badge{background:var(--info-fg)}.callout--tip{background:var(--tip-bg);border-color:var(--tip-line);border-left-color:var(--tip-fg)}.callout--tip .callout__title{color:var(--tip-fg)}.callout--tip .callout__badge{background:var(--tip-fg)}.callout--warning{background:var(--warn-bg);border-color:var(--warn-line);border-left-color:var(--warn-fg)}.callout--warning .callout__title{color:var(--warn-fg)}.callout--warning .callout__badge{background:var(--warn-fg)}.callout--danger{background:var(--danger-bg);border-color:var(--danger-line);border-left-color:var(--danger-fg)}.callout--danger .callout__title{color:var(--danger-fg)}.callout--danger .callout__badge{background:var(--danger-fg)}.code-wrap{position:relative}.code-wrap .code-copy{position:absolute;top:10px;right:10px;border:1px solid var(--code-line);background:var(--code-surface);color:var(--code-fg);opacity:.65;border-radius:var(--radius-sm);font-family:var(--font-ui);font-size:var(--text-xs);padding:3px 8px;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.code-wrap:hover .code-copy,.code-wrap .code-copy:focus-visible{opacity:1}.code-wrap .code-copy.is-copied{opacity:1;color:var(--syntax-string)}.prose .astro-code{background:var(--code-bg)!important;border:1px solid var(--code-line);border-radius:var(--radius-lg);margin:var(--space-6) 0;padding:16px;overflow-x:auto;font-family:var(--font-code);font-size:var(--text-sm);line-height:1.7}.prose .astro-code code{font-family:var(--font-code)}:root{--astro-code-foreground: var(--code-fg);--astro-code-background: var(--code-bg);--astro-code-token-constant: var(--syntax-number);--astro-code-token-string: var(--syntax-string);--astro-code-token-string-expression: var(--syntax-string);--astro-code-token-comment: var(--syntax-comment);--astro-code-token-keyword: var(--syntax-keyword);--astro-code-token-function: var(--syntax-func);--astro-code-token-parameter: var(--code-fg);--astro-code-token-punctuation: var(--syntax-punc);--astro-code-token-link: var(--syntax-func)}.about-main{max-width:var(--content-width);margin:0 auto;padding:var(--space-10) 28px 0;width:100%}.about-head{display:flex;align-items:center;gap:18px;margin-bottom:var(--space-7)}.about-head h1{font-family:var(--font-serif);font-weight:var(--weight-semibold);font-size:var(--text-3xl);letter-spacing:var(--tracking-tight);color:var(--text-strong);margin:0}.about-tags{display:flex;gap:8px;flex-wrap:wrap;margin:var(--space-6) 0}.about-actions{display:flex;gap:10px;margin-bottom:var(--space-8);flex-wrap:wrap}.colophon-block{border-top:1px solid var(--border-default);padding-top:var(--space-5);font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-muted);line-height:1.9}@media(max-width:860px){.home-grid{grid-template-columns:1fr}.sidebar{position:static}.hero__title{font-size:var(--text-3xl)}}@media(max-width:560px){.wrap,.site-header__inner,.site-footer__inner{padding-left:18px;padding-right:18px}.article-head__title,.hero__title{font-size:var(--text-3xl);word-break:break-word}.site-nav{margin-left:0}.site-nav a{padding:6px 8px}.brand__word{font-size:18px}.site-header__inner{gap:10px}.header-actions{gap:2px}.ghost-ico{width:30px;height:30px}}@media(max-width:420px){.header-actions a[href="/rss.xml"]{display:none}}.search-overlay{position:fixed;inset:0;z-index:60;background:color-mix(in srgb,var(--ink-900) 48%,transparent);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px}.search-modal{width:100%;max-width:560px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.search-input{display:flex;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid var(--border-default);color:var(--text-muted)}.search-input input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-ui);font-size:var(--text-md);color:var(--text-strong)}.search-input kbd{font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-faint);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:2px 6px}.search-results{list-style:none;margin:0;padding:6px;max-height:52vh;overflow-y:auto}.search-results li{margin:0}.search-result{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:var(--radius-md);text-decoration:none}.search-result.is-active,.search-result:hover{background:var(--surface-sunken)}.search-result__title{font-family:var(--font-serif);font-weight:var(--weight-semibold);color:var(--text-strong);font-size:var(--text-md)}.search-result__meta{font-family:var(--font-ui);font-size:var(--text-xs);color:var(--text-muted)}.search-empty{padding:16px 12px;font-family:var(--font-ui);font-size:var(--text-sm);color:var(--text-muted)}.post-nav{max-width:var(--content-width);margin:var(--space-7) auto 0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.post-nav__link{display:flex;flex-direction:column;gap:5px;padding:16px 18px;border:1px solid var(--border-default);border-radius:var(--radius-lg);text-decoration:none;transition:box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.post-nav__link:hover{box-shadow:var(--shadow-sm);border-color:var(--border-strong)}.post-nav--next{text-align:right}.post-nav__dir{font-family:var(--font-ui);font-size:var(--text-xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-faint)}.post-nav__title{font-family:var(--font-serif);font-weight:var(--weight-semibold);color:var(--text-strong);font-size:var(--text-md);line-height:var(--leading-snug)}.post-nav__link:hover .post-nav__title{color:var(--accent-strong)}.related{max-width:var(--content-width);margin:var(--space-8) auto 0}.related__label{margin-bottom:0}@media(max-width:560px){.post-nav{grid-template-columns:1fr}.post-nav--next{text-align:left}}