#ability-page-root{--ability-surface: #f3f5f6;--ability-muted: rgba(var(--text-color-rgb, 30, 45, 61), .68);max-width:1120px;margin:0 auto;padding:32px 0 56px;color:var(--text-color, #1e2d3d);font-family:var(--text-font-family, inherit)}.ability-page__header{max-width:720px;margin-bottom:30px}.ability-page__header h1{margin:0 0 10px;font-size:clamp(28px,4vw,42px);line-height:1.12;color:var(--heading-color, #1e2d3d)}.ability-page__header p{margin:0;color:var(--ability-muted);font-size:16px;line-height:1.6}.ability-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:22px 18px}.ability-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--border-color, #e1e3e4);border-radius:10px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 2px 8px #1e2d3d14;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.ability-card:hover,.ability-card:focus-visible{transform:translateY(-2px);border-color:var(--accent-color, #00badb);box-shadow:0 8px 24px #1e2d3d24}.ability-card:focus-visible{outline:3px solid rgba(var(--accent-color-rgb, 0, 186, 219),.32);outline-offset:2px}.ability-card__image{display:block;aspect-ratio:244 / 340;overflow:hidden;background:var(--ability-surface)}.ability-card__image img,.ability-card__placeholder{display:block;width:100%;height:100%;object-fit:cover}.ability-card__body{display:flex;min-height:118px;flex-direction:column;gap:6px;padding:14px}.ability-card__body strong{font-size:15px;line-height:1.35}.ability-card__type{color:var(--ability-muted);font-size:12px;line-height:1.4}.ability-card__availability{margin-top:auto;color:var(--ability-muted);font-size:13px;font-weight:var(--text-font-bolder-weight, 600)}.ability-card__availability--stocked{color:var(--product-in-stock-color, #0b8f45)}.ability-page__more{display:flex;justify-content:center;margin-top:34px}.ability-page__more button{min-width:220px;padding:12px 22px;border:0;border-radius:4px;background:var(--primary-button-background, #00badb);color:var(--primary-button-text-color, #fff);font:inherit;font-weight:var(--text-font-bolder-weight, 700);cursor:pointer}.ability-page__more button:disabled{cursor:wait;opacity:.65}.ability-page__status,.ability-page__inline-error,.ability-page__fallback-note{padding:36px 0;text-align:center;color:var(--ability-muted)}.ability-page__status--error,.ability-page__inline-error{color:var(--error-color, #c0392b)}@media(max-width:520px){#ability-page-root{padding-top:22px}.ability-page__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}.ability-card__body{min-height:112px;padding:11px}}@media(prefers-reduced-motion:reduce){.ability-card{transition:none}}