html[lang=en] body.atlas-rank-view #atlas-list .rank-card{gap:20px;padding:24px 0}
html[lang=en] body.atlas-rank-view .rank-picture{width:140px;margin:0}
html[lang=en] body.atlas-rank-view .rank-picture img{width:140px;height:140px;object-fit:cover}
html[lang=en] body.atlas-rank-view .rank-card h3{font-size:28px;line-height:1.2;margin:0 0 12px}
html[lang=en] body.atlas-rank-view .rank-card p,html[lang=en] body.atlas-rank-view .rank-detail>p[lang=en]{max-width:65ch;font-size:18px;line-height:1.65}
html[lang=en] body.atlas-rank-view .rank-card small{display:block;margin:0 0 8px;font-size:14px;color:#456152}
html[lang=en] body.atlas-rank-view .rank-detail-head h3{font-size:28px;line-height:1.2}
html[lang=en] body.atlas-rank-view .rank-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 24px}
html[lang=en] body.atlas-rank-view .rank-detail-actions button,html[lang=en] body.atlas-rank-view [data-rank-id],html[lang=en] body.atlas-rank-view .rank-original-evidence>summary{min-height:44px;padding:10px 16px}
html[lang=en] body.atlas-rank-view .rank-original-evidence{margin:24px 0;border-block:1px solid #c7d3cb;padding:12px 0}
html[lang=en] body.atlas-rank-view .rank-original-evidence p{max-width:65ch;line-height:1.7;font-size:17px;overflow-wrap:anywhere}
html[lang=en] body.atlas-rank-view .rank-atlas-links{display:flex;flex-wrap:wrap;gap:12px 20px}
@media(max-width:700px){html[lang=en] body.atlas-rank-view .rank-card{padding:20px!important;gap:16px!important}html[lang=en] body.atlas-rank-view .rank-picture{width:120px}html[lang=en] body.atlas-rank-view .rank-picture img{width:120px;height:120px}html[lang=en] body.atlas-rank-view .rank-card h3,html[lang=en] body.atlas-rank-view .rank-detail-head h3{font-size:26px}html[lang=en] body.atlas-rank-view .rank-card p,html[lang=en] body.atlas-rank-view .rank-detail>p[lang=en]{font-size:17px}html[lang=en] body.atlas-rank-view .rank-detail{padding:20px!important}html[lang=en] body.atlas-rank-view .rank-detail-actions{gap:8px}html[lang=en] body.atlas-rank-view .rank-detail-actions button{flex:1 1 auto;font-size:15px}}
/* §18 image height contract: retain the existing wide scene. */
html[lang=en] body.atlas-rank-view .rank-picture{width:100%;min-width:0}
html[lang=en] body.atlas-rank-view .rank-picture img{width:100%;height:140px;object-fit:cover}
@media(max-width:700px){html[lang=en] body.atlas-rank-view #atlas-list .rank-card{padding:20px 0!important;display:grid;grid-template-columns:1fr;gap:12px!important}html[lang=en] body.atlas-rank-view .rank-card>div{display:contents}html[lang=en] body.atlas-rank-view .rank-card>.rank-number{grid-row:1}html[lang=en] body.atlas-rank-view .rank-card h3{grid-row:2;margin:0}html[lang=en] body.atlas-rank-view .rank-card .rank-picture{grid-row:3;grid-column:1;margin:0;width:100%}html[lang=en] body.atlas-rank-view .rank-picture img{width:100%;height:120px}html[lang=en] body.atlas-rank-view .rank-card small{grid-row:3}html[lang=en] body.atlas-rank-view .rank-card p{grid-row:4;margin:0}html[lang=en] body.atlas-rank-view .rank-card [data-rank-id]{grid-row:5;justify-self:start}}
@media(max-width:700px){html[lang=en] body.atlas-rank-view main{padding-left:20px!important;padding-right:20px!important}}
html[lang=en] body.atlas-rank-view .rank-picture img[src="assets/world09.webp"]{object-position:50% 20%}