.case-study-logo-container{padding-top:var(--space-3);padding-left:var(--space-2)}.case-study-container{padding:var(--space-3) var(--space-2) 0 var(--space-2);max-width:900px;margin:0 auto}.case-study-back-link{color:var(--secondary-color);transition:var(--transition-smooth);margin-bottom:var(--space-3);align-items:center;gap:8px;font-size:13.5px;font-weight:600;text-decoration:none;display:inline-flex}.case-study-back-link:hover{color:var(--link-color);transform:translate(-2px)}.case-study-header{border-bottom:1px solid var(--border-color);padding-bottom:var(--space-3);margin-bottom:var(--space-4);flex-direction:column;gap:20px;display:flex}.case-study-title{font-family:var(--primary-font);color:var(--primary-color);margin-bottom:8px;font-size:clamp(24px,5vw,36px);font-weight:800}.case-study-subtitle{color:var(--secondary-color);font-size:clamp(15px,2.5vw,17px);line-height:1.5}.case-study-meta{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2);flex-wrap:wrap;gap:24px;display:flex}.meta-section{flex-direction:column;gap:6px;display:flex}.meta-title{text-transform:uppercase;color:var(--tertiary-color);letter-spacing:.5px;font-size:11px;font-weight:700}.meta-badges{flex-wrap:wrap;gap:6px;display:flex}.meta-badge{color:var(--primary-color);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:2px 8px;font-size:11px;font-weight:600}.meta-link{color:var(--link-color);transition:var(--transition-smooth);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.meta-link:hover{text-decoration:underline}.case-study-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:2fr 1fr;display:grid}.case-study-main{gap:var(--space-4);flex-direction:column;display:flex}.case-study-section h2{font-family:var(--primary-font);color:var(--primary-color);margin-bottom:12px;font-size:20px;font-weight:700}.case-study-section p{color:var(--secondary-color);font-size:14.5px;line-height:1.6}.architecture-diagram-wrapper{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-top:16px;padding:16px;overflow-x:auto}.architecture-diagram{color:var(--primary-color);margin:0;font-family:Courier New,Courier,monospace;font-size:12.5px;line-height:1.4}.case-study-sidebar{gap:var(--space-3);flex-direction:column;display:flex}.sidebar-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2)}.sidebar-card h3{color:var(--primary-color);align-items:center;gap:8px;margin-bottom:8px;font-size:13.5px;font-weight:700;display:flex}.sidebar-card h3 svg{color:var(--link-color);font-size:14px}.sidebar-card p{color:var(--secondary-color);margin:0;font-size:13.5px;line-height:1.5}@media (max-width:768px){.case-study-grid{gap:var(--space-3);grid-template-columns:1fr}.case-study-sidebar{order:-1}}@media (max-width:640px){.case-study-container{padding-top:72px}.case-study-logo-container{display:none}}.case-study-workflow-list{flex-direction:column;gap:10px;padding-left:20px;display:flex}.case-study-workflow-list li{color:var(--secondary-color);padding-left:4px;font-size:14px;line-height:1.6}.case-study-workflow-list li::marker{color:var(--link-color);font-weight:700}.case-study-roles-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.case-study-role-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px}.case-study-role-card h4{color:var(--primary-color);margin-bottom:6px;font-size:13.5px;font-weight:700}.case-study-role-card p{color:var(--secondary-color);margin:0;font-size:13px;line-height:1.5}.case-study-engineering-list{flex-direction:column;gap:14px;display:flex}.case-study-engineering-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px}.case-study-engineering-item h4{color:var(--link-color);margin-bottom:6px;font-size:13.5px;font-weight:700}.case-study-engineering-item p{color:var(--secondary-color);margin:0;font-size:13.5px;line-height:1.5}.case-study-title-wrapper{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:8px;display:flex}.case-study-title-wrapper .case-study-title{margin-bottom:0}.case-study-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.case-study-status-badge.dev-badge{color:var(--secondary-color);background:var(--bg-secondary);border:1px solid var(--border-color)}