.doituk-taxonomy-grid{display:grid;grid-template-columns:repeat(var(--dtg-cols,4),minmax(0,1fr));gap:var(--dtg-gap,20px)}
.doituk-taxonomy-grid .dtg-card{min-width:0;display:flex;flex-direction:column;overflow:hidden}
.doituk-taxonomy-grid .dtg-media{display:block;overflow:hidden;width:100%;aspect-ratio:4/3;flex-shrink:0;background:transparent}
.doituk-taxonomy-grid .dtg-media img{width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain;display:block;aspect-ratio:inherit}
.doituk-taxonomy-grid .dtg-body{padding:14px 0;display:flex;flex-direction:column;flex:1;gap:10px}
.doituk-taxonomy-grid .dtg-title{font-size:1.15em;line-height:1.3;padding:0;margin:0}
.doituk-taxonomy-grid .dtg-button{margin-top:auto;align-self:flex-start;padding:8px 14px;border:1px solid currentColor;border-radius:3px;text-decoration:none}
.doituk-taxonomy-grid .dtg-description p{margin:0;padding:0}
@media(max-width:980px){.doituk-taxonomy-grid{grid-template-columns:repeat(var(--dtg-tablet,2),minmax(0,1fr))}}
@media(max-width:767px){.doituk-taxonomy-grid{grid-template-columns:repeat(var(--dtg-mobile,1),minmax(0,1fr))}}

/* Selectable Divi 5 grid appearance options */
.doituk-taxonomy-grid.dtg-align-center .dtg-title{text-align:center}
.doituk-taxonomy-grid.dtg-align-right .dtg-title{text-align:right}
.doituk-taxonomy-grid.dtg-natural-height .dtg-card{align-self:start}
.doituk-taxonomy-grid.dtg-ratio-square .dtg-media{aspect-ratio:1 / 1}
.doituk-taxonomy-grid.dtg-ratio-landscape .dtg-media{aspect-ratio:4 / 3}
.doituk-taxonomy-grid.dtg-ratio-wide .dtg-media{aspect-ratio:16 / 9}
.doituk-taxonomy-grid.dtg-ratio-portrait .dtg-media{aspect-ratio:3 / 4}
.doituk-taxonomy-grid.dtg-ratio-original .dtg-media{aspect-ratio:auto}.doituk-taxonomy-grid.dtg-ratio-original .dtg-media img{height:auto!important}
.doituk-taxonomy-grid.dtg-image-left .dtg-term,.doituk-taxonomy-grid.dtg-image-right .dtg-term{flex-direction:row;align-items:center}
.doituk-taxonomy-grid.dtg-image-right .dtg-term{flex-direction:row-reverse}
.doituk-taxonomy-grid.dtg-image-left .dtg-term .dtg-media,.doituk-taxonomy-grid.dtg-image-right .dtg-term .dtg-media{flex:0 0 40%}
@media(max-width:767px){.doituk-taxonomy-grid.dtg-image-left .dtg-term,.doituk-taxonomy-grid.dtg-image-right .dtg-term{flex-direction:column}}

/* Contain keeps logos legible; cover can be added later as a user-selectable mode. */
.doituk-taxonomy-grid.dtg-image-left .dtg-media,.doituk-taxonomy-grid.dtg-image-right .dtg-media{width:40%}
.doituk-taxonomy-grid.dtg-image-left .dtg-media img,.doituk-taxonomy-grid.dtg-image-right .dtg-media img{max-width:100%}