#access-ranking{background-color:theme('colors.white')}#access-ranking h2{font-size:1.5rem !important;line-height:2rem !important;font-weight:700 !important;color:#333 !important}#access-ranking h3{font-size:1.125rem !important;line-height:1.75rem !important;font-weight:600 !important;color:#333 !important}#access-ranking h4{font-size:1rem !important;line-height:1.5rem !important;font-weight:500 !important;color:#333 !important}.access-ranking-container{box-shadow:none !important}@media (min-width:768px){.access-ranking-container{box-shadow:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1) !important}}.ranking-tab{cursor:pointer;border:none;outline:none;background:0 0}.ranking-tab:focus{outline:2px solid theme('colors.cns-blue');outline-offset:2px}.ranking-tab[aria-selected=true]{background-color:theme('colors.white') !important;color:theme('colors.cns-blue') !important;border-bottom:2px solid theme('colors.cns-blue') !important}.ranking-tab[aria-selected=false]{background-color:#f9fafb !important;color:#6b7280 !important;border-bottom:2px solid transparent !important}.ranking-tab[aria-selected=false]:hover{background-color:#f3f4f6 !important}.ranking-content{display:none !important}.ranking-content.active{display:block !important}.ranking-content.hidden{display:none !important}.ranking-item{text-decoration:none;border-radius:.375rem;padding:1rem !important;transition:background-color .2s ease-in-out}.ranking-item:hover{background-color:#f9fafb;text-decoration:none}.ranking-item:focus{outline:2px solid theme('colors.cns-blue');outline-offset:2px}.ranking-number{position:absolute;top:0;left:0;width:1.75rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;clip-path:polygon(0 0,100% 0,100% 100%,50% 85%,0 100%)}.rank-1{background-color:#fbbf24}.rank-2{background-color:#9ca3af}.rank-3{background-color:#eda22c}.rank-other{background-color:#51a8dd !important}.ranking-item .line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:768px){.ranking-item{padding-top:.75rem !important;padding-bottom:.75rem !important;padding-left:0 !important;padding-right:0 !important}.ranking-item .flex{gap:.5rem}.ranking-item img{width:95px !important;height:95px !important}.ranking-number{width:2rem;height:2.5rem;font-size:1rem}}@media (max-width:767px){.ranking-tab{padding-top:.75rem !important;padding-bottom:.75rem !important;padding-left:.75rem !important;padding-right:.75rem !important;font-size:.875rem}#access-ranking .ranking-item h4{font-size:16px !important;line-height:1.25 !important}}@media (min-width:768px){.ranking-tab{padding-top:1rem !important;padding-bottom:1rem !important;padding-left:1.5rem !important;padding-right:1.5rem !important}}@media (max-width:640px){#access-ranking .max-w-7xl{padding-left:1rem;padding-right:1rem}#access-ranking .p-6{padding:1rem}}.ranking-loading{display:flex;justify-content:center;align-items:center;padding:2rem;color:#6b7280}.ranking-loading:before{content:"";display:inline-block;width:1rem;height:1rem;border:2px solid #e5e7eb;border-top-color:theme('colors.cns-blue');border-radius:50%;animation:ranking-spin 1s linear infinite;margin-right:.5rem}@keyframes ranking-spin{to{transform:rotate(360deg)}}.ranking-error{text-align:center;padding:2rem;color:#ef4444}.ranking-empty{text-align:center;padding:2rem;color:#6b7280}.ranking-item .bg-white.text-\[#51A8DD\]{background-color:theme('colors.white') !important;color:theme('colors.cns-blue') !important;border:1px solid theme('colors.cns-blue') !important}.ranking-item img{opacity:1 !important}@media (prefers-contrast:high){.ranking-tab[aria-selected=true]{border-bottom-width:4px !important}.ranking-number{border:1px solid #000}.ranking-item:hover{border:1px solid #000}}@media (prefers-reduced-motion:reduce){.ranking-tab,.ranking-item,.ranking-item img{transition:none}@keyframes ranking-spin{to{transform:none}}}@media print{#access-ranking{break-inside:avoid}.ranking-tab{display:none}.ranking-content{display:block !important}.ranking-content.hidden{display:block !important}.ranking-item:hover{background-color:transparent}}