@import"https://cdn.jsdelivr.net/gh/maxwell-k/dejavu-sans-mono-web-font/index.css";@import"//cdn.web-fonts.ge/fonts/dejavu-sans/css/dejavu-sans.min.css";:root{--color-primary: var(--brand-primary, #2563eb);--color-primary-dark: var(--brand-primary-dark, #1d4ed8);--color-accent: var(--brand-accent, #7c3aed);--color-bg: #ffffff;--color-surface: #f8fafc;--color-border: #e2e8f0;--color-text: #0f172a;--color-muted: #64748b;--color-code-bg: #0f172a;--font-sans: "DejaVu Sans", system-ui, -apple-system, sans-serif;--font-mono: "DejaVu Sans Mono", "JetBrains Mono", "Fira Code", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--sp1: .25rem;--sp2: .5rem;--sp3: .75rem;--sp4: 1rem;--sp5: 1.25rem;--sp6: 1.5rem;--sp8: 2rem;--sp10: 2.5rem;--sp12: 3rem;--sp16: 4rem;--transition: .15s ease;--max-width: 1100px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:1rem;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.site-header{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:0 var(--sp6)}.site-header__inner{max-width:var(--max-width);margin:0 auto;height:56px;display:flex;align-items:center;gap:var(--sp6)}.site-header__logo{font-weight:700;font-size:1.1rem;color:var(--color-text);text-decoration:none;flex-shrink:0}.site-header__logo:hover{text-decoration:none;color:var(--color-primary)}.site-nav{display:flex;align-items:center;gap:var(--sp4);margin-left:auto}.site-nav a{font-size:.9rem;font-weight:500;color:var(--color-muted);transition:color var(--transition)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-primary);text-decoration:none}.site-header__menu-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--color-text);margin-left:auto;padding:var(--sp2)}@media(max-width:640px){.site-header__menu-toggle{display:flex}.site-nav{display:none;position:absolute;top:57px;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);flex-direction:column;align-items:flex-start;gap:0;padding:var(--sp2) var(--sp6)}.site-nav.is-open{display:flex}.site-nav a{padding:var(--sp3) 0;width:100%}}.hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;padding:var(--sp16) var(--sp6);text-align:center}.hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;margin-bottom:var(--sp3)}.hero p{font-size:1.1rem;opacity:.9;max-width:560px;margin:0 auto var(--sp8)}.hero__search{max-width:500px;margin:0 auto;position:relative}.hero__search input{width:100%;padding:var(--sp3) var(--sp4) var(--sp3) var(--sp10);font-size:1rem;font-family:var(--font-sans);border:none;border-radius:var(--radius-lg);outline:none;box-shadow:0 4px 20px #0003}.hero__search .search-icon{position:absolute;left:var(--sp3);top:50%;transform:translateY(-50%);color:var(--color-muted);pointer-events:none}.tag-filter-bar{max-width:var(--max-width);margin:var(--sp8) auto var(--sp4);padding:0 var(--sp6);display:flex;flex-wrap:wrap;gap:var(--sp2);align-items:center}.tag-filter-bar__label{font-size:.85rem;font-weight:600;color:var(--color-muted);margin-right:var(--sp1)}.tag{display:inline-flex;align-items:center;gap:var(--sp1);padding:var(--sp1) var(--sp3);border-radius:999px;font-size:.78rem;font-weight:500;background:color-mix(in srgb,var(--tag-color, var(--color-primary)) 12%,transparent);color:var(--tag-color, var(--color-primary));border:1px solid color-mix(in srgb,var(--tag-color, var(--color-primary)) 30%,transparent);cursor:pointer;transition:background var(--transition),color var(--transition);text-decoration:none}.tag:hover,.tag.is-active{background:var(--tag-color, var(--color-primary));color:#fff;text-decoration:none}.tag-filter[data-filter=all]{background:var(--color-surface);color:var(--color-muted);border-color:var(--color-border);--tag-color: var(--color-muted)}.tag-filter[data-filter=all].is-active{background:var(--color-text);color:#fff}.article-grid{max-width:var(--max-width);margin:0 auto var(--sp16);padding:0 var(--sp6);display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp6)}.article-grid__item{display:contents}.no-results{max-width:var(--max-width);margin:var(--sp8) auto;padding:0 var(--sp6);color:var(--color-muted);text-align:center}.article-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--sp6);transition:box-shadow var(--transition),border-color var(--transition);display:flex;flex-direction:column;gap:var(--sp3)}.article-card:hover{box-shadow:0 4px 20px #00000014;border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)}.article-card__link{font-size:1.05rem;font-weight:600;color:var(--color-text);text-decoration:none}.article-card__link:after{content:"";position:absolute;inset:0;border-radius:var(--radius-lg);z-index:0}.article-card__link:hover{color:var(--color-primary);text-decoration:none}.article-card__desc{font-size:.9rem;color:var(--color-muted);line-height:1.5;flex:1}.article-card__meta{display:flex;flex-wrap:wrap;gap:var(--sp2);align-items:center;position:relative;z-index:1}.difficulty{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px var(--sp2);border-radius:var(--radius-sm)}.difficulty--beginner{background:#dcfce7;color:#166534}.difficulty--intermediate{background:#fef9c3;color:#854d0e}.difficulty--advanced{background:#fce7f3;color:#9d174d}.callout{border-radius:var(--radius-md);padding:var(--sp4) var(--sp5);margin:var(--sp6) 0;display:flex;gap:var(--sp3);font-size:.95rem}.callout-icon{flex-shrink:0;font-size:1.1rem;line-height:1.6}.callout-body{flex:1}.callout-body p{margin:0}.callout-body p+p{margin-top:var(--sp2)}.callout--note{background:#eff6ff;border-left:4px solid #3b82f6}.callout--tip{background:#f0fdf4;border-left:4px solid #22c55e}.callout--warn{background:#fffbeb;border-left:4px solid #f59e0b}.callout--danger{background:#fef2f2;border-left:4px solid #ef4444}.callout--quote{background:var(--color-surface);border-left:4px solid var(--color-muted);font-style:italic}.prose{max-width:70ch}.prose h1,.prose h2,.prose h3,.prose h4{scroll-margin-top:72px;font-weight:700;line-height:1.3;margin-top:var(--sp8);margin-bottom:var(--sp3);color:var(--color-text)}.prose h1{font-size:2rem;margin-top:0}.prose h2{font-size:1.4rem;padding-bottom:var(--sp2);border-bottom:1px solid var(--color-border)}.prose h3{font-size:1.15rem}.prose h4{font-size:1rem}.prose p{margin-bottom:var(--sp4)}.prose ul,.prose ol{margin-bottom:var(--sp4);padding-left:var(--sp6)}.prose li{margin-bottom:var(--sp1)}.prose blockquote{border-left:4px solid var(--color-border);padding-left:var(--sp4);color:var(--color-muted);font-style:italic;margin:var(--sp6) 0}.prose table{width:100%;border-collapse:collapse;margin:var(--sp6) 0;font-size:.9rem}.prose th,.prose td{padding:var(--sp2) var(--sp3);border:1px solid var(--color-border);text-align:left}.prose th{background:var(--color-surface);font-weight:600}.prose tr:nth-child(2n) td{background:var(--color-surface)}.prose a{color:var(--color-primary)}.prose a:hover{text-decoration:underline}.prose code{font-family:var(--font-mono);font-size:.875em;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.1em .35em}.prose pre{background:var(--color-code-bg);border-radius:var(--radius-md);padding:var(--sp4) var(--sp5);overflow-x:auto;margin:var(--sp6) 0;font-family:var(--font-mono);font-size:.875rem;line-height:1.7}.prose pre code{background:none;border:none;padding:0;font-size:inherit;color:#e2e8f0}.prose img{border-radius:var(--radius-md);margin:var(--sp6) 0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--sp8) 0}.highlight-wrap{position:relative}.copy-btn{position:absolute;top:var(--sp2);right:var(--sp2);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#cbd5e1;border-radius:var(--radius-sm);padding:var(--sp1) var(--sp2);font-size:.75rem;font-family:var(--font-sans);cursor:pointer;display:flex;align-items:center;gap:4px;transition:background var(--transition),color var(--transition);z-index:1}.copy-btn:hover{background:#fff3;color:#fff}.copy-btn.copied{background:#166534;color:#dcfce7;border-color:#166534}.article-page{max-width:var(--max-width);margin:0 auto;padding:var(--sp8) var(--sp6) var(--sp16)}.article-header{margin-bottom:var(--sp8)}.article-header__back{display:inline-flex;align-items:center;gap:var(--sp2);font-size:.875rem;color:var(--color-muted);margin-bottom:var(--sp4)}.article-header__back:hover{color:var(--color-primary);text-decoration:none}.article-header h1{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:700;margin-bottom:var(--sp3)}.article-header__meta{display:flex;flex-wrap:wrap;gap:var(--sp2);align-items:center}.article-layout{display:grid;grid-template-columns:1fr 220px;gap:var(--sp10);align-items:start}@media(max-width:800px){.article-layout{grid-template-columns:1fr}.article-toc{display:none}}.edit-on-github{display:inline-flex;align-items:center;gap:var(--sp2);font-size:.8rem;color:var(--color-muted);opacity:.45;margin-left:auto;transition:opacity var(--transition),color var(--transition);text-decoration:none}.edit-on-github:hover{opacity:1;color:#000;text-decoration:none}.site-nav__github{display:inline-flex;align-items:center;color:var(--color-muted);opacity:.45;transition:opacity var(--transition),color var(--transition);text-decoration:none;margin-left:var(--sp2)}.site-nav__github:hover{opacity:1;color:#000}.article-toc{position:sticky;top:72px;font-size:.85rem}.article-toc h2{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:var(--sp3)}#toc-nav ol{list-style:none;padding:0;margin:0}#toc-nav ol ol{padding-left:var(--sp4);margin-top:var(--sp1)}#toc-nav li{margin-bottom:var(--sp1)}#toc-nav a{color:var(--color-muted);text-decoration:none;transition:color var(--transition);display:block;line-height:1.4}#toc-nav a:hover,#toc-nav a.toc-active{color:var(--color-primary)}#toc-nav a.toc-active{font-weight:600}.tags-page{max-width:var(--max-width);margin:0 auto;padding:var(--sp8) var(--sp6) var(--sp16)}.tags-page h1{font-size:2rem;font-weight:700;margin-bottom:var(--sp8)}.tag-group{margin-bottom:var(--sp10)}.tag-group__header{display:flex;align-items:center;gap:var(--sp4);margin-bottom:var(--sp4);padding-bottom:var(--sp3);border-bottom:1px solid var(--color-border)}.tag-group__header h2{font-size:1.3rem;font-weight:700}.tag-group__count{font-size:.85rem;color:var(--color-muted)}.tag-articles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--sp4)}.tag-page-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:#fff;padding:var(--sp12) var(--sp6);text-align:center;margin-bottom:var(--sp8)}.tag-page-header h1{font-size:2.2rem;font-weight:700;margin-bottom:var(--sp2)}.tag-page-header p{opacity:.9}.prose-page{max-width:70ch;margin:var(--sp8) auto var(--sp16);padding:0 var(--sp6)}.site-footer{border-top:1px solid var(--color-border);padding:var(--sp6);text-align:center;font-size:.85rem;color:var(--color-muted)}