/* RCW IT Training — shared stylesheet for informational guides.
   Base styles copied from the original guide pages; extended with
   code, table and list styles for long-form troubleshooting content. */
:root{--n:#061633;--i:#101b3b;--b:#078be8;--c:#4bd7ff;--p:#f4f7fb;--m:#5f6c84;--l:#dce5f1}
*{box-sizing:border-box}
body{margin:0;background:var(--p);color:var(--i);font:16px/1.68 Inter,system-ui,sans-serif}
.top{background:linear-gradient(112deg,#020a18,#06142c);border-bottom:4px solid var(--b);color:#fff;padding:16px 22px;display:flex;align-items:center;gap:14px}
.mark{border:1px solid var(--c);border-radius:10px;color:var(--c);font-size:11px;font-weight:900;padding:10px 7px}
.brand{font-weight:800}
.brand small{display:block;color:#9eb6d7;font-size:11px;letter-spacing:.6px;text-transform:uppercase}
.home{margin-left:auto;color:var(--c);font-size:14px;font-weight:700;text-decoration:none}
.wrap{max-width:850px;margin:auto;padding:42px 22px 70px}
.hero,.card{background:#fff;border:1px solid var(--l);border-radius:20px;padding:34px;box-shadow:0 10px 28px #081f4515}
.ey{color:#0769be;font-size:12px;font-weight:850;letter-spacing:1.4px;text-transform:uppercase}
h1{font-size:clamp(30px,5vw,47px);line-height:1.12;letter-spacing:-1px;margin:10px 0 16px}
h2{font-size:25px;line-height:1.22;margin:40px 0 14px}
h3{font-size:17px;line-height:1.35;margin:20px 0 6px}
.lead{font-size:19px;color:#42516b}
.meta{color:var(--m);font-size:14px}
.card{border-left:5px solid var(--b);margin:16px 0;padding:22px}
.card p{margin:0;color:#48566e}
.card ul,.card ol{margin:10px 0 0;padding-left:20px;color:#48566e}
.card li{margin:7px 0}
.card ul ul{margin-top:4px}
pre{background:#0b1e3a;color:#d7e7ff;border-radius:12px;padding:14px 16px;overflow-x:auto;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;margin:12px 0;white-space:pre}
code{font:.92em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:#eaf3ff;border-radius:6px;padding:1px 5px;color:#0a4a8f}
pre code{background:none;padding:0;color:inherit}
table{width:100%;border-collapse:collapse;margin:14px 0;font-size:14px;line-height:1.5}
th,td{border:1px solid var(--l);padding:9px 10px;text-align:left;vertical-align:top}
th{background:#eaf3ff;font-weight:700}
.take{margin-top:35px;padding:26px 28px;border-radius:18px;background:var(--n);color:#fff}
.take p{margin:0}
@media(max-width:550px){.hero,.card{padding:24px}.top{padding:13px 16px}}