/* single scattered squares: visual accents that sit in the text like a drop cap */
.art-sq{display:block;float:left;width:var(--s,20px);height:var(--s,20px);margin:.28em 14px 4px 0;background:var(--b,#999)}
.art-sq.r{float:right;margin:.34em 0 4px 18px}
.art-sq.f{background-color:#ddd;background-image:var(--i);background-size:var(--z);background-position:var(--p)}
.art-sq.o{background:transparent;box-shadow:inset 0 0 0 2px var(--b)}
.art-sq.n{background:transparent;box-shadow:inset 0 0 0 2px var(--b);position:relative}
.art-sq.n::after{content:"";position:absolute;inset:24%;box-shadow:inset 0 0 0 2px var(--b)}
.art-sq.n::before{content:"";position:absolute;inset:44%;background:var(--b)}
@media(max-width:700px){.art-sq{width:calc(var(--s,20px)*.6);height:calc(var(--s,20px)*.6)}}
@media print{.art-sq{display:none}}