/* Scoped body-only components: avoids changing your existing header, navbar and footer */
.vps-cms{--vps-ink:#182a44;--vps-blue:#164e81;--vps-gold:#d7a54d;color:var(--vps-ink);font-family:inherit;padding:38px 0 70px}.vps-cms .vps-hero{background:linear-gradient(125deg,#103d67,#1f6393);border-radius:18px;color:white;padding:34px;margin-bottom:28px}.vps-cms .vps-hero h1{font-weight:800}.vps-cms .vps-panel{border:1px solid #e7eaf0;border-radius:15px;box-shadow:0 6px 24px #152b4412;background:white;overflow:hidden;height:100%}.vps-cms .vps-panel img{width:100%;height:215px;object-fit:cover}.vps-cms .vps-panel .inside{padding:20px}.vps-cms .vps-year{border-left:5px solid var(--vps-gold);padding-left:15px;margin:37px 0 22px;font-weight:800}.vps-cms .vps-shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px 14px;padding:22px 24px 34px;margin:0 0 34px;background:linear-gradient(to bottom,transparent 87%,#b87943 87%,#986034 93%,#63391f 100%);border-radius:8px}.vps-cms .vps-book{min-width:0;text-align:center}.vps-cms .vps-book a{color:inherit;text-decoration:none}.vps-cms .vps-book img{height:185px;width:130px;max-width:100%;object-fit:cover;box-shadow:5px 7px 8px #0005;border-radius:2px 6px 6px 2px;transition:transform .2s}.vps-cms .vps-book img:hover{transform:translateY(-7px)}.vps-cms .vps-book h3{font-size:15px;font-weight:750;margin:10px 0 3px}.vps-cms .vps-muted{color:#69788d}.vps-cms .vps-img-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#e5edf5,#c5d6e7);height:215px;font-size:48px}.vps-cms .vps-book .vps-img-placeholder{height:185px;width:130px;max-width:100%;margin:auto}.vps-cms .vps-feature{display:flex;gap:25px;align-items:start}.vps-cms .vps-feature>img{width:min(280px,40%);border-radius:10px}.vps-cms .vps-meta{font-size:14px;color:#64758a}.vps-cms .vps-description{white-space:pre-line;line-height:1.75}.vps-cms .btn-primary{background:#175386;border-color:#175386}@media(max-width:1000px){.vps-cms .vps-shelf{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:575px){.vps-cms .vps-shelf{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px}.vps-cms .vps-book img{height:150px;width:105px}.vps-cms .vps-feature{display:block}.vps-cms .vps-feature>img{width:100%;margin-bottom:20px}}

/* Compatibility with existing VPS website navbar and footer */
.vps-cms { clear: both; min-height: 55vh; }
.vps-cms .container { max-width: 1140px; }
.vps-cms .vps-hero { background: linear-gradient(120deg,#334f6c,#446e96); }
.header-area .main-nav .nav .sub-menu a { color:#222 !important; }
@media(max-width:767px){.vps-cms {padding-top:25px}}