/* Milele Paints — shared legal-pages stylesheet */

@font-face{
  font-family:'Montserrat';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('../assets/fonts/montserrat-variable.woff2') format('woff2');
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#f7f5ef;
  font-family:'Montserrat',system-ui,sans-serif;
  color:#16233f;
  -webkit-font-smoothing:antialiased;
}

/* Kenyan flag accent stripe */
.flag-stripe{height:5px;display:flex}
.flag-stripe span{flex:1}
.flag-stripe .s1{background:#0c0c0c}
.flag-stripe .s2{background:#b5121b}
.flag-stripe .s3{background:#1c7a43}

/* Layout container */
.wrap{width:min(880px,92vw);margin:0 auto}

/* Header */
.site-header{
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(8px);
  border-bottom:1px solid #ece8dd;
  position:sticky;top:0;z-index:50;
}
.site-header .wrap{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:12px 0;
}
.site-header img{height:44px;width:auto;display:block}
.back-link{
  display:inline-flex;align-items:center;gap:7px;
  color:#15295c;font-weight:700;font-size:13.5px;text-decoration:none;
}
.back-link:hover{color:#1c7a43}

/* Hero band */
.legal-hero{
  background:radial-gradient(120% 100% at 100% 0%, #1d3a78 0%, #15295c 55%, #0f1f48 100%);
  color:#fff;padding:clamp(38px,7vw,64px) 0;
}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;
  color:#e3c462;font-weight:700;font-size:12px;letter-spacing:.14em;
  text-transform:uppercase;margin-bottom:14px;
}
.eyebrow .rule{width:22px;height:2px;background:#cda434}
.legal-hero h1{
  margin:0;font-weight:800;font-size:clamp(30px,5.5vw,48px);
  line-height:1.02;letter-spacing:-.015em;
}
.legal-hero .sub{margin:14px 0 0;color:#c9d2e6;font-size:15px}

/* Body copy */
.lg-body{padding:clamp(36px,6vw,60px) 0 clamp(56px,8vw,88px)}
.lg-body p{margin:0 0 14px;font-size:15px;line-height:1.7;color:#41496a}
.lg-body h2{margin:34px 0 10px;font-size:20px;font-weight:800;color:#15295c;letter-spacing:-.01em}
.lg-body h3{margin:20px 0 6px;font-size:15.5px;font-weight:700;color:#15295c}
.lg-body ul{margin:0 0 14px;padding-left:20px}
.lg-body li{font-size:15px;line-height:1.7;color:#41496a;margin-bottom:6px}
.lg-body a{color:#1c7a43;font-weight:600}
.lg-body strong{color:#15295c}
.updated{margin-top:34px;font-size:13px;color:#8a8f9c}

/* Notice banners */
.notice{border-radius:14px;padding:16px 18px;margin-bottom:30px}
.notice p{margin:0;font-size:13.5px}
.notice-warn{background:#fff8e6;border:1px solid #e9d9a6}
.notice-warn p{color:#7a6a2e}
.notice-ok{background:#eaf6ee;border:1px solid #bfe3cb}
.notice-ok p{color:#1c5c37}

/* Footer */
.site-footer{background:#0c1838;color:#8595b8;padding:26px 0}
.site-footer .wrap{
  display:flex;flex-wrap:wrap;gap:12px 20px;
  align-items:center;justify-content:space-between;font-size:13px;
}
.site-footer .brand{color:#e3c462;font-weight:700;letter-spacing:.06em}
.site-footer nav{display:flex;flex-wrap:wrap;gap:16px}
.site-footer nav a{color:#8595b8;text-decoration:none}
.site-footer nav a:hover{color:#fff}