/* Share without spoilers (blurt-spoiler.js, docs/mockups/blurt-share-spoiler.html). A box on its own line
   under share; while it's ticked the closest words on the card are sprayed over, here and in the picture share sends. */
.outrow{row-gap:14px}
.spoil{grid-column:1/-1;display:flex;align-items:center;gap:10px;border:0;background:none;padding:0;cursor:pointer;text-align:left;
  font:15px "Departure Mono",monospace;color:var(--ink)}
.ready~.outrow .spoil,.free~.outrow .spoil{display:none}
.spoil .box{width:18px;height:18px;border:1.5px solid var(--ink);background:transparent;flex:none;display:grid;place-items:center}
.spoil .box svg{width:14px;height:14px;visibility:hidden}
.spoil.on .box svg{visibility:visible}
.spoil:active .box{outline:1.5px solid var(--ink);outline-offset:-4px}
.spoil:focus-visible{outline:1px dotted var(--ink);outline-offset:4px}
.scrib{pointer-events:none}