.legal-page{
    --tc-red:#d03343;--tc-red-dark:#a52634;--tc-red-soft:#fff4f5;
    --tc-ink:#172d40;--tc-muted:#667085;--tc-border:#e6e9ef;--tc-bg:#f8f9fa;
    font-family:'Almarai',sans-serif;color:var(--tc-ink);
}
.legal-page .lg-hero{
    background:linear-gradient(135deg,var(--tc-red) 0%,var(--tc-red-dark) 100%);
    padding:56px 24px 80px;color:#fff;position:relative;overflow:hidden;text-align:center;
    border-radius:0 0 32px 32px;
}
.legal-page .lg-hero::before{
    content:"";position:absolute;inset:0;
    background:radial-gradient(circle at 15% 20%,rgba(255,255,255,.14),transparent 40%),
               radial-gradient(circle at 85% 80%,rgba(255,255,255,.10),transparent 40%);
}
.legal-page .lg-hero-inner{max-width:800px;margin:0 auto;position:relative;}
.legal-page .lg-hero-icon{
    width:60px;height:60px;border-radius:18px;background:rgba(255,255,255,.18);
    display:flex;align-items:center;justify-content:center;margin:0 auto 18px;
    font-size:24px;border:1px solid rgba(255,255,255,.28);
}
.legal-page .lg-hero h1{font-size:32px;font-weight:900;margin-bottom:10px;}
.legal-page .lg-hero p{font-size:13px;opacity:.9;font-weight:700;}
.legal-page .lg-shell{max-width:1200px;margin:-46px auto 60px;padding:0 24px;position:relative;z-index:2;}
.legal-page .lg-layout{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start;}
.legal-page .lg-side{
    background:#fff;border-radius:20px;padding:14px;
    box-shadow:0 16px 40px rgba(23,45,64,.08);border:1px solid var(--tc-border);
    position:sticky;top:100px;
}
.legal-page .lg-side a{
    display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:13px;
    text-decoration:none;color:var(--tc-ink);font-weight:800;font-size:13.5px;margin-bottom:5px;transition:.18s ease;
}
.legal-page .lg-side a i{width:18px;text-align:center;color:var(--tc-muted);font-size:14px;}
.legal-page .lg-side a:hover{background:var(--tc-red-soft);}
.legal-page .lg-side a.active{
    background:linear-gradient(135deg,var(--tc-red),var(--tc-red-dark));color:#fff;
    box-shadow:0 8px 16px rgba(208,51,67,.25);
}
.legal-page .lg-side a.active i{color:#fff;}
.legal-page .lg-card{
    background:#fff;border-radius:22px;border:1px solid var(--tc-border);
    box-shadow:0 16px 40px rgba(23,45,64,.06);overflow:hidden;
}
.legal-page .lg-content{padding:40px 44px;}
.legal-page .lg-meta-badge{
    display:inline-flex;align-items:center;gap:6px;padding:6px 15px;border-radius:20px;
    background:var(--tc-red-soft);color:var(--tc-red-dark);font-size:11.5px;font-weight:800;margin-bottom:22px;
}
.legal-page .lg-content h2{
    font-size:19px;margin:28px 0 13px;color:var(--tc-red-dark);font-weight:900;
    display:flex;align-items:center;gap:9px;
}
.legal-page .lg-content h2::before{
    content:"";width:5px;height:19px;border-radius:6px;
    background:linear-gradient(180deg,var(--tc-red),var(--tc-red-dark));
}
.legal-page .lg-content h2:first-of-type{margin-top:0;}
.legal-page .lg-content p,.legal-page .lg-content li{font-size:15px;color:#3a4a5a;line-height:1.9;}
.legal-page .lg-content ul,.legal-page .lg-content ol{padding-right:22px;margin:10px 0;}
.legal-page .lg-content li{margin-bottom:8px;}
.legal-page .lg-notice{
    padding:18px 22px;border-radius:16px;background:linear-gradient(120deg,var(--tc-red-soft),#fff);
    border:1px solid #f6d7dc;border-right:5px solid var(--tc-red);margin-bottom:8px;
    font-weight:800;color:var(--tc-ink);font-size:14.5px;
}
.legal-page .lg-divider{margin:36px 0;border:0;border-top:2px dashed var(--tc-border);}
.legal-page .lg-content a{color:var(--tc-red-dark);font-weight:800;text-decoration:none;border-bottom:2px solid var(--tc-red-soft);}
.legal-page .lg-content a:hover{border-color:var(--tc-red);}
@media(max-width:900px){
    .legal-page .lg-layout{grid-template-columns:1fr;}
    .legal-page .lg-side{position:static;display:flex;overflow-x:auto;gap:8px;padding:10px;}
    .legal-page .lg-side a{flex-shrink:0;white-space:nowrap;margin-bottom:0;}
    .legal-page .lg-hero{padding:40px 18px 60px;border-radius:0 0 24px 24px;}
    .legal-page .lg-hero h1{font-size:24px;}
    .legal-page .lg-content{padding:26px 20px;}
    .legal-page .lg-shell{margin-top:-34px;padding:0 14px;}
}