/* AMINAIA - Legal pages shared styles */
:root{
  --navy:        #0E1A3A;
  --teal:        #1D9E75;
  --teal-light:  #2BBFA0;
  --cream:       #F8F6F1;
  --warm:        #FEFDF9;
  --ink:         #0E1A3A;
  --ink-soft:    #4a5470;
  --line:        #e8e3d8;
  --serif: "DM Serif Display", "Times New Roman", serif;
  --sans:  "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body{
  margin: 0;
  font-family: var(--sans);
  font-weight: 400;
  color: var(--ink);
  background: var(--warm);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

a { color: var(--teal); text-decoration: none; transition: color .2s; }
a:hover { color: var(--navy); }

.lcontainer{
  max-width: 820px;
  margin: 0 auto;
  padding: 0 clamp(20px, 5vw, 56px);
}

/* === Nav === */
.lnav{
  background: var(--warm);
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  z-index: 50;
}
.lnav-inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  max-width: 1180px;
}
.llogo{
  font-family: var(--serif);
  font-size: 1.5rem;
  letter-spacing: .16em;
  color: var(--navy);
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  line-height: 1;
}
.llogo img{
  height: 38px;
  width: auto;
}
.llogo.small{ font-size: 1.15rem; }
.llogo.small img{ height: 30px; }
.lback{
  font-size: .92rem;
  color: var(--ink-soft);
  font-weight: 500;
}
.lback:hover{ color: var(--teal); }

/* === Header === */
.lhead{
  background: var(--cream);
  padding: 80px 0 60px;
  border-bottom: 1px solid var(--line);
}
.leyebrow{
  font-family: var(--sans);
  font-size: .76rem;
  letter-spacing: .22em;
  text-transform: uppercase;
  color: var(--teal);
  font-weight: 600;
  margin-bottom: 1rem;
  display: inline-flex;
  align-items: center;
  gap: .65rem;
}
.leyebrow::before{
  content:"";
  width: 26px; height: 1px;
  background: var(--teal);
}
.lhead h1{
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(2.4rem, 5vw, 3.6rem);
  letter-spacing: -.02em;
  line-height: 1.05;
  margin: 0 0 .9rem;
  color: var(--navy);
}
.lhead h1 em{
  font-style: italic;
  color: var(--teal);
}
.lupdated{
  margin: 0;
  font-size: .9rem;
  color: var(--ink-soft);
  font-weight: 400;
}

/* === Body === */
.lbody{
  padding: 60px 0 100px;
  font-size: 1rem;
  color: var(--ink);
}
.lbody p{
  margin: 0 0 1.2rem;
  color: var(--ink-soft);
}
.lbody h2{
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(1.4rem, 2.6vw, 1.9rem);
  margin: 3rem 0 1rem;
  color: var(--navy);
  letter-spacing: -.015em;
  line-height: 1.2;
}
.lbody h2 em{ font-style: italic; color: var(--teal); }
.lbody h3{
  font-family: var(--sans);
  font-weight: 600;
  font-size: 1.05rem;
  margin: 1.8rem 0 .6rem;
  color: var(--navy);
}
.lbody ul, .lbody ol{
  margin: 0 0 1.4rem;
  padding-left: 1.4rem;
  color: var(--ink-soft);
}
.lbody li{ margin-bottom: .5rem; }
.lbody strong{
  color: var(--navy);
  font-weight: 600;
}
.lbody table{
  width: 100%;
  border-collapse: collapse;
  margin: 1rem 0 1.6rem;
  font-size: .92rem;
}
.lbody th, .lbody td{
  text-align: left;
  padding: .8rem 1rem;
  border-bottom: 1px solid var(--line);
  vertical-align: top;
}
.lbody th{
  font-family: var(--sans);
  background: var(--cream);
  color: var(--navy);
  font-weight: 600;
  font-size: .82rem;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.lbody td{ color: var(--ink-soft); }

.lnote{
  background: var(--cream);
  border-left: 3px solid var(--teal);
  padding: 1.2rem 1.4rem;
  border-radius: 0 8px 8px 0;
  margin: 1.5rem 0 2rem;
  font-size: .94rem;
}
.lnote strong{ color: var(--navy); }

/* === Footer === */
.lfoot{
  background: var(--cream);
  border-top: 1px solid var(--line);
  padding: 40px 0;
}
.lfoot-inner{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  flex-wrap: wrap;
  max-width: 1180px;
}
.lfoot-links{
  display: flex;
  gap: 1.6rem;
  font-size: .88rem;
}
.lfoot-links a{
  color: var(--ink-soft);
  font-weight: 500;
}
.lfoot-links a:hover{ color: var(--teal); }
.lfoot-meta{
  font-size: .82rem;
  color: var(--ink-soft);
}

@media (max-width: 700px){
  .lhead{ padding: 60px 0 45px; }
  .lbody{ padding: 45px 0 75px; }
  .lback{ display: none; }
  .lfoot-inner{ flex-direction: column; text-align: center; }
}