:root{color-scheme:light;--bg:#f8fafc;--bg-glow:#ffffff;--surface:#ffffff;--surface-input:#f4f7fb;--text:#0f172a;--muted:#64748b;--border:#dbe3ee;--accent:#2563eb;--accent-text:#ffffff;--accent-surface:#eaf1ff;--success:#0f766e;--danger:#b42318;--modal-body:#0f172a;--hero-start:#ebf2ff;--hero-end:#f5f8ff;--quote-bg:#f6f8fc;--quote-border:#d9e3f1;--code-bg:#111827;--detail-header-bg:#f4f7fb;--detail-copy:#334155;--toc-text:#475569;--toc-active-bg:#e7efff;--toc-active-text:#1d4ed8;--switch-off-bg:#f4f7fb;--switch-off-border:#dbe3ee;--switch-on-bg:#d8e5ff;--switch-on-border:#c6d8ff;--switch-dot:#0f172a;--home-thumb-1:#e8f0ff;--home-thumb-2:#f3f6fb;--home-thumb-3:#1f2937;--home-thumb-4:#ff8a34;--home-thumb-5:#dce7f7;--home-series-bg:#f7faff;--home-series-chip-bg:#edf3ff;--home-series-chip-text:#4b5563;--home-series-preview-bg:#f2f6ff;--home-series-preview-text:#475569;--shadow:0 8px 24px rgba(15,23,42,.08);--detail-bg:#f8fafc;--detail-header-title:#0f172a;--detail-title:#0f172a;--detail-muted:#64748b;--detail-lead:#334155;--detail-meta-text:#475569;--detail-separator:#94a3b8;--detail-avatar:#dce7f7;--detail-card-border:#dbe3ee;--detail-row-border:#e7edf5;--detail-row-title:#1f2937;--detail-header-border:#d9e2ef;--detail-icon-border:#d3dde9;--detail-toc-inactive-bg:#f5f8fc;--scrollbar-track:#e9edf4;--scrollbar-thumb:#9fb3d8;--scrollbar-thumb-hover:#7f9bcf;--font-display:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif;--font-body:"Pretendard Variable","Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Segoe UI",sans-serif;--detail-main-max-width:868px;--detail-side-width:300px;--detail-side-min-width:220px;--detail-side-fluid-width:clamp(var(--detail-side-min-width),24vw,var(--detail-side-width));--detail-layout-gap:clamp(16px,2.4vw,24px);--detail-inline-gutter:clamp(16px,3.2vw,32px);--page-content-max-width:1024px;--home-shell-max-width:var(--page-content-max-width);--site-header-height:52px}:root[data-theme=dark]{color-scheme:dark;--bg:#111111;--bg-glow:#1b1b1b;--surface:#1a1a1a;--surface-input:#111111;--text:#ffffff;--muted:#b8b9b6;--border:#2e2e2e;--accent:#8ab4ff;--accent-text:#0f172a;--accent-surface:#1f2f4c;--success:#b6ffce;--danger:#ff5c33;--modal-body:#e5e5e5;--hero-start:#1f2736;--hero-end:#252c38;--quote-bg:#1a1d24;--quote-border:#2e2e2e;--code-bg:#0f172a;--detail-header-bg:#161a1d;--detail-copy:#d3d7dc;--toc-text:#c1c8cf;--toc-active-bg:#24395c;--toc-active-text:#d8e7ff;--switch-off-bg:#111111;--switch-off-border:#2e2e2e;--switch-on-bg:#2e2e2e;--switch-on-border:#2e2e2e;--switch-dot:#ffffff;--home-thumb-1:#2a3037;--home-thumb-2:#20262d;--home-thumb-3:#f3f4f6;--home-thumb-4:#ff8400;--home-thumb-5:#313843;--home-series-bg:#1a2028;--home-series-chip-bg:#222b35;--home-series-chip-text:#c4d0de;--home-series-preview-bg:#1f2730;--home-series-preview-text:#d6dee8;--detail-bg:#111111;--detail-header-title:#f5f7fa;--detail-title:#f3f4f6;--detail-muted:#aab0b6;--detail-lead:#c1c7ce;--detail-meta-text:#c8d0d7;--detail-separator:#8a9198;--detail-avatar:#39414b;--detail-card-border:#2e343a;--detail-row-border:#2f353c;--detail-row-title:#d8dee5;--detail-header-border:#2e343a;--detail-icon-border:#2e343a;--detail-toc-inactive-bg:#161a1d;--scrollbar-track:#1c2330;--scrollbar-thumb:#4f6d9f;--scrollbar-thumb-hover:#6f8ec5}html{min-height:100%;overflow-y:scroll;scrollbar-gutter:stable;accent-color:var(--accent)}*,html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:3px solid var(--scrollbar-track)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}*,:after,:before{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--bg);color:var(--text);font-family:var(--font-body);transition:background-color .16s ease-out,color .16s ease-out}#root{width:100%}.app-layout{min-height:100vh;display:flex;flex-direction:column}.site-footer{margin-top:auto;border-top:1px solid var(--detail-header-border);background:var(--detail-header-bg)}.site-footer-inner{width:100%;max-width:var(--home-shell-max-width);margin:0 auto;padding:74px var(--detail-inline-gutter);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.site-footer-copy{margin:0;color:var(--detail-title);font-size:13px;font-weight:600;line-height:1.5}.site-footer-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-start;color:var(--detail-muted);font-size:13px;line-height:1.5;margin-left:auto}.site-footer-links{display:inline-flex;align-items:center;gap:14px;flex-wrap:wrap}.site-footer-link{color:var(--detail-muted);text-decoration:none;font:inherit;font-size:13px;font-weight:600;background:transparent;border:none;padding:0;cursor:pointer}.site-footer-link:hover{color:var(--text)}.site-footer-link:focus-visible,.site-footer-rss:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-footer-rss{width:30px;height:30px;border:1px solid var(--detail-icon-border);border-radius:999px;color:var(--detail-title);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--surface)}.site-footer-rss:hover{color:var(--text);filter:brightness(1.03)}button,input,select,textarea{font:inherit}.theme-toggle{min-height:44px;padding:0 6px;border:none;background:transparent;color:var(--text);gap:10px;border-radius:999px;cursor:pointer;font-family:var(--font-body);font-size:14px}.theme-toggle,.theme-track{display:inline-flex;align-items:center}.theme-track{width:32px;height:20px;padding:0 4px;border:1px solid var(--switch-off-border);border-radius:999px;background:var(--switch-off-bg);transition:background-color .18s ease-out,border-color .18s ease-out}.theme-dot{width:12px;height:12px;border-radius:999px;background:var(--switch-dot);color:var(--surface);transform:translate(0);transition:transform .18s ease-out;display:inline-flex;align-items:center;justify-content:center}.theme-dot-icon{width:0;height:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-toggle.is-active .theme-track{background:var(--switch-on-bg);border-color:var(--switch-on-border)}.theme-toggle.is-active .theme-dot{transform:translate(12px)}.theme-label{color:var(--text);font-size:14px}.theme-toggle:focus-visible{outline:none}.theme-toggle:focus-visible .theme-track{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle.compact{min-height:34px;padding:0}@media (prefers-reduced-motion:reduce){.theme-dot,.theme-track,body{transition:none}}@media (max-width:700px){.site-footer-inner{padding:56px var(--detail-inline-gutter)}.site-footer-meta{width:100%;justify-content:flex-start;margin-left:0}}.detail-page{width:100%;margin:0;padding-top:calc(var(--site-header-height) + 22px);display:flex;flex-direction:column;gap:24px;background:var(--detail-bg);font-family:var(--font-body)}.detail-header{position:fixed;top:0;left:0;right:0;z-index:30;width:100%;min-height:52px;padding:4px 0;border-bottom:1px solid var(--detail-header-border);background:var(--detail-header-bg)}.detail-header-inner{width:100%;max-width:var(--home-shell-max-width);height:44px;margin:0 auto;padding:0 var(--detail-inline-gutter);display:flex;align-items:center}.detail-header-content{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-title-link{width:-moz-fit-content;width:fit-content;max-width:58vw;height:44px;border:none;background:transparent;color:var(--detail-header-title);font-family:var(--font-body);font-size:20px;font-weight:700;line-height:1.2;display:inline-flex;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;cursor:pointer}.detail-header-actions,.detail-title-link{flex:0 0 auto;min-width:0;align-items:center}.detail-header-actions{width:auto;max-width:100%;display:flex;justify-content:flex-end;gap:8px;min-height:30px}.social-icon-btn{width:30px;height:30px;border:1px solid var(--detail-icon-border);border-radius:999px;background:var(--surface);color:var(--detail-header-title);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.social-icon{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.detail-wrap{width:100%;max-width:var(--home-shell-max-width);margin:0 auto;padding:30px var(--detail-inline-gutter) 0}.detail-left-spacer{display:none}.detail-main{width:100%;max-width:var(--detail-main-max-width);min-width:0;display:flex;flex-direction:column;gap:20px;padding-bottom:clamp(56px,8vw,96px)}.detail-category{display:flex;align-items:center;gap:8px;color:var(--detail-muted);font-family:var(--font-body);font-size:14px;font-weight:500}.detail-category-link{border:none;background:transparent;padding:0;color:var(--detail-muted);font:inherit;cursor:pointer}.detail-category strong,.detail-category-link-current{color:var(--detail-title);font-weight:600}.detail-category-sep{color:var(--detail-separator)}.detail-post-title{color:var(--detail-title);font-size:clamp(28px,3.8vw,38px);font-weight:700;line-height:1.25}.detail-lead,.detail-post-title{margin:0;font-family:var(--font-body)}.detail-lead{color:var(--detail-lead);font-size:clamp(15px,1.6vw,18px);line-height:1.55}.detail-meta{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:7px 11px;border-radius:12px;background:var(--surface-input);color:var(--detail-meta-text);font-family:var(--font-body);font-size:13px}.detail-author-name,.detail-avatar{font-weight:600}.detail-avatar{width:24px;height:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:999px;background:var(--detail-avatar);color:var(--detail-title);font-size:11px;line-height:1;text-transform:uppercase}img.detail-avatar{object-fit:cover;background:transparent}.detail-meta-sep{color:var(--detail-separator)}.detail-content-separator{width:100%;border:none;border-top:1px solid var(--detail-card-border);margin:2px 0 6px}.article-body{display:flex;flex-direction:column;gap:12px}.article-body h2,.article-body h3{margin:0;color:var(--detail-title);font-family:var(--font-body);font-weight:700;line-height:1.35;scroll-margin-top:90px;padding-top:14px}.article-body h2{font-size:clamp(21px,2.4vw,27px);margin-top:22px}.article-body h3{font-size:clamp(18px,2vw,22px);margin-top:18px}.article-body h2:first-child,.article-body h3:first-child{margin-top:0;padding-top:14px}.article-body li,.article-body p{margin:0;color:var(--detail-copy);font-size:clamp(16px,1.7vw,18px);line-height:1.75;word-break:keep-all;overflow-wrap:break-word}.article-image-block{margin:8px 0 12px;border:none;border-radius:0;background:transparent;padding:0;display:block;overflow:visible}.article-image-block a{display:inline-flex;justify-content:center}.article-image{display:block;width:auto;max-width:min(100%,760px);height:auto;max-height:460px;object-fit:contain;opacity:1;filter:none;transform:scale(1);transition:opacity .26s ease-out,filter .26s ease-out,transform .26s ease-out}.article-image.is-loading{opacity:.88;filter:blur(8px);transform:scale(1.006)}.article-image.is-loaded{opacity:1;filter:blur(0);transform:scale(1)}.article-body ol,.article-body ul{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:8px}.article-body blockquote{border:1px solid var(--quote-border);background:var(--quote-bg);color:var(--toc-text);font-size:16px;font-style:italic;line-height:1.65}.article-body blockquote,.article-body pre{margin:0;border-radius:8px;padding:14px 16px}.article-body pre{background:var(--code-bg);overflow:auto}.article-body code{font-family:var(--font-body);font-size:14px}.article-body pre code{color:#e5e7eb;font-size:15px;line-height:1.6;white-space:pre}.detail-post-list{display:flex;flex-direction:column;gap:12px;margin-top:clamp(10px,1.8vw,14px)}.detail-article-separator{width:100%;height:0;border:none;border-top:1px solid var(--detail-card-border);margin:clamp(12px,2vw,16px) 0 0}.detail-post-list-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.detail-post-list-heading{min-width:0;display:flex;flex-direction:column;gap:8px}.detail-post-list h3{margin:0;color:var(--detail-title);font-family:var(--font-body);font-size:clamp(19px,2.4vw,23px);font-weight:700}.detail-post-list-description{margin:-8px 0 0;color:var(--detail-muted);font-size:13px;font-weight:500}.detail-post-list-card{border:1px solid var(--detail-card-border);border-radius:12px;background:var(--surface);overflow:hidden}.detail-post-list-more{width:-moz-fit-content;width:fit-content;min-height:36px;border:1px solid var(--detail-card-border);border-radius:999px;background:var(--surface);color:var(--detail-title);padding:0 14px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .16s ease-out,border-color .16s ease-out,filter .16s ease-out}.detail-post-list-empty{margin:0;padding:16px 14px;color:var(--detail-muted);font-size:14px}.detail-post-row{width:100%;min-height:82px;border:none;border-bottom:1px solid var(--detail-row-border);background:transparent;color:var(--detail-row-title);padding:14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-column-gap:12px;column-gap:12px;align-items:center;text-align:left;font-size:15px;line-height:1.35;cursor:pointer;transition:background-color .16s ease-out}.detail-post-row:last-child{border-bottom:none}.detail-post-row.is-current{background:color-mix(in srgb,var(--accent) 17%,var(--surface))}.detail-post-row-order{width:34px;height:34px;border-radius:999px;border:1px solid var(--detail-card-border);display:inline-flex;align-items:center;justify-content:center;color:var(--detail-muted);white-space:nowrap;font-size:12px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.detail-post-row-copy{min-width:0;display:flex;flex-direction:column;gap:5px}.detail-post-row-title{color:var(--detail-row-title);min-width:0;font-weight:600;letter-spacing:-.01em}.detail-post-row-summary,.detail-post-row-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-post-row-summary{color:var(--detail-muted);font-size:13px;line-height:1.45}.detail-post-row-date{color:var(--detail-muted);white-space:nowrap;font-size:12px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;width:auto;min-width:78px;text-align:right;justify-self:end}.detail-share{margin-top:12px;margin-bottom:0;display:inline-flex;flex-direction:column;align-items:flex-start;gap:8px}.detail-share-btn{min-height:38px;border:1px solid var(--detail-card-border);border-radius:999px;background:var(--surface);color:var(--detail-title);font-size:13px;font-weight:600;padding:0 14px;cursor:pointer;transition:border-color .16s ease-out,background-color .16s ease-out,filter .16s ease-out}.detail-share-toast{margin:0;position:fixed;left:50%;top:calc(var(--site-header-height) + 14px);transform:translate(-50%,-10px);border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:13px;font-weight:600;line-height:1.3;padding:8px 14px;box-shadow:var(--shadow);z-index:110;opacity:0;transition:opacity .16s ease-out,transform .16s ease-out;pointer-events:none}.detail-share-toast.is-visible{opacity:1;transform:translate(-50%)}.detail-side{display:none;width:100%;max-width:var(--detail-side-fluid-width);align-self:start;position:fixed;top:calc(var(--site-header-height) + 42px);right:var(--detail-inline-gutter);z-index:8}.detail-toc{display:flex;flex-direction:column;gap:8px;background:transparent;position:static;max-height:calc(100dvh - 76px);overflow:auto;padding-right:4px}.detail-toc h3{margin:0;color:var(--detail-title);font-family:var(--font-body);font-size:20px;font-weight:700}.detail-toc-item{display:flex;align-items:center;min-height:30px;border-radius:6px;color:var(--toc-text);background:var(--detail-toc-inactive-bg);text-decoration:none;padding:0 8px;font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-toc-item[data-level="3"]{padding-left:14px;font-size:13px}.detail-toc-item.is-active{background:var(--toc-active-bg);color:var(--toc-active-text);font-weight:600}.detail-toc-empty{margin:0;color:var(--detail-muted);font-size:13px}.detail-footer-spacer{height:128px}.detail-category-link:hover,.detail-title-link:hover,.detail-toc-item:hover,.social-icon-btn:hover{filter:brightness(1.05)}.detail-post-list-more:hover,.detail-share-btn:hover{border-color:var(--detail-icon-border);background:var(--surface-input)}.detail-post-list-more:focus-visible,.detail-post-row:focus-visible,.detail-share-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.detail-header .theme-toggle.compact{min-height:24px;min-width:44px;padding:0}.detail-header .theme-track{width:44px;height:24px;padding:0 4px;border-radius:12px;border-color:var(--detail-icon-border);background:var(--surface)}.detail-header .theme-dot{width:16px;height:16px;transform:translate(16px);background:var(--switch-dot)}.detail-header .theme-toggle.is-active .theme-dot{transform:translate(0)}.detail-header .theme-dot-icon{width:10px;height:10px}@media (prefers-reduced-motion:reduce){.detail-post-list-more,.detail-post-row,.detail-share-btn,.detail-share-toast,.theme-dot,.theme-track{transition:none}}@media (max-width:1100px){.detail-main{width:100%;max-width:var(--detail-main-max-width)}.detail-side,.detail-toc{display:none}}@media (min-width:1500px){.detail-side{display:block}}@media (max-width:900px){.detail-post-row{grid-template-columns:auto 1fr;align-items:flex-start;row-gap:8px;padding:12px 14px;min-height:0}.detail-post-row-date{grid-column:2;text-align:left;justify-self:start;width:auto;min-width:0;font-size:11px}.detail-post-row-summary,.detail-post-row-title{white-space:normal;overflow:visible;text-overflow:clip}}@media (max-width:560px){.detail-header{padding:4px 0}.detail-header-inner{height:44px}.detail-title-link{font-size:18px}.detail-header-actions{min-width:0}.detail-post-list-header{flex-direction:column;align-items:stretch}.detail-post-list-more{width:100%}}@media (max-width:420px){.detail-header-inner{padding:0 12px}.detail-wrap{padding:18px 12px 0}.detail-title-link{font-size:17px}.detail-header-content{gap:8px}.detail-header-actions{gap:6px}.social-icon-btn{width:26px;height:26px}.social-icon{width:13px;height:13px}.detail-header .theme-track{width:40px;height:22px;padding:0 3px}.detail-header .theme-dot{width:14px;height:14px;transform:translate(15px)}}@media (max-width:320px){.detail-header-inner{padding:0 10px}.detail-wrap{padding:16px 10px 0}.detail-title-link{font-size:16px}.detail-header-actions{gap:4px}.social-icon-btn{width:24px;height:24px}.detail-header .theme-track{width:36px;height:20px}.detail-header .theme-dot{width:12px;height:12px;transform:translate(14px)}}.landing-page{--home-shell-max-width:var(--page-content-max-width);--home-card-border:var(--detail-card-border);margin:0;padding-top:calc(var(--site-header-height) + 8px);gap:20px;background:var(--detail-bg);font-family:var(--font-body)}.landing-content-wrap,.landing-page{width:100%;display:flex;flex-direction:column}.landing-content-wrap{max-width:var(--home-shell-max-width);margin:0 auto;padding:40px var(--detail-inline-gutter) 56px;gap:34px}.landing-page :is(.landing-hero-title,.landing-hero-body,.landing-section-title,.landing-section-subtitle,.landing-article-tag,.landing-article-title,.landing-article-summary,.landing-article-empty,.landing-side-card h3,.landing-side-header p,.landing-side-link,.landing-side-text,.landing-side-empty,.landing-series-title,.landing-series-card h3,.landing-series-card p,.landing-series-preview li,.landing-series-count){word-break:keep-all;overflow-wrap:break-word}.home-header{position:fixed;top:0;left:0;right:0;z-index:80;width:100%;min-height:var(--site-header-height);padding:4px 0;border-bottom:1px solid var(--detail-header-border);background:var(--detail-header-bg)}.home-header-inner{max-width:var(--home-shell-max-width);height:44px;margin:0 auto;padding:0 var(--detail-inline-gutter)}.home-header-content,.home-header-inner{width:100%;display:flex;align-items:center}.home-header-content{min-width:0;justify-content:space-between;gap:12px}.home-title-link{flex:0 0 auto;width:-moz-fit-content;width:fit-content;min-width:0;max-width:58vw;height:44px;border:none;background:transparent;color:var(--detail-header-title);font-family:var(--font-body);font-size:20px;font-weight:700;line-height:1.2;display:inline-flex;align-items:center;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;cursor:pointer}.home-header-spacer{flex:1 1 auto;min-width:8px}.home-header-actions{flex:0 0 auto;width:auto;min-width:0;max-width:100%;display:flex;align-items:center;justify-content:flex-end;gap:8px;min-height:34px}.home-about-btn{min-height:32px;border:1px solid var(--detail-icon-border);border-radius:999px;background:var(--surface);color:var(--text);font-size:12px;font-weight:600;padding:0 12px;cursor:pointer;white-space:nowrap}.home-header .social-icon-btn{width:32px;height:32px}.home-header .social-icon{width:14px;height:14px}.home-header .theme-toggle.compact{min-height:32px;min-width:46px;padding:0}.home-header .theme-track{width:44px;height:24px;padding:0 4px;border-radius:12px;border-color:var(--detail-icon-border);background:var(--surface)}.home-header .theme-dot{width:16px;height:16px;transform:translate(16px);background:var(--switch-dot)}.home-header .theme-toggle.is-active .theme-dot{transform:translate(0)}.home-header .theme-dot-icon{width:10px;height:10px}.landing-hero{position:relative;width:100%;height:280px;margin:0;display:flex;align-items:center;gap:64px;cursor:pointer}.landing-hero-left{width:min(100%,440px);height:100%;min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding-top:24px}.landing-hero-copy{display:flex;flex-direction:column;gap:16px}.landing-hero-title{margin:0;color:var(--text);font-size:36px;font-weight:700;line-height:1.35}.landing-hero-body{margin:0;color:var(--muted);font-size:17px;line-height:1.6}.landing-hero-nav{width:112px;margin-top:8px;display:flex;align-items:center;gap:16px;height:48px}.landing-hero-nav-btn{padding:0;width:48px;height:48px;border:1px solid var(--home-card-border);border-radius:999px;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.landing-hero-visual{position:relative;width:520px;height:280px;border-radius:16px;overflow:hidden;flex-shrink:0}.landing-hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .24s ease-in-out}.landing-hero-slide.is-active{opacity:1}.landing-hero-slide img{display:block;width:100%;height:100%;object-fit:cover}.landing-hero-nav-btn img{width:24px;height:24px}.landing-section-top{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:20px;gap:20px}.landing-left-col{display:flex;flex-direction:column;gap:20px;min-width:0}.landing-section-title{margin:0;color:var(--text);font-family:var(--font-body);font-size:clamp(23px,2.4vw,27px);font-weight:700;line-height:1.2}.landing-section-subtitle{margin:-2px 0 0;color:var(--detail-muted);font-size:14px;line-height:1.45}.landing-category-filter{display:flex;flex-wrap:wrap;gap:8px}.landing-category-chip{min-height:34px;border:1px solid var(--home-card-border);border-radius:999px;background:var(--surface);color:var(--detail-muted);padding:0 12px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .18s ease-out,color .18s ease-out,filter .18s ease-out}.landing-category-chip.is-active{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.landing-category-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--surface-input);color:var(--detail-muted);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;line-height:1}.landing-category-chip.is-active .landing-category-count{background:color-mix(in srgb,var(--accent-text) 20%,transparent);color:var(--accent-text)}.landing-article-list{display:flex;flex-direction:column;gap:16px}.landing-article-row{width:100%;border:1px solid var(--home-card-border);border-radius:14px;padding:15px 16px;display:grid;grid-template-columns:minmax(0,1fr) 156px;align-items:center;grid-column-gap:16px;column-gap:16px;text-align:left;background:var(--surface);overflow:visible;cursor:pointer;transition:background-color .18s ease-out,border-color .18s ease-out,filter .18s ease-out}.landing-article-copy{min-width:0;display:flex;flex-direction:column;gap:8px;padding:0}.landing-article-tag{color:var(--accent);font-size:12px;font-weight:600;line-height:1.2}.landing-article-title{color:var(--text);font-size:clamp(19px,2vw,23px);font-weight:700;line-height:1.4;white-space:normal}.landing-article-summary{color:var(--muted);font-size:14px;line-height:1.5;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.landing-article-thumb{width:156px;height:104px;border-radius:10px;background:var(--home-thumb-1);overflow:hidden;justify-self:end}.landing-article-thumb img{display:block;width:100%;height:100%;object-fit:cover}.landing-article-thumb-0{background:var(--home-thumb-1)}.landing-article-thumb-1{background:var(--home-thumb-2)}.landing-article-thumb-2{background:var(--home-thumb-3)}.landing-article-thumb-3{background:var(--home-thumb-4)}.landing-article-thumb-4{background:var(--home-thumb-5)}.landing-article-empty{border:1px dashed var(--border);border-radius:14px;background:var(--surface-input);color:var(--detail-muted);font-size:15px;line-height:1.6;padding:20px;text-align:center}.detail-pagination-dots{display:flex;flex-wrap:wrap;gap:8px}.detail-page-btn,.detail-pagination-dots{align-items:center;justify-content:center}.detail-page-btn{min-width:34px;height:34px;border:1px solid var(--home-card-border);border-radius:9px;background:var(--surface);color:var(--detail-muted);font-size:13px;font-weight:600;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:inline-flex;padding:0 10px;cursor:pointer;transition:border-color .16s ease-out,background-color .16s ease-out,color .16s ease-out}.detail-page-btn:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 40%,var(--home-card-border));background:color-mix(in srgb,var(--accent) 10%,var(--surface));color:var(--detail-title)}.detail-page-btn.is-active{border-color:var(--accent);background:var(--accent);color:var(--accent-text)}.detail-page-btn:disabled{opacity:.42;cursor:not-allowed}.detail-page-arrow{font-size:14px}.landing-right-col{width:100%;display:flex;flex-direction:column;gap:12px}.landing-side-card{border:1px solid var(--home-card-border);border-radius:16px;background:var(--surface);padding:14px;display:flex;flex-direction:column;gap:10px;transition:transform .18s ease-out,filter .18s ease-out}.landing-side-popular{min-height:268px}.landing-side-header{display:flex;flex-direction:column;gap:8px}.landing-side-card h3{margin:0;color:var(--text);font-family:var(--font-body);font-size:16px;font-weight:700;line-height:1.2}.landing-side-header p{margin:0;color:var(--detail-muted);font-size:13px;line-height:1.4}.landing-side-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.landing-side-link{width:100%;border:1px solid var(--home-card-border);border-radius:12px;background:var(--surface-input);padding:10px 12px;display:grid;grid-template-columns:38px minmax(0,1fr);grid-column-gap:10px;column-gap:10px;align-items:center;transition:filter .18s ease-out,border-color .18s ease-out;min-height:62px;font:inherit;white-space:normal;cursor:pointer}.landing-side-rank{width:38px;height:38px;border-radius:10px;background:var(--surface);border:1px solid var(--home-card-border);color:var(--detail-muted);font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.landing-side-text{display:block;color:var(--text);font-size:14px;line-height:1.45;text-align:left}.landing-side-empty{border:1px dashed var(--border);border-radius:12px;color:var(--detail-muted);background:var(--surface-input);font-size:13px;line-height:1.5;padding:14px}.landing-tech-banner{min-height:188px;justify-content:space-between;background:radial-gradient(120% 110% at 90% -10%,color-mix(in srgb,var(--home-thumb-1) 80%,transparent) 0,transparent 45%),linear-gradient(145deg,color-mix(in srgb,var(--text) 11%,var(--surface)) 0,color-mix(in srgb,var(--accent) 14%,var(--surface)) 100%)}.landing-tech-banner-eyebrow{margin:0;color:var(--detail-muted);font-size:11px;letter-spacing:.08em;font-weight:700}.landing-tech-banner-copy{margin:0;color:var(--muted);font-size:13px;line-height:1.55}.landing-tech-banner-cta{width:100%;min-height:40px;border-radius:999px;border:1px solid var(--home-card-border);background:var(--surface);color:var(--text);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:filter .18s ease-out}.landing-tech-banner-cta:hover{filter:brightness(1.03)}.landing-side-link:hover{border-color:color-mix(in srgb,var(--accent) 22%,var(--home-card-border));filter:brightness(1.02)}.landing-series{display:flex;flex-direction:column;gap:14px}.landing-series-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:wrap}.landing-series-title{margin:0;color:var(--text);font-family:var(--font-body);font-size:clamp(23px,2.3vw,27px);font-weight:700;line-height:1.2}.landing-series-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}.landing-series-card{border:1px solid var(--home-card-border);border-radius:18px;background:var(--home-series-bg);padding:14px;min-height:340px;width:100%;font:inherit;color:inherit;text-align:left;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:transform .18s ease-out,border-color .18s ease-out,filter .18s ease-out}.landing-series-card.is-active{border-color:var(--accent)}.landing-series-card:disabled{cursor:default;opacity:.94}.landing-series-image{width:100%;height:clamp(120px,14vw,170px);border-radius:12px;background:var(--home-thumb-2);overflow:hidden}.landing-series-image img{display:block;width:100%;height:100%;object-fit:cover}.landing-series-card h3{margin:0;color:var(--text);font-size:17px;font-weight:700;line-height:1.35;white-space:normal}.landing-series-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.45;white-space:normal}.landing-series-preview{margin:0;padding:10px 12px;list-style:none;display:flex;flex-direction:column;gap:6px;border-radius:12px;background:var(--home-series-preview-bg)}.landing-series-preview li{color:var(--home-series-preview-text);font-size:13px;line-height:1.45}.landing-series-count{margin-top:auto;align-self:flex-start;height:34px;padding:0 14px;border-radius:20px;background:var(--home-series-chip-bg);display:inline-flex;align-items:center;color:var(--home-series-chip-text);font-size:13px;font-weight:600}.landing-series-card-0 .landing-series-image{background:var(--home-thumb-1)}.landing-series-card-1 .landing-series-image{background:var(--home-thumb-2)}.landing-series-card-2 .landing-series-image{background:var(--home-thumb-3)}.landing-series-card-3 .landing-series-image{background:var(--home-thumb-4)}.home-about-btn:hover,.landing-category-chip:hover,.landing-hero-nav-btn:hover,.landing-hero:hover,.landing-side-link:hover{filter:brightness(1.03)}.landing-article-row:hover{border-color:color-mix(in srgb,var(--accent) 24%,var(--home-card-border));background:color-mix(in srgb,var(--surface-input) 58%,var(--surface))}.landing-series-card:hover,.landing-side-card:hover{transform:translateY(-1px)}.landing-series-card:disabled:hover{transform:none}.detail-page-btn:focus-visible,.home-about-btn:focus-visible,.landing-article-row:focus-visible,.landing-category-chip:focus-visible,.landing-hero-nav-btn:focus-visible,.landing-hero:focus-visible,.landing-series-card:focus-visible,.landing-side-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:1280px){.landing-series-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.landing-content-wrap{padding-top:36px;gap:34px}.landing-hero{width:100%;height:204px;gap:24px;align-items:center}.landing-hero-left{width:calc(100% - 356px);height:204px;padding-top:16px}.landing-hero-copy{gap:12px}.landing-hero-title{font-size:24px;line-height:1.4}.landing-hero-body{font-size:15px;line-height:1.6}.landing-hero-nav{margin-top:0}.landing-hero-visual{width:332px;height:186.75px;border-radius:12px}.landing-section-top{grid-template-columns:minmax(0,1fr);gap:20px}.landing-right-col{display:none}.landing-series-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-series-card{min-height:300px}}@media (max-width:900px){.landing-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.landing-content-wrap{padding:24px 16px 44px;gap:28px}.landing-article-row{grid-template-columns:minmax(0,1fr) 112px;column-gap:12px;padding:12px}.landing-article-thumb{width:112px;height:76px}.landing-section-title,.landing-series-title{font-size:clamp(22px,4.8vw,25px)}.landing-section-subtitle{margin-top:-2px}.landing-article-title{font-size:clamp(17px,4.1vw,19px)}.landing-series-card{min-height:0}.landing-category-filter{gap:6px}.landing-category-chip{min-height:32px;padding:0 11px;font-size:12px}}@media (max-width:700px){.landing-hero{width:100%;max-width:100%;height:auto;flex-direction:column;align-items:flex-start;gap:24px}.landing-hero-left{order:2;width:100%;height:auto;padding-top:0;gap:16px;justify-content:flex-start}.landing-hero-copy{gap:10px}.landing-hero-title{font-size:20px;line-height:1.35}.landing-hero-body{font-size:15px;line-height:1.6}.landing-hero-nav{order:2;width:104px;gap:8px;margin-top:0}.landing-hero-visual{order:1;width:100%;height:auto;aspect-ratio:16/9;border-radius:12px}}@media (max-width:560px){.landing-series-grid{grid-template-columns:1fr;gap:12px}.landing-series-toolbar{align-items:center}.landing-series-card{padding:14px;gap:10px}.landing-series-image{height:clamp(120px,38vw,180px)}}@media (max-width:420px){.landing-page :is(.landing-article-title,.landing-article-summary,.landing-series-card p,.landing-series-preview li){word-break:normal;overflow-wrap:anywhere}.landing-article-title{font-size:clamp(16px,5.3vw,17px)}.landing-article-row{grid-template-columns:minmax(0,1fr) 96px;column-gap:8px;padding:10px}.landing-article-thumb{width:96px;height:66px}.home-header-inner{padding:0 12px}.home-header-actions{min-width:108px;gap:6px}.home-header .social-icon-btn{width:30px;height:30px}.landing-category-chip{flex:1 1 auto;justify-content:center}}@media (max-width:360px){.home-header-inner{padding:0 10px}.home-title-link{font-size:16px}.home-header-actions{min-width:100px;gap:5px}}@media (max-width:320px){.landing-content-wrap{padding:20px 12px 36px}}.series-page{margin:0;padding-top:calc(var(--site-header-height) + 8px);gap:20px;background:var(--detail-bg);font-family:var(--font-body)}.series-page,.series-wrap{width:100%;display:flex;flex-direction:column}.series-wrap{max-width:var(--page-content-max-width);margin:0 auto;padding:40px var(--detail-inline-gutter) 56px;gap:28px}.series-intro{display:flex;flex-direction:column;gap:12px;max-width:840px}.series-intro-eyebrow{margin:0;display:inline-flex;align-items:center;gap:8px;color:var(--detail-muted);font-size:16px;letter-spacing:0;font-weight:500}.series-intro-title{margin:0;color:var(--detail-title);font-family:var(--font-body);font-size:clamp(32px,4.8vw,48px);line-height:1.2;font-weight:700}.series-intro-description{margin:0;color:var(--detail-lead);font-size:clamp(18px,2.1vw,20px);line-height:1.5}.series-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.series-list-card{border:1px solid var(--detail-card-border);border-radius:18px;background:var(--home-series-bg);padding:14px;min-height:344px;display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:transform .18s ease-out,border-color .18s ease-out,filter .18s ease-out}.series-list-hero{width:100%;height:clamp(124px,14vw,170px);border-radius:12px;background:var(--home-thumb-2);overflow:hidden}.series-list-hero img{display:block;width:100%;height:100%;object-fit:cover}.series-list-card h2{margin:0;color:var(--text);font-size:18px;line-height:1.35;font-weight:700}.series-list-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.series-list-preview{margin:0;padding:10px 12px;list-style:none;display:flex;flex-direction:column;gap:6px;border-radius:12px;background:var(--home-series-preview-bg)}.series-list-preview li{color:var(--home-series-preview-text);font-size:13px;line-height:1.45}.series-list-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}.series-list-footer span{display:inline-flex;align-items:center;min-height:34px;border-radius:999px;background:var(--home-series-chip-bg);color:var(--home-series-chip-text);font-size:13px;font-weight:600;padding:0 14px}.series-detail-aside button,.series-detail-post{border:1px solid var(--detail-card-border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.series-list-card-0 .series-list-hero{background:var(--home-thumb-1)}.series-list-card-1 .series-list-hero{background:var(--home-thumb-2)}.series-list-card-2 .series-list-hero{background:var(--home-thumb-3)}.series-list-card-3 .series-list-hero{background:var(--home-thumb-4)}.series-empty-state{border:1px dashed var(--border);border-radius:14px;background:var(--surface-input);color:var(--detail-muted);font-size:15px;line-height:1.6;padding:20px;text-align:center}.series-detail-layout{display:flex;flex-direction:column;gap:16px;align-items:stretch}.series-detail-left-spacer{display:none}.series-detail-main{grid-column:auto;min-width:0;display:flex;flex-direction:column;gap:16px}.series-detail-intro{border:1px solid var(--detail-card-border);border-radius:14px;background:var(--surface);padding:14px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(220px,.75fr);grid-gap:14px;gap:14px;align-items:stretch}.series-detail-intro-copy{display:flex;flex-direction:column;justify-content:center;gap:10px;min-width:0}.series-detail-intro-image{width:100%;min-height:148px;border-radius:12px;overflow:hidden;background:var(--home-thumb-2)}.series-detail-intro-image img{display:block;width:100%;height:100%;object-fit:cover}.series-detail-title{color:var(--detail-title);font-size:clamp(21px,2.2vw,28px);line-height:1.3;font-weight:700}.series-detail-description,.series-detail-title{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.series-detail-description{color:var(--detail-lead);font-size:clamp(14px,1.35vw,16px);line-height:1.45}.series-detail-posts{border:1px solid var(--detail-card-border);border-radius:14px;overflow:hidden;background:var(--surface)}.series-detail-post{width:100%;border:none;border-bottom:1px solid var(--detail-row-border);background:transparent;padding:14px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-column-gap:12px;column-gap:12px;text-align:left;transition:background-color .16s ease-out}.series-detail-post:last-child{border-bottom:none}.series-detail-order{width:34px;height:34px;border-radius:999px;border:1px solid var(--detail-card-border);display:inline-flex;align-items:center;justify-content:center;color:var(--detail-muted);font-size:12px;font-weight:700}.series-detail-copy{min-width:0;display:flex;flex-direction:column;gap:6px}.series-detail-post-title{color:var(--detail-row-title);font-size:16px;line-height:1.35;font-weight:600}.series-detail-post-summary{color:var(--detail-muted);font-size:13px;line-height:1.5}.series-detail-date{color:var(--detail-muted);font-size:12px;white-space:nowrap}.series-detail-aside{grid-column:auto;width:100%;border:1px solid var(--detail-card-border);border-radius:14px;background:var(--surface);padding:14px;display:flex;flex-direction:column;gap:10px}.series-detail-aside h2{margin:0;color:var(--detail-title);font-size:18px;line-height:1.3}.series-detail-aside ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.series-detail-aside button{width:100%;border-radius:10px;padding:10px 12px;text-align:left;display:flex;flex-direction:column;gap:4px;font-size:14px;line-height:1.4}.series-detail-aside button span{color:var(--detail-muted);font-size:12px}.series-detail-aside button:hover,.series-detail-post:hover,.series-list-card:hover{filter:brightness(1.03)}.series-list-card:hover{transform:translateY(-1px)}.series-detail-aside button:focus-visible,.series-detail-post:focus-visible,.series-list-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:1100px){.series-wrap{padding-top:36px}.series-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.series-detail-layout{gap:20px}}@media (max-width:768px){.series-wrap{padding:24px 16px 44px;gap:24px}.series-list-grid{grid-template-columns:1fr}.series-detail-post{grid-template-columns:auto minmax(0,1fr);row-gap:8px}.series-detail-intro{grid-template-columns:1fr}.series-detail-date{grid-column:2}}@media (max-width:420px){.series-wrap{padding-left:12px;padding-right:12px}.series-intro-title{font-size:clamp(28px,8vw,32px)}.series-list-card{min-height:0}}.owner-page{width:100%;margin:0;padding-top:calc(var(--site-header-height) + 8px);display:flex;flex-direction:column;gap:20px;background:var(--detail-bg);font-family:var(--font-body)}.owner-wrap{width:100%;max-width:var(--page-content-max-width);margin:0 auto;padding:40px var(--detail-inline-gutter) 56px}.owner-card{border:1px solid var(--detail-card-border);border-radius:20px;background:var(--surface);padding:clamp(18px,2.4vw,28px);display:grid;grid-template-columns:minmax(180px,280px) minmax(0,1fr);grid-gap:clamp(18px,2.4vw,30px);gap:clamp(18px,2.4vw,30px);align-items:start}.owner-image{width:100%;aspect-ratio:1/1;border-radius:18px;object-fit:cover;border:1px solid var(--detail-card-border);background:var(--surface-input)}.owner-content{display:flex;flex-direction:column;gap:14px}.owner-eyebrow{margin:0;color:var(--detail-muted);font-size:12px;letter-spacing:.12em;font-weight:700}.owner-title{margin:0;color:var(--detail-title);font-size:clamp(30px,4.2vw,44px);line-height:1.15;font-weight:700}.owner-social-links{display:flex;flex-wrap:wrap;gap:8px}.owner-social-links a{border:1px solid var(--detail-card-border);border-radius:999px;background:var(--surface-input);color:var(--detail-title);text-decoration:none;font-size:13px;font-weight:600;line-height:1;padding:8px 12px}.owner-social-links a:hover{filter:brightness(1.03)}.owner-career-list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:8px;color:var(--detail-copy);font-size:16px;line-height:1.55}.owner-career-list li{margin:0}.owner-intro{margin:0;color:var(--detail-copy);font-size:17px;line-height:1.7;word-break:keep-all;overflow-wrap:break-word}.owner-home-btn{margin-top:8px;width:-moz-fit-content;width:fit-content;min-height:40px;border:1px solid var(--detail-card-border);border-radius:999px;background:var(--surface-input);color:var(--detail-title);padding:0 16px;font-size:14px;font-weight:600;cursor:pointer}.owner-home-btn:hover{filter:brightness(1.03)}.owner-home-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:840px){.owner-wrap{padding:24px 16px 44px}.owner-card{grid-template-columns:minmax(0,1fr);gap:16px}.owner-image{width:min(220px,55vw)}.owner-intro{font-size:16px}}