/* Visual reference: alex3o0, Grow up, https://codepen.io/alex3o0/pen/KKZZBNY
   Adapted from Set-modul/grow-up-3d-todo for static editorial lists. */
.content-list-3d{--content3d-ink:#17374a;--content3d-line:#adc5d5;--content3d-accent:#bc460c;--content3d-tint:#edf5f9;list-style:none!important;display:grid;gap:16px;margin:24px 0!important;padding:22px!important;border:1px solid var(--content3d-line);border-radius:16px;background:linear-gradient(135deg,#f5f9fb,var(--content3d-tint));isolation:isolate}
.content-list-3d,.content-list-3d *{box-sizing:border-box}
.content-list-3d>li{display:block!important;margin:0!important;padding:0!important;border:0!important;background:none!important;perspective:1500px;list-style:none!important}
.content-list-3d>li::before,.content-list-3d>li::after{content:none!important}
.content-list-3d .content-list-3d__card{position:relative;display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:20px;min-height:102px;padding:22px 26px;border:1px solid var(--content3d-line);border-radius:10px;background:#fff;color:var(--content3d-ink);box-shadow:0 4px 0 #b4c9d5,0 12px 24px #153b4a12;transform:rotateY(0) translateX(0);transition:transform .3s ease-in-out,box-shadow .3s,border-color .3s}
.content-list-3d .content-list-3d__card::after{content:"";position:absolute;inset:4px;border:1px solid #e7eff4;border-radius:6px;pointer-events:none}
.content-list-3d .content-list-3d__number{display:grid;place-items:center;width:54px;height:54px;margin:0;border:1px solid #c8dbe6;border-radius:9px;background:linear-gradient(135deg,#eff7fc,#d9eaf3);color:#16516e;font:700 22px/1 Arial,sans-serif;box-shadow:0 3px 0 #bdd2de;transition:transform .3s,background .3s,color .3s}
.content-list-3d .content-list-3d__body{min-width:0;font-size:16px;line-height:1.65;overflow-wrap:anywhere}
.content-list-3d .content-list-3d__body>strong:first-child{display:block;margin:0 0 5px;color:var(--content3d-ink);font-size:19px;line-height:1.35;transition:text-shadow .3s}
@media(hover:hover) and (pointer:fine){
 .content-list-3d>li:hover{position:relative;z-index:1}
 .content-list-3d>li:hover .content-list-3d__card{transform:rotateY(-5deg) rotateX(1deg) translateX(4px);border-color:#7ca7be;box-shadow:4px 6px 0 #9ab7c7,8px 20px 30px #153b4a26}
 .content-list-3d>li:hover .content-list-3d__number{transform:translateZ(12px) rotate(-3deg);background:var(--content3d-accent);color:#fff}
 .content-list-3d>li:hover .content-list-3d__body>strong:first-child{text-shadow:3px 4px 2px #17374a18}
}
.content-list-3d.content-list-3d--enter>li{animation:content3d-enter .5s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(var(--content3d-index,0)*85ms)}
@keyframes content3d-enter{from{opacity:.7;transform:translateX(22px) rotateY(-3deg)}to{opacity:1;transform:none}}
@media(max-width:700px){
 .content-list-3d{gap:14px;padding:13px!important;border-radius:12px;margin:18px 0!important}
 .content-list-3d .content-list-3d__card{grid-template-columns:38px minmax(0,1fr);gap:12px;padding:17px 14px;min-height:0}
 .content-list-3d .content-list-3d__number{width:36px;height:38px;font-size:17px;border-radius:7px}
 .content-list-3d .content-list-3d__body{font-size:15px;line-height:1.6}
 .content-list-3d .content-list-3d__body>strong:first-child{font-size:17px;line-height:1.4}
}
@media(prefers-reduced-motion:reduce){.content-list-3d>li,.content-list-3d .content-list-3d__card,.content-list-3d .content-list-3d__number,.content-list-3d .content-list-3d__body>strong:first-child{animation:none!important;transition:none!important;transform:none!important}}