.character-tabs{margin:14px 0;display:grid;grid-template-columns:1fr 1fr}.character-tabs a{text-align:center;font-weight:650}.ability-subtitle{color:#425b6a;font-size:14px}.ability-filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.ability-filters button{font:inherit;font-size:14px;min-height:44px;padding:8px 12px;border:1px solid #b5c8d0;border-radius:20px;background:white;color:#244a60;cursor:pointer}.ability-filters button[aria-pressed=true]{background:#285d75;color:white;border-color:#285d75}.ability-group{background:#fff}.ability-group>summary{background:#e2edf1}.ability-items{padding:0 15px}.ability-card{border-top:1px solid #d5e0e5;padding:14px 0}.ability-card h3{font-size:17px;margin:0 0 8px}.ability-tags{display:flex;flex-wrap:wrap;gap:6px;font-size:12px}.ability-tags span{background:#f0ebfa;border-radius:6px;padding:4px 8px;color:#4d3c68}.ability-card p{overflow-wrap:anywhere}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:3px solid #d99c24;outline-offset:3px}
.hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-card{display:flex;flex-direction:column;gap:7px;min-height:150px;padding:20px;background:white;border:1px solid #b5c8d0;border-top:4px solid #47758b;border-radius:14px;text-decoration:none;color:#183445}.hero-card strong{font-size:19px}.hero-card span{font-size:14px;color:#425b6a}.hero-card small{margin:0;margin-top:auto}.hero-card:hover{background:#eaf3f6}.all-card{background:#e2edf1}.hero-card:nth-child(2){border-top-color:#b38b36}.hero-card:nth-child(3){border-top-color:#7970a2}.hero-card:nth-child(4){border-top-color:#ae6b86}.hero-card:nth-child(5){border-top-color:#4d8b76}@media(max-width:420px){.hero-grid{grid-template-columns:1fr}.hero-card{min-height:110px;padding:16px}}