.project-detail-body{display:block}@media (min-width:1024px){.project-detail-body{display:grid;grid-template-columns:1fr 280px;gap:var(--space-64);max-width:80rem;margin:var(--space-96) auto var(--space-0) auto;padding:var(--space-0) var(--space-32)}.project-article-container{max-width:none}}.project-toc-sidebar{display:none}@media (min-width:1024px){.project-toc-sidebar{display:block;position:sticky;top:100px;height:calc(100vh - 120px);align-self:start}}.blog-theme{background-color:var(--primary-background)}.project-article-container{max-width:48rem;margin:var(--space-0) auto;padding:var(--space-32) var(--space-16) var(--space-64) var(--space-16)}@media (min-width:640px){.project-article-container{padding:var(--space-64) var(--space-24) var(--space-96) var(--space-24)}}.project-name-status{margin-bottom:var(--space-20)}.name-status-badge{display:inline-flex;align-items:center;padding:var(--space-4) var(--space-12);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-pill);border:1px solid transparent}.name-status-named{color:var(--primary-brand-orange);border-color:var(--primary-brand-orange);background-color:rgba(var(--rgb-brand),.08)}.name-status-anonymized{color:var(--secondary-brand-blue);border-color:var(--secondary-brand-blue);background-color:rgba(var(--rgb-brand-navy),.06)}.project-overview-bar{display:grid;grid-template-columns:1fr;gap:var(--space-24);padding:var(--space-24);border-radius:var(--radius-xl);background-color:var(--surface-background);border:1px solid var(--border-color);margin-bottom:var(--space-48)}@media (min-width:768px){.project-overview-bar{grid-template-columns:repeat(3,1fr)}}.overview-item{display:flex;align-items:center;gap:var(--space-16)}.overview-icon{color:var(--interactive-blue)}.overview-label{display:block;font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--secondary-text)}.overview-value{font-size:var(--text-base);color:var(--primary-text);font-weight:500}.blog-theme .prose{font-size:var(--text-lg);line-height:1.8;max-width:100%}.blog-theme .prose h3{font-family:Lora,serif;color:var(--primary-text);font-size:var(--text-h3);font-weight:600;line-height:1.3;margin-bottom:var(--space-24);padding-bottom:var(--space-12);margin-top:3.5rem;scroll-margin-top:100px;border-bottom:1px solid var(--border-color)}.blog-theme .prose h3:first-of-type{margin-top:var(--space-24)}.blog-theme .prose h4{color:var(--primary-text);font-size:var(--text-h4);font-weight:600;margin-top:var(--space-40);margin-bottom:var(--space-16)}.blog-theme .prose li,.blog-theme .prose p{color:var(--secondary-text);margin-bottom:var(--space-24)}.blog-theme .prose ol,.blog-theme .prose ul{margin-bottom:var(--space-24);padding-left:var(--space-24)}.blog-theme .prose ul{list-style-type:disc}.blog-theme .prose ol{list-style-type:decimal}.blog-theme .prose li{margin-bottom:var(--space-12);padding-left:var(--space-8)}.blog-theme .prose strong{color:var(--primary-text)}.blog-theme .prose li a,.blog-theme .prose p a{color:var(--interactive-blue);text-decoration:none;font-weight:500;transition:color .2s ease;border-bottom:1px solid rgba(var(--rgb-indigo-strong),.3)}.blog-theme .prose li a:hover,.blog-theme .prose p a:hover{color:var(--interactive-hover);border-bottom-color:var(--interactive-hover)}.component-wrapper{margin:var(--space-48) var(--space-0)}.blog-theme .prose iframe,.blog-theme .prose img{width:100%;margin-top:var(--space-40);margin-bottom:var(--space-40);border-radius:var(--radius-lg);box-shadow:var(--custom-shadow)}.blog-theme .prose iframe{aspect-ratio:16/9}.blog-theme .prose img.project-diagram{display:block;width:100%;max-width:100%;margin:var(--space-40) auto var(--space-8);background:#FAF8F5;border:1px solid rgba(var(--rgb-brand-navy),.08);border-radius:var(--radius-xl);box-shadow:var(--custom-shadow);overflow:hidden}.blog-theme .prose .project-diagram-caption{display:block;margin:var(--space-0) auto var(--space-40);text-align:center;font-size:var(--text-sm);color:rgba(var(--rgb-brand-navy),.7);font-style:italic}.blog-theme .prose img.project-diagram{cursor:zoom-in;transition:box-shadow .2s ease}.blog-theme .prose img.project-diagram:hover{box-shadow:0 8px 24px rgba(var(--rgb-brand-navy),.18)}.share-bar{margin-top:var(--space-64);padding-top:var(--space-32);border-top:1px solid var(--border-color);display:flex;align-items:center;gap:var(--space-16);flex-wrap:wrap}.share-bar-label{display:block;font-weight:600;color:var(--primary-text);font-size:var(--text-base);margin:var(--space-0)}.share-bar-icons{display:flex;gap:var(--space-12)}.share-icon-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-circle);background-color:var(--surface-background);color:var(--secondary-text);transition:all .2s ease;border:1px solid var(--border-color);position:relative}.share-icon-link:hover{background-color:var(--interactive-blue);color:white;transform:scale(1.1);border-color:var(--interactive-blue)}.copy-success-message{position:absolute;bottom:110%;left:50%;transform:translateX(-50%);background-color:var(--primary-text);color:var(--primary-background);padding:var(--space-4) var(--space-12);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s;white-space:nowrap}.copy-success-message.visible{opacity:1;visibility:visible}.project-actions-container{display:flex;flex-direction:column;gap:var(--space-16);align-items:center;justify-content:center;margin:var(--space-40) var(--space-0)}@media (min-width:640px){.project-actions-container{flex-direction:row}}.project-action-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-12);padding:.875rem var(--space-32);font-weight:600;border-radius:var(--radius-lg);text-decoration:none;transition:all .3s ease-in-out;border:1px solid transparent}.project-action-button .w-5{width:1.25rem}.project-action-button .h-5{height:1.25rem}.project-action-button.primary{background-color:var(--interactive-blue);color:white;box-shadow:0 4px 15px rgba(var(--rgb-indigo-strong),.2)}.project-action-button.primary:hover{background-color:var(--interactive-hover);transform:translateY(-2px);box-shadow:0 7px 20px rgba(var(--rgb-indigo-strong),.3)}.project-action-button.secondary{background-color:var(--surface-background);color:var(--primary-text);border-color:var(--border-color)}.project-action-button.secondary:hover{background-color:var(--border-color-light);border-color:var(--secondary-text);transform:translateY(-2px)}.elliot-bot-usage{margin:var(--space-48) var(--space-0)}.elliot-bot-card{display:flex;align-items:flex-start;gap:var(--space-24);padding:var(--space-24);background-color:var(--surface-background);border:1px solid var(--border-color);border-radius:var(--radius-xl)}.elliot-bot-icon-wrapper{padding:var(--space-8);background-color:rgba(var(--rgb-indigo-strong),.1);border-radius:var(--radius-lg);flex-shrink:0}.elliot-bot-icon{width:1.5rem;height:1.5rem;color:var(--interactive-blue)}.elliot-bot-content{flex:1 1}.elliot-bot-title{font-size:var(--text-lg);font-weight:700;color:var(--primary-text);margin:var(--space-0) var(--space-0) var(--space-8) var(--space-0)}.elliot-bot-description{color:var(--secondary-text);margin:var(--space-0) var(--space-0) var(--space-16) var(--space-0);line-height:1.5}.elliot-bot-features{list-style:none;padding:var(--space-0);margin:var(--space-0);display:flex;flex-direction:column;gap:var(--space-8)}.elliot-bot-feature-item{display:flex;align-items:center;gap:var(--space-12);font-size:var(--text-sm);color:var(--secondary-text)}.elliot-bot-dot{width:.375rem;height:.375rem;background-color:var(--interactive-blue);border-radius:var(--radius-circle);flex-shrink:0}@media (max-width:639px){.elliot-bot-card{flex-direction:column;gap:var(--space-16)}}