/* Per-post cross-platform comparison. Scoped, fluid and theme-friendly. */
.ansico-crosspost{box-sizing:border-box;width:100%;max-width:760px;margin:24px auto 0;padding:clamp(16px,3vw,24px);background:#fff;color:inherit;border:1px solid rgba(15,23,42,.12);border-radius:12px;min-width:0}
.ansico-crosspost *{box-sizing:border-box;min-width:0}
.ansico-crosspost__head h2{margin:0 0 5px;font-size:clamp(1.1rem,2.2vw,1.32rem);font-weight:700;line-height:1.3;color:inherit}
.ansico-crosspost__head p{margin:0 0 16px;font-size:.9rem;opacity:.75}
.ansico-crosspost__list{display:grid;gap:12px}
.ansico-crosspost__item{min-width:0;padding:14px;border:1px solid rgba(15,23,42,.10);border-radius:10px;background:#fff}
.ansico-crosspost__item-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;margin-bottom:10px}
.ansico-crosspost__item h3{margin:0;font:inherit;font-weight:700;font-size:1rem;overflow-wrap:anywhere}
.ansico-crosspost__item h3 a{color:inherit;text-decoration:none}
.ansico-crosspost__item h3 a:hover{text-decoration:underline}
.ansico-crosspost__item-head strong{font-variant-numeric:tabular-nums;font-size:1rem;white-space:nowrap}
.ansico-crosspost__item-head strong span{font-weight:400;font-size:.76rem;opacity:.7}
.ansico-crosspost__metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px;margin-bottom:11px}
.ansico-crosspost__metric{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 8px;align-items:baseline;overflow-wrap:anywhere;font-size:.85rem}
.ansico-crosspost__metric-label{opacity:.72}
.ansico-crosspost__metric b{font-variant-numeric:tabular-nums;font-weight:650}
.ansico-crosspost__track{height:8px;background:rgba(15,23,42,.09);border-radius:999px;overflow:hidden}
.ansico-crosspost__track>span{display:block;height:100%;border-radius:inherit;background:var(--wp--preset--color--contrast,#357aa6);max-width:100%}
.ansico-crosspost__note{margin:14px 0 0;font-size:.8rem;line-height:1.55;opacity:.8;overflow-wrap:anywhere}
@media(max-width:520px){.ansico-crosspost{padding:14px}.ansico-crosspost__item{padding:12px}.ansico-crosspost__metrics{gap:7px}.ansico-crosspost__metric{display:block;font-size:.78rem}.ansico-crosspost__metric-label{display:block;margin-bottom:3px}.ansico-crosspost__metric b{display:block}}
