/* ══ TEMA VHOSTING + LARAVEL ══ */
    :root {
        --vh:            #1A5EA8;
        --vh-dark:       #0e3d6e;
        --vh-deep:       #07244a;
        --vh-light:      #eef4fc;
        --vh-border:     #a8c8f0;
        --lv:            #FF2D20;
        --lv-dark:       #c41a10;
        --lv-deep:       #7f1007;
        --lv-light:      #fff5f5;
        --lv-border:     #fca5a5;
    }

    .yr::after { content: '' !important; display: none !important; }

    .article-header {
        background: linear-gradient(135deg, #07244a 0%, #0e3d6e 28%, #1A5EA8 50%, #c41a10 76%, #FF2D20 100%) !important;
    }
    .article-header::before {
        content: '';
        position: absolute; top: -50px; right: -50px;
        width: 320px; height: 320px;
        background: radial-gradient(circle, rgba(255,45,32,.13) 0%, transparent 68%);
        border-radius: 50%; pointer-events: none;
    }
    .vh-hl { color: #c0daf7 !important; }
    .lv-hl { color: #fecaca !important; }

    /* Section theme */
    .cs.theme-vhlv h2                  { color: var(--vh-dark) !important; border-color: var(--vh-border) !important; }
    .toc.theme-vhlv                    { background: var(--vh-light) !important; border-color: var(--vh-border) !important; }
    .toc.theme-vhlv h3                 { color: var(--vh-dark) !important; }
    .toc.theme-vhlv .toc-col ul li a   { color: var(--vh) !important; }
    .stats-box.theme-vhlv              { background: linear-gradient(135deg, var(--vh-light), #fff) !important; border-color: var(--vh-border) !important; }
    .stats-box.theme-vhlv h4           { color: var(--vh-dark) !important; }
    .stats-box.theme-vhlv .stat-num    { color: var(--vh) !important; }
    .ct.theme-vhlv thead tr            { background: var(--vh-deep) !important; }
    .ct.theme-vhlv tbody tr:hover      { background: var(--vh-light) !important; }

    .box-vh  { background: var(--vh-light) !important; border-left: 4px solid var(--vh) !important; border-radius: 8px; padding: 16px 20px; margin: 16px 0; }
    .box-vh h4 { color: var(--vh-dark) !important; margin: 0 0 8px; font-size: 14px; }
    .box-vh p, .box-vh ul li { color: var(--vh-deep) !important; font-size: 13px; line-height: 1.6; }
    .box-vh ul { margin: 6px 0 0; padding-left: 18px; }

    .box-lv  { background: var(--lv-light) !important; border-left: 4px solid var(--lv) !important; border-radius: 8px; padding: 16px 20px; margin: 16px 0; }
    .box-lv h4 { color: var(--lv-dark) !important; margin: 0 0 8px; font-size: 14px; }
    .box-lv p, .box-lv ul li { color: var(--lv-deep) !important; font-size: 13px; line-height: 1.6; }
    .box-lv ul { margin: 6px 0 0; padding-left: 18px; }

    .box-warn { background: #fffbeb !important; border-left: 4px solid #f59e0b !important; border-radius: 8px; padding: 16px 20px; margin: 16px 0; }
    .box-warn h4 { color: #92400e !important; margin: 0 0 8px; font-size: 14px; }
    .box-warn p, .box-warn ul li { color: #78350f !important; font-size: 13px; line-height: 1.6; }
    .box-warn ul { margin: 6px 0 0; padding-left: 18px; }

    /* Award box */
    .award-box {
        background: linear-gradient(135deg, #07244a, #1A5EA8, #c41a10);
        border-radius: 14px; padding: 28px 32px; margin: 28px 0;
        border: 1px solid var(--lv-border); color: #fff; text-align: center;
    }
    .award-box .award-title  { font-size: 22px; font-weight: 800; color: #c0daf7; margin-bottom: 8px; }
    .award-box .award-score  { display: inline-block; font-size: 52px; font-weight: 900; color: #ffd700; line-height: 1; margin: 14px 0 6px; }
    .award-box .award-label  { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: #fecaca; }
    .award-box .award-sub    { font-size: 14px; color: #d0e8ff; line-height: 1.6; margin-top: 14px; }

    /* Feature grid */
    .feat-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 14px; margin: 20px 0; }
    .feat-card { border-radius: 10px; padding: 16px 18px; background: #fff; border: 2px solid var(--vh-border); }
    .feat-card.lv-card { border-color: var(--lv-border); }
    .feat-card.warn-card { border-color: #fcd34d; background: #fffbeb; }
    .feat-card .fc-icon  { font-size: 26px; margin-bottom: 8px; }
    .feat-card .fc-title { font-size: 13.5px; font-weight: 800; color: var(--vh-dark); margin-bottom: 5px; }
    .feat-card.lv-card .fc-title { color: var(--lv-dark); }
    .feat-card.warn-card .fc-title { color: #92400e; }
    .feat-card .fc-desc  { font-size: 12px; color: #4b5563; line-height: 1.5; }
    .feat-card .fc-badge { display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 9px; border-radius: 7px; margin-top: 7px; }
    .feat-card .fc-badge.bdg-vh { background: var(--vh-light); color: var(--vh-dark); border: 1px solid var(--vh-border); }
    .feat-card .fc-badge.bdg-lv { background: var(--lv-light); color: var(--lv-dark); border: 1px solid var(--lv-border); }
    .feat-card .fc-badge.bdg-warn { background: #fef3c7; color: #92400e; border: 1px solid #fcd34d; }

    /* Pricing cards */
    .price-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap: 14px; margin: 20px 0; }
    .pc-card { border-radius: 10px; padding: 18px; background: #fff; border: 2px solid var(--vh-border); }
    .pc-card.featured { border-color: var(--vh); background: var(--vh-light); }
    .pc-card .pcc-badge { display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 9px; border-radius: 7px; margin-bottom: 10px; background: var(--vh); color: #fff; }
    .pc-card.featured .pcc-badge { background: var(--vh-dark); }
    .pc-card .pcc-name  { font-size: 16px; font-weight: 800; color: var(--vh-dark); margin-bottom: 6px; }
    .pc-card .pcc-price { font-size: 22px; font-weight: 900; color: var(--vh); line-height: 1; margin-bottom: 3px; }
    .pc-card .pcc-note  { font-size: 11px; color: #6b7280; margin-bottom: 10px; }
    .pc-card ul { margin: 0; padding: 0 0 0 16px; }
    .pc-card ul li { font-size: 12px; color: #374151; line-height: 1.6; }

    /* pc rows */
    .pc-row { display: flex; gap: 10px; padding: 9px 0; border-bottom: 1px solid #f3f4f6; align-items: flex-start; }
    .pc-row:last-child { border-bottom: none; }
    .pc-row .pc-dot  { font-size: 16px; flex-shrink: 0; margin-top: 1px; }
    .pc-row .pc-body { font-size: 13px; color: #374151; line-height: 1.5; }
    .pc-row .pc-body strong { color: #111827; }

    /* Req matrix */
    .req-matrix { margin: 20px 0; }
    .req-row { display: flex; gap: 12px; padding: 12px 16px; border-radius: 8px; margin-bottom: 8px; align-items: flex-start; }
    .req-row.req-ok   { background: #f0fdf4; border: 1px solid #86efac; }
    .req-row.req-warn { background: #fffbeb; border: 1px solid #fcd34d; }
    .req-row.req-no   { background: #fef2f2; border: 1px solid #fca5a5; }
    .req-row .req-icon { font-size: 18px; flex-shrink: 0; margin-top: 2px; }
    .req-row .req-body { font-size: 13px; color: #374151; line-height: 1.5; }
    .req-row .req-body strong { color: #111827; }
    .req-row.req-ok   .req-body strong { color: #166534; }
    .req-row.req-warn .req-body strong { color: #92400e; }
    .req-row.req-no   .req-body strong { color: #991b1b; }

    /* Use case path */
    .use-path { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap: 0; margin: 20px 0; border-radius: 12px; overflow: hidden; border: 2px solid var(--vh-border); }
    .up-step { padding: 18px 20px; background: #fff; border-right: 2px solid var(--vh-border); }
    .up-step:last-child { border-right: none; }
    .up-step .ups-icon  { font-size: 24px; margin-bottom: 8px; }
    .up-step .ups-title { font-size: 13px; font-weight: 800; margin-bottom: 6px; }
    .up-step .ups-desc  { font-size: 12px; color: #4b5563; line-height: 1.5; }
    .up-step .ups-badge { display: inline-block; font-size: 10px; font-weight: 700; padding: 2px 8px; border-radius: 6px; margin-top: 8px; color: #fff; }
    .up-step.step-ok  { background: var(--vh-light); }
    .up-step.step-ok .ups-title { color: var(--vh-dark); }
    .up-step.step-ok .ups-badge { background: var(--vh); }
    .up-step.step-warn { background: #fffbeb; }
    .up-step.step-warn .ups-title { color: #92400e; }
    .up-step.step-warn .ups-badge { background: #f59e0b; }
    .up-step.step-no  { background: #fef2f2; }
    .up-step.step-no .ups-title { color: var(--lv-dark); }
    .up-step.step-no .ups-badge { background: #2E7D32; }

    /* Reviews */
    .rv.vh-rv { border-left-color: var(--vh) !important; }
    .rv.lv-rv { border-left-color: var(--lv) !important; }
    .rv .verdict.vh-v { color: var(--vh-dark) !important; }
    .rv .verdict.lv-v { color: var(--lv-dark) !important; }

    /* Btn */
    .btn-vh { background: var(--vh) !important; box-shadow: 0 4px 14px rgba(26,94,168,.32) !important; }
    .btn-vh:hover { background: var(--vh-dark) !important; transform: translateY(-2px); }
    .btn-sec-vh { background: #fff !important; color: var(--vh) !important; border: 2px solid var(--vh) !important; box-shadow: none !important; }
    .btn-sec-vh:hover { background: var(--vh-light) !important; }

    /* Featured image + CTA */
    .featured-image.vhlv-fi { background: linear-gradient(135deg, #07244a, #0e3d6e, #1A5EA8, #c41a10) !important; }
    .cta-f.vhlv-cta { background: linear-gradient(135deg, #07244a, #1A5EA8, #c41a10, #FF2D20) !important; }