/* assets/css/legal.css */
.legal{ max-width: 1040px; margin: 0 auto; }
.legal h2{ margin-top: 18px; }
.legal p, .legal li{ line-height: 1.6; }

.legal__box{
  margin-top: 14px;
  padding: 14px;
  border: 1px solid var(--line, rgba(255,255,255,.08));
  border-radius: 14px;
  background: rgba(255,255,255,.02);
}

.legal__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-top: 14px;
}
@media (max-width: 980px){
  .legal__grid{ grid-template-columns: 1fr; }
}

.legal__notice{
  padding: 10px 12px;
  border-radius: 12px;
  margin: 10px 0;
  border: 1px solid var(--line, rgba(255,255,255,.08));
}
.legal__notice--ok{ background: rgba(0,255,0,.06); }
.legal__notice--err{ background: rgba(255,0,0,.06); }

.legal__form{ display: grid; gap: 10px; margin-top: 10px; }
.legal__label{ display: grid; gap: 6px; font-weight: 600; }
.legal__input{
  width: 100%;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid var(--line, rgba(255,255,255,.12));
  background: rgba(0,0,0,.2);
  color: inherit;
}
.legal__input:focus{ outline: none; border-color: rgba(255,255,255,.28); }

.legal__faq{ margin-top: 14px; display: grid; gap: 10px; }
.legal__qa{
  border: 1px solid var(--line, rgba(255,255,255,.10));
  border-radius: 14px;
  padding: 10px 12px;
  background: rgba(255,255,255,.02);
}
.legal__q{ cursor: pointer; font-weight: 700; }
.legal__a{ margin-top: 8px; color: rgba(255,255,255,.88); }