.agf2-points-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.agf2-point-card { --point-accent:#ef69aa; --point-ink:#a52360; --point-rgb:239,105,170; --point-color:var(--point-accent); background:#111; color:#fff; border:1px solid #333; }
.agf2-point-card > a { display:flex; flex-direction:column; height:100%; min-height:220px; padding:24px; box-sizing:border-box; color:inherit; text-decoration:none; }
.agf2-point-card__top { display:flex; justify-content:space-between; color:var(--point-color); font-weight:800; }
.agf2-point-card :is(h2,h3) { margin:24px 0 14px; font-size:clamp(1.2rem,1.7vw,1.65rem); line-height:1.05; text-transform:uppercase; letter-spacing:-.04em; }
.agf2-point-card p { margin:0 0 22px; color:#bbb; font-size:.85rem; line-height:1.6; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.agf2-point-card__link { margin-top:auto; color:var(--point-color); font-size:.78rem; font-weight:800; text-transform:uppercase; }
.agf2-point-card:hover,.agf2-point-card:focus-within { border-color:var(--point-color); }
.agf2-point-card a:focus-visible { outline:2px solid var(--point-color); outline-offset:4px; }
html[data-theme="light"] .agf2-point-card { --point-color:var(--point-ink); background:#fff; color:#111; border-color:#ddd; }
html[data-theme="light"] .agf2-point-card p { color:#555; }
.agf2-point-card__icon { display:grid; place-items:center; width:44px; height:44px; border:1px solid rgba(var(--point-rgb),.4); border-radius:12px; background:rgba(var(--point-rgb),.1); }
.agf2-point-card__icon svg { width:25px; height:25px; }
@media(max-width:1100px) { .agf2-points-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .agf2-points-grid { grid-template-columns:1fr; } .agf2-point-card > a { aspect-ratio:auto; } }
.agf2-point-card--rgpd { --point-accent:#f2d34f; --point-ink:#826600; --point-rgb:242,211,79; }
.agf2-point-card--seo { --point-accent:#f56b67; --point-ink:#b52d29; --point-rgb:245,107,103; }
.agf2-point-card--eco { --point-accent:#60c982; --point-ink:#237a40; --point-rgb:96,201,130; }
html[data-theme="light"] .agf2-point-card:is(:hover,:focus-within) { border-color:var(--point-color); }