/* ── Page hero ── */
    .page-hero{background:linear-gradient(135deg,#0d1f33 0%,#0a3d6b 100%);padding:56px 0 52px;position:relative;overflow:hidden}
    .page-hero::before{content:'';position:absolute;inset:0;background:url('https://www.vesselstatement.com/public/assets/img/home.jpg') center/cover no-repeat;opacity:.08}
    .page-hero-inner{position:relative;z-index:1}
    .page-hero h1{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}
    .page-hero .breadcrumb{background:none;padding:0;margin:0;font-size:13px}
    .page-hero .breadcrumb-item{color:rgba(255,255,255,.6)}
    .page-hero .breadcrumb-item.active{color:rgba(255,255,255,.9)}
    .page-hero .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.4)}
    .page-hero .breadcrumb-item a{color:rgba(255,255,255,.7)}.page-hero .breadcrumb-item a:hover{color:#fff}
    .page-badge{display:inline-block;background:rgba(79,195,247,.18);border:1px solid rgba(79,195,247,.4);color:#4fc3f7;font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:14px}

    /* ── CMS layout ── */
    .cms-wrap{padding:64px 0 80px}
    .cms-sidebar{position:sticky;top:90px}
    .cms-toc{background:#f0f5fa;border-radius:10px;padding:24px 22px}
    .cms-toc h6{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#0a3d6b;margin-bottom:14px}
    .cms-toc ul{list-style:none;padding:0;margin:0}
    .cms-toc li{margin-bottom:5px}
    .cms-toc a{font-size:12.5px;color:#555;display:flex;align-items:center;gap:7px;padding:4px 8px;border-radius:5px;transition:background .15s,color .15s}
    .cms-toc a:hover,.cms-toc a.active{background:#dceaf6;color:#0a3d6b;font-weight:600}
    .cms-toc a i{font-size:10px;color:#0a3d6b;flex-shrink:0}

    /* ── Body text ── */
    .cms-body{font-size:15px;line-height:1.82;color:#444}
    .cms-body h2{font-size:1.15rem;font-weight:700;color:#0d1f33;margin:2.2rem 0 .75rem;padding:.5rem 0 .5rem;border-bottom:2px solid #e8f0f8}
    .cms-body h3{font-size:1rem;font-weight:700;color:#0d1f33;margin:1.5rem 0 .5rem}
    .cms-body p{margin-bottom:1rem}
    .cms-body ul,.cms-body ol{padding-left:1.4rem;margin-bottom:1rem}
    .cms-body li{margin-bottom:.5rem}
    .cms-body a{color:#0a3d6b;text-decoration:underline;text-underline-offset:2px}
    .cms-body a:hover{color:#072e52}
    .cms-body strong{color:#0d1f33;font-weight:700}
    .cms-section{scroll-margin-top:80px}

    /* ── UI components ── */
    .last-updated{display:inline-flex;align-items:center;gap:6px;background:#f0f5fa;border:1px solid #d5e3ef;border-radius:20px;padding:5px 14px;font-size:12.5px;color:#555;margin-bottom:24px}
    .last-updated i{color:#0a3d6b}
    .info-box{background:#e8f4fd;border-left:4px solid #0a3d6b;border-radius:0 6px 6px 0;padding:16px 20px;margin:1.5rem 0;font-size:14px;color:#1a3a5c;line-height:1.6}
    .info-box i{color:#0a3d6b;margin-right:8px}
    .warn-box{background:#fff8e1;border-left:4px solid #f59e0b;border-radius:0 6px 6px 0;padding:16px 20px;margin:1.5rem 0;font-size:14px;color:#78350f;line-height:1.6}
    .warn-box i{color:#f59e0b;margin-right:8px}

    /* ── Footer ── */
    .footer{background:#0d1f33;padding:32px 0 20px}
    .footer-links a{color:rgba(255,255,255,.65);font-size:13px;margin:0 10px}
    .footer-links a:hover{color:#fff}
    .footer-copy{color:rgba(255,255,255,.45);font-size:12px;margin-top:10px}
    .footer-tagline{color:rgba(255,255,255,.6);font-size:12px;margin-top:6px}

    /* ── Mobile ── */
    @media(max-width:991px){
      .cms-sidebar{display:none}
    }
    @media(max-width:767px){
      .page-hero h1{font-size:1.5rem}.page-hero{padding:40px 0 36px}.cms-wrap{padding:40px 0 60px}
    }