/* Rank artwork sits opposite the pay grade. */
.rank-art{margin:0;text-align:center;background:#fff;border:1px solid #d6d8cb;border-radius:8px;justify-self:end;box-sizing:border-box}
.rank-art img{display:block;margin:auto;object-fit:contain}
.rank-art figcaption{line-height:1.35;margin-top:4px;color:#465446}
body.battleship-quiz .rank-main{align-items:center}
.guide-actions{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0}
.resource-content .guide-actions a{display:inline-block;background:#253521;color:#fff8e6;border:1px solid #e5c476;border-radius:6px;padding:9px 12px;text-decoration:none;font-size:14px}
.resource-content .guide-actions a:last-child{background:#f4edda;color:#253521}
/* Approved compact Rank of the Day card. */
body.battleship-quiz .rank-banner{grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr);padding:10px 18px;gap:12px}
body.battleship-quiz .branch-emblem{width:50px;height:50px}
body.battleship-quiz .rank-banner p{font-size:18px;margin-top:4px}
body.battleship-quiz .rank-kicker{font-size:10px}
body.battleship-quiz .rank-main{padding:16px 18px;grid-template-columns:78px minmax(0,1fr) 80px;gap:16px}
body.battleship-quiz .grade-plaque{padding:8px 4px}
body.battleship-quiz .grade-plaque strong{font-size:30px}
body.battleship-quiz .grade-plaque small{font-size:9px}
body.battleship-quiz .grade-plaque span{font-size:12px}
body.battleship-quiz .rank-story h2{font-size:26px;margin:3px 0 6px}
body.battleship-quiz .rank-story p{font-size:14px;line-height:1.45}
body.battleship-quiz .rank-class{font-size:11px}
body.battleship-quiz .rank-main .rank-art{width:80px;padding:5px}
body.battleship-quiz .rank-main .rank-art img{width:60px;height:70px}
body.battleship-quiz .rank-main .rank-art figcaption{font-size:9px}
body.battleship-quiz .rank-actions{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;border-top:1px solid #d8dccf;padding:10px 18px}
body.battleship-quiz .rank-check{margin:0;border:0;flex:1;min-width:110px}
body.battleship-quiz .rank-check summary{padding:4px 0;font-size:13px}
body.battleship-quiz .rank-links{padding:4px 0;gap:18px}
body.battleship-quiz .rank-links a{font-size:13px}
body.battleship-quiz .rank-actions:has(.rank-check[open]) .rank-check{flex-basis:100%}
body.battleship-quiz .rank-check>div{padding:4px 0}
@media(max-width:600px){body.battleship-quiz .rank-banner{padding:9px 12px;grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr);gap:8px}body.battleship-quiz .branch-emblem{width:42px;height:42px}body.battleship-quiz .rank-banner p{font-size:15px}body.battleship-quiz .rank-kicker{font-size:8px}body.battleship-quiz .rank-main{padding:12px;gap:8px;grid-template-columns:58px minmax(0,1fr) 62px}body.battleship-quiz .rank-main .rank-story{grid-column:2;grid-row:1}body.battleship-quiz .rank-main .rank-art{width:62px;padding:4px}body.battleship-quiz .rank-main .rank-art img{width:48px;height:60px}body.battleship-quiz .rank-story h2{font-size:21px}body.battleship-quiz .rank-story p{font-size:12px}body.battleship-quiz .rank-class{font-size:10px}body.battleship-quiz .grade-plaque strong{font-size:26px}body.battleship-quiz .grade-plaque small{font-size:8px}body.battleship-quiz .rank-actions{padding:8px 12px;gap:8px}body.battleship-quiz .rank-links{gap:12px}}