body{background:radial-gradient(circle at top,rgba(255,212,121,0.13),transparent 36rem),var(--clr-bg);color:var(--clr-text-light)}a{color:var(--clr-gold)}.card-hero{text-align:center;padding:30px 20px 44px;max-width:1000px;margin:0 auto}.card-hero h1{font-size:clamp(2rem,5vw,2.8rem);margin-bottom:10px;line-height:1.12;color:var(--clr-text);text-wrap:balance}.card-hero p{max-width:760px;margin:0 auto;color:var(--clr-text-secondary);line-height:1.7;text-wrap:pretty}.card-layout{display:grid;grid-template-columns:minmax(240px,340px)minmax(0,1fr);gap:34px;max-width:1160px;margin:0 auto;padding:0 20px 24px}@media(max-width:900px){.card-layout{grid-template-columns:1fr;gap:24px}}.card-image{position:relative;align-self:start;max-width:340px;width:100%}.card-image::after{content:"";position:absolute;top:-5%;left:-5%;width:110%;height:110%;background:radial-gradient(circle,rgba(255,204,102,0.25)0%,rgba(0,0,0,0)60%);filter:blur(20px);opacity:0;transition:opacity 0.4s ease;border-radius:20px;pointer-events:none}.card-image:hover::after{opacity:1}.card-image img{display:block;width:100%;height:auto;aspect-ratio:832/1424;object-fit:contain;border-radius:12px;box-shadow:0 16px 30px rgba(0,0,0,0.4);transition:transform 0.4s ease,box-shadow 0.4s ease;background:rgba(255,255,255,0.03)}.card-image img:hover{transform:translateY(-6px);box-shadow:0 24px 40px rgba(0,0,0,0.5)}.card-info{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.12);border-radius:16px;padding:24px;box-shadow:0 20px 42px rgba(0,0,0,0.2)}.card-info h2{color:var(--clr-gold);margin-bottom:12px;font-size:clamp(1.45rem,2vw,1.7rem)}.card-info p{color:var(--clr-text-secondary);line-height:1.7;margin:0;white-space:pre-line;text-wrap:pretty}.card-meanings{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:22px}.card-meanings>div{background:rgba(0,0,0,0.2);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:14px}.card-meanings h3{color:var(--clr-gold);margin:0 0 8px;font-size:1rem}.card-pagination{margin:44px auto 64px;display:flex;justify-content:center;gap:12px;max-width:100%;padding:0 20px;flex-wrap:wrap}.card-pagination__link{flex:0 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 18px;background:rgba(255,255,255,0.06);color:var(--clr-text);text-decoration:none;font-weight:500;border-radius:12px;border:1px solid rgba(255,255,255,0.24);min-width:max-content;transition:transform 0.16s ease,background-color 0.16s ease,border-color 0.16s ease}.card-pagination__link--prev{justify-content:flex-start}.card-pagination__link--next{justify-content:flex-end}.card-pagination__link:hover{background:rgba(255,255,255,0.11);border-color:rgba(255,255,255,0.38);transform:translateY(-1px)}.card-pagination__link:focus-visible{outline:2px solid rgba(255,255,255,0.85);outline-offset:2px}.card-pagination__link span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-pagination__link span:first-child{font-size:1rem;line-height:1;opacity:0.9}@media(max-width:900px){.card-image{max-width:min(380px,100%);margin:0 auto}.card-info{padding:18px}}@media(max-width:640px){.card-hero{padding:20px 16px 32px}.card-layout{padding:0 16px 10px}.card-info{padding:16px}.card-meanings{grid-template-columns:1fr}.card-pagination{flex-direction:column;margin-top:28px;margin-bottom:44px;padding:0 16px}.card-pagination__link--prev,.card-pagination__link--next{justify-content:center}}