/* Shared styles for E-LEC Electrical legal pages — clean and readable. */
:root{
  --blue:#1463d6; --navy:#0d1b2e; --ink:#141a22; --muted:#5a6573;
  --line:#e3e8ef; --bg:#fff; --bg-soft:#f3f6fb;
}
*{box-sizing:border-box;}
body{
  margin:0; font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink); background:var(--bg); line-height:1.7; font-size:17px;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--blue);}
.legal-top{background:var(--navy); color:#cfe0f5;}
.legal-top .wrap{display:flex; align-items:center; justify-content:space-between; padding:14px 20px;}
.legal-top a{color:#fff; font-weight:600; text-decoration:none;}
.legal-top img{height:34px; background:#fff; padding:6px 10px; border-radius:8px;}
.wrap{max-width:820px; margin:0 auto; padding:0 20px;}
.legal-main{padding:48px 0 64px;}
.legal-main h1{font-size:clamp(1.8rem,4vw,2.4rem); letter-spacing:-.02em; margin:0 0 6px;}
.legal-meta{color:var(--muted); font-size:.9rem; margin-bottom:30px;}
.legal-main h2{font-size:1.25rem; margin:34px 0 10px; letter-spacing:-.01em;}
.legal-main h3{font-size:1.05rem; margin:22px 0 8px;}
.legal-main p, .legal-main li{color:#2a313c;}
.legal-main ul{padding-left:20px;}
.legal-main li{margin-bottom:6px;}
.callout{background:var(--bg-soft); border-left:3px solid var(--blue); border-radius:0 10px 10px 0; padding:16px 18px; margin:22px 0;}
.callout--acl{border-left-color:#9a6300; background:#fff8ec;}
.placeholder{background:#fff4e0; border:1px dashed #e0b96a; color:#7a5200; padding:3px 8px; border-radius:6px; font-size:.92em;}
.legal-nav{display:flex; flex-wrap:wrap; gap:10px 18px; margin:36px 0 0; padding-top:22px; border-top:1px solid var(--line); font-size:.92rem;}
.legal-foot{background:var(--bg-soft); color:var(--muted); font-size:.86rem; padding:26px 0; border-top:1px solid var(--line);}
.legal-foot .wrap{display:flex; flex-wrap:wrap; gap:8px 20px; justify-content:space-between;}
.back-home{display:inline-block; margin-bottom:8px; font-weight:600; text-decoration:none;}
:focus-visible{outline:3px solid #2a7fff; outline-offset:2px;}

/* Skip link (matches styles.css) */
.skip-link { position: absolute; left: -999px; top: 0; background: #0d1b2e; color: #fff; padding: 10px 16px; z-index: 200; border-radius: 0 0 8px 0; }
.skip-link:focus { left: 12px; top: 12px; }