/* digotech/post-cover: tinted panel + big category icon + a small "card" with the title; --cc = the category colour. */
.dg-cover{--cc:var(--p1);position:relative;display:grid;place-items:center;min-height:var(--dg-cover-h, 176px);padding:var(--gap-card-s);border-radius:var(--r-pill);overflow:hidden;text-decoration:none;color:inherit;background-color:color-mix(in oklch, var(--cc) 9%, var(--paper-2));background-image:radial-gradient(circle, var(--dotc) 1px, transparent 1.5px);background-size:var(--dotgrid-size) var(--dotgrid-size)}
.dg-cover--p2{--cc:var(--p2)}
.dg-cover--p3{--cc:var(--p3)}
.dg-cover--p4{--cc:var(--p4)}
.dg-cover--tall{min-height:calc(var(--dg-cover-h, 176px) + var(--s-7))}
.dg-cover--image{padding:0;display:block;background:none}
.dg-cover--image img{display:block;width:100%;height:100%;object-fit:cover}
.dg-cover__icon{position:absolute;right:var(--s-5);bottom:calc(var(--s-5) * -1);width:var(--s-9);height:var(--s-9);color:var(--cc);opacity:.35;transition:transform var(--dur-morph) var(--ease-out)}
.dg-cover__card{position:relative;z-index:1;width:min(100%, 300px);display:grid;gap:var(--s-2);padding:var(--s-3) var(--s-4);border:1px solid var(--rule);border-radius:var(--r-pill);background:var(--card);box-shadow:0 10px 24px var(--shadow);transition:transform var(--dur-morph) var(--ease-out)}
.dg-cover__card small{font:500 var(--t-2xs)/1.3 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.dg-cover__card b{font:700 var(--t-s)/1.3 var(--font-display);letter-spacing:-0.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.dg-cover__bar{display:block;height:var(--s-2);border-radius:var(--s-1);background:var(--paper-3)}
.dg-cover__bar--s{width:60%;background:color-mix(in oklch, var(--cc) 45%, var(--paper-3))}
.wp-block-group:hover > .dg-cover .dg-cover__card,.dg-cover:hover .dg-cover__card{transform:translateY(calc(var(--s-1) * -1))}
.wp-block-group:hover > .dg-cover .dg-cover__icon{transform:translateY(calc(var(--s-1) * -1)) rotate(-4deg)}
@media (prefers-reduced-motion: reduce){ .dg-cover__card,.dg-cover__icon{transition:none} }