.vh-wrap.lg-doc {
    --bg:        #192230;
    --card:      #1e2a38;
    --hover:     #202d3c;
    --line:      rgba(99,99,99,0.25);
    --line-soft: rgba(99,99,99,0.12);
    --ink:       #e0e0e0;
    --ink-dim:   rgba(224,224,224,0.8);
    --ink-faint: rgba(224,224,224,0.65);
    --accent:    #ff9900;
    color: var(--ink);
    padding: 1.25rem;
    max-width: 1100px; margin: 0 auto;
    display: flex; flex-direction: column; gap: 1rem;
}

.lg-meta {
    background: var(--card); border-radius: 8px;
    padding: 0.7rem 1rem;
    box-shadow: 0 4px 14px rgba(0,0,0,0.35);
    display: flex; align-items: center; justify-content: space-between;
    gap: 0.5rem; flex-wrap: wrap;
}
.lg-meta .title {
    font-size: 1.05rem; font-weight: 600; color: var(--ink);
    display: inline-flex; align-items: center; gap: 0.55rem;
}
.lg-meta .title i { color: var(--accent); }
.lg-meta .updated {
    font-size: 0.7rem; color: var(--ink-faint);
    font-variant-numeric: tabular-nums;
    text-transform: uppercase; letter-spacing: 0.08em;
}

.lg-card {
    background: var(--card); border-radius: 8px;
    box-shadow: 0 4px 14px rgba(0,0,0,0.35);
    padding: 1.1rem 1.25rem;
}
.lg-card h4 {
    margin: 0 0 0.65rem;
    font-size: 0.85rem; font-weight: 700;
    color: var(--accent);
    text-transform: uppercase; letter-spacing: 0.12em;
    display: flex; align-items: center; gap: 0.5rem;
}
.lg-card h4 i { font-size: 0.78rem; }
.lg-card p { margin: 0 0 0.65rem; font-size: 0.86rem; color: var(--ink-dim); line-height: 1.6; }
.lg-card p:last-child { margin-bottom: 0; }
.lg-card ul {
    list-style: none; padding: 0; margin: 0 0 0.5rem;
    display: flex; flex-direction: column; gap: 0.35rem;
}
.lg-card ul li {
    position: relative; padding-left: 0.95rem;
    font-size: 0.84rem; color: var(--ink-dim); line-height: 1.55;
}
.lg-card ul li::before {
    content: "›"; position: absolute; left: 0; top: -1px;
    color: var(--ink-faint); font-weight: 700;
}
.lg-card strong { color: var(--ink); font-weight: 600; }
.lg-card a { color: var(--accent); text-decoration: none; }
.lg-card a:hover { text-decoration: underline; }

.lg-cta {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.5rem 0.95rem;
    background: rgba(255,153,0,0.12);
    border: 1px solid rgba(255,153,0,0.3);
    color: var(--accent) !important;
    border-radius: 5px;
    font-size: 0.82rem; font-weight: 600;
    text-decoration: none !important;
    transition: background 0.15s;
}
.lg-cta:hover { background: rgba(255,153,0,0.22); }