/* =========================================================
   TechSky Media — Legal pages (Privacy Policy / Terms)
   Sticky "Quick Navigation" sidebar + numbered section cards
========================================================= */
.legal-page{
  background:#eef3f8;
  padding:48px 20px 90px;
}
.legal-shell{
  max-width:1180px;margin:0 auto;
  display:grid;grid-template-columns:270px 1fr;gap:26px;align-items:start;
}

/* Sidebar */
.legal-nav{
  position:sticky;top:100px;
  background:#fff;border-radius:18px;padding:22px 20px;
  box-shadow:0 14px 34px rgba(6,33,61,.08);
  border:1px solid rgba(11,31,51,.05);
}
.legal-nav__title{
  display:flex;align-items:center;gap:8px;
  margin:0 0 14px;font-size:.82rem;font-weight:800;color:var(--color-primary-darker,#06213D);
}
.legal-nav__title i{color:var(--color-accent,#FF6B2C)}
.legal-nav nav{display:flex;flex-direction:column;gap:2px}
.legal-nav a{
  display:block;padding:9px 12px;border-radius:9px;
  font-size:.8rem;font-weight:600;color:var(--color-text-muted,#5B7186);
  text-decoration:none;border-left:3px solid transparent;transition:all .16s ease;
}
.legal-nav a:hover{background:var(--color-sky-soft,#E6F4FC);color:var(--color-primary,#0069BC)}
.legal-nav a.is-active{
  background:var(--color-sky-soft,#E6F4FC);
  color:var(--color-primary,#0069BC);
  border-left-color:var(--color-primary,#0069BC);
  font-weight:700;
}

/* Main content card */
.legal-card{
  background:#fff;border-radius:20px;padding:44px 46px;
  box-shadow:0 20px 50px rgba(6,33,61,.08);
  border:1px solid rgba(11,31,51,.05);
}
.legal-updated{
  display:inline-flex;align-items:center;gap:7px;
  background:#eef8ee;color:#2f8f4e;border:1px solid #cdeccf;
  font-size:.72rem;font-weight:700;padding:7px 14px;border-radius:99px;margin-bottom:26px;
}

.legal-section{padding:26px 0;border-bottom:1px solid rgba(11,31,51,.07)}
.legal-section:first-of-type{padding-top:0}
.legal-section:last-of-type{border-bottom:0;padding-bottom:0}

.legal-section__head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.legal-section__badge{
  flex:0 0 auto;display:grid;place-items:center;
  width:34px;height:34px;border-radius:10px;
  background:var(--color-primary-darker,#06213D);color:#fff;
  font-size:.78rem;font-weight:800;
}
.legal-section h2{margin:0;font-size:1.18rem;font-weight:800;color:var(--color-primary-darker,#06213D)}

.legal-section p{
  margin:0 0 12px;color:var(--color-text-muted,#5B7186);
  line-height:1.85;font-size:.92rem;max-width:820px;
}
.legal-section p:last-child{margin-bottom:0}
.legal-section a{color:var(--color-primary,#0069BC);text-decoration:underline}

.legal-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.legal-list li{
  display:flex;align-items:flex-start;gap:10px;
  font-size:.92rem;color:var(--color-text-muted,#5B7186);line-height:1.7;
}
.legal-list li i{
  flex:0 0 auto;margin-top:4px;font-size:.72rem;color:#3DA35D;
}
.legal-list li span strong{color:var(--color-text,#0B1F33)}

@media(max-width:900px){
  .legal-shell{grid-template-columns:1fr}
  .legal-nav{position:static;order:2}
  .legal-card{order:1;padding:30px 24px}
}