/* V4: fixed geometry, richer motion and interactive SDG details */
.ata-rankings{position:relative;background:linear-gradient(135deg,#f7f8f5 0%,#eef4f3 48%,#f8f5ed 100%);background-size:180% 180%;animation:ataAmbient 18s ease infinite}.ata-rankings:before,.ata-rankings:after{content:"";position:absolute;z-index:0;width:420px;height:420px;border-radius:50%;filter:blur(80px);opacity:.13;pointer-events:none;animation:ataFloat 14s ease-in-out infinite}.ata-rankings:before{left:-180px;top:520px;background:#39b98f}.ata-rankings:after{right:-180px;top:980px;background:#e4b64f;animation-delay:-7s}.ata-rankings>.ata-hero,.ata-rankings>.ata-nav,.ata-rankings>.ata-content,.ata-rankings>.ata-source{position:relative;z-index:1}.ata-card{min-height:220px}.ata-card__main{min-height:220px;grid-template-columns:170px minmax(260px,1fr) 350px 150px;gap:32px;padding:34px 38px}.ata-card__identity{min-width:0}.ata-card h4{font-size:clamp(24px,2.25vw,34px);overflow-wrap:normal;word-break:normal}.ata-ranks{display:grid;grid-template-columns:150px 150px 40px;justify-content:end}.ata-ranks>div{width:150px;height:150px;padding:19px;display:flex;flex-direction:column;justify-content:center;border-radius:18px;overflow:hidden}.ata-ranks span{font-size:13px}.ata-ranks b{font-size:clamp(25px,2.2vw,35px);line-height:1.08;overflow-wrap:anywhere}.ata-ranks small{writing-mode:vertical-rl;text-orientation:mixed;justify-self:center;font-size:14px}.ata-detail-button{width:150px;min-width:150px;height:58px;padding:0 18px;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;font-size:14px}.ata-card:hover .ata-logo{transform:scale(1.045)}.ata-logo{transition:transform .28s}.ata-card:has(.ata-detail-button:hover){border-color:var(--accent)}
.ata-sdgs{position:relative;overflow:hidden}.ata-sdgs:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;right:-120px;top:-120px;background:radial-gradient(circle,rgba(25,145,110,.11),transparent 70%);animation:ataPulse 8s ease-in-out infinite}.ata-sdgs__head,.ata-sdg-grid{position:relative}.ata-sdgs__head h4{font-size:29px}.ata-sdgs__head p{font-size:15px}.ata-sdg-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}.ata-sdg{appearance:none;width:100%;aspect-ratio:1/1;min-width:0;border:0;text-align:left;font-family:inherit;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.ata-sdg:after{content:"";position:absolute;inset:-60% -30%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.32),transparent 60%);transform:translateX(-70%) rotate(15deg);transition:transform .55s}.ata-sdg:hover{transform:translateY(-7px) scale(1.035);box-shadow:0 17px 28px color-mix(in srgb,var(--sdg) 38%,transparent)}.ata-sdg:hover:after{transform:translateX(70%) rotate(15deg)}.ata-sdg b{font-size:25px;line-height:1}.ata-sdg span{font-size:clamp(9px,.72vw,12px);line-height:1.16;font-weight:700;margin-top:7px}.ata-sdg strong{font-size:clamp(17px,1.2vw,23px)}.ata-sdg em{font-style:normal;font-size:9px;font-weight:700;margin-top:3px;opacity:.82}.ata-sdg>*{position:relative;z-index:1}
.ata-sdg-modal__hero{--active-sdg:#15916e;margin:-42px -42px 28px;padding:48px 42px 34px;background:linear-gradient(125deg,var(--active-sdg),color-mix(in srgb,var(--active-sdg) 64%,#10243d));color:#fff;display:grid;grid-template-columns:90px 1fr auto;gap:22px;align-items:center}.ata-sdg-modal__hero>b{width:82px;height:82px;border:2px solid rgba(255,255,255,.38);border-radius:20px;display:grid;place-items:center;font:800 38px Manrope}.ata-sdg-modal__hero span{font-size:9px;letter-spacing:.16em;font-weight:800;opacity:.8}.ata-sdg-modal__hero h3{font-size:32px;margin:5px 0}.ata-sdg-modal__hero p{margin:0;opacity:.8}.ata-sdg-modal__hero>strong{font:800 44px Manrope;padding:16px 20px;border-radius:16px;background:rgba(255,255,255,.14)}.ata-sdg-modal__chart>div:first-child span{color:var(--active-sdg);font-size:9px;letter-spacing:.15em;font-weight:800}.ata-sdg-modal__chart h4{font:800 22px Manrope;margin:5px 0}.ata-sdg-modal__chart .ata-chart{padding:20px;background:#10243d;border-radius:18px}.ata-sdg-modal__note{padding:13px 15px;background:#f0f3f2;border-radius:10px;color:var(--muted);font-size:11px;line-height:1.5}
@keyframes ataAmbient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes ataFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(45px,-55px,0) scale(1.14)}}@keyframes ataPulse{0%,100%{transform:scale(.85);opacity:.55}50%{transform:scale(1.18);opacity:1}}
@media(max-width:1180px){.ata-card__main{grid-template-columns:130px minmax(210px,1fr) 300px 140px;gap:20px}.ata-ranks{grid-template-columns:125px 125px 30px}.ata-ranks>div{width:125px;height:125px}.ata-detail-button{width:140px;min-width:140px}.ata-sdg-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.ata-card__main{grid-template-columns:110px 1fr 290px}.ata-detail-button{grid-column:1/-1;width:100%}.ata-sdg-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.ata-card__main{grid-template-columns:72px 1fr}.ata-ranks{grid-column:1/-1;grid-template-columns:1fr 1fr auto}.ata-ranks>div{width:100%;height:auto;min-height:112px}.ata-ranks small{writing-mode:horizontal-tb}.ata-sdg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ata-sdg span{font-size:11px}.ata-sdg-modal__hero{margin:-32px -20px 24px;padding:50px 20px 25px;grid-template-columns:65px 1fr}.ata-sdg-modal__hero>b{width:60px;height:60px;font-size:29px}.ata-sdg-modal__hero>strong{grid-column:1/-1;text-align:center}.ata-sdg-modal__hero h3{font-size:25px}}
@media(prefers-reduced-motion:reduce){.ata-rankings,.ata-rankings:before,.ata-rankings:after,.ata-sdgs:before{animation:none}.ata-sdg,.ata-sdg:after,.ata-logo{transition:none}}