:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #1a1a2e;--color-text-secondary: #555770;--color-text-muted: #6b6b85;--color-border: #e2e2ee;--color-border-light: #f0f0f8;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-accent-light: #eff6ff;--color-accent-bg: #f0f4ff;--color-pro: #059669;--color-pro-bg: #ecfdf5;--color-pro-border: #a7f3d0;--color-con: #dc2626;--color-con-bg: #fef2f2;--color-con-border: #fecaca;--color-tag-bg: #f1f5f9;--color-tag-text: #475569;--color-tag-hover: #e2e8f0;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--max-width: 1200px;--content-width: 780px;--sidebar-width: 280px;--header-height: 64px;--radius: 4px;--radius-lg: 8px;--transition: .15s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-4));-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.7;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-accent-hover)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{line-height:1.3;font-weight:700;color:var(--color-text)}h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-6)}h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-5);margin-top:var(--space-10)}h3{font-size:var(--font-size-2xl);margin-bottom:var(--space-4);margin-top:var(--space-8)}h4{font-size:var(--font-size-xl);margin-bottom:var(--space-3);margin-top:var(--space-6)}h5{font-size:var(--font-size-lg);margin-bottom:var(--space-2);margin-top:var(--space-5)}h6{font-size:var(--font-size-base);margin-bottom:var(--space-2);margin-top:var(--space-4)}p{margin-bottom:var(--space-4)}strong{font-weight:600}code{font-family:var(--font-mono);font-size:.9em;background:var(--color-tag-bg);padding:.15em .4em;border-radius:var(--radius)}pre{font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--color-text);color:#e2e8f0;padding:var(--space-6);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--space-6)}pre code{background:none;padding:0;font-size:inherit;color:inherit}blockquote{border-left:3px solid var(--color-accent);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background:var(--color-accent-light);color:var(--color-text-secondary);font-style:italic}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.content-grid{display:grid;grid-template-columns:1fr var(--sidebar-width);gap:var(--space-10);align-items:start}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;left:var(--space-4);top:-100px;z-index:1000;padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#fff;border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:600;transition:top var(--transition)}.skip-link:focus{top:var(--space-4)}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);height:var(--header-height);position:sticky;top:0;z-index:100}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:100%}.site-logo{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);text-decoration:none}.site-logo:hover,.site-logo span{color:var(--color-accent)}.site-nav{display:flex;align-items:center;gap:var(--space-6)}.site-nav a{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500;transition:color var(--transition)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-accent)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--color-text)}.nav-toggle svg{width:24px;height:24px}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-10) 0;margin-top:var(--space-16)}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.footer-text{color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer-links{display:flex;gap:var(--space-6)}.footer-links a{color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer-links a:hover{color:var(--color-accent)}.main-content{min-height:calc(100vh - var(--header-height) - 200px);padding:var(--space-10) 0}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6)}.article-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition)}.article-card:hover{border-color:var(--color-accent)}.article-card__title a:after{content:"";position:absolute;inset:0;z-index:0}.article-card__category a,.article-card__tags a{position:relative;z-index:1}.article-card__body{padding:var(--space-5)}.article-card__category{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:var(--space-2)}.article-card__title{font-size:var(--font-size-lg);font-weight:700;line-height:1.4;margin-bottom:var(--space-2)}.article-card__title a{color:var(--color-text)}.article-card__title a:hover{color:var(--color-accent)}.article-card__excerpt{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card__meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-muted)}.article-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.tag{display:inline-block;padding:var(--space-1) var(--space-3);background:var(--color-tag-bg);color:var(--color-tag-text);font-size:var(--font-size-xs);font-weight:500;border-radius:var(--radius);transition:background var(--transition)}.tag:hover{background:var(--color-tag-hover);color:var(--color-text)}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2)}.category-list{display:flex;flex-direction:column;gap:var(--space-1)}.category-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:background var(--transition),color var(--transition)}.category-item:hover{background:var(--color-accent-light);color:var(--color-accent)}.category-item__count{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-tag-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}.breadcrumbs a{color:var(--color-text-muted)}.breadcrumbs a:hover{color:var(--color-accent)}.breadcrumbs__separator{color:var(--color-border);user-select:none}.breadcrumbs__current{color:var(--color-text-secondary)}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin:var(--space-8) 0}.pros-cons__heading{grid-column:1 / -1;font-size:var(--font-size-lg);font-weight:700;margin:0}.pros-cons__section{border-radius:var(--radius-lg);padding:var(--space-5)}.pros-cons__section--pros{background:var(--color-pro-bg);border:1px solid var(--color-pro-border)}.pros-cons__section--cons{background:var(--color-con-bg);border:1px solid var(--color-con-border)}.pros-cons__title{font-size:var(--font-size-base);font-weight:700;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.pros-cons__section--pros .pros-cons__title{color:var(--color-pro)}.pros-cons__section--cons .pros-cons__title{color:var(--color-con)}.pros-cons__list{display:flex;flex-direction:column;gap:var(--space-2)}.pros-cons__item{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding-left:var(--space-5);position:relative}.pros-cons__item:before{position:absolute;left:0;font-weight:700}.pros-cons__section--pros .pros-cons__item:before{content:"+";color:var(--color-pro)}.pros-cons__section--cons .pros-cons__item:before{content:"−";color:var(--color-con)}.cz-body .pros-cons__title{margin-top:0;margin-bottom:var(--space-4)}.cz-body .pros-cons__section ul{list-style:none;margin:0;padding-left:0;display:flex;flex-direction:column;gap:var(--space-2)}.cz-body .pros-cons__section li{position:relative;margin:0;padding-left:var(--space-5);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-secondary)}.cz-body .pros-cons__section li:before{position:absolute;left:0;top:0;font-weight:700}.cz-body .pros-cons__section--pros li:before{content:"+";color:var(--color-pro)}.cz-body .pros-cons__section--cons li:before{content:"−";color:var(--color-con)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-10)}.pagination__link,.pagination__current{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3);border-radius:var(--radius);font-size:var(--font-size-sm);font-weight:500;transition:background var(--transition),color var(--transition)}.pagination__link{color:var(--color-text-secondary);background:var(--color-surface);border:1px solid var(--color-border)}.pagination__link:hover{background:var(--color-accent-light);color:var(--color-accent);border-color:var(--color-accent)}.pagination__current{background:var(--color-accent);color:#fff;border:1px solid var(--color-accent)}.pagination__dots{color:var(--color-text-muted);padding:0 var(--space-1)}.sidebar{position:sticky;top:calc(var(--header-height) + var(--space-6))}.sidebar__section{margin-bottom:var(--space-8)}.sidebar__title{font-size:var(--font-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-4)}.toc{position:sticky;top:var(--space-4)}.toc__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.toc__list a{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;border-left:2px solid var(--color-border);padding-left:var(--space-3);transition:color var(--transition),border-color var(--transition)}.toc__list a:hover{color:var(--color-accent);border-left-color:var(--color-accent)}.toc__list a.is-active,.toc-mobile__list a.is-active{color:var(--color-accent);border-left-color:var(--color-accent);font-weight:600}.reading-progress{position:fixed;top:var(--header-height);left:0;right:0;height:3px;z-index:99;pointer-events:none;background:transparent}.reading-progress span{display:block;height:100%;width:0;background:var(--color-accent);transition:width 80ms linear}.back-to-top{position:fixed;right:var(--space-6);bottom:var(--space-6);width:44px;height:44px;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-xl);line-height:1;cursor:pointer;z-index:98;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity var(--transition),transform var(--transition),visibility var(--transition),border-color var(--transition),color var(--transition)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{border-color:var(--color-accent);color:var(--color-accent)}.toc-mobile{display:none;margin-bottom:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.toc-mobile summary{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text);cursor:pointer;list-style:none}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile summary:after{content:"▾";float:right;color:var(--color-text-muted);transition:transform var(--transition)}.toc-mobile[open] summary:after{transform:rotate(180deg)}.toc-mobile__list{list-style:none;margin:0;padding:0 var(--space-4) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.toc-mobile__list a{display:block;padding:var(--space-2) var(--space-2);font-size:var(--font-size-sm);line-height:1.4;color:var(--color-text-secondary);border-left:2px solid var(--color-border)}.toc-mobile__list a:hover{color:var(--color-accent);border-left-color:var(--color-accent)}.related{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.related__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-6)}.article-header{margin-bottom:var(--space-8)}.article-header__category{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent);margin-bottom:var(--space-3)}.article-header__title{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.article-header__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.article-content{max-width:var(--content-width)}.cz-body{max-width:70ch;font-size:1.125rem;line-height:1.75}.cz-body p{margin-bottom:1.4em}.article-lead{font-size:var(--font-size-xl);line-height:1.5;color:var(--color-text-secondary);margin-bottom:var(--space-8);padding-left:var(--space-5);border-left:3px solid var(--color-accent)}.article-content ul,.article-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.article-content ul{list-style:disc}.article-content ol{list-style:decimal}.article-content li{margin-bottom:var(--space-2)}.article-content img{border-radius:var(--radius-lg);margin:var(--space-6) 0}.article-content a{text-decoration:underline;text-underline-offset:2px}.article-content table{width:100%;border-collapse:collapse;margin:var(--space-6) 0;font-size:var(--font-size-sm)}.article-content table th,.article-content table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.article-content table th{background:var(--color-tag-bg);font-weight:600}.cz-table-wrap{overflow-x:auto;margin:var(--space-6) 0;border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch}.cz-table-wrap table{margin:0;border-collapse:separate;border-spacing:0}.cz-table-wrap tbody tr:nth-child(2n){background:var(--color-border-light)}.cz-table-wrap tbody tr:hover{background:var(--color-accent-light)}.cz-table-wrap th,.cz-table-wrap td{border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border-light)}.cz-table-wrap th:last-child,.cz-table-wrap td:last-child{border-right:none}.cz-table-wrap tbody tr:last-child th,.cz-table-wrap tbody tr:last-child td{border-bottom:none}.cz-table-wrap th:first-child,.cz-table-wrap td:first-child{position:sticky;left:0;background:var(--color-surface);box-shadow:1px 0 0 var(--color-border)}.cz-table-wrap th:first-child{background:var(--color-tag-bg)}.cz-table-wrap tbody tr:nth-child(2n) td:first-child{background:var(--color-border-light)}.cz-table-wrap tbody tr:hover td:first-child{background:var(--color-accent-light)}.article-footer{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid var(--color-border)}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.hero{text-align:center;padding:var(--space-12) 0;margin-bottom:var(--space-8)}.hero__title{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.section-heading__title{font-size:var(--font-size-2xl);margin:0}.section-heading__link{font-size:var(--font-size-sm);font-weight:500}.page-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.page-header__title{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.page-header__description{color:var(--color-text-secondary);font-size:var(--font-size-lg)}.page-header__count{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.error-page{text-align:center;padding:var(--space-16) 0}.error-page__code{font-size:8rem;font-weight:800;color:var(--color-border);line-height:1;margin-bottom:var(--space-4)}.error-page__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.error-page__text{color:var(--color-text-secondary);margin-bottom:var(--space-8)}.error-page__link{display:inline-block;padding:var(--space-3) var(--space-6);background:var(--color-accent);color:#fff;border-radius:var(--radius);font-weight:500;transition:background var(--transition)}.error-page__link:hover{background:var(--color-accent-hover);color:#fff}.error-page__categories{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.about-content{max-width:var(--content-width)}.about-content h2{margin-top:var(--space-8)}@media(max-width:960px){.content-grid{grid-template-columns:1fr}.sidebar{position:static;border-top:1px solid var(--color-border);padding-top:var(--space-8)}.toc{position:static}.toc-mobile{display:block}.sidebar .toc{display:none}}@media(max-width:768px){:root{--font-size-4xl: 1.875rem;--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem}.container{padding:0 var(--space-4)}.articles-grid,.pros-cons{grid-template-columns:1fr}.site-nav{display:none}.site-nav.is-open{display:flex;flex-direction:column;position:fixed;top:var(--header-height);left:0;right:0;background:var(--color-surface);padding:var(--space-6);border-bottom:1px solid var(--color-border);gap:var(--space-4);z-index:99}.nav-toggle{display:block}.hero{padding:var(--space-8) 0}.article-header__title{font-size:var(--font-size-3xl)}.cz-body{font-size:1.0625rem}.tag{padding:var(--space-2) var(--space-3);min-height:44px;display:inline-flex;align-items:center}.category-item{min-height:44px}.pagination__link,.pagination__current{min-width:44px;height:44px}.toc__list a,.toc-mobile__list a{padding-top:var(--space-3);padding-bottom:var(--space-3)}.back-to-top{right:var(--space-4);bottom:var(--space-4)}}@media(max-width:480px){.footer-content{flex-direction:column;text-align:center}.article-card__body{padding:var(--space-4)}}@media print{.site-header,.site-footer,.sidebar,.pagination,.breadcrumbs,.reading-progress,.back-to-top,.toc-mobile{display:none}body{font-size:12pt;color:#000;background:#fff}a{color:#000;text-decoration:underline}}