.card-detail-shell{display:grid;grid-gap:40px;gap:40px}.detail-breadcrumb{display:flex;min-width:0;gap:10px;align-items:center;color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}.detail-breadcrumb a{color:var(--accent);text-decoration:none;overflow-wrap:anywhere}.card-detail-hero{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);grid-gap:48px;gap:48px;align-items:start}.card-detail-image,.variant-image{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,var(--surface-strong),var(--surface))}.card-detail-image img,.variant-image img{display:block;width:100%;height:auto}.card-detail-image .card-image-placeholder{min-height:520px}.card-detail-copy{min-width:0}.card-detail-copy h1{margin-top:18px;margin-bottom:12px;font-size:clamp(3rem,7vw,6rem);overflow-wrap:anywhere}.card-detail-code{color:var(--muted);font-size:1.1rem;font-weight:800;letter-spacing:.08em;overflow-wrap:anywhere}.detail-metadata{margin-bottom:24px}.detail-metadata dd,.detail-metadata dt{overflow-wrap:anywhere}.variant-section{display:grid;grid-gap:24px;gap:24px}.variant-section-heading{display:grid;min-width:0;grid-gap:6px;gap:6px}.variant-section-heading h2,.variant-section-heading p{overflow-wrap:anywhere}.variant-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:20px;gap:20px}.variant-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--surface-strong),var(--surface))}.variant-placeholder{display:grid;min-height:260px;place-items:center;padding:20px;color:var(--muted);font-weight:800;text-align:center;overflow-wrap:anywhere;background:linear-gradient(135deg,#1d2430,#0d1016)}.variant-copy{min-width:0;padding:18px}.variant-copy h3{margin:12px 0 8px;font-size:1.3rem;overflow-wrap:anywhere}.variant-copy dd,.variant-copy dt,.variant-copy p,.variant-copy small{color:var(--muted);overflow-wrap:anywhere}@media (max-width:760px){.card-detail-hero{grid-template-columns:1fr;gap:28px}.card-detail-image .card-image-placeholder{min-height:380px}}