/* ================================================================
   LoopReset — Legal Pages (Privacy + Terms)
   ================================================================ */

.hero { background:var(--sf); border-bottom:1px solid var(--bd); padding:4rem 1.5rem; text-align:center; }
.hero-inner { max-width:760px; margin:0 auto; }
.hero h1 { font-size:2.4rem; font-weight:900; color:#fff; line-height:1.15; margin-bottom:1rem; }
.hero-meta { font-size:.875rem; color:var(--gy); }

.toc-wrap { max-width:760px; margin:3rem auto 0; padding:0 1.5rem; }
.toc { background:var(--sf); border:1px solid var(--bd); border-radius:var(--rd); padding:1.75rem 2rem; }
.toc h2 { font-size:.8rem; font-weight:700; text-transform:uppercase; letter-spacing:.1em; color:var(--gy); margin-bottom:1.25rem; }
.toc ol { padding-left:1.25rem; display:flex; flex-direction:column; gap:.6rem; }
.toc ol li a { font-size:.9rem; color:var(--mt); transition:color .2s; }
.toc ol li a:hover { color:var(--pr); }

.content { max-width:760px; margin:0 auto; padding:3.5rem 1.5rem 6rem; }
.section { margin-bottom:3.5rem; }
.section:last-child { margin-bottom:0; }
.section h2 { font-size:1.4rem; font-weight:800; color:#fff; margin-bottom:1rem; padding-bottom:.75rem; border-bottom:1px solid var(--bd); display:flex; align-items:center; gap:.6rem; }
.section h2 .num { width:28px; height:28px; background:var(--prl); border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:.75rem; font-weight:800; color:var(--pr); flex-shrink:0; }
.section p { font-size:.95rem; color:var(--mt); line-height:1.85; margin-bottom:1rem; }
.section p:last-child { margin-bottom:0; }
.section ul, .section ol { padding-left:1.5rem; display:flex; flex-direction:column; gap:.6rem; margin-bottom:1rem; }
.section li { font-size:.95rem; color:var(--mt); line-height:1.75; }
.section li strong { color:var(--tx); }
.section a { color:var(--pr); text-decoration:underline; text-underline-offset:3px; }
.section a:hover { color:var(--prm); }

.highlight { background:var(--sf); border:1px solid var(--bd); border-radius:var(--rd); padding:1.25rem 1.5rem; margin:1.25rem 0; }
.highlight p { margin:0; font-size:.875rem; }
.highlight.green  { border-color:rgba(155,139,244,.3); background:rgba(155,139,244,.06); }
.highlight.orange { border-color:rgba(244,114,182,.3); background:rgba(244,114,182,.06); }
.highlight.orange p { color:var(--tx); }

@media (max-width:640px) {
  .hero h1 { font-size:1.75rem; }
}