/* Scoped Threadz case study; Cobalt palette inherited. */
.threadz-case .page-hero{padding-bottom:3rem}.threadz-case .page-hero h1{font-size:clamp(4rem,10vw,8rem)}.threadz-case .subtitle{color:#91bcf3;font-size:clamp(1.3rem,3vw,2rem);margin:1rem 0 2rem}.threadz-case .opening{font-size:clamp(1.5rem,3vw,2.4rem);max-width:30ch;line-height:1.3}.threadz-case .status{display:inline-block;color:#a9cfff;border:1px solid #315a8d;padding:.5rem .8rem;font-size:.8rem;margin:1.5rem 0}.threadz-case .prose{max-width:820px}.threadz-case .prose p,.threadz-case .prose li{line-height:1.8}.threadz-case .prose ul{padding-left:1.3rem}.threadz-case figure{margin:2rem 0;border:1px solid #254369;border-radius:8px;overflow:hidden;background:#060d17}.threadz-case figure img{display:block;width:100%;height:auto}.threadz-case figcaption{padding:1rem 1.2rem;color:#b0bfd0;font-size:.85rem;line-height:1.65}.threadz-case figcaption a{color:#9bc6ff}.threadz-case .diagram{max-width:850px;margin:2rem auto}.threadz-case .diagram img{max-height:none}.threadz-case .principle{border-left:3px solid #438cf3;padding:1.5rem 2rem;background:linear-gradient(110deg,#101e33,#080c13);font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.5}.threadz-case .principle small{display:block;margin-top:1.5rem;font-size:1rem;color:#b8c8dd}.threadz-case .boundaries{border:1px solid #294c77;padding:1.4rem;border-radius:6px;background:#0b1421}.threadz-case .jump-links{display:flex;gap:1rem 1.5rem;flex-wrap:wrap;margin-top:2rem;font-size:.9rem}.threadz-case .jump-links a{color:#a7caff}.threadz-case .ui-gallery{max-width:1200px}.threadz-case .ui-gallery h3{font-size:1.5rem;margin-top:2.5rem}.threadz-case section{scroll-margin-top:100px}@media(max-width:600px){.threadz-case .page-hero h1{font-size:4rem}.threadz-case .section{padding-block:3rem}.threadz-case .principle{padding:1rem}.threadz-case .diagram{border-radius:4px}.threadz-case figcaption{font-size:.8rem}.threadz-case .diagram img{min-width:0}}
