.article-layout{max-width:800px;padding:var(--space-2xl) var(--space-lg);margin:0 auto}.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{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-md);display:flex}.article-layout .meta-separator{opacity:.5}.article-layout .article-tags{gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.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);color:var(--color-text-secondary);background:#ffffff05;font-style:italic}.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{border-radius:var(--border-radius-sm);color:var(--color-text);background:#ffffff0d;padding:.2em .4em;font-family:ui-monospace,JetBrains Mono,Cascadia Code,Menlo,Consolas,Courier New,monospace;font-size:.9em}.article-layout .article-content pre{margin:var(--space-2xl) 0;padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:#ffffff05;overflow-x:auto}.article-layout .article-content pre code{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);background:0 0;padding:0}.article-layout .article-content a{color:var(--color-accent);text-underline-offset:2px;text-decoration:underline 1px;transition:all .2s}.article-layout .article-content a:hover{color:var(--color-accent-hover);text-decoration-thickness:2px}.article-layout .article-content img{border-radius:var(--border-radius-md);max-width:100%;height:auto;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{border-collapse:collapse;width:100%;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;padding:var(--space-2xl) var(--space-lg);margin:0 auto}.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{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-lg);display:flex}.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{padding:0;list-style:none}.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);color:var(--color-text-secondary);position:relative}.case-study-layout .constraints-list li:before,.case-study-layout .tech-stack-list li:before,.case-study-layout .learnings-list li:before{content:"→";color:var(--color-accent);position:absolute;left:0}.case-study-layout .decisions-list{gap:var(--space-2xl);flex-direction:column;display:flex}.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{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em;display:block}.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{margin-top:var(--space-sm);padding:0;list-style:none}.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);color:var(--color-text-secondary);position:relative}.case-study-layout .decision-alternatives li:before{content:"•";color:var(--color-accent);position:absolute;left:0}.case-study-layout .impact-metrics{gap:var(--space-lg);margin-bottom:var(--space-2xl);padding:var(--space-2xl);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:#ffffff05;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.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;padding:var(--space-2xl) var(--space-lg);margin:0 auto}.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 (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{padding:var(--space-lg);grid-template-columns:1fr}.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)}}