/* digotech/post-actions: a row of equal buttons under a post. */
.dg-acts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--s-1);border-top:1px solid var(--rule);padding-top:var(--s-2)}
.dg-act{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--ctl-s);border:0;border-radius:var(--r);background:transparent;color:var(--ink-2);font:600 var(--t-s)/1 var(--font-body);cursor:pointer;text-decoration:none;transition:background-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out)}
.dg-act:hover{background:var(--paper-2);color:var(--ink)}
.dg-act svg{width:var(--icon-m);height:var(--icon-m);flex:none}
.dg-act i{font:500 var(--t-xs)/1 var(--font-mono);color:var(--ink-3)}
.dg-act[aria-pressed="true"]{color:var(--p4)}
.dg-act--save[aria-pressed="true"]{color:var(--accent)}
.dg-act.is-pop svg{animation:dg-act-pop var(--dur-morph) var(--ease-out)}
@keyframes dg-act-pop{0%{transform:scale(1)}35%{transform:scale(1.3)}100%{transform:scale(1)}}
/* share menu: a small card that opens above the Share button (the button sits low in a card or at the page end) */
.dg-acts{--dg-share-w:220px;--dg-share-z:20}
.dg-share{position:relative;display:grid}
.dg-share__menu{position:absolute;bottom:calc(100% + var(--s-2));left:50%;z-index:var(--dg-share-z);display:grid;gap:2px;width:var(--dg-share-w);padding:var(--s-2);border:1px solid var(--rule);border-radius:var(--r-card);background:var(--card);box-shadow:0 var(--s-3) var(--s-6) var(--shadow);transform:translateX(-50%)}
.dg-share__menu[hidden]{display:none}
.dg-share__item{display:flex;align-items:center;gap:var(--s-3);min-height:var(--ctl-s);padding:0 var(--s-3);border:0;border-radius:var(--r);background:transparent;color:var(--ink);font:500 var(--t-s)/1 var(--font-body);text-align:left;text-decoration:none;cursor:pointer}
.dg-share__item:is(:hover,:focus-visible){background:var(--paper-2)}
.dg-share__item svg{flex:none;width:var(--icon-m);height:var(--icon-m);color:var(--ink-2)}
.dg-share__item[hidden]{display:none}
@media (max-width: 479px){
  .dg-act span{display:none} /* icons only; the pressed colour shows the state */
}
@media (prefers-reduced-motion: reduce){ .dg-act.is-pop svg{animation:none} }

/* ---------- comment panel (comments.js): under the row, a thread of speech bubbles, newest or oldest first ---------- */
.dg-cmt{--dg-cmt-av:var(--ctl-s);--dg-cmt-av-s:var(--s-6);--dg-cmt-max:calc(var(--s-9) * 2);--dg-cmt-hair:calc(var(--s-1) / 2);--dg-cmt-seg-shadow:0 1px 2px var(--shadow);--dg-cmt-pad-y:calc((var(--ctl-s) - 1lh) / 2 - 1px);display:grid;gap:var(--s-3);padding-top:var(--s-3)}
.dg-cmt[hidden]{display:none}
.dg-cmt :where(p,ul){margin:0}
.dg-cmt__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}
.dg-cmt__n{font:600 var(--t-s)/1 var(--font-body)}
.dg-cmt__sort{display:inline-flex;gap:var(--dg-cmt-hair);padding:var(--dg-cmt-hair);border-radius:var(--r);background:var(--paper-2)}
.dg-cmt__sort[hidden]{display:none}
.dg-cmt__sort button{min-height:var(--s-6);padding:0 var(--s-3);border:0;border-radius:var(--r);background:transparent;color:var(--ink-2);font:600 var(--t-xs)/1 var(--font-body);cursor:pointer}
.dg-cmt__sort button[aria-pressed="true"]{background:var(--card);color:var(--ink);box-shadow:var(--dg-cmt-seg-shadow)}
.dg-cmt__form{position:relative;display:grid;gap:var(--s-2)}
.dg-cmt__form.is-reply{justify-self:stretch;margin-top:var(--s-1)}
.dg-cmt__who{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-2);padding-left:calc(var(--dg-cmt-av) + var(--s-2))}
.dg-cmt__who[hidden],.dg-cmt__as[hidden]{display:none}
.dg-cmt__who input,.dg-cmt__row textarea{width:100%;box-sizing:border-box;border:1px solid var(--rule);background:var(--card);color:var(--ink);font:400 var(--t-s)/1.5 var(--font-body)}
.dg-cmt__who input{min-height:var(--ctl-s);padding:0 var(--s-3);border-radius:var(--r)}
.dg-cmt__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:var(--s-2)}
.dg-cmt__row textarea{min-height:var(--ctl-s);max-height:var(--dg-cmt-max);padding:var(--dg-cmt-pad-y) var(--s-4);border-radius:var(--r-card);background:var(--paper-2);resize:none;overflow-y:auto}
.dg-cmt__who input:focus,.dg-cmt__row textarea:focus{outline:0;border-color:var(--accent-fill)}
.dg-cmt__send{display:grid;place-items:center;width:var(--ctl-s);height:var(--ctl-s);padding:0;border:0;border-radius:50%;background:var(--accent-fill);color:var(--on-accent);cursor:pointer}
.dg-cmt__send svg{width:var(--icon-s);height:var(--icon-s)}
.dg-cmt__form.is-busy .dg-cmt__send{opacity:.6;pointer-events:none}
.dg-cmt__hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} /* ds-ok: visually-hidden pattern for the bot trap */
.dg-cmt__as,.dg-cmt__msg{padding-left:calc(var(--dg-cmt-av) + var(--s-2));font-size:var(--t-xs);color:var(--ink-3)}
.dg-cmt__msg{color:var(--bad)}
.dg-cmt__msg:empty{display:none}
.dg-cmt__form.is-reply > .dg-cmt__link{justify-self:start;margin-left:calc(var(--dg-cmt-av) + var(--s-2))}
.dg-cmt__link{padding:0;border:0;background:none;color:var(--ink-2);font:600 var(--t-xs)/1 var(--font-body);cursor:pointer}
.dg-cmt__link:is(:hover,:focus-visible){color:var(--accent)}
.dg-cmt__av{display:grid;place-items:center;flex:none;width:var(--dg-cmt-av);height:var(--dg-cmt-av);border-radius:50%;background:var(--accent-tint);color:var(--accent);font:700 var(--t-s)/1 var(--font-body)}
.dg-cmt__note{font-size:var(--t-s);color:var(--ink-3)}
.dg-cmt__note[hidden]{display:none}
.dg-cmt__list{display:grid;gap:var(--s-3);padding:0;list-style:none}
.dg-cmt__item{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--s-2)}
.dg-cmt__body{display:grid;gap:var(--s-1);justify-items:start;min-width:0}
.dg-cmt__bubble{display:grid;gap:var(--dg-cmt-hair);max-width:100%;padding:var(--s-2) var(--s-3);border-radius:var(--r-card);background:var(--paper-2)}
.dg-cmt__name{font:600 var(--t-s)/1.3 var(--font-body);color:var(--ink)}
.dg-cmt__text{font-size:var(--t-s);color:var(--ink);overflow-wrap:anywhere}
.dg-cmt__text p + p{margin-top:var(--s-1)}
.dg-cmt__meta{display:flex;align-items:center;gap:var(--s-3);padding-left:var(--s-3);font-size:var(--t-xs);color:var(--ink-3)}
.dg-cmt__pend{color:var(--accent)}
.dg-cmt__item.is-pending > .dg-cmt__body > .dg-cmt__bubble{border:1px dashed var(--rule);background:transparent}
.dg-cmt__body > .dg-cmt__list{justify-self:stretch;margin-top:var(--s-2)}
.dg-cmt__body .dg-cmt__list .dg-cmt__av,.dg-cmt__form.is-reply .dg-cmt__av{--dg-cmt-av:var(--dg-cmt-av-s);font-size:var(--t-xs)}
.dg-cmt__item.is-new > .dg-cmt__body > .dg-cmt__bubble{animation:dg-cmt-new var(--dur-morph) var(--ease-out)}
@keyframes dg-cmt-new{from{opacity:0;transform:translateY(var(--s-2))}}
@media (max-width: 479px){
  .dg-cmt__who{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion: reduce){ .dg-cmt__item.is-new > .dg-cmt__body > .dg-cmt__bubble{animation:none} }