.roster-years{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:0 0 36px}
.roster-years>span{color:#a7acb7;font-size:13px;margin-right:8px}
.roster-years button{background:#ffffff06;border:1px solid #ffffff20;color:#b9bdc8;font-size:13px;padding:8px 15px;border-radius:2px}
.roster-years button[aria-pressed=true]{border-color:var(--red);color:#fff;background:#ed3b4610}
.roster-groups{display:grid;gap:42px}
.roster-group-heading{display:flex;align-items:center;gap:13px;margin:0 0 19px;padding-bottom:13px;border-bottom:1px solid var(--line)}
.roster-group-heading h3{margin:0;color:#e6e7ea;font-size:19px;font-weight:500}
.roster-group-heading span{color:#9299a7;font-size:13px}
.sword-ability-guide,.personal-ability-note{border-left:3px solid var(--red);background:#ffffff04;padding:26px 30px;line-height:1.9}
.sword-ability-guide{margin:0 0 40px}
.sword-ability-guide h3{font-size:23px;margin:9px 0 18px;letter-spacing:-.035em}
.sword-ability-guide>p:not(.eyebrow){max-width:900px;color:#b9bdc8;margin:12px 0}
.sword-ability-guide .ability-choice{padding-top:17px;border-top:1px solid var(--line)}
.ability-choice strong{color:#e6e7ea;display:block;margin-bottom:5px}
.personal-ability-note{margin:0 0 32px;padding:21px 24px}
.personal-ability-note>strong{font-size:17px;color:#e6e7ea}
.personal-ability-note p{font-size:14px;color:#b9bdc8;margin:9px 0}
.personal-ability-note .text-button{display:inline-block;font-size:13px;padding:5px 0}
@media(max-width:640px){.roster-years{gap:8px;margin-bottom:27px}.roster-years>span{flex-basis:100%}.roster-years button{padding:7px 12px}.roster-groups{gap:32px}.roster-group-heading h3{font-size:18px}.sword-ability-guide{padding:22px 20px}.sword-ability-guide h3{font-size:21px}.sword-ability-guide>p:not(.eyebrow){font-size:14px}.personal-ability-note{padding:19px 18px}}