/* ==========================================================================
   Legal pages
   Terms, privacy, sales conditions, AUP and SLA.

   This was an identical 70-line <style> block copy-pasted into all five
   templates. The .orb-hero-* rules it also carried are dropped: they are
   already defined globally in base/effects.css.
   ========================================================================== */

.page-legal section {
    padding-top: 90px;
    padding-bottom: 90px;
}

.page-legal section:first-of-type {
    padding-top: 120px;
}

/* ==========================================================================
   Numbered clauses
   Nested decimal numbering (1, 1.1, 1.1.1) hung in the left margin.
   ========================================================================== */

.page-legal ol {
    counter-reset: item;
    padding-left: 4em;
}

.page-legal ol > li {
    position: relative;
    counter-increment: item;
    list-style-type: none;
}

.page-legal ol > li::before {
    content: counters(item, ".") "  ";
    position: absolute;
    left: -4.5em;
    width: 4em;
    text-align: right;
}

@media (max-width: 768px) {
    .page-legal ol {
        padding-left: 2em;
    }

    .page-legal ol > li::before {
        left: -2.2em;
        width: 2em;
        font-size: 0.9em;
    }
}