.entry-content ol,article ol,.post-content ol,.single-post ol{list-style:none;padding-left:0;counter-reset:pun-counter;margin:20px 0}.entry-content ol li,article ol li,.post-content ol li,.single-post ol li{counter-increment:pun-counter;position:relative;background:linear-gradient(135deg,#f0fdfa 0%,#f8fefd 100%);border:1px solid var(--teal-border);border-radius:8px;padding:12px 100px 12px 50px;margin-bottom:8px;line-height:1.5;transition:box-shadow .25s ease,transform .25s ease,border-color .25s ease}.entry-content ol li:hover,article ol li:hover,.post-content ol li:hover,.single-post ol li:hover{box-shadow:0 4px 14px rgba(20,184,166,.15);border-color:var(--copy-btn-color);transform:translateY(-1px)}.entry-content ol li::before,article ol li::before,.post-content ol li::before,.single-post ol li::before{content:counter(pun-counter) ".";position:absolute;left:10px;top:12px;width:32px;text-align:right;font-weight:700;color:var(--copy-btn-color);white-space:nowrap;transition:color .25s ease}.pun-copy-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:var(--copy-btn-color);color:#fff;border:none;font-size:12px;font-weight:600;padding:6px 12px;border-radius:5px;cursor:pointer;white-space:nowrap;will-change:transform;transition:background .2s ease,box-shadow .2s ease,transform .2s ease;box-shadow:0 2px 6px rgba(20,184,166,.3)}.pun-copy-btn:hover{background:var(--copy-btn-hover);box-shadow:0 4px 10px rgba(20,184,166,.4);transform:translateY(-50%) scale(1.05)}.pun-copy-btn.pop{animation:pun-pop .35s ease}.pun-copy-btn.copied{background:var(--copy-btn-success);animation:pun-glow .6s ease}.pun-copy-btn .btn-text{display:inline-block;animation:pun-fade-in .25s ease}@media (max-width:600px){.entry-content ol li,article ol li,.post-content ol li,.single-post ol li{padding:12px 14px 44px 50px}.pun-copy-btn{right:10px;bottom:8px;top:auto;transform:none}.pun-copy-btn:hover{transform:scale(1.05)}.pun-copy-btn.pop{animation:pun-pop-mobile .35s ease}}