/* Rules shortcut matches the existing blue feature panels. */
.assetFeatureStrip .rulesFeatureTile{position:relative;display:flex!important;align-items:center;gap:5%;aspect-ratio:2.9;box-sizing:border-box;padding:5% 7%!important;color:#edf5fa;text-decoration:none;background:linear-gradient(90deg,#071b30ed,#071b3090),url('../assets/backgrounds/hero-rf-battle-bg.webp') center/cover!important;border:1px solid #548baa!important;box-shadow:inset 0 0 0 4px #07131e,0 0 12px #48b3ed35!important;clip-path:polygon(3% 0,97% 0,100% 9%,100% 91%,97% 100%,3% 100%,0 91%,0 9%)}
.rulesFeatureTile .rulesFeatureIcon{display:flex;align-items:center;justify-content:center;flex:0 0 24%;aspect-ratio:1;border:1px solid #54c9ff;border-radius:50%;font:700 clamp(24px,5vw,48px)/1 system-ui;box-shadow:0 0 12px #47bdff55;color:#e8f7ff}
.rulesFeatureTile strong{display:block;font:600 clamp(19px,3.7vw,38px)/1.1 var(--fta-heading,Georgia);letter-spacing:0}
.rulesFeatureTile small{display:block;margin-top:5px;font:400 clamp(11px,2.4vw,16px)/1.3 var(--fta-body,system-ui)}
.rulesFeatureTile:hover{filter:brightness(1.13)}.rulesFeatureTile:focus-visible{outline:3px solid #ffc77c;outline-offset:4px}

.rulesFeatureTile>span:last-child{min-width:0;display:block}.rulesFeatureTile .rulesFeatureIcon{width:24%;min-width:0}