.zvbr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.zvbr-card{border:1px solid #eee;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 35px rgba(0,0,0,.06)}.zvbr-card>div{padding:18px}.zvbr-card img{width:100%;height:280px;object-fit:cover}.zvbr-bar,.zvbr-progress{height:5px;background:#eee;border-radius:9px;overflow:hidden}.zvbr-bar i,.zvbr-progress i{display:block;height:100%;background:currentColor}.zvbr-reader{--fs:19px;position:relative;display:flex;min-height:85vh;background:#f8f6f2;color:#282521}.zvbr-side{width:280px;padding:30px 22px;background:#201d1b;color:#fff;position:sticky;top:0;height:100vh;overflow:auto}.zvbr-side a{display:block;color:#ddd;padding:8px 0;text-decoration:none}.zvbr-side a.active{color:#fff;font-weight:700}.zvbr-close{display:none}.zvbr-main{flex:1;min-width:0}.zvbr-main header{height:70px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:5;border-bottom:1px solid #eee}.zvbr-main header button,.zvbr-main footer button,.zvbr-close{border:0;background:transparent;padding:9px;cursor:pointer}.zvbr-menu{display:none}.zvbr-content{max-width:780px;margin:0 auto;padding:55px 35px 80px;font-family:Georgia,serif;font-size:var(--fs);line-height:1.85}.zvbr-content h2{font-family:inherit;font-size:1.8em;margin-top:2.4em}.zvbr-main footer{max-width:780px;margin:auto;padding:20px 35px 45px;display:flex;justify-content:space-between}.zvbr-reader.dark{background:#151515;color:#e8e3db}.zvbr-reader.dark .zvbr-main header{background:#1c1c1c;border-color:#333}.zvbr-reader.dark .zvbr-progress{background:#333}@media(max-width:800px){.zvbr-side{position:fixed;left:-300px;z-index:20;transition:.25s}.zvbr-reader.menu-open .zvbr-side{left:0}.zvbr-menu,.zvbr-close{display:block}.zvbr-content{padding:35px 22px 60px}.zvbr-main header{padding:0 15px}.zvbr-main header strong{max-width:45%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}