/* V10.8.726 TEST (Tamra notes 2026-10-18 11:28 AM MYT). Display only. */
/* 1) "These boxes aren't clean": Skill Mastery / Find Your Starting Level rows keep a readable text column; the link/button drops under the text when space is short */
.s2pr3 .s2row{flex-wrap:wrap;row-gap:.8rem}
.s2pr3 .s2row>div{flex:1 1 11rem;min-width:11rem}
@media (max-width:700px){
 .s2pr3 .s2row{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1rem;row-gap:.75rem;align-items:center;padding:1rem 1.1rem}
 .s2pr3 .s2row>div{min-width:0}
 .s2pr3 .s2row .s2ic{width:3.2rem;height:3.2rem}
 .s2pr3 .s2row>.s2link,.s2pr3 .s2row>.s2btn{grid-column:1/-1;margin:0!important;justify-self:stretch;display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.9rem}
 .s2pr3 .s2row>.s2link.u{border:1.5px solid #d8dfeb;border-radius:.6rem;text-decoration:none}
}
/* 2) Chess "Row 4 looks like it's not spaced correctly": 8 equal rows; the knight no longer stretches its row */
.s2sqs{grid-template-rows:repeat(8,minmax(0,1fr))}
.s2sqs button{aspect-ratio:1;overflow:hidden}
.s2sqs button svg,.s2sqs button .s2star{position:absolute;inset:16%;width:68%;height:68%}
.s2sqs button .s2star svg{position:static;width:100%;height:100%}
/* 3) Profile set-up: all 6 creatures now listed after the people; keep tiles on a tidy grid */
.pfavs{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:.5rem}
.pfav{width:100%;height:auto;aspect-ratio:1}
.pfavs .pfsep{grid-column:1/-1;font-size:13px;font-weight:600;color:#4a5672;margin-top:.25rem}