:root{
    color-scheme:dark;
    --ink:#080f0b;
    --forest:#10251a;
    --red:#78261f;
    --gold:#c5a561;
    --gold-light:#f0dba6;
    --paper:#efe3c2;
    --paper-ink:#30251b;
}

*{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:smooth}

body{
    min-height:100vh;
    margin:0;
    background:
        radial-gradient(circle at 15% 0,rgba(120,38,31,.33),transparent 31rem),
        radial-gradient(circle at 90% 20%,rgba(36,76,53,.42),transparent 34rem),
        var(--ink);
    color:var(--paper-ink);
    font-family:Georgia,"Times New Roman",serif;
}

a{color:#7b261e}

.legalTopbar{
    position:sticky;
    top:0;
    z-index:5;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    min-height:72px;
    padding:12px clamp(18px,5vw,72px);
    border-bottom:2px solid var(--gold);
    background:rgba(8,18,12,.94);
    backdrop-filter:blur(12px);
}

.legalBrand{
    color:var(--gold-light);
    font-weight:800;
    letter-spacing:.08em;
    text-decoration:none;
    text-transform:uppercase;
}

.legalTopbar nav{display:flex;flex-wrap:wrap;gap:10px 18px}

.legalTopbar nav a{
    color:#d8c89e;
    font:800 12px Arial,sans-serif;
    text-decoration:none;
}

.legalTopbar nav a:hover{color:#fff0bf;text-decoration:underline}

.legalPage{
    width:min(940px,calc(100% - 28px));
    margin:42px auto 70px;
    overflow:hidden;
    border:1px solid #9f7f3f;
    border-radius:14px;
    background:var(--paper);
    box-shadow:0 28px 80px rgba(0,0,0,.42);
}

.legalHero{
    padding:clamp(28px,6vw,62px);
    border-bottom:2px solid #9f7f3f;
    background:linear-gradient(135deg,#542019,#173323);
    color:#fff0c7;
}

.legalHero small{
    color:#d7bd7e;
    font:900 11px Arial,sans-serif;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.legalHero h1{
    margin:10px 0 12px;
    font-size:clamp(2.2rem,6vw,4.4rem);
    line-height:1;
}

.legalHero p{max-width:680px;margin:0;color:#d9cfb7;line-height:1.65}
.legalContent{padding:clamp(25px,6vw,62px)}

.legalContent section+section{
    margin-top:32px;
    padding-top:28px;
    border-top:1px solid rgba(110,79,37,.28);
}

.legalContent h2{margin:0 0 10px;color:#234632;font-size:1.45rem}
.legalContent h3{margin:20px 0 8px;color:#5e2b20;font-size:1.05rem}
.legalContent p,.legalContent li{font:16px/1.72 Arial,sans-serif}
.legalContent ul,.legalContent ol{padding-left:23px}
.legalContent li+li{margin-top:7px}

.legalCallout{
    padding:18px 20px;
    border-left:5px solid var(--red);
    border-radius:5px;
    background:#fff8df;
}

.legalActions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}

.legalButton{
    display:inline-flex;
    min-height:44px;
    align-items:center;
    justify-content:center;
    padding:10px 16px;
    border:1px solid #8e6b30;
    border-radius:7px;
    background:linear-gradient(#3b684a,#244931);
    color:#fff2ca;
    font:900 13px Arial,sans-serif;
    text-decoration:none;
}

.legalButton.secondary{background:linear-gradient(#884033,#67251f)}
.legalButton:hover{filter:brightness(1.1)}

.legalFooter{
    padding:22px clamp(20px,5vw,55px);
    border-top:1px solid rgba(197,165,97,.25);
    background:#070d09;
    color:#8d998f;
    font:12px/1.6 Arial,sans-serif;
    text-align:center;
}

.legalFooter a{color:#d5bd82}

code{
    padding:2px 5px;
    border-radius:4px;
    background:#e2d2a9;
    color:#3d2b1d;
}

@media(max-width:650px){
    .legalTopbar{position:static;align-items:flex-start;flex-direction:column}
    .legalPage{margin-top:20px}
    .legalTopbar nav{gap:10px 14px}
}