/* =========================================================
   MELBET — page-article.css  (legal / informational articles)
   ========================================================= */
.article{
  max-width:920px;margin:0 auto;
  background:var(--color-surface);
  border:1px solid var(--color-border);
  border-radius:var(--radius-lg);
  padding:var(--space-6) var(--space-5);
}
.article h2{font-size:var(--text-2xl);margin:2rem 0 .9rem;padding-bottom:.6rem;border-bottom:1px solid var(--color-border)}
.article h2:first-of-type{margin-top:0}
.article h3{font-size:var(--text-lg);margin:1.3rem 0 .5rem}
.article p{color:var(--color-text-faint)}
.article ul, .article ol{color:var(--color-text-faint);font-size:var(--text-sm);margin:0 0 1rem 1.2rem}
.article ul{list-style:disc}
.article ol{list-style:decimal}
.article li{margin-bottom:.4rem}
.article .num-sec{counter-reset:sec}
.article .sec-n{counter-increment:sec;margin:2.4rem 0 1rem;padding-top:1.2rem;border-top:1px solid var(--color-border)}
.article .sec-n:first-child{border-top:none;margin-top:0;padding-top:0}
.article .sec-n h2{margin:0;border:none;padding:0}
.article .sec-n h2::before{content:none}
.article .meta{font-size:var(--text-xs);color:var(--color-text-faint)}
.article .highlight{background:var(--color-primary-soft);border-left:3px solid var(--color-primary);border-radius:0 12px 12px 0;padding:1rem 1.2rem;margin:1.2rem 0;color:var(--color-text)}
.article .highlight.green{background:var(--color-accent-soft);border-left-color:var(--color-accent)}
.article table{min-width:480px}
@media (max-width:640px){
  .article{padding:var(--space-4) var(--space-3)}
  .article h2{font-size:1.4rem}
}