*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--green:#1a7a3c;--green-dark:#145f2e;--green-light:#e8f5ee;--black:#111;--white:#fff;--gray-light:#f5f5f5;--gray-text:#555;--gray-border:#e0e0e0;--font:'Poppins',sans-serif}
body{font-family:var(--font);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased}
a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}
nav{position:sticky;top:0;z-index:100;background:var(--white);border-bottom:1px solid var(--gray-border);padding:0 48px;height:60px;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-icon {
    width: 36px;
    height:36px;
    background: var(--green);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:5px;
}

.logo-icon img {
    width: 100%;
    height: auto;
}
.logo-wordmark{font-size:17px;font-weight:700;color:var(--black)}.logo-wordmark span{color:var(--green)}
.nav-back{font-size:14px;font-weight:500;color:var(--green)}
.page-hero{background:var(--black);padding:56px 48px}
.page-hero-inner{max-width:800px;margin:0 auto}
.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--green);margin-bottom:12px}
.page-hero h1{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:800;color:white;line-height:1.12;letter-spacing:-0.03em;margin-bottom:12px}
.page-hero p{font-size:14px;color:rgba(255,255,255,.5)}
.legal-body{max-width:800px;margin:0 auto;padding:56px 48px}
.toc{background:var(--gray-light);border-radius:12px;padding:24px 28px;margin-bottom:48px}
.toc-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-text);margin-bottom:12px}
.toc ol{list-style:decimal;padding-left:18px;display:flex;flex-direction:column;gap:5px}
.toc ol li a{font-size:14px;color:var(--green)}
.ls{margin-bottom:44px}
.ls h2{font-size:17px;font-weight:700;color:var(--black);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--green-light)}
.ls h3{font-size:14px;font-weight:700;color:var(--black);margin:18px 0 7px}
.ls p{font-size:14px;color:var(--gray-text);line-height:1.8;margin-bottom:10px}
.ls ul{list-style:none;display:flex;flex-direction:column;gap:7px;margin-bottom:12px}
.ls ul li{font-size:14px;color:var(--gray-text);line-height:1.65;display:flex;align-items:flex-start;gap:8px}
.ls ul li::before{content:"—";color:var(--green);font-weight:700;flex-shrink:0}
footer{background:var(--black);border-top:1px solid rgba(255,255,255,.07);padding:28px 48px;text-align:center}
.footer-copy{font-size:12px;color:rgba(255,255,255,.3)}
@media(max-width:640px){nav,footer{padding-left:20px;padding-right:20px}.page-hero,.legal-body{padding-left:20px;padding-right:20px}}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}



.legal-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex:1;
    align-items: flex-start;
    width:100%;
}


.legal-option-container {
    padding: 50px;
    border:1px solid var(--gray-border);
    cursor: pointer;
    border-radius: 16px;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    width:100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;

}

.legal-option-container:hover {
    box-shadow:0 8px 24px rgba(0, 0, 0, 0.10);
    transform: translateY(-0.5px);
}

a:hover {
    text-decoration: none;
}