body{background:radial-gradient(circle at top,rgb(from var(--clr-gold) r g b / 0.13),transparent 36rem),var(--clr-bg);color:var(--clr-text-light)}a{color:var(--clr-gold)}.cards-hero{text-align:center;padding:48px 20px 12px}.cards-hero h1{font-size:2.2rem;margin-bottom:8px;color:var(--clr-gold)}.cards-hero p{max-width:600px;margin:0 auto;color:var(--clr-text-muted);font-size:1rem;line-height:1.6}.cards-section{margin-bottom:32px}.cards-count{font-size:0.78rem;color:var(--clr-text-dim);font-weight:400;margin-left:6px}.cards-section h2{color:var(--clr-gold);font-size:1.4rem;margin-bottom:8px}.cards-section p{color:var(--clr-text-secondary);line-height:1.65;margin-bottom:16px;font-size:0.95rem}.card-names{border:1px solid rgb(from var(--clr-white) r g b / 0.08);border-radius:var(--radius-md);padding:20px 24px;background:rgb(from var(--clr-white) r g b / 0.03);box-shadow:0 8px 24px rgb(from var(--clr-black) r g b / 0.3)}.cards-suit{margin-top:24px}.cards-suit:first-child{margin-top:0}.cards-suit summary{cursor:pointer;color:var(--clr-cream);font-size:1.05rem;font-weight:600;padding-bottom:8px;border-bottom:1px solid rgb(from var(--clr-gold) r g b / 0.12);list-style:none;display:flex;align-items:center;gap:8px;transition:color 0.2s ease}.cards-suit summary:hover{color:var(--clr-gold)}.cards-suit summary::-webkit-details-marker{display:none}.cards-suit summary::before{content:'▸';color:var(--clr-gold);font-size:0.85rem;transition:transform 0.2s ease}.cards-suit details[open]>summary::before{transform:rotate(90deg)}.cards-suit .card-names__list{margin-top:8px}.cards-suit .card-names{border:none;border-radius:0;padding:0;background:none;box-shadow:none}.card-names__list{columns:3;column-gap:24px;margin:0;padding:0;list-style:none}.card-names__list li{padding:7px 10px;border-radius:8px;break-inside:avoid;transition:background 0.2s ease}.card-names__list li:hover{background:rgb(from var(--clr-gold) r g b / 0.06)}.card-names__list a{text-decoration:none;color:var(--clr-text-light);font-size:0.93rem;transition:color 0.2s ease;display:block}.card-names__list li:hover a{color:var(--clr-gold)}@media (max-width:768px){.cards-hero h1{font-size:1.8rem}.card-names{padding:14px 16px}.card-names__list{columns:1}}@media (min-width:769px) and (max-width:1024px){.card-names__list{columns:2}}