.dram-intro{display:block}.dram-card{background:#061522}.dram-family-section,.dram-compare-section{padding:28px}.dram-family-section{border-bottom:1px solid var(--line)}
.dram-section-heading{display:grid;grid-template-columns:38px minmax(230px,.7fr) 1fr;gap:14px;align-items:center;margin-bottom:22px}.dram-section-heading>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(34,211,238,.36);border-radius:50%;color:var(--cyan);font-size:.7rem;font-weight:800}.dram-section-heading small{color:#69ced9;font-size:.63rem;font-weight:760;letter-spacing:.13em}.dram-section-heading h2{margin:2px 0 0;font-size:1.35rem;line-height:1.2}.dram-section-heading p{justify-self:end;max-width:520px;margin:0;color:#7f93a4;font-size:.82rem;text-align:right}
.dram-family-map{padding:22px;border:1px solid rgba(139,185,221,.15);background:#07131f}.family-root{display:flex;min-height:90px;flex-direction:column;align-items:center;justify-content:center;width:min(310px,100%);margin:auto;border:1px solid rgba(34,211,238,.42);background:linear-gradient(145deg,rgba(34,211,238,.08),rgba(7,19,31,.96));box-shadow:0 0 34px rgba(34,211,238,.055)}.family-root strong{font-size:1.5rem;letter-spacing:.04em}.family-root em{color:#6fcfd9;font-size:.75rem;font-style:normal;letter-spacing:.035em}.family-root span{margin-top:2px;color:#7990a2;font-size:.76rem}.family-connector{width:1px;height:25px;margin:auto;background:rgba(126,178,213,.3)}.family-branches{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.family-branches::before{content:"";position:absolute;left:12.5%;right:12.5%;top:-1px;height:1px;background:rgba(126,178,213,.3)}.family-node{position:relative;min-height:164px;padding:21px 15px 16px;border:1px solid rgba(139,185,221,.16);border-radius:2px;color:#ebf4f8;background:#071722;text-align:left;cursor:pointer;transition:opacity .2s ease,border-color .2s ease,background .2s ease,transform .2s ease}.family-node::before{content:"";position:absolute;left:50%;top:-11px;width:1px;height:11px;background:rgba(126,178,213,.3)}.family-node:hover,.family-node:focus-visible,.family-node.is-active{border-color:rgba(34,211,238,.48);background:rgba(34,211,238,.055);outline:0;transform:translateY(-2px)}.family-node b,.family-node em,.family-node span,.family-node small{display:block}.family-node b{font-size:1.25rem}.family-node em{min-height:39px;margin-top:4px;color:#70a9b7;font-size:.75rem;font-style:normal;line-height:1.35}.family-node span{margin-top:9px;color:#9babb7;font-size:.8rem;line-height:1.55}.family-node small{margin-top:10px;color:#5fcdd9;font-size:.68rem;letter-spacing:.04em}
.dram-compare-section{background:#07131f}.dram-products{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dram-product{--product:#55d8e7;display:flex;min-width:0;min-height:450px;flex-direction:column;overflow:hidden;border:1px solid rgba(139,185,221,.17);border-top:2px solid color-mix(in srgb,var(--product) 72%,transparent);border-radius:3px;background:#071722;transition:opacity .22s ease,filter .22s ease,transform .22s ease,border-color .22s ease;cursor:default}.product-ddr3{--product:#d9ae68}.product-ddr4{--product:#78aee8}.product-ddr5{--product:#43d5c7}.dram-product:hover,.dram-product:focus-visible,.dram-product.is-active{border-color:color-mix(in srgb,var(--product) 58%,rgba(139,185,221,.2));outline:0;transform:translateY(-3px);box-shadow:0 18px 40px rgba(0,0,0,.18)}.dram-products[data-active] .dram-product:not(.is-active){opacity:.34;filter:saturate(.45)}.dram-product header{display:grid;grid-template-columns:28px 1fr;gap:11px;align-items:start;padding:18px;border-bottom:1px solid rgba(139,185,221,.12)}.dram-product header>small{color:color-mix(in srgb,var(--product) 80%,#fff);font-size:.64rem}.dram-product h3{margin:0;font-size:1.8rem;line-height:1}.dram-product header span{display:inline-block;margin-top:9px;padding:3px 7px;border:1px solid color-mix(in srgb,var(--product) 30%,transparent);color:color-mix(in srgb,var(--product) 82%,#fff);font-size:.62rem}.dram-product dl{margin:0;padding:4px 18px}.dram-product dl>div{display:grid;grid-template-columns:54px 1fr;gap:8px;padding:12px 0;border-bottom:1px solid rgba(139,185,221,.1)}.dram-product dt{color:#5f7689;font-size:.67rem}.dram-product dd{margin:0;color:#aabac6;font-size:.76rem}.dram-product mark{padding:1px 4px;color:color-mix(in srgb,var(--product) 78%,#fff);background:color-mix(in srgb,var(--product) 10%,transparent);font-weight:760}.dram-product footer{margin-top:auto;padding:15px 18px 18px}.dram-product footer span,.dram-product footer b{display:block}.dram-product footer span{color:#526a7d;font-size:.62rem}.dram-product footer b{margin-top:5px;color:#9eb0bd;font-size:.66rem;line-height:1.6;font-weight:650}.dram-insight{display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:start;margin-top:14px;padding:17px 18px;border:1px solid rgba(139,185,221,.13);background:#061522}.dram-insight>span{color:#60ccd8;font-size:.65rem;font-weight:760;letter-spacing:.08em}.dram-insight b{color:#e2f0f6;font-size:.86rem}.dram-insight p{margin:3px 0 0;color:#758a9b;font-size:.77rem}.detail-body a{margin-left:7px;color:#7ddce7;text-underline-offset:3px}
@media(max-width:1050px){.dram-products{grid-template-columns:1fr 1fr}.dram-product{min-height:420px}}
@media(max-width:760px){.dram-family-section,.dram-compare-section{padding:20px 16px}.dram-section-heading{grid-template-columns:34px 1fr}.dram-section-heading p{grid-column:2;justify-self:start;text-align:left}.family-branches{grid-template-columns:1fr 1fr}.family-branches::before{display:none}.family-node::before{display:none}.family-insight{grid-template-columns:1fr;gap:4px}.dram-products{grid-template-columns:1fr}.dram-product{min-height:auto}.dram-insight{grid-template-columns:1fr;gap:5px}}
@media(prefers-reduced-motion:reduce){.family-node,.dram-product{transition:none}}