/* WT Courses – Single VI */
:root{
  --wtc2-bg:#0e1116;
  --wtc2-elev:#111827;
  --wtc2-elev-2:#0b1320;
  --wtc2-text:#e5e7eb;
  --wtc2-text-dim:#9ca3af;
  --wtc2-accent:#fbbf24;
  --wtc2-accent-2:#22c55e;
  --wtc2-border:#1f2937;
  --wtc2-focus:#3b82f6;
}
.wtc2{color:var(--wtc2-text)}
.wtc2 a{color:var(--wtc2-focus);text-decoration:none}
.wtc2 a:hover{text-decoration:underline}
.wtc2-hero{position:relative;background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.5)), var(--bg) center/cover no-repeat;height:min(46vh,520px);display:flex;align-items:flex-end}
.wtc2-hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.0),rgba(0,0,0,.35) 40%,rgba(0,0,0,.6))}
.wtc2-hero__inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:24px 16px 28px;width:100%}
.wtc2-breadcrumbs{font-size:14px;color:var(--wtc2-text-dim);display:flex;gap:8px;align-items:center;margin-bottom:8px}
.wtc2-bc-current{color:#fff;max-width:65vw}
.wtc2-title{font-size:clamp(28px,3vw,40px);font-weight:800;margin:6px 0 8px;color:#fff}
.wtc2-hero-meta{display:flex;flex-wrap:wrap;gap:14px 24px;color:#e5e7eb;margin:8px 0 0;padding:0;list-style:none}
.wtc2-ic{display:inline-block;width:1.1em;height:1.1em;vertical-align:-.2em;border-radius:2px;background:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center}
.wtc2-ic-calendar{mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path fill=\'%23fff\' d=\'M7 10h5v5H7zm10-7h-1V1h-2v2H10V1H8v2H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h10c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H7V8h10v11z\'/></svg>');}
.wtc2-ic-flag{mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path fill=\'%23fff\' d=\'M14 6l-1-2H6v16H4V2h9l1 2h6v12h-6z\'/></svg>');}
.wtc2-ic-user{mask-image: url('data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path fill=\'%23fff\' d=\'M12 12c2.7 0 5-2.3 5-5s-2.3-5-5-5-5 2.3-5 5 2.3 5 5 5zm0 2c-3.3 0-10 1.7-10 5v3h20v-3c0-3.3-6.7-5-10-5z\'/></svg>');}
.wtc2-body{max-width:1200px;margin:0 auto;padding:26px 16px;display:grid;grid-template-columns:1fr 360px;gap:24px}
@media (max-width: 980px){ .wtc2-body{grid-template-columns:1fr} }
.wtc2-infogrid{display:grid;grid-template-columns: repeat(3, minmax(0,1fr));gap:12px;margin:0 0 18px}
@media (max-width: 840px){ .wtc2-infogrid{grid-template-columns: repeat(2, minmax(0,1fr))} }
.wtc2-ig-item{background:var(--wtc2-elev);border:1px solid var(--wtc2-border);border-radius:12px;padding:14px}
.wtc2-ig-k{font-size:12px;color:var(--wtc2-text-dim);margin-bottom:4px}
.wtc2-ig-v{font-weight:700}
.wtc2-tabs{margin-top:16px}
.wtc2-tabs__heads{display:flex;gap:8px;border-bottom:1px solid var(--wtc2-border);margin-bottom:12px}
.wtc2-tabs__heads button{appearance:none;border:0;background:transparent;color:var(--wtc2-text-dim);padding:10px 14px;cursor:pointer;border-bottom:2px solid transparent}
.wtc2-tabs__heads button.is-active{color:#fff;border-color:var(--wtc2-focus)}
.wtc2-pane{display:none}
.wtc2-pane.is-active{display:block}
.wtc2-prose{line-height:1.6}
.wtc2-prose h2{font-size:22px;margin:16px 0 8px}
.wtc2-prose p{margin:8px 0}
.wtc2-aside .wtc2-sticky{position:sticky;top:100px}
.wtc2-enroll{background:var(--wtc2-elev);border:1px solid var(--wtc2-border);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:14px}
.wtc2-enroll__price{font-size:22px;font-weight:800}
.wtc2-price{color:var(--wtc2-accent)}
.wtc2-free{color:var(--wtc2-accent-2);font-weight:800}
.wtc2-perks{margin:0;padding:0 0 0 18px;color:var(--wtc2-text-dim)}
.wtc2-perks li{margin:4px 0}
.wtc2-countdown{background:var(--wtc2-elev-2);border:1px dashed var(--wtc2-border);border-radius:12px;padding:12px}
.wtc2-ctn-label{font-size:12px;color:var(--wtc2-text-dim);margin-bottom:6px}
.wtc2-ctn-tiles{display:flex;gap:8px}
.wtc2-ctn-tile{background:rgba(255,255,255,.03);border:1px solid var(--wtc2-border);border-radius:10px;padding:8px 10px;min-width:64px;text-align:center}
.wtc2-ctn-tile span{display:block;font-weight:800;font-size:20px}
.wtc2-ctn-tile small{display:block;color:var(--wtc2-text-dim);font-size:11px;margin-top:2px}