/* =========================================================
   STAFFLAND LEGAL PAGES V1
   ========================================================= */

.sl-legal-page{
    min-height:100vh;
    padding:
        126px 24px
        80px;
}

.sl-legal-container{
    width:100%;
    max-width:960px;
    margin:0 auto;
}


/* HERO */

.sl-legal-hero{
    margin-bottom:26px;
    text-align:center;
}

.sl-legal-label{
    margin-bottom:13px;

    color:#e5ad50;

    font-size:11px;
    font-weight:900;
    letter-spacing:.24em;
}

.sl-legal-title{
    margin:0;

    color:#f2f3f4;

    font-size:
        clamp(
            36px,
            6vw,
            62px
        );

    font-weight:950;
    line-height:1.02;
    letter-spacing:-.045em;
}

.sl-legal-date{
    margin-top:15px;

    color:#777f87;

    font-size:13px;
}

.sl-legal-intro{
    max-width:760px;

    margin:
        20px auto
        0;

    color:#aab0b6;

    font-size:15px;
    line-height:1.75;
}


/* DOCUMENT SWITCH */

.sl-legal-nav{
    position:sticky;
    top:82px;
    z-index:20;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;

    width:max-content;
    max-width:100%;

    margin:
        0 auto
        18px;

    padding:7px;

    border:
        1px solid
        rgba(255,255,255,.075);

    border-radius:15px;

    background:
        rgba(15,17,19,.90);

    box-shadow:
        0 12px 35px
        rgba(0,0,0,.22);

    backdrop-filter:
        blur(18px);
}

.sl-legal-nav a{
    display:flex;
    align-items:center;
    justify-content:center;

    min-height:39px;

    padding:
        0 14px;

    border-radius:10px;

    color:#8e959c;

    text-decoration:none;

    font-size:12px;
    font-weight:850;

    transition:.2s;
}

.sl-legal-nav a:hover{
    color:#e5ad50;

    background:
        rgba(229,173,80,.07);
}

.sl-legal-nav a.active{
    color:#e5ad50;

    background:
        rgba(229,173,80,.11);

    box-shadow:
        inset 0 0 0 1px
        rgba(229,173,80,.08);
}


/* DOCUMENT */

.sl-legal-document{
    overflow:hidden;

    padding:
        48px
        52px;

    border:
        1px solid
        rgba(255,255,255,.075);

    border-radius:23px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.025),
            rgba(255,255,255,.012)
        );

    box-shadow:
        0 24px 70px
        rgba(0,0,0,.23);
}

.sl-legal-section{
    scroll-margin-top:150px;
}

.sl-legal-section
+
.sl-legal-section{
    margin-top:39px;
    padding-top:39px;

    border-top:
        1px solid
        rgba(255,255,255,.07);
}

.sl-legal-section h2{
    margin:
        0 0
        15px;

    color:#eceeef;

    font-size:20px;
    font-weight:900;
    line-height:1.3;
    letter-spacing:-.02em;
}

.sl-legal-section p{
    margin:
        0 0
        14px;

    color:#aab0b6;

    font-size:14px;
    line-height:1.8;
}

.sl-legal-section p:last-child{
    margin-bottom:0;
}

.sl-legal-section ul{
    margin:
        12px 0
        0;

    padding-left:21px;

    color:#aab0b6;

    font-size:14px;
    line-height:1.75;
}

.sl-legal-section li + li{
    margin-top:7px;
}

.sl-legal-section strong{
    color:#e9ebed;
}


/* DISCLAIMER */

.sl-legal-minecraft{
    margin-top:17px;

    padding:
        19px 22px;

    border:
        1px solid
        rgba(229,173,80,.15);

    border-radius:17px;

    background:
        rgba(229,173,80,.045);

    color:#818990;

    text-align:center;

    font-size:12px;
    line-height:1.7;
}


/* LEGAL FOOTER */

.sl-legal-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;

    max-width:960px;

    margin:
        38px auto
        0;

    padding-top:24px;

    border-top:
        1px solid
        rgba(255,255,255,.07);

    color:#646b71;

    font-size:12px;
}

.sl-legal-footer-name{
    color:#b98c49;
}

.sl-legal-footer-links{
    display:flex;
    flex-wrap:wrap;
    gap:18px;
}

.sl-legal-footer-links a{
    color:#777f87;

    text-decoration:none;

    transition:.2s;
}

.sl-legal-footer-links a:hover{
    color:#e5ad50;
}


/* =========================================================
   LIGHT
   ========================================================= */

html[data-theme="light"]
.sl-legal-title{
    color:#181a1d;
}

html[data-theme="light"]
.sl-legal-intro,
html[data-theme="light"]
.sl-legal-section p,
html[data-theme="light"]
.sl-legal-section ul{
    color:#626970;
}

html[data-theme="light"]
.sl-legal-section h2,
html[data-theme="light"]
.sl-legal-section strong{
    color:#202328;
}

html[data-theme="light"]
.sl-legal-document{
    border-color:
        rgba(0,0,0,.08);

    background:
        rgba(255,255,255,.72);

    box-shadow:
        0 22px 60px
        rgba(0,0,0,.06);
}

html[data-theme="light"]
.sl-legal-section
+
.sl-legal-section{
    border-color:
        rgba(0,0,0,.07);
}

html[data-theme="light"]
.sl-legal-nav{
    border-color:
        rgba(0,0,0,.08);

    background:
        rgba(250,250,250,.91);

    box-shadow:
        0 12px 35px
        rgba(0,0,0,.06);
}

html[data-theme="light"]
.sl-legal-minecraft{
    color:#6f747a;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:700px){

    .sl-legal-page{
        padding:
            105px 15px
            55px;
    }

    .sl-legal-nav{
        position:relative;
        top:auto;

        width:100%;

        flex-direction:column;
    }

    .sl-legal-nav a{
        width:100%;
    }

    .sl-legal-document{
        padding:
            28px
            22px;

        border-radius:18px;
    }

    .sl-legal-section
    +
    .sl-legal-section{
        margin-top:30px;
        padding-top:30px;
    }

    .sl-legal-footer{
        align-items:flex-start;
        flex-direction:column;
    }
}