:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-text: #1a1a2e;--color-text-secondary: #555770;--color-text-muted: #8888a0;--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: "Inter", -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;-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}.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{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__image{aspect-ratio:16 / 9;overflow:hidden;background:var(--color-border-light)}.article-card__image img{width:100%;height:100%;object-fit:cover}.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)}.comparison-table{width:100%;border-collapse:collapse;margin:var(--space-8) 0;font-size:var(--font-size-sm)}.comparison-table caption{font-size:var(--font-size-lg);font-weight:700;text-align:left;margin-bottom:var(--space-4);color:var(--color-text)}.comparison-table th,.comparison-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table th{background:var(--color-tag-bg);font-weight:600;color:var(--color-text);white-space:nowrap}.comparison-table thead th{border-bottom:2px solid var(--color-border)}.comparison-table tbody tr:hover{background:var(--color-accent-light)}.comparison-table .cell-good{color:var(--color-pro);font-weight:500}.comparison-table .cell-bad{color:var(--color-con);font-weight:500}.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)}.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)}.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-header__image{margin-top:var(--space-6);border-radius:var(--radius-lg);overflow:hidden}.article-header__image img{width:100%;aspect-ratio:21 / 9;object-fit:cover}.article-content{max-width:var(--content-width)}.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}.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)}.article-share{display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.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}.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)}}@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)}.comparison-table{display:block;overflow-x:auto}}@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{display:none}body{font-size:12pt;color:#000;background:#fff}a{color:#000;text-decoration:underline}}