/* VERITAS LIBRARIES - CORPORATE BOOKSHELF UI */
.guides-grid {display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 30px; padding: 20px 0; perspective: 1000px;}
.library-card {position: relative; height: 320px; background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%); border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.1); transition: all 0.4s cubic-bezier(0.4,0,0.2,1); cursor: pointer; transform-style: preserve-3d; border: 1px solid rgba(255,255,255,0.1); overflow: hidden;}
.library-card[data-domain="P1"] {background: linear-gradient(135deg, #3730a3 0%, #1e1b4b 100%); box-shadow: 0 10px 30px rgba(55,48,163,0.4), 0 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.15);}
.library-card[data-domain="P0"] {background: linear-gradient(135deg, #047857 0%, #064e3b 100%); box-shadow: 0 10px 30px rgba(4,120,87,0.4), 0 1px 3px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.15);}
.library-card:hover {transform: rotateY(-8deg) rotateX(3deg) translateY(-10px); box-shadow: 0 20px 50px rgba(0,0,0,0.4), 0 5px 10px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2);}
.library-card.custom-override::before {content: 'CUSTOM'; position: absolute; top: 0; right: 20px; background: linear-gradient(180deg, #f59e0b 0%, #d97706 100%); color: #78350f; padding: 25px 12px 40px 12px; font-size: 9px; font-weight: 700; letter-spacing: 0.5px; box-shadow: 2px 2px 8px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.3); z-index: 10; clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%); border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(0,0,0,0.2);}
.library-card::after {content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 20px; background: linear-gradient(90deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 50%, rgba(255,255,255,0.05) 100%); border-right: 1px solid rgba(255,255,255,0.1);}
.library-card-content {padding: 30px 25px; height: 100%; display: flex; flex-direction: column; position: relative; z-index: 2;}
.library-icon {font-size: 48px; margin-bottom: 20px; filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3));}
.library-title {font-size: 18px; font-weight: 700; color: white; margin-bottom: 10px; line-height: 1.3; text-shadow: 0 2px 4px rgba(0,0,0,0.3);}
.library-description {font-size: 12px; color: rgba(255,255,255,0.75); line-height: 1.5; margin-bottom: 15px; flex: 1; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.domain-badge {display: inline-block; padding: 4px 10px; border-radius: 12px; font-size: 10px; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 10px; text-transform: uppercase;}
.domain-badge.P0 {background: rgba(4,120,87,0.3); color: #6ee7b7; border: 1px solid rgba(110,231,183,0.3);}
.domain-badge.P1 {background: rgba(99,102,241,0.3); color: #c7d2fe; border: 1px solid rgba(199,210,254,0.3);}
.library-version {position: absolute; bottom: 20px; right: 25px; background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0.1)); color: rgba(255,255,255,0.9); padding: 6px 12px; border-radius: 6px; font-size: 11px; font-weight: 600; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.2); box-shadow: 0 2px 8px rgba(0,0,0,0.2);}
