.ay-anv { margin: 0 0 24px; padding: 26px; border-radius: 16px; background: #fff; border: 1px solid var(--ps-line); }
.ay-anv-h { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.ay-anv .ay-anv-t { margin: 0 0 10px; font-size: 28px; font-weight: 800; line-height: 1.3; color: var(--ps-ink); overflow-wrap: anywhere; }
.ay-anv-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; padding: 0 0 16px; list-style: none; border-bottom: 1px solid var(--ps-line); font-size: 13.5px; color: var(--ps-muted); }
.ay-anv-meta li { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: 999px; background: #f4f6fb; }
.ay-anv-body { font-size: 15.5px; line-height: 1.75; color: var(--ps-text); overflow-wrap: anywhere; }
.ay-anv-body pre, .ay-anv-body code { white-space: pre-wrap; overflow-wrap: anywhere; }
.ay-anv-body img { max-width: 100%; height: auto; }
.ay-anv-share { flex: none; display: inline-flex; align-items: center; gap: 7px; height: 36px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--ps-line); background: #fff; color: var(--ps-ink) !important; font-size: 13.5px; font-weight: 700; text-decoration: none !important; }
.ay-anv-share:hover { background: #111; border-color: #111; color: #fff !important; }
@media (max-width: 575.98px) { .ay-anv { padding: 18px; } .ay-anv .ay-anv-t { font-size: 23px; } .ay-anv-h { flex-direction: column; gap: 0; } .ay-anv-share { order: 2; margin: 0 0 12px; height: 32px; } }