.breadcrumb{max-width:800px;margin:0 auto;padding:24px 20px 0}.breadcrumb-list{list-style:none;display:flex;flex-wrap:wrap;gap:4px;align-items:center}.breadcrumb-item{font-size:13px;color:#555}.breadcrumb-item+.breadcrumb-item::before{content:'›';margin-right:4px;color:#444}.breadcrumb-item a{color:#555;opacity:1 !important;text-decoration:none;transition:color 0.2s}.breadcrumb-item a:hover{color:var(--color-link-hover);opacity:1 !important;text-decoration:none;text-decoration-color:transparent}.breadcrumb-item[aria-current="page"]{color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:400px}.index-page{max-width:800px;margin:0 auto;padding:60px 20px}.index-header{text-align:center;margin-bottom:60px}.index-title{font-family:'Roboto Flex',sans-serif;font-size:48px;font-weight:400;color:#ffffff;margin-bottom:8px}.index-subtitle{font-size:14px;color:#666;letter-spacing:3px;text-transform:uppercase}.articles-list{display:flex;flex-direction:column;gap:0}.article-card{border-bottom:1px solid #222;padding:24px 0}.article-card:first-child{border-top:1px solid #222}.article-card-link{display:block;text-decoration:none}.article-card-cover{margin-bottom:16px;border-radius:12px;overflow:hidden}.article-card-cover img{width:100%;height:200px;object-fit:cover;display:block}.article-card-content{display:flex;flex-direction:column;gap:8px}.article-card-title{font-family:'Roboto Flex',sans-serif;font-size:20px;font-weight:400;color:#ffffff;line-height:1.4;transition:color 0.2s}.article-card-link:hover .article-card-title{color:var(--color-link-hover)}.article-card-date{font-size:14px;color:#666}.article-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.article-card-tags .tag{font-size:12px;color:#888}.article-page{max-width:800px;margin:0 auto;padding:40px 20px}.article-header{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #222}.back-link{display:inline-block;font-size:14px;color:#666;margin-bottom:24px;text-decoration:none;opacity:1 !important}.back-link:hover{color:var(--color-link-hover);opacity:1 !important;text-decoration:none}.article-title{font-family:'Roboto Flex',sans-serif;font-size:36px;font-weight:400;color:#ffffff;line-height:1.3;margin-bottom:16px}.article-date{font-size:14px;color:#666}.article-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.article-tags .tag{font-size:13px;color:#888;text-decoration:none;transition:color 0.2s}.article-tags .tag:hover{color:var(--color-link-hover)}.article-content{font-size:17px;line-height:1.8}.article-content h1{font-family:'Roboto Flex',sans-serif;font-size:32px;font-weight:400;color:#ffffff;margin:48px 0 24px 0;line-height:1.3}.article-content h2{font-family:'Roboto Flex',sans-serif;font-size:26px;font-weight:400;color:#ffffff;margin:40px 0 20px 0;line-height:1.3}.article-content h3{font-family:'Roboto Flex',sans-serif;font-size:22px;font-weight:400;color:#ffffff;margin:32px 0 16px 0;line-height:1.3}.article-content h4,.article-content h5,.article-content h6{font-family:'Roboto Flex',sans-serif;font-size:18px;font-weight:500;color:#ffffff;margin:24px 0 12px 0;line-height:1.3}.article-content p{margin-bottom:20px}.article-content ul,.article-content ol{margin-bottom:20px;padding-left:24px}.article-content li{margin-bottom:8px}.article-content blockquote{border-left:3px solid #333;padding-left:20px;margin:24px 0;color:#888;font-style:italic}.article-content pre{background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:16px 20px;margin:24px 0;overflow-x:auto;font-size:14px;line-height:1.6}.article-content code{font-family:'JetBrains Mono','Fira Code',monospace;font-size:0.9em}.article-content:not(pre)>code{background-color:#1a1a1a;padding:2px 6px;border-radius:4px;font-size:0.85em}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:24px 0}.article-content hr{border:none;border-top:1px solid #222;margin:40px 0}.article-content table{width:100%;border-collapse:collapse;margin:24px 0}.article-content th,.article-content td{border:1px solid #2a2a2a;padding:12px 16px;text-align:left}.article-content th{background-color:#1a1a1a;font-weight:500}.article-content a{color:var(--color-link-hover)}.article-footer{margin-top:60px;padding-top:30px;border-top:1px solid #222}.original-link{font-size:14px;color:#666}.original-link:hover{color:var(--color-link-hover)}@media (max-width:768px){.index-title{font-size:36px}.article-title{font-size:28px}.article-content{font-size:16px}.article-content h1{font-size:26px}.article-content h2{font-size:22px}.article-content h3{font-size:20px}}