.cangify-reference-home{padding-top:30px;padding-bottom:36px}
.cangify-reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.cangify-reference-home .col-lg-9 .cangify-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.cangify-reference-card{min-width:0;display:flex;flex-direction:column;overflow:hidden;background:#fff;border-radius:5px;box-shadow:0 4px 20px rgba(30,35,45,.055);transition:transform .18s ease,box-shadow .18s ease}
.cangify-reference-card:hover{transform:translateY(-3px);box-shadow:0 10px 26px rgba(30,35,45,.12)}
.cangify-reference-cover{display:block;width:100%;aspect-ratio:var(--cangify-card-ratio,1/1);background:#f3f4f5;overflow:hidden}
.cangify-reference-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.cangify-reference-card:hover .cangify-reference-cover img{transform:scale(1.04)}
.cangify-reference-body{min-width:0;padding:14px 15px 12px;flex:1}
.cangify-reference-categories,.cangify-reference-tags{min-width:0;display:flex;align-items:center;gap:9px;white-space:nowrap;overflow:hidden;font-size:12px;line-height:20px}
.cangify-reference-categories a{display:inline-block;max-width:100%;color:#555!important;overflow:hidden;text-overflow:ellipsis}
.cangify-reference-categories a:hover,.cangify-reference-tags a:hover{color:var(--accent-color,#f26972)!important;opacity:1}
.cangify-reference-categories a:before{content:'';display:inline-block;width:7px;height:7px;box-sizing:border-box;border:2px solid var(--accent-color,#f26972);border-radius:50%;margin-right:6px;vertical-align:1px}
.cangify-reference-tags{margin-top:5px;color:#555;flex-wrap:wrap;align-items:flex-start;row-gap:2px;white-space:normal;overflow:visible}
.cangify-reference-tags a{display:inline-block;min-width:0;max-width:100%;color:#555;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}
.cangify-reference-tags a:before{content:'•';color:var(--accent-color,#f26972);margin-right:5px}
.cangify-reference-title{min-width:0;margin:5px 0 0!important;font-size:16px!important;line-height:1.45!important;font-weight:600;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}
.cangify-reference-title>a{display:block;color:#282828!important;text-decoration:none}
.cangify-reference-title-text{white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}
.cangify-reference-title>a:hover{color:var(--accent-color,#f36b72)!important}
.cangify-reference-badges{display:inline;vertical-align:1px}
.cangify-reference-badge{display:inline-block;vertical-align:1px;margin-right:5px;padding:1px 4px;background:#ff9718;color:#fff;border-radius:2px;font-size:12px;line-height:16px;font-weight:500;white-space:nowrap}
.cangify-reference-title.has-multiple-badges{white-space:normal;overflow:visible}
.cangify-reference-title.has-multiple-badges .cangify-reference-badges{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}
.cangify-reference-title.has-multiple-badges .cangify-reference-badge{margin-right:0}
.cangify-reference-title.has-multiple-badges .cangify-reference-title-text{display:block;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip}
.cangify-reference-excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:9px 0 0!important;color:#999;font-size:12px;line-height:1.5}
.cangify-reference-footer{display:flex;align-items:center;gap:9px;min-height:30px;padding:5px 15px;border-top:1px solid #f0f0f0;color:#858585;font-size:11px;white-space:nowrap;overflow:hidden}
.cangify-reference-footer a{color:inherit}.cangify-reference-footer a:hover{color:var(--accent-color,#f36b72)}
.cangify-reference-home .navigation.pagination{width:100%;margin:30px auto 0}
.cangify-reference-home .navigation.pagination .nav-links{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}
.cangify-reference-home .navigation.pagination .page-numbers{box-sizing:border-box;display:inline-flex;float:none;align-items:center;justify-content:center;width:35px;height:35px;margin:0;padding:0;border:0;border-radius:50%;background:#aaa;color:#fff;font-size:13px;font-weight:500;line-height:1;text-decoration:none}
.cangify-reference-home .navigation.pagination .page-numbers.current{background:var(--accent-color,#f36b72);color:#fff}
.cangify-reference-home .navigation.pagination a.page-numbers:hover,.cangify-reference-home .navigation.pagination a.page-numbers:focus-visible{background:var(--accent-color,#f36b72);color:#fff}
.cangify-reference-empty{padding:35px;text-align:center;background:#fff;border-radius:5px}
@media(max-width:1199px){.cangify-reference-grid,.cangify-reference-home .col-lg-9 .cangify-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.cangify-reference-grid,.cangify-reference-home .col-lg-9 .cangify-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cangify-reference-body{padding:10px}.cangify-reference-footer{gap:5px;padding:5px 10px;font-size:10px}.cangify-reference-title{font-size:14px!important}}
@media(max-width:767px){.cangify-reference-home .navigation.pagination .page-numbers{width:34px;height:34px}}
@media(max-width:430px){.cangify-reference-grid,.cangify-reference-home .col-lg-9 .cangify-reference-grid{grid-template-columns:1fr 1fr;gap:10px}.cangify-reference-cover{aspect-ratio:1/1}.cangify-reference-footer{gap:4px}.cangify-reference-footer span,.cangify-reference-footer a{overflow:hidden;text-overflow:ellipsis}}