#ppn-listing#ppn-listing#ppn-listing .spec-groups { display: flex; flex-direction: column; gap: 14px; margin: 20px 0; } #ppn-listing#ppn-listing#ppn-listing .spec-group { background: #14141e !important; border: 1px solid rgba(255, 105, 180, 0.4) !important; border-radius: 10px !important; overflow: hidden !important; } #ppn-listing#ppn-listing#ppn-listing .spec-group summary { list-style: none !important; cursor: pointer !important; padding: 14px 18px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; background: #1a1a26 !important; color: #29e0ff !important; font-family: 'JetBrains Mono', monospace !important; font-size: 1.2rem !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; } #ppn-listing#ppn-listing#ppn-listing .spec-group summary::-webkit-details-marker { display: none !important; } #ppn-listing#ppn-listing#ppn-listing .spec-group summary::after { content: "+" !important; color: #ff3fa4 !important; font-size: 1.4rem !important; } #ppn-listing#ppn-listing#ppn-listing .spec-group[open] summary::after { content: "\2212" !important; } #ppn-listing#ppn-listing#ppn-listing .spec-rows { padding: 6px 18px 14px 18px !important; } #ppn-listing#ppn-listing#ppn-listing .spec-row { display: flex !important; justify-content: space-between !important; align-items: baseline !important; gap: 12px !important; padding: 9px 0 !important; border-bottom: 1px solid rgba(255, 105, 180, 0.15) !important; } #ppn-listing#ppn-listing#ppn-listing .spec-row:last-child { border-bottom: none !important; } #ppn-listing#ppn-listing#ppn-listing .spec-row .spec-label { color: #b7b7c6 !important; font-size: 1.3rem !important; } #ppn-listing#ppn-listing#ppn-listing .spec-row .spec-value { color: #f4f4fa !important; font-family: 'JetBrains Mono', monospace !important; font-size: 1.3rem !important; text-align: right !important; } #ppn-listing#ppn-listing#ppn-listing .spec-value.spec-highlight { color: #ffd23f !important; font-weight: 700 !important; }