/* Reactions and tags on an article. */
:root{--sozo-rule:#E3E0D8}
.sz-react{margin:24px 0;padding:18px 0;border-top:1px solid var(--sozo-rule);border-bottom:1px solid var(--sozo-rule)}
.sz-react h3{font-size:16px;margin:0 0 14px}
.sz-react form{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}
.sz-react button{background:none;border:1px solid transparent;border-radius:8px;padding:8px 2px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;color:var(--sz-ink)}
.sz-react button:hover{border-color:var(--sozo-rule)}
.sz-react button.on{border-color:var(--sz-primary);background:color-mix(in srgb,var(--sz-primary) 7%,transparent)}
.sz-react-i{position:relative;display:block;line-height:0}
.sz-react-i img{width:44px;height:44px;object-fit:contain}
.sz-react-i b{position:absolute;top:-6px;right:-10px;min-width:20px;padding:0 5px;height:18px;line-height:18px;font-size:11px;border-radius:9px;background:var(--sz-primary);color:#fff;text-align:center}
.sz-react small{font-size:12px}
.sz-tags{display:flex;flex-wrap:wrap;gap:6px}
.sz-tags a{font-size:12.5px;padding:4px 10px;border:1px solid var(--sozo-rule);border-radius:4px;text-decoration:none;color:var(--sz-ink)}
.sz-tags a:hover{background:var(--sz-primary);border-color:var(--sz-primary);color:#fff}
.sz-tags-art{margin:20px 0}
@media (max-width:575.98px){.sz-react form{grid-template-columns:repeat(4,1fr)}}