.legal-main{background:#fbf7ec;color:#173b24}
.legal-hero{padding:76px 0 54px;background:
  radial-gradient(circle at 80% 10%,rgba(216,166,38,.18),transparent 30%),
  linear-gradient(135deg,#f9f2df 0%,#fffaf0 55%,#eef3e7 100%);border-bottom:1px solid rgba(23,59,36,.10)}
.legal-hero-terms{background:
  radial-gradient(circle at 18% 5%,rgba(38,98,55,.14),transparent 32%),
  linear-gradient(135deg,#f5efe0 0%,#fffaf0 58%,#edf4e9 100%)}
.legal-hero-inner{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:52px;align-items:end}
.legal-hero .eyebrow{margin:0 0 14px;color:#9d7415}
.legal-hero h1{max-width:820px;margin:0;color:#0f4a20;font-family:"DM Serif Display",serif;font-size:clamp(3rem,7vw,6.4rem);line-height:.92;letter-spacing:-.035em}
.legal-hero h1 em{color:#d39a0d;font-weight:400}
.legal-hero>div p,.legal-hero-inner>div>p:last-child{max-width:720px;margin:22px 0 0;color:#59655c;line-height:1.75}
.legal-meta-card{padding:24px;border:1px solid rgba(23,59,36,.13);border-radius:24px;background:rgba(255,255,255,.76);box-shadow:0 20px 50px rgba(22,56,32,.08);backdrop-filter:blur(10px)}
.legal-meta-card span,.legal-meta-card small{display:block;color:#718077;font-size:.72rem}
.legal-meta-card strong{display:block;margin:7px 0 10px;font-family:"DM Serif Display",serif;font-size:1.65rem;color:#0f4a20}
.legal-layout{display:grid;grid-template-columns:220px minmax(0,790px);gap:58px;align-items:start;padding-top:56px;padding-bottom:96px}
.legal-toc{position:sticky;top:112px;display:grid;gap:8px;padding:18px;border:1px solid rgba(23,59,36,.10);border-radius:18px;background:#fff}
.legal-toc strong{padding-bottom:7px;color:#0f4a20;font-size:.73rem;text-transform:uppercase;letter-spacing:.12em}
.legal-toc a{padding:8px 9px;border-radius:9px;color:#687269;font-size:.78rem;line-height:1.3}
.legal-toc a:hover{background:#f2f5ee;color:#0f4a20}
.legal-document{min-width:0}
.legal-document section{scroll-margin-top:120px;padding:0 0 35px;margin:0 0 34px;border-bottom:1px solid rgba(23,59,36,.10)}
.legal-document section:last-child{border-bottom:0}
.legal-number{display:inline-grid;place-items:center;min-width:34px;height:24px;padding:0 7px;margin-bottom:10px;border-radius:999px;background:#eef3e8;color:#3f6d4d;font-size:.67rem;font-weight:900;letter-spacing:.08em}
.legal-document h2{margin:0 0 15px;color:#143f24;font-family:"DM Serif Display",serif;font-size:clamp(1.8rem,3.5vw,2.65rem);line-height:1.06}
.legal-document h3{margin:22px 0 7px;color:#214c2f;font-size:1rem}
.legal-document p,.legal-document li{color:#525f56;font-size:.94rem;line-height:1.78}
.legal-document p{margin:0 0 13px}
.legal-document ul{margin:13px 0 0;padding-left:22px;display:grid;gap:8px}
[dir="rtl"] .legal-document ul{padding-left:0;padding-right:22px}
.legal-document a{color:#1e6c3c;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.legal-callout{margin-bottom:38px;padding:20px 22px;border:1px solid rgba(211,154,13,.28);border-radius:18px;background:#fff9e9}
.legal-callout strong{display:block;margin-bottom:5px;color:#8f6809;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}
.legal-callout p{margin:0;color:#5a5c4d}
body[data-page="privacy"] .nav-links a[href="contact.html"],
body[data-page="terms"] .nav-links a[href="contact.html"]{background:transparent}
@media(max-width:900px){
  .legal-hero{padding:54px 0 38px}
  .legal-hero-inner{grid-template-columns:1fr;gap:25px}
  .legal-meta-card{max-width:360px}
  .legal-layout{grid-template-columns:1fr;gap:25px;padding-top:32px;padding-bottom:70px}
  .legal-toc{position:static;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .legal-toc strong{grid-column:1/-1}
}
@media(max-width:560px){
  .legal-hero{padding:38px 0 28px}
  .legal-hero h1{font-size:3.2rem}
  .legal-meta-card{padding:17px;border-radius:18px}
  .legal-layout{padding-top:22px;padding-bottom:55px}
  .legal-toc{grid-template-columns:1fr;padding:13px}
  .legal-document section{padding-bottom:27px;margin-bottom:27px}
  .legal-document h2{font-size:2rem}
  .legal-document p,.legal-document li{font-size:.9rem;line-height:1.72}
  .legal-callout{padding:16px}
}

.legal-rule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 24px}
.legal-rule-grid>div{padding:14px;border:1px solid rgba(23,59,36,.11);border-radius:14px;background:#fff;display:grid;gap:4px}
.legal-rule-grid small{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:#758078}
.legal-rule-grid strong{color:#154828;font-size:1rem}
.legal-rule-grid span{color:#657067;font-size:.78rem;line-height:1.5}
.legal-reward-table{margin:14px 0 10px;border:1px solid rgba(23,59,36,.12);border-radius:15px;overflow:hidden;background:#fff}
.legal-reward-table>div{display:grid;grid-template-columns:.72fr 1fr 1.35fr;gap:10px;align-items:center;padding:11px 13px;border-bottom:1px solid rgba(23,59,36,.08);font-size:.8rem;color:#5b675e}
.legal-reward-table>div:last-child{border-bottom:0}
.legal-reward-table .is-head{background:#eef3e8;color:#244f32;font-size:.68rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.legal-reward-table strong{color:#164728}
.legal-fineprint{font-size:.78rem!important;color:#7b827c!important}
@media(max-width:560px){
  .legal-rule-grid{grid-template-columns:1fr}
  .legal-reward-table>div{grid-template-columns:.72fr 1fr 1.2fr;gap:6px;padding:10px 9px;font-size:.72rem}
  .legal-reward-table .is-head{font-size:.6rem}
}


/* ===== legal8: rewards + privacy tables ===== */
.legal-starter-reward{
  display:flex;
  align-items:center;
  gap:12px;
  margin:12px 0 14px;
  padding:14px 16px;
  border:1px solid rgba(197,153,48,.28);
  border-radius:16px;
  background:linear-gradient(135deg,#fffaf0,#f3f7ed);
}
.legal-starter-reward>span{
  width:38px;height:38px;flex:0 0 38px;border-radius:50%;
  display:grid;place-items:center;background:#17492a;font-size:17px
}
.legal-starter-reward>div{display:grid;gap:3px}
.legal-starter-reward strong{color:#17492a;font-size:.86rem}
.legal-starter-reward small{color:#69736b;font-size:.76rem;line-height:1.5}

.legal-reward-table,
.legal-data-table{
  border:1px solid rgba(23,59,36,.13);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 10px 26px rgba(22,58,34,.035);
}
.legal-data-table{margin:14px 0 24px}
.legal-reward-table>div,
.legal-data-table>div{
  display:grid;
  grid-template-columns:.72fr 1fr 1.35fr;
  gap:12px;
  align-items:center;
  padding:13px 15px;
  border-bottom:1px solid rgba(23,59,36,.08);
  color:#59655d;
  font-size:.81rem;
  line-height:1.45;
}
.legal-data-table>div{grid-template-columns:1fr 1.55fr 1.3fr}
.legal-reward-table>div:last-child,
.legal-data-table>div:last-child{border-bottom:0}
.legal-reward-table .is-head,
.legal-data-table .is-head{
  background:#17482a;
  color:#fff;
  font-size:.66rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.legal-reward-table .is-head span,
.legal-data-table .is-head span{color:#fff}
.legal-reward-table>div:not(.is-head):nth-child(odd),
.legal-data-table>div:not(.is-head):nth-child(odd){background:#fcfdfb}
.legal-reward-table>div.is-starter{
  background:linear-gradient(90deg,#fff7df,#fbfdf9)!important;
  border-bottom-color:rgba(197,153,48,.22);
}
.legal-reward-table>div.is-starter strong{color:#8e6911}
.legal-reward-table>div.is-starter span:nth-child(2){font-weight:900;color:#17482a}
.legal-reward-table strong,
.legal-data-table strong{color:#17482a}
.legal-data-table strong{font-size:.78rem}
.legal-reward-table span,
.legal-data-table span{min-width:0}
.legal-fineprint{
  margin-top:10px!important;
  padding:11px 13px;
  border-radius:12px;
  background:#f6f7f3;
  color:#707970!important;
}

@media(max-width:640px){
  .legal-starter-reward{padding:12px 13px}
  .legal-reward-table,
  .legal-data-table{
    border:0;
    background:transparent;
    box-shadow:none;
    display:grid;
    gap:9px;
    overflow:visible;
  }
  .legal-reward-table .is-head,
  .legal-data-table .is-head{display:none}
  .legal-reward-table>div,
  .legal-data-table>div{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px 12px;
    padding:13px 14px;
    border:1px solid rgba(23,59,36,.11);
    border-radius:14px;
    background:#fff!important;
    box-shadow:0 5px 14px rgba(23,59,36,.025);
  }
  .legal-data-table>div{grid-template-columns:1fr}
  .legal-reward-table>div.is-starter{
    border-color:rgba(197,153,48,.34);
    background:linear-gradient(135deg,#fff9e8,#fff)!important;
  }
  .legal-reward-table strong,
  .legal-reward-table span,
  .legal-data-table strong,
  .legal-data-table span{
    display:grid;
    gap:3px;
  }
  .legal-reward-table [data-label]::before,
  .legal-data-table [data-label]::before{
    content:attr(data-label);
    color:#8a938b;
    font-size:.58rem;
    line-height:1;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
  }
  .legal-reward-table strong{
    grid-column:1/-1;
    font:400 1.15rem/1 "DM Serif Display",serif;
  }
  .legal-data-table strong{font-size:.85rem}
}