.source-pill{display:inline-flex;align-items:center;gap:var(--space-1_5);text-decoration:none;color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);white-space:nowrap}.source-pill:hover{color:var(--color-accent);text-decoration:none}.source-pill--small{font-size:var(--text-xs);gap:4px}.source-pill--medium{font-size:var(--text-sm);gap:var(--space-1)}.source-pill--large{font-size:var(--text-base);font-weight:500;gap:var(--space-2)}.source-pill-favicon{display:flex;align-items:center;flex-shrink:0}.source-pill-favicon img{border-radius:2px;object-fit:contain}.source-pill-name{direction:ltr}.source-pill-icon{opacity:.5;transition:opacity var(--transition-fast)}.source-pill:hover .source-pill-icon{opacity:1}.post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-tertiary)}.post-meta svg{flex-shrink:0}.post-meta-author,.post-meta-date,.post-meta-reading{display:inline-flex;align-items:center;gap:var(--space-1)}.article-layout{display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:start}@media(min-width:64rem){.article-layout{grid-template-columns:1fr 280px}}.article-card{background:var(--color-surface-panel);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden}.article-header{padding:var(--space-6) var(--space-6) 0}.article-breadcrumb{margin-bottom:var(--space-3)}.article-breadcrumb a{font-size:var(--text-xs);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.3px;text-decoration:none}.article-breadcrumb a:hover{text-decoration:underline}.article-title{font-size:var(--text-2xl);font-weight:700;line-height:var(--leading-tight);margin-bottom:var(--space-3)}@media(min-width:48rem){.article-title{font-size:var(--text-3xl)}}.article-summary{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.article-source-box{margin:var(--space-5) var(--space-6) 0;background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:var(--radius-lg);padding:var(--space-4)}.article-source-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.article-source-disclosure{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-tertiary);line-height:var(--leading-relaxed)}.article-source-disclosure a{color:var(--color-accent)}.article-cover{margin:var(--space-5) var(--space-6) 0;border-radius:var(--radius-lg);overflow:hidden}.article-cover img{width:100%;object-fit:cover}.article-content{padding:var(--space-5) var(--space-6)}.article-body{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-primary)}.article-body h2{margin-top:var(--space-8);margin-bottom:var(--space-4);font-size:var(--text-xl);font-weight:600}.article-body h3{margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:var(--text-lg);font-weight:600}.article-body p{margin-bottom:var(--space-4)}.article-body ul,.article-body ol{margin-bottom:var(--space-4);padding-right:var(--space-6)}.article-body li{margin-bottom:var(--space-2)}.article-body strong{font-weight:600}.article-body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.article-body a:hover{color:var(--color-accent-hover)}.article-body blockquote{border-right:3px solid var(--color-accent);margin:var(--space-6) 0;padding:var(--space-3) var(--space-5);background:var(--color-accent-subtle);border-radius:var(--radius-md);font-style:italic;color:var(--color-text-secondary)}.article-body pre{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);direction:ltr;text-align:left;margin-bottom:var(--space-4)}.article-body code{font-family:var(--font-mono);font-size:.85em;background:var(--color-bg-secondary);padding:.15em .4em;border-radius:var(--radius-sm)}.article-body pre code{background:none;padding:0}.article-body img{max-width:100%;border-radius:var(--radius-md);margin:var(--space-4) 0}.article-body hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.article-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-6) var(--space-5);border-top:1px solid var(--color-border-light);padding-top:var(--space-5)}.article-footer{padding:0 var(--space-6) var(--space-5)}.article-footer-note{font-size:var(--text-xs);color:var(--color-text-tertiary);padding-top:var(--space-4);border-top:1px solid var(--color-border-light)}.article-footer-sep{margin:0 var(--space-1)}.article-rail{display:flex;flex-direction:column;gap:0}.rail-domain{font-size:var(--text-xs);color:var(--color-text-tertiary);direction:ltr;display:inline-block;padding:0 var(--space-1)}.rail-related-item{border-bottom:1px solid var(--color-border-light)}.rail-related-item:last-child{border-bottom:none}.rail-related-link{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-5);text-decoration:none;color:inherit;transition:background var(--transition-fast)}.rail-related-link:hover{background:var(--color-surface-panel-hover);text-decoration:none}.rail-related-category{font-size:var(--text-xs);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.3px}.rail-related-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary);line-height:var(--leading-snug);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rail-category-box{text-align:center}.rail-category-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:500;color:var(--color-accent);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:background var(--transition-fast);text-decoration:none}.rail-category-link:hover{background:var(--color-accent-subtle);text-decoration:none}