/* ============================================================================
   EFA www — legal pages (terms / privacy).
   The document text is lawyer-approved and rendered verbatim; this sheet
   only gives the articles, clauses (項) and item lists (号) a quiet,
   readable rhythm inside the design's type system.
   ========================================================================== */

.legal-section { padding: clamp(40px, 5vw, 72px) 0 clamp(64px, 8vw, 112px); }
.legal-title { text-align: center; margin-bottom: clamp(28px, 3.5vw, 48px); }
.legal-body {
    background: var(--white);
    border: 1px solid var(--cyan);
    border-radius: 20px;
    padding: clamp(24px, 4vw, 56px);
    font-size: var(--fs-small);
    color: var(--ink);
}
.legal-body p {
    max-width: 72ch;
    margin: 0 0 0.85em;
    line-height: 1.95;
}

/* Articles: one heading per 条, generous separation, no decoration. */
.legal-article { margin-top: clamp(28px, 4vw, 44px); }
.legal-article:first-child { margin-top: 0; }
.legal-article h2 {
    font-size: var(--fs-body);
    font-weight: 700;
    margin: 0 0 0.6em;
    padding-left: 0.7em;
    border-left: 4px solid var(--cyan);
    line-height: 1.4;
}

/* Numbered clauses (項): plain decimal, the document's own voice. */
.legal-clauses {
    margin: 0 0 0.85em;
    padding-left: 1.6em;
}
.legal-clauses > li {
    margin-bottom: 0.7em;
    line-height: 1.95;
}
.legal-clauses > li > p { margin-bottom: 0.5em; }
.legal-clauses > li > p:last-child { margin-bottom: 0; }

/* Item lists (号): rendered as (1) (2) ... like the source document. */
.legal-points {
    list-style: none;
    counter-reset: legal-point;
    margin: 0.5em 0 0.85em;
    padding-left: 0.4em;
}
.legal-points > li {
    counter-increment: legal-point;
    position: relative;
    padding-left: 2.4em;
    margin-bottom: 0.4em;
    max-width: 70ch;
    line-height: 1.9;
}
.legal-points > li::before {
    content: "(" counter(legal-point) ")";
    position: absolute;
    left: 0.4em;
    color: var(--ink-soft);
}

/* Establishment/effective-date line closes the document quietly. */
.legal-enacted {
    margin: clamp(28px, 4vw, 40px) 0 0;
    color: var(--ink-soft);
}