.hero-section-compact{max-width:800px;margin:0 auto;padding:2rem 1rem 1.5rem;text-align:center}.hero-content-center{display:flex;flex-direction:column;align-items:center;gap:.75rem}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--color-emerald-700)}@media (prefers-color-scheme:dark){.hero-badge{color:var(--color-emerald-400)}}.hero-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--color-emerald-500)}.hero-title-compact{font-size:1.75rem;font-weight:700;line-height:1.3;letter-spacing:-.025em;margin:0}@media (min-width:768px){.hero-title-compact{font-size:2.25rem}}.hero-description-compact{font-size:1rem;color:var(--color-zinc-600);line-height:1.5;margin:0}.article-card{display:block;background:#fff;border-radius:1rem;overflow:hidden;box-shadow:0 0 0 1px var(--color-zinc-200);transition:all var(--transition-base)}.article-card:hover{transform:translateY(-4px);box-shadow:0 0 0 1px var(--color-zinc-300),0 8px 24px rgba(0,0,0,.12)}@media (prefers-color-scheme:dark){.hero-description-compact{color:var(--color-zinc-400)}.article-card{background:var(--color-zinc-100);background:linear-gradient(145deg,var(--color-zinc-100) 0,rgba(39,39,42,.5) 100%);box-shadow:0 0 0 1px rgba(255,255,255,.06),0 2px 4px rgba(0,0,0,.2)}.article-card:hover{background:var(--color-zinc-100);box-shadow:0 0 0 1px rgba(255,255,255,.15),0 8px 24px rgba(0,0,0,.4);transform:translateY(-4px)}}.article-thumbnail{aspect-ratio:3/2;position:relative;overflow:hidden;background:var(--color-zinc-100);min-height:200px}.article-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.article-card:hover .article-thumbnail img{transform:scale(1.05)}.article-content{padding:1rem}@media (min-width:768px){.article-content{padding:1.25rem}}.article-tags{display:flex;align-items:center;gap:.5rem;font-size:.75rem;margin-bottom:.75rem;flex-wrap:wrap}.article-tags time{color:var(--color-zinc-500);margin-left:auto}.article-title{font-size:1.125rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.article-title a{color:var(--color-text);text-decoration:none}.article-title a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px}.article-excerpt{font-size:.875rem;color:var(--color-zinc-600);line-height:1.6;margin-bottom:1rem}@media (prefers-color-scheme:dark){.article-thumbnail{background:var(--color-zinc-200);position:relative}.article-thumbnail::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.1) 100%);pointer-events:none}.article-excerpt{color:var(--color-zinc-400)}}.article-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--color-zinc-500);padding-top:.25rem}.article-read-more{color:var(--color-emerald-600);font-weight:500;text-decoration:none}.article-read-more:hover{text-decoration:underline}.layout-container{display:grid;grid-template-columns:1fr;gap:2rem;max-width:1200px;margin:0 auto;padding:0 1rem}@media (min-width:1200px){.layout-container{grid-template-columns:250px 1fr 250px;gap:2rem}.sidebar-left,.sidebar-right{position:sticky;top:2rem;height:fit-content}}@media (min-width:768px) and (max-width:1199px){.layout-container{grid-template-columns:1fr;max-width:900px}.sidebar-left{order:1}.main-content{order:2}.sidebar-right{order:3}}@media (max-width:767px){.layout-container{padding:0 .75rem}.sidebar-left{order:1}.sidebar-right{order:2}.main-content{order:3}}.profile-card{background:#fff;border-radius:1rem;padding:1.5rem;text-align:center;box-shadow:0 0 0 1px var(--color-zinc-200)}@media (prefers-color-scheme:dark){.article-read-more{color:var(--color-emerald-400)}.profile-card{background:var(--color-zinc-100);background:radial-gradient(ellipse at top,rgba(52,211,153,.05) 0,var(--color-zinc-100) 40%);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 2px 8px rgba(0,0,0,.2);position:relative}.profile-card::before{content:'';position:absolute;inset:0;border-radius:1rem;padding:1px;background:linear-gradient(135deg,rgba(52,211,153,.2) 0,transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}}.profile-avatar{width:80px;height:80px;border-radius:50%;margin:0 auto 1rem;display:block}.profile-name{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:var(--color-text)}.profile-bio{font-size:.875rem;color:var(--color-zinc-600);line-height:1.5;margin-bottom:1rem}.profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding-top:1rem;border-top:1px solid var(--color-zinc-200)}@media (prefers-color-scheme:dark){.profile-bio{color:var(--color-zinc-600)}.profile-stats{border-top-color:rgba(255,255,255,.06)}}.stat{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:600;color:var(--color-emerald-600)}@media (prefers-color-scheme:dark){.stat-value{color:var(--color-emerald-400)}}.stat-label{font-size:.75rem;color:var(--color-zinc-500)}.tag-section{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 0 0 1px var(--color-zinc-200)}@media (prefers-color-scheme:dark){.tag-section{background:var(--color-zinc-100);box-shadow:0 0 0 1px rgba(255,255,255,.08),0 2px 8px rgba(0,0,0,.2);position:relative;overflow:hidden}.tag-section::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(52,211,153,.03) 0,transparent 70%);pointer-events:none}}.section-title{font-size:1rem;font-weight:600;margin:0 0 1rem;color:var(--color-text)}.tag-list{display:flex;flex-direction:column;gap:.5rem}.tag-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-radius:.5rem;text-decoration:none;color:var(--color-text);transition:.2s;border:1px solid transparent}.tag-item:hover{background:var(--color-zinc-50);transform:translateX(4px)}.tag-name{font-size:.875rem;font-weight:500}.tag-count{font-size:.75rem;padding:.125rem .5rem;background:var(--color-zinc-100);border-radius:999px;color:var(--color-zinc-600);font-weight:500}.tag-color-llm .tag-name{color:var(--color-blue-700)}.tag-color-ai .tag-name,.tag-color-knowledge .tag-name{color:var(--color-emerald-700)}.tag-color-github .tag-name{color:var(--color-zinc-700)}@media (prefers-color-scheme:dark){.tag-item:hover{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.08)}.tag-count{background:rgba(255,255,255,.05);color:var(--color-zinc-600);border:1px solid rgba(255,255,255,.08)}.tag-color-llm .tag-name{color:#93c5fd}.tag-color-ai .tag-name,.tag-color-knowledge .tag-name{color:var(--color-emerald-400)}.tag-color-github .tag-name{color:var(--color-zinc-700)}}@media (min-width:768px) and (max-width:1199px){.profile-card{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;text-align:left;align-items:center;max-width:700px;margin:0 auto}.profile-avatar{margin:0}.profile-info{display:flex;flex-direction:column}.profile-stats{border-top:none;border-left:1px solid var(--color-zinc-200);padding-left:1.5rem;padding-top:0}}.main-content{min-width:0}.articles-section{max-width:100%;margin:0;padding:0}.articles-header{margin-bottom:1.5rem}.articles-header h2{font-size:1.375rem;font-weight:600;margin-bottom:.375rem}@media (min-width:768px){.articles-header h2{font-size:1.625rem}}.articles-header p{color:var(--color-zinc-600);font-size:.95rem}.articles-grid{display:grid;gap:1.25rem;margin-bottom:2rem;grid-template-columns:1fr}@media (min-width:768px){.articles-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.articles-more{text-align:center}.articles-more-link{display:inline-flex;align-items:center;padding:.75rem 1.5rem;border-radius:.75rem;background:#fff;box-shadow:0 0 0 1px var(--color-zinc-200);color:var(--color-text);font-weight:500;text-decoration:none;transition:all var(--transition-base)}.articles-more-link:hover{box-shadow:0 0 0 1px var(--color-zinc-300)}@media (prefers-color-scheme:dark){.articles-header p{color:var(--color-zinc-400)}.articles-more-link{background:var(--color-zinc-100);box-shadow:0 0 0 1px rgba(255,255,255,.08);position:relative;overflow:hidden}.articles-more-link::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(52,211,153,.1),transparent);transition:left .5s}.articles-more-link:hover{box-shadow:0 0 0 1px rgba(255,255,255,.15)}.articles-more-link:hover::before{left:100%}}.filter-section{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media (min-width:640px){.filter-section{flex-direction:row;align-items:center;justify-content:space-between}}.filter-controls{display:flex;align-items:center;gap:.75rem}.sort-label{font-size:.875rem;font-weight:500}.sort-select{padding:.5rem 2.5rem .5rem .75rem;font-size:.875rem;border:1px solid var(--color-zinc-200);border-radius:.75rem;background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e") right .5rem center/1.5em 1.5em no-repeat #fff;appearance:none;cursor:pointer}@media (prefers-color-scheme:dark){.sort-select{background-color:var(--color-zinc-900);border-color:rgba(255,255,255,.1);color:var(--color-text)}}.tag-filters{display:flex;flex-wrap:wrap;gap:.5rem}.tag-filter{padding:.375rem .75rem;font-size:.875rem;border-radius:9999px;border:1px solid;background:0 0;cursor:pointer;transition:all var(--transition-fast)}.tag-filter.active{box-shadow:0 0 0 2px}.clear-filters{padding:.375rem .75rem;font-size:.875rem;border-radius:9999px;border:1px solid var(--color-zinc-300);background:0 0;color:var(--color-zinc-600);cursor:pointer;transition:all var(--transition-fast)}.clear-filters:hover{background:var(--color-zinc-100)}@media (prefers-color-scheme:dark){.clear-filters{border-color:var(--color-zinc-600);color:var(--color-zinc-400)}.clear-filters:hover{background:var(--color-zinc-800)}}.article-count{font-size:.875rem;color:var(--color-zinc-500)}.breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;margin-bottom:1.5rem}.breadcrumb a{color:var(--color-zinc-600);text-decoration:none}.breadcrumb a:hover{color:var(--color-emerald-600)}.breadcrumb span{color:var(--color-zinc-400)}.toc-mobile{margin:1.5rem 0 2rem;padding:1rem;background:#fff;border-radius:.75rem;box-shadow:0 0 0 1px var(--color-zinc-200)}@media (prefers-color-scheme:dark){.breadcrumb a{color:var(--color-zinc-400)}.breadcrumb a:hover{color:var(--color-emerald-400)}.toc-mobile{background:var(--color-zinc-900);box-shadow:0 0 0 1px rgba(255,255,255,.1)}}.toc-mobile summary{cursor:pointer;font-weight:500;display:flex;align-items:center;justify-content:space-between}.toc-mobile summary::-webkit-details-marker{display:none}.toc-nav{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem;font-size:.875rem}.toc-nav a{color:var(--color-zinc-700);text-decoration:none;transition:color var(--transition-fast)}.toc-nav a:hover{color:var(--color-emerald-600);text-decoration:underline}.toc-nav a.active{color:var(--color-emerald-600);font-weight:500}.toc-nav .indent-1{margin-left:1rem}.toc-nav .indent-2{margin-left:2rem}.toc-desktop{position:sticky;top:6rem;max-height:70vh;overflow-y:auto}.toc-desktop h3{font-size:.875rem;font-weight:500;margin-bottom:1rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:3rem}.pagination-btn{padding:.5rem 1rem;font-size:.875rem;border-radius:.75rem;border:1px solid var(--color-zinc-200);background:0 0;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-zinc-50)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--color-emerald-600);color:#fff;border-color:var(--color-emerald-600)}@media (prefers-color-scheme:dark){.toc-nav a{color:var(--color-zinc-300)}.toc-nav a.active,.toc-nav a:hover{color:var(--color-emerald-400)}.pagination-btn{border-color:rgba(255,255,255,.1)}.pagination-btn:hover:not(:disabled){background:var(--color-zinc-800)}.pagination-btn.active{background:var(--color-emerald-500);border-color:var(--color-emerald-500)}}.pagination-numbers{display:flex;gap:.25rem}.pagination-number{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;border-radius:.5rem;border:1px solid transparent;background:0 0;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.pagination-number:hover{background:var(--color-zinc-100)}.pagination-number.active{background:var(--color-emerald-600);color:#fff}@media (prefers-color-scheme:dark){.pagination-number:hover{background:var(--color-zinc-800)}.pagination-number.active{background:var(--color-emerald-500)}}