/* Author: Sandeep Belgavi. Collection extensions to the shared editorial shell. */
.content-shell .site-header nav{flex-wrap:wrap}.content-shell .pattern-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}.content-shell .pattern-tabs a{border:1px solid #c5baf0;border-radius:9px;padding:9px 13px;font-size:13px;text-decoration:none}.content-shell .pattern-tabs [aria-current=page]{background:#4338ca;color:white;border-color:#4338ca}.content-shell .example-links{font-size:13px;padding:14px 17px;background:#eceafa;border-radius:8px;overflow-wrap:anywhere}.content-shell .diagram-scroll{overflow-x:auto;max-width:100%;padding-bottom:8px}.content-shell .diagram-scroll img{display:block;max-width:none;width:auto;min-width:700px;height:auto}.content-shell .diagram details{font-size:13px;margin-top:14px}.content-shell .diagram summary{cursor:pointer;color:#4338ca}.content-shell .collection-intro{max-width:870px;font-size:18px}.content-shell .collection-map{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 50px}.content-shell .collection-map a{padding:9px 14px;border:1px solid #c5baf0;border-radius:8px;font-size:14px;text-decoration:none}.content-shell .pattern-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.content-shell .pattern-card{background:#fff;border:1px solid #dce0f0;border-radius:14px;padding:24px;scroll-margin-top:24px;min-width:0}.content-shell .pattern-card .eyebrow{color:#6d28d9}.content-shell .pattern-card h3{margin:14px 0;font-size:23px}.content-shell .pattern-card p{font-size:14px;color:#52617d}.content-shell .pattern-card ol{padding-left:20px;font-size:14px}.content-shell .pattern-card li{margin:18px 0}.content-shell .pattern-card a{text-decoration:none;display:block}.content-shell .pattern-card a:hover{text-decoration:underline}.content-shell .pattern-card a span{display:block;color:#52617d;font-size:11px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.content-shell .hub>section{margin-bottom:55px}.content-shell .diagram{padding:18px}.content-shell aside{max-height:calc(100vh - 48px);overflow:auto;padding-right:6px}
@media(max-width:1000px){.content-shell .pattern-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.content-shell .pattern-grid{grid-template-columns:1fr}.content-shell aside{max-height:none;overflow:visible}.content-shell .diagram{padding:12px}.content-shell .collection-map{gap:8px}.content-shell .collection-map a{font-size:12px}}