.gria-toc-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:16px;margin:2rem 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}.gria-toc-card{background:linear-gradient(145deg, #2a2a2e 0%, #1c1c1f 100%);border-radius:16px;padding:1.5rem 1.2rem;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none !important;position:relative;overflow:hidden;border:1px
solid rgba(255, 255, 255, 0.04);border-top:1px solid rgba(255, 255, 255, 0.1);box-shadow:0 8px 20px rgba(0, 0, 0, 0.15);transition:all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)}.gria-toc-card:hover{transform:translateY(-4px);box-shadow:0 12px 25px rgba(0, 0, 0, 0.3), 0 0 15px rgba(255, 255, 255, 0.03);border-color:rgba(255, 255, 255, 0.12);background:linear-gradient(145deg, #2e2e33 0%, #202024 100%)}.gria-toc-emoji-box{background:rgba(255, 255, 255, 0.05);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;box-shadow:inset 0 2px 4px rgba(255, 255, 255, 0.05), 0 4px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease, background 0.3s ease}.gria-toc-card:hover .gria-toc-emoji-box{transform:scale(1.1);background:rgba(255, 255, 255, 0.08)}.gria-toc-emoji{font-size:1.8rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.4))}.gria-toc-title{font-size:1.05rem;font-weight:600;color:#f3f4f6;margin:0
0 0.5rem 0;line-height:1.3;letter-spacing:-0.01em}.gria-toc-summary{font-size:0.82rem;color:#9ca3af;line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}