.article-layout{max-width:800px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.article-layout .article-header{margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border)}.article-layout .article-header h1{font-size:var(--font-size-5xl);margin-bottom:var(--space-md);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:var(--line-height-tight)}.article-layout .article-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md)}.article-layout .meta-separator{opacity:.5}.article-layout .article-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.article-layout .tag{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);color:var(--color-text-secondary)}.article-layout .article-content{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text)}.article-layout .article-content h2{font-size:var(--font-size-4xl);margin-top:var(--space-3xl);margin-bottom:var(--space-md);font-weight:var(--font-weight-bold);letter-spacing:-.01em;line-height:var(--line-height-tight)}.article-layout .article-content h3{font-size:var(--font-size-3xl);margin-top:var(--space-2xl);margin-bottom:var(--space-sm);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;line-height:var(--line-height-tight)}.article-layout .article-content h4{font-size:var(--font-size-2xl);margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.article-layout .article-content p{margin-bottom:var(--space-lg);color:var(--color-text-secondary)}.article-layout .article-content ul,.article-layout .article-content ol{margin-bottom:var(--space-lg);padding-left:var(--space-xl)}.article-layout .article-content li{margin-bottom:var(--space-sm);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.article-layout .article-content blockquote{margin:var(--space-2xl) 0;padding:var(--space-md) var(--space-lg);border-left:4px solid var(--color-accent);background:#ffffff05;font-style:italic;color:var(--color-text-secondary)}.article-layout .article-content blockquote p{margin-bottom:var(--space-sm)}.article-layout .article-content blockquote p:last-child{margin-bottom:0}.article-layout .article-content code{font-family:ui-monospace,JetBrains Mono,Cascadia Code,Menlo,Consolas,Courier New,monospace;font-size:.9em;background:#ffffff0d;padding:.2em .4em;border-radius:var(--border-radius-sm);color:var(--color-text)}.article-layout .article-content pre{margin:var(--space-2xl) 0;padding:var(--space-lg);background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow-x:auto}.article-layout .article-content pre code{background:none;padding:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.article-layout .article-content a{color:var(--color-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:all .2s ease}.article-layout .article-content a:hover{color:var(--color-accent-hover);text-decoration-thickness:2px}.article-layout .article-content img{max-width:100%;height:auto;border-radius:var(--border-radius-md);margin:var(--space-2xl) 0}.article-layout .article-content hr{margin:var(--space-3xl) 0;border:none;border-top:1px solid var(--color-border)}.article-layout .article-content strong,.article-layout .article-content b{font-weight:var(--font-weight-semibold);color:var(--color-text)}.article-layout .article-content em,.article-layout .article-content i{font-style:italic}.article-layout .article-content table{width:100%;border-collapse:collapse;margin:var(--space-2xl) 0}.article-layout .article-content th,.article-layout .article-content td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--color-border)}.article-layout .article-content th{font-weight:var(--font-weight-semibold);color:var(--color-text)}.article-layout .article-content td{color:var(--color-text-secondary)}.case-study-layout{max-width:800px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.case-study-layout .case-study-header{margin-bottom:var(--space-3xl);padding-bottom:var(--space-2xl);border-bottom:1px solid var(--color-border)}.case-study-layout .case-study-header h1{font-size:var(--font-size-5xl);margin-bottom:var(--space-md);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:var(--line-height-tight)}.case-study-layout .case-study-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.case-study-layout .meta-separator{opacity:.5}.case-study-layout .outcome-summary{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-accent);font-weight:var(--font-weight-medium)}.case-study-layout .case-study-section{margin-bottom:var(--space-3xl)}.case-study-layout .case-study-section h2{font-size:var(--font-size-4xl);margin-bottom:var(--space-lg);font-weight:var(--font-weight-bold);letter-spacing:-.01em}.case-study-layout .case-study-section p{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text)}.case-study-layout .constraints-list,.case-study-layout .tech-stack-list,.case-study-layout .learnings-list{list-style:none;padding:0}.case-study-layout .constraints-list li,.case-study-layout .tech-stack-list li,.case-study-layout .learnings-list li{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);padding:var(--space-sm) 0;padding-left:var(--space-lg);position:relative;color:var(--color-text-secondary)}.case-study-layout .constraints-list li:before,.case-study-layout .tech-stack-list li:before,.case-study-layout .learnings-list li:before{content:"→";position:absolute;left:0;color:var(--color-accent)}.case-study-layout .decisions-list{display:flex;flex-direction:column;gap:var(--space-2xl)}.case-study-layout .decision-item{padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg-secondary)}.case-study-layout .decision-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-md);color:var(--color-text)}.case-study-layout .decision-reasoning,.case-study-layout .decision-alternatives{margin-top:var(--space-md)}.case-study-layout .decision-reasoning strong,.case-study-layout .decision-alternatives strong{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.case-study-layout .decision-reasoning p{font-size:var(--font-size-base);margin-top:var(--space-sm);color:var(--color-text-secondary)}.case-study-layout .decision-alternatives ul{list-style:none;padding:0;margin-top:var(--space-sm)}.case-study-layout .decision-alternatives li{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);padding:var(--space-xs) 0;padding-left:var(--space-md);position:relative;color:var(--color-text-secondary)}.case-study-layout .decision-alternatives li:before{content:"•";position:absolute;left:0;color:var(--color-accent)}.case-study-layout .impact-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl);padding:var(--space-2xl);background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.case-study-layout .metric-item{text-align:center}.case-study-layout .metric-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-accent);margin-bottom:var(--space-sm);line-height:var(--line-height-tight)}.case-study-layout .metric-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.case-study-layout .impact-qualitative{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.case-study-layout .case-study-content{margin-top:var(--space-3xl);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.page-layout{max-width:800px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.page-header{margin-bottom:var(--space-3xl)}.page-header h1{font-size:var(--font-size-5xl);margin-bottom:var(--space-md);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:var(--line-height-tight)}.page-intro{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-text-secondary);max-width:var(--max-width-prose)}@media(max-width:768px){.article-layout{padding:var(--space-xl) var(--space-md)}.article-layout .article-header h1{font-size:var(--font-size-4xl)}.article-layout .article-content{font-size:var(--font-size-base)}.article-layout .article-content h2{font-size:var(--font-size-3xl)}.article-layout .article-content h3{font-size:var(--font-size-2xl)}.article-layout .article-content h4{font-size:var(--font-size-xl)}.article-layout .article-content pre{padding:var(--space-md)}.case-study-layout{padding:var(--space-xl) var(--space-md)}.case-study-layout .case-study-header h1{font-size:var(--font-size-4xl)}.case-study-layout .outcome-summary{font-size:var(--font-size-lg)}.case-study-layout .case-study-section h2{font-size:var(--font-size-3xl)}.case-study-layout .case-study-section p{font-size:var(--font-size-base)}.case-study-layout .decision-item{padding:var(--space-md)}.case-study-layout .impact-metrics{grid-template-columns:1fr;padding:var(--space-lg)}.case-study-layout .metric-value{font-size:var(--font-size-3xl)}.page-layout{padding:var(--space-xl) var(--space-md)}.page-header h1{font-size:var(--font-size-4xl)}.page-intro{font-size:var(--font-size-lg)}}