/* p-training-be3b0348 — extracted from the inline <style> of:
 *   training/online/index.html
 * Scoped under .wc .p-training. Its :root block was dropped so the page
 * inherits the canonical tokens from waldrep.css.
 */
.wc .p-training *, .wc .p-training *::before, .wc .p-training *::after { box-sizing: border-box; margin: 0; padding: 0; }
.wc { scroll-behavior: smooth; }
.wc body.p-training { font-family: 'Inter', sans-serif; background: var(--bg-deep); color: var(--text); line-height: 1.65; }
.wc .p-training .breadcrumb { background:var(--bg-mid, #090c1f);border-bottom:1px solid var(--border);padding:14px 2rem;font-size:0.82rem;color:var(--text-muted); }
.wc .p-training .breadcrumb-inner { max-width:1100px;margin:0 auto; }
.wc .p-training .breadcrumb a { color:var(--accent);text-decoration:none; }
.wc .p-training .breadcrumb a:hover { text-decoration:underline; }
.wc .p-training .breadcrumb-sep { margin:0 8px;color:var(--text-muted); }
.wc .p-training .hero { background:linear-gradient(135deg,#08102a 0%,#07091a 100%);padding:80px 2rem 60px;border-bottom:1px solid var(--border);text-align:center; }
.wc .p-training .hero-inner { max-width:800px;margin:0 auto; }
.wc .p-training .hero-label { display:inline-block;background:rgba(0,200,255,0.08);border:1px solid rgba(0,200,255,0.25);color:var(--accent);font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:6px 16px;border-radius:20px;margin-bottom:20px; }
.wc .p-training .hero h1 { font-size:clamp(2rem,4.5vw,3.2rem);font-weight:900;line-height:1.15;margin-bottom:16px; }
.wc .p-training .hero h1 span { color:var(--accent); }
.wc .p-training .hero-sub { color:var(--text-secondary, #c3ccda);font-size:1.1rem;max-width:640px;margin:0 auto 28px;line-height:1.7; }
.wc .p-training .hero-cred { display:inline-flex;align-items:center;gap:10px;background:rgba(232,201,106,0.08);border:1px solid var(--border-gold, rgba(212, 168, 67, 0.22));border-radius:10px;padding:12px 22px;color:var(--gold);font-size:0.88rem;font-weight:600; }
.wc .p-training .section { padding:80px 2rem; }
.wc .p-training .section-inner { max-width:1100px;margin:0 auto; }
.wc .p-training .section-label { color:var(--accent);font-size:0.7rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;margin-bottom:10px; }
.wc .p-training .section-title { font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:800;line-height:1.2;margin-bottom:14px; }
.wc .p-training .section-sub { color:var(--text-secondary, #c3ccda);font-size:1.02rem;max-width:700px;line-height:1.7; }
.wc .p-training .bg-mid { background:var(--bg-mid, #090c1f); }
.wc .p-training /* Online course grid */
    .online-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;margin-top:48px; }
.wc .p-training .online-card { background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column; }
.wc .p-training .online-card.featured { border-color:rgba(232,201,106,0.4);position:relative;overflow:hidden; }
.wc .p-training .online-card.featured::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--gold)); }
.wc .p-training .course-badge { display:inline-block;background:rgba(0,200,255,0.1);border:1px solid rgba(0,200,255,0.25);color:var(--accent);font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:4px 10px;border-radius:20px;margin-bottom:14px; }
.wc .p-training .course-title { font-size:1.15rem;font-weight:800;margin-bottom:8px; }
.wc .p-training .course-desc { font-size:0.84rem;color:var(--text-secondary, #c3ccda);line-height:1.65;margin-bottom:16px; }
.wc .p-training .launch-badge { display:inline-block;background:rgba(232,201,106,0.1);border:1px solid rgba(232,201,106,0.3);color:var(--gold);font-size:0.65rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:3px 9px;border-radius:20px;margin-bottom:8px; }
.wc .p-training .price-row { display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:16px; }
.wc .p-training .price-main { font-size:1.9rem;font-weight:900;color:var(--accent); }
.wc .p-training .price-strike { font-size:1.05rem;font-weight:600;color:var(--text-muted);text-decoration:line-through; }
.wc .p-training .price-unit { font-size:0.82rem;color:var(--text-muted); }
.wc .p-training .stat-row { display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;padding:14px;background:rgba(0,200,255,0.04);border-radius:8px; }
.wc .p-training .stat { font-size:0.78rem;color:var(--text-secondary, #c3ccda); }
.wc .p-training .stat strong { display:block;color:#fff;font-size:0.95rem;font-weight:800;margin-bottom:2px; }
.wc .p-training .card-bottom { margin-top:auto; }
.wc .p-training .card-cta { display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--accent);color:#07091a;font-weight:800;font-size:0.9rem;padding:11px 20px;border-radius:8px;text-decoration:none;width:100%;transition:all .2s; }
.wc .p-training .card-cta:hover { background:#00b0e0; }
.wc .p-training /* Why online */
    .why-grid { display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin-top:40px; }
.wc .p-training .why-item { background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:22px 18px; }
.wc .p-training .why-icon { font-size:1.5rem;margin-bottom:10px; }
.wc .p-training .why-title { font-size:0.92rem;font-weight:700;margin-bottom:5px; }
.wc .p-training .why-desc { font-size:0.81rem;color:var(--text-secondary, #c3ccda);line-height:1.6; }
.wc .p-training /* Instructor */
    .instructor-card { background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:40px;margin-top:48px;display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:start; }
.wc .p-training .instructor-avatar { width:80px;height:80px;border-radius:50%;background:rgba(0,200,255,0.1);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0; }
.wc .p-training .instructor-name { font-size:1.3rem;font-weight:800;margin-bottom:4px; }
.wc .p-training .instructor-title { font-size:0.88rem;color:var(--text-secondary, #c3ccda);margin-bottom:16px; }
.wc .p-training .instructor-bio { font-size:0.9rem;color:var(--text-secondary, #c3ccda);line-height:1.75;margin-bottom:16px; }
.wc .p-training .cred-chips { display:flex;flex-wrap:wrap;gap:8px; }
.wc .p-training .cred-chip { display:inline-flex;align-items:center;gap:6px;background:rgba(0,200,255,0.07);border:1px solid var(--border);border-radius:20px;padding:5px 12px;font-size:0.76rem;color:var(--text-secondary, #c3ccda); }
.wc .p-training .cred-chip strong { color:var(--text); }
@media(max-width:640px) {
.wc .p-training .instructor-card { grid-template-columns:1fr; }
}
.wc .p-training /* Buttons */
    .btn-primary { display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#07091a;padding:15px 28px;border-radius:8px;font-weight:800;font-size:0.95rem;text-decoration:none;transition:all .2s; }
.wc .p-training .btn-primary:hover { background:#00b0e0;transform:translateY(-2px); }
.wc .p-training .btn-secondary { display:inline-flex;align-items:center;gap:10px;background:transparent;color:var(--text);padding:14px 24px;border-radius:8px;font-weight:600;font-size:0.92rem;text-decoration:none;border:1px solid rgba(255,255,255,0.2);transition:all .2s; }
.wc .p-training .btn-secondary:hover { border-color:var(--accent);color:var(--accent); }
.wc .p-training /* Crosslink */
    .crosslink { background:linear-gradient(135deg,rgba(0,200,255,0.05) 0%,rgba(232,201,106,0.04) 100%);border:1px solid var(--border);border-radius:14px;padding:24px 28px;margin-top:36px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;justify-content:space-between; }
.wc .p-training .crosslink-text { flex:1;min-width:220px; }
.wc .p-training .crosslink-title { font-size:1rem;font-weight:800;margin-bottom:4px;color:#fff; }
.wc .p-training .crosslink-desc { font-size:0.86rem;color:var(--text-secondary, #c3ccda);line-height:1.55; }
.wc .p-training .crosslink-btn { display:inline-flex;align-items:center;gap:8px;padding:11px 20px;background:transparent;border:1px solid var(--accent);color:var(--accent);font-weight:700;font-size:0.86rem;border-radius:8px;text-decoration:none;transition:all .2s;white-space:nowrap; }
.wc .p-training .crosslink-btn:hover { background:rgba(0,200,255,0.08); }
.wc .p-training /* Group / licensing banner */
    .gov-banner { background:rgba(232,201,106,0.07);border:1px solid var(--border-gold, rgba(212, 168, 67, 0.22));border-radius:10px;padding:14px 20px;margin-top:28px;font-size:0.84rem;color:var(--text-secondary, #c3ccda);display:flex;align-items:center;gap:12px; }
.wc .p-training .gov-banner strong { color:var(--gold); }
.wc .p-training .container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; }
