.civap-links{min-width:0}
.civap-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0}
.civap-link-card{--link-bg:#0b7779;position:relative;display:flex;flex-direction:column;min-height:116px;overflow:hidden;border-radius:16px;background:var(--link-bg);box-shadow:0 10px 22px #123e5020;transition:transform .18s ease,box-shadow .18s ease}
.civap-link-card:hover{transform:translateY(-3px);box-shadow:0 16px 29px #123e5030}
.civap-link-card>a{display:flex;align-items:center;justify-content:space-between;gap:14px;flex:1;min-width:0;padding:20px;color:#fff;text-decoration:none;font-size:17px;font-weight:650;line-height:1.3}
.civap-link-card>a:hover,.civap-link-card>a:focus-visible{color:#fff;text-decoration:none}
.civap-link-card>a:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.civap-link-card>a>span:first-child{overflow-wrap:anywhere}
.civap-link-arrow{display:grid;place-items:center;flex:none;width:33px;height:33px;border:1px solid #ffffff85;border-radius:50%;background:#ffffff25;font-size:22px;font-weight:400}
.civap-link-card>button{align-self:flex-end;margin:0 12px 11px;padding:3px 9px;border:1px solid #ffffffa0;border-radius:7px;background:#ffffff25;color:#fff;font-size:12px;cursor:pointer}
.civap-link-card>button:hover{background:#ffffff40;color:#fff}
.civap-link-tone-0{--link-bg:#0d7779}.civap-link-tone-1{--link-bg:#1d6595}.civap-link-tone-2{--link-bg:#594394}.civap-link-tone-3{--link-bg:#aa4758}.civap-link-tone-4{--link-bg:#18765e}
.civap-link-card.is-inactive{filter:grayscale(.55);opacity:.7}
.civap-link-unavailable{padding:20px;color:#fff;font-size:17px;font-weight:650}
.civap-links-pagination{display:flex;gap:8px}
.civap-link-editor-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.civap-link-delete{border:1px solid #c94650;background:#fff;color:#a72b39}
.civap-link-delete:hover,.civap-link-delete:focus-visible{background:#fff1f2;color:#8e1f2c}
@media(max-width:560px){.civap-links-grid{grid-template-columns:1fr 1fr;gap:9px}.civap-link-card{min-height:105px}.civap-link-card>a{padding:14px;font-size:14px}.civap-link-arrow{width:27px;height:27px;font-size:18px}}
@media(max-width:390px){.civap-links-grid{grid-template-columns:1fr}}