/* RCW IT Training — static study-guide block rendered above interactive labs.
   Self-contained: works on the dark lab-engine pages AND the light rhcsa-practice pages.
   Copy to the repo root as /lab-guide.css (linked by tools/build_lab_pages.py). */

.rcw-guide{
  --g-ink:#14243a; --g-muted:#5f6c84; --g-line:#dce5f1; --g-blue:#0769be; --g-cyan:#0ba8ee;
  --g-paper:#ffffff; --g-soft:#f4f7fb; --g-code:#0d1b33;
  box-sizing:border-box; position:relative; z-index:3;
  width:min(900px,calc(100% - 32px)); margin:28px auto 34px; padding:34px clamp(20px,4vw,42px);
  background:var(--g-paper); color:var(--g-ink); border:1px solid var(--g-line); border-radius:20px;
  box-shadow:0 12px 34px rgba(3,16,35,.18);
  font:16px/1.7 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}
.rcw-guide *{box-sizing:border-box}
.rcw-guide a{color:var(--g-blue)}
.rcw-crumbs{font-size:13px;color:var(--g-muted);margin-bottom:14px}
.rcw-crumbs a{text-decoration:none;font-weight:600}
.rcw-eyebrow{margin:0 0 6px;color:var(--g-blue);font-size:12px;font-weight:850;letter-spacing:1.3px;text-transform:uppercase}
.rcw-guide h1{margin:0 0 10px;font-size:clamp(26px,4vw,38px);line-height:1.15;font-weight:900;letter-spacing:-.4px;color:var(--g-ink)}
.rcw-guide h2{margin:34px 0 10px;font-size:22px;font-weight:800;color:var(--g-ink);border-top:1px solid var(--g-line);padding-top:22px}
.rcw-guide h3{margin:22px 0 6px;font-size:17px;font-weight:800;color:var(--g-ink)}
.rcw-lead{font-size:18px;color:#2a3a55;margin:0 0 14px}
.rcw-number{font-size:14px;color:var(--g-muted);margin:0 0 10px}
.rcw-facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:14px 0 18px}
.rcw-facts li{background:var(--g-soft);border:1px solid var(--g-line);border-radius:12px;padding:8px 14px;min-width:120px}
.rcw-facts strong{display:block;font-size:17px;color:var(--g-ink)}
.rcw-facts span{font-size:12px;color:var(--g-muted);text-transform:uppercase;letter-spacing:.6px}
.rcw-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:6px 0 10px}
.rcw-cta span{font-size:13px;color:var(--g-muted)}
.rcw-btn{display:inline-block;background:linear-gradient(120deg,var(--g-blue),var(--g-cyan));color:#fff!important;text-decoration:none;
  font-weight:800;padding:12px 22px;border-radius:999px;box-shadow:0 8px 20px rgba(7,105,190,.28)}
.rcw-btn:hover{filter:brightness(1.07)}
.rcw-guide p{margin:0 0 14px}
.rcw-guide ul,.rcw-guide ol{margin:0 0 16px;padding-left:24px}
.rcw-guide li{margin:5px 0}
.rcw-guide code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em;background:var(--g-soft);
  border:1px solid var(--g-line);border-radius:6px;padding:1px 6px;color:#0b3a66}
.rcw-guide pre{background:var(--g-code);color:#dff5ff;border-radius:12px;padding:16px 18px;overflow:auto;margin:10px 0 18px;font-size:14px;line-height:1.6}
.rcw-guide pre code{background:none;border:0;padding:0;color:inherit;font-size:inherit}
.rcw-guide blockquote{margin:14px 0;padding:12px 18px;border-left:4px solid var(--g-cyan);background:var(--g-soft);border-radius:0 12px 12px 0;color:#2a3a55}
.rcw-guide table{width:100%;border-collapse:collapse;margin:10px 0 18px;font-size:15px}
.rcw-guide th,.rcw-guide td{border:1px solid var(--g-line);padding:8px 10px;text-align:left;vertical-align:top}
.rcw-guide th{background:var(--g-soft)}
.rcw-objectives li{margin:8px 0}
.rcw-pts{font-size:12px;color:var(--g-muted);margin-left:6px}
.rcw-commands{list-style:none;padding:0}
.rcw-commands li{margin:6px 0}
.rcw-files pre{max-height:220px}
.rcw-byline{margin-top:26px;padding-top:16px;border-top:1px dashed var(--g-line);font-size:14px;color:var(--g-muted)}
@media (max-width:600px){.rcw-guide{padding:24px 18px;margin:16px auto 24px}}