.vbd{--coral:var(--vem-coral);--yellow:#f8b638}.vbd .vcp-hero__shade{background:linear-gradient(90deg,rgba(2,43,44,.92),rgba(2,43,44,.64) 47%,rgba(2,43,44,.02) 74%)}.vbd-calculator{background:var(--deep);color:#fff}.vbd-tool{background:#fff;border-radius:18px;color:var(--deep);display:grid;gap:24px;grid-template-columns:1.15fr .85fr;padding:28px}.vbd-fields{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.vbd-fields label{font-size:.65rem;font-weight:800}.vbd-fields select{background:#f5fbfa;border:1px solid #cfe1df;border-radius:8px;color:var(--deep);display:block;margin-top:6px;padding:12px;width:100%}.vbd-result{background:var(--yellow);border-radius:14px;padding:24px}.vbd-result>p{font-size:.65rem;font-weight:800;margin:0;text-transform:uppercase}.vbd-result>strong{display:block;font-family:"Playfair Display",serif;font-size:3rem;line-height:1.1;margin:8px 0}.vbd-result>span{display:block;font-size:.65rem}.vbd-result>div{display:grid;gap:7px;grid-template-columns:repeat(2,1fr);margin-top:18px}.vbd-result>div span{background:rgba(255,255,255,.55);border-radius:7px;display:flex;font-size:.62rem;justify-content:space-between;padding:9px}.vbd-disclaimer{color:#bdd8d7;display:block;font-size:.6rem;margin-top:12px}.vbd-breakdown{background:var(--cream)}.vbd-posts{display:grid;gap:15px;grid-template-columns:repeat(5,1fr)}.vbd-posts article{background:#fff;border:1px solid #eadfce;border-radius:15px;padding:22px}.vbd-posts article>b{color:var(--coral);font-size:.65rem}.vbd-posts h3{font-size:1.25rem;margin:12px 0 8px}.vbd-posts p{color:#587575;font-size:.68rem;line-height:1.55}.vbd-posts a{color:var(--deep);font-size:.62rem;font-weight:800}.vbd-examples{background:linear-gradient(145deg,#0a7376,#043f42);color:#fff}.vbd-example-grid{display:grid;gap:17px;grid-template-columns:repeat(3,1fr)}.vbd-example-grid article{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);border-radius:16px;padding:28px}.vbd-example-grid .is-featured{background:var(--yellow);color:var(--deep)}.vbd-example-grid span{font-size:.65rem;font-weight:800;text-transform:uppercase}.vbd-example-grid strong{display:block;font-family:"Playfair Display",serif;font-size:1.75rem;margin:13px 0}.vbd-example-grid ul{font-size:.7rem;line-height:1.7;padding-left:17px}.vbd-note{background:#fff8e9;border-radius:12px;color:var(--deep);font-size:.68rem;line-height:1.55;margin-top:17px;padding:17px}.vbd-visual{background:#fff}.vbd-visual>.vem-shell{align-items:center;display:grid;gap:55px;grid-template-columns:1fr 1fr}.vbd-visual figure{margin:0}.vbd-visual img{border-radius:18px;height:500px;object-fit:cover;width:100%}.vbd-visual h2{font-size:clamp(2.3rem,4vw,3.7rem);line-height:1.06}.vbd-visual p,.vbd-visual li{color:#587575;line-height:1.65}.vbd-visual ul{font-size:.72rem;padding-left:18px}.vbd-save{background:var(--cream)}.vbd-save-grid{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.vbd-save-grid article{background:#fff;border-radius:12px;padding:20px}.vbd-save-grid b{color:var(--coral);font-size:.64rem}.vbd-save-grid p{color:#466969;font-size:.7rem;line-height:1.5;margin:8px 0 0}.vbd-two{background:#fff}.vbd-two>.vem-shell{display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.vbd-two figure{background:var(--cream);border-radius:18px;margin:0;overflow:hidden}.vbd-two img{height:330px;object-fit:cover;width:100%}.vbd-two figcaption{padding:23px}.vbd-two h3{font-size:1.45rem;margin-bottom:7px}.vbd-two p{color:#587575;font-size:.7rem;line-height:1.6}.vbd-book{background:var(--yellow);text-align:center}.vbd-book h2{font-size:clamp(2.3rem,4vw,3.7rem)}.vbd-book ol{display:grid;gap:13px;grid-template-columns:repeat(4,1fr);list-style:none;margin:30px 0;padding:0;text-align:left}.vbd-book li{background:#fff8e9;border-radius:13px;padding:20px}.vbd-book li>b{color:var(--coral)}.vbd-book h3{font-size:1.1rem;margin:9px 0 5px}.vbd-book li p{color:#587575;font-size:.67rem;margin:0}.vbd-book>a{color:var(--deep);font-size:.68rem;font-weight:800}@media(max-width:1024px){.vbd-posts{grid-template-columns:repeat(3,1fr)}.vbd-save-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.vbd .vcp-hero__image{object-position:76% center}.vbd-tool,.vbd-example-grid,.vbd-visual>.vem-shell,.vbd-two>.vem-shell{grid-template-columns:1fr}.vbd-fields{grid-template-columns:1fr}.vbd-result>strong{font-size:2.5rem}.vbd-posts,.vbd-save-grid,.vbd-book ol{grid-template-columns:1fr}.vbd-posts p,.vbd-example-grid ul,.vbd-save-grid p,.vbd-two p{font-size:.82rem}.vbd-visual img{height:340px}.vbd-two img{height:240px}}