.xtags{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:10px 0 14px}
.xtags-l{font-size:11px;color:var(--muted);letter-spacing:.08em}
.xtag{display:inline-block;font-size:12.5px;padding:3px 10px;border:1px solid var(--red);border-radius:999px;color:var(--red);text-decoration:none;background:transparent}
a.xtag:hover{background:var(--red);color:var(--paper)}
.xtags.small{margin:8px 0 10px}.xtags.small .xtag{font-size:11.5px;padding:2px 8px}
.xq{margin:6px 0 18px;padding:12px 16px;border-inline-start:3px solid var(--red);background:rgba(0,0,0,.04)}
.xq h2{margin:0 0 6px;font-size:1.15em}.xq p{margin:0}
.xafter{max-width:780px;margin:28px auto 0;display:grid;gap:22px}
.xbox{position:relative;padding:22px 22px 18px}
.xlead{margin:6px 0 12px;font-weight:600}
.xshare{display:flex;flex-wrap:wrap;gap:8px}
.xbtn{display:inline-block;font:inherit;font-size:14px;padding:8px 14px;border:1px solid var(--ink);border-radius:4px;background:transparent;color:var(--ink);text-decoration:none;cursor:pointer;min-height:40px}
.xbtn:hover{background:var(--ink);color:var(--paper)}
.xcopied{min-height:1.2em;margin:8px 0 0;font-size:13px;color:var(--muted);word-break:break-all}
.xqs{margin:10px 0 0;padding-inline-start:22px;display:grid;gap:10px}
.xqs li strong{display:block}.xqs li span{font-size:.95em}
.xmore,.xfoot{font-size:13.5px;color:var(--muted);text-align:center;margin:0}
.xmore a,.xfoot a,.xsrc a{color:inherit}
.xfilters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 14px}
.xlink{font-size:13px;color:var(--muted)}
.xpage .article h2{margin-top:26px}.xsrc{font-size:13.5px;color:var(--muted)}
.xpage .article ol{padding-inline-start:22px}
@media(max-width:719px){
.topnav{flex-wrap:nowrap!important;white-space:nowrap;gap:4px 11px!important}
.topnav a{font-size:12.5px}
.topright{gap:8px!important}
.stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px!important}
.stats .stat{max-width:none;min-width:0;padding:12px 6px 10px}
}
.xqs a,.xpage .article a{color:var(--red)}
.xq h2::after,.xq h2::before{display:none!important}
.xq h2{border:0!important;text-decoration:none}
.xi{width:1.5em;height:1.5em;vertical-align:-.2em;margin-inline-end:.45em;flex:none}
.xbanner{width:100%;height:auto;display:block;margin:8px 0 20px;border:1px solid rgba(42,33,24,.25);border-radius:6px;box-shadow:0 6px 18px #00000030}
.xbox .label .xi{width:1.4em;height:1.4em;margin-inline-end:.5em}
.xsub{display:flex;align-items:center;gap:8px;padding:8px 20px;border-bottom:1px solid var(--hair);overflow-x:auto;scrollbar-width:none;white-space:nowrap;background:rgba(0,0,0,.18)}
.xsub::-webkit-scrollbar{display:none}
.xsub-l{font-size:10.5px;color:var(--muted);letter-spacing:.1em;flex:none}
.xsub a{flex:none;display:inline-flex;align-items:center;font-size:13px;padding:4px 11px;border:1px solid var(--hair);border-radius:999px;color:inherit;text-decoration:none}
.xsub a .xi{width:1.15em;height:1.15em;margin-inline-end:.4em;filter:invert(.85) sepia(.3)}
.xsub a:hover{border-color:var(--red)}
.xsub a.on{background:var(--red);border-color:var(--red);color:#fff}
.xsub a.on .xi{filter:invert(1)}
.site[dir=ltr] .xsub{display:none}
@media(max-width:719px){.xsub{padding:8px 16px;gap:6px}.xsub-l{display:none}.xsub a{font-size:12.5px;padding:4px 9px}}
@media(max-width:719px){.xsub a .xi{display:none}.xsub a{font-size:12px;padding:4px 8px}.xsub{gap:5px;padding:8px 12px}}