/* Follow the homepage card styles and theme variables. */
.enshrouded-feature{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:18px;margin:14px 0 0;padding:18px 24px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,rgba(13,31,43,.96),rgba(7,18,27,.96));color:var(--text);font-family:inherit}
.enshrouded-feature::before{content:"\25c7";width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--cyan);border-radius:50%;color:var(--cyan);font-size:1.6rem}
.enshrouded-feature .lore-kicker{display:block;margin-bottom:5px;color:var(--cyan);font-size:.72rem;font-weight:800;letter-spacing:.04em}
.enshrouded-feature h2{margin:0 0 6px;color:var(--text);font-family:inherit;font-size:1.25rem;font-weight:700;line-height:1.3}
.enshrouded-feature p{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}
.enshrouded-feature>a{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:10px 16px;border:1px solid var(--line);border-radius:7px;background:transparent;color:var(--cyan);font-size:.9rem;font-weight:700;text-decoration:none}
.enshrouded-feature>a:hover{border-color:var(--line-strong);background:rgba(66,217,232,.06)}
.enshrouded-feature>a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@media(max-width:700px){.enshrouded-feature{grid-template-columns:40px minmax(0,1fr);align-items:start;gap:14px;padding:18px}.enshrouded-feature::before{width:40px;height:40px}.enshrouded-feature>a{grid-column:1/-1}.enshrouded-feature h2{font-size:1.1rem}}