/* VA Training Guide */
.vaatg-wrap, .vaatg-wrap * { box-sizing:border-box; }
.vaatg-wrap {
  --bg:#f6f3ff; --card:#fff; --ink:#172033; --muted:#6b7280; --line:#e5e7eb; --purple:#7c3aed; --blue:#2563eb; --green:#059669; --soft:#f8fafc; --soft-purple:#f3e8ff; --soft-green:#ecfdf5; --shadow:0 18px 45px rgba(31,41,55,.10); --radius:24px;
  max-width:1180px; margin:0 auto; padding:24px; color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.vaatg-hero { background:linear-gradient(135deg,var(--purple),var(--blue)); color:#fff; border-radius:32px; padding:36px; box-shadow:var(--shadow); margin-bottom:18px; display:grid; grid-template-columns:1.25fr .75fr; gap:20px; align-items:center; }
.vaatg-hero h1 { margin:0 0 10px; font-size:clamp(2.2rem,5vw,4.8rem); line-height:.9; letter-spacing:-.07em; color:#fff; }
.vaatg-hero p { margin:0; color:rgba(255,255,255,.86); line-height:1.6; font-size:1.04rem; max-width:760px; }
.vaatg-hero-box { background:rgba(255,255,255,.13); border:1px solid rgba(255,255,255,.18); border-radius:24px; padding:22px; }
.vaatg-hero-box strong { display:block; font-size:2rem; line-height:1; letter-spacing:-.05em; margin-bottom:8px; color:#fff; }
.vaatg-hero-box span { color:rgba(255,255,255,.78); line-height:1.45; display:block; }
.vaatg-notice { background:#fffbeb; border:1px solid #fde68a; color:#92400e; border-radius:20px; padding:16px; margin-bottom:18px; line-height:1.55; font-weight:700; }
.vaatg-grid { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.vaatg-card { background:rgba(255,255,255,.94); border:1px solid rgba(255,255,255,.86); border-radius:var(--radius); padding:22px; box-shadow:var(--shadow); backdrop-filter:blur(12px); margin-bottom:18px; }
.vaatg-wide { grid-column:1/-1; }
.vaatg-card h2 { margin:0 0 8px; font-size:1.35rem; letter-spacing:-.03em; color:var(--ink); }
.vaatg-card h3 { margin:0 0 8px; font-size:1.05rem; color:var(--ink); }
.vaatg-card p { line-height:1.6; }
.vaatg-muted { color:var(--muted); margin:0 0 14px; line-height:1.5; font-size:.94rem; }
.vaatg-lang { display:inline-flex; border-radius:999px; padding:6px 10px; font-size:.78rem; font-weight:900; margin-bottom:12px; }
.vaatg-en { background:var(--soft-purple); color:#6d28d9; }
.vaatg-fil { background:var(--soft-green); color:#047857; }
.vaatg-steps { display:grid; gap:12px; }
.vaatg-step { display:grid; grid-template-columns:auto 1fr; gap:12px; align-items:start; background:var(--soft); border:1px solid var(--line); border-radius:18px; padding:14px; }
.vaatg-num { width:34px; height:34px; border-radius:999px; background:linear-gradient(135deg,var(--purple),var(--blue)); color:#fff; display:grid; place-items:center; font-weight:1000; flex:0 0 auto; }
.vaatg-step strong { display:block; margin-bottom:3px; }
.vaatg-step span { display:block; color:var(--muted); line-height:1.45; font-size:.93rem; }
.vaatg-platforms { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:12px; }
.vaatg-platforms div { background:var(--soft); border:1px solid var(--line); border-radius:16px; padding:12px; font-weight:850; text-align:center; }
.vaatg-example { background:#111827; color:#fff; border-radius:20px; padding:16px; line-height:1.6; white-space:pre-wrap; }
.vaatg-example small { color:rgba(255,255,255,.65); display:block; margin-bottom:8px; font-weight:800; }
.vaatg-checklist { display:grid; gap:10px; }
.vaatg-checklist label { display:flex; gap:10px; align-items:start; padding:12px; background:var(--soft); border:1px solid var(--line); border-radius:16px; }
.vaatg-checklist input { margin-top:4px; transform:scale(1.15); width:auto; }
.vaatg-wrap button { border:0; border-radius:14px; padding:11px 13px; background:linear-gradient(135deg,var(--purple),var(--blue)); color:#fff; font-weight:1000; cursor:pointer; margin-top:10px; }
.vaatg-footer { text-align:center; color:var(--muted); padding:24px 0 8px; font-size:.9rem; }
@media (max-width:900px){ .vaatg-hero,.vaatg-grid,.vaatg-platforms{grid-template-columns:1fr} }
@media (max-width:640px){ .vaatg-wrap{padding:14px}.vaatg-hero{padding:24px;border-radius:26px}.vaatg-card{padding:16px} }
@media print{ .vaatg-hero,.vaatg-card{box-shadow:none;border:1px solid #ddd}.vaatg-wrap button{display:none} }