/* Draft for legal review — not a substitute for professional legal advice. */
:root { --lc-bg:#080b13; --lc-panel:#111827; --lc-panel-2:#162033; --lc-text:#eef2ff; --lc-muted:#b3bdcf; --lc-accent:#e63946; --lc-ok:#34d399; --lc-border:#2a3852; }
* { box-sizing:border-box; }
body.legal-centre { margin:0; min-width:0; background:radial-gradient(circle at top,#18243b 0,var(--lc-bg) 44rem); color:var(--lc-text); font-family:"Tajawal",system-ui,sans-serif; line-height:1.8; }
.lc-header { border-bottom:1px solid var(--lc-border); background:rgba(8,11,19,.88); position:sticky; top:0; z-index:10; backdrop-filter:blur(14px); }
.lc-header__inner { max-width:1240px; margin:auto; min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 20px; }
.lc-brand,.lc-back { color:var(--lc-text); text-decoration:none; font-weight:800; }.lc-brand span { color:#ff6b75; }.lc-back:focus-visible,.lc-nav button:focus-visible,.lc-actions button:focus-visible,.lc-check:focus-within { outline:3px solid #f8d066; outline-offset:3px; }
.lc-shell { max-width:1240px; margin:32px auto; padding:0 20px; display:grid; grid-template-columns:280px minmax(0,1fr); gap:24px; }
.lc-sidebar { align-self:start; position:sticky; top:92px; padding:16px; background:rgba(17,24,39,.92); border:1px solid var(--lc-border); border-radius:18px; }
.lc-sidebar h2 { font-size:1.05rem; margin:0 0 10px; }.lc-progress-label { display:flex; justify-content:space-between; gap:8px; color:var(--lc-muted); font-size:.9rem; }.lc-progress { height:8px; margin:8px 0 16px; border-radius:999px; background:#25324a; overflow:hidden; }.lc-progress i { display:block; height:100%; background:linear-gradient(90deg,var(--lc-accent),#f5a524); width:0; transition:width .25s ease; }
.lc-nav { display:grid; gap:4px; }.lc-nav button { border:0; width:100%; padding:9px 10px; border-radius:10px; background:transparent; color:var(--lc-muted); cursor:pointer; text-align:right; font:inherit; display:flex; align-items:center; gap:8px; }.lc-nav button:hover,.lc-nav button[aria-current="page"] { color:white; background:#23304a; }.lc-nav .done { color:var(--lc-ok); visibility:hidden; }.lc-nav button.is-done .done { visibility:visible; }
.lc-content { min-width:0; padding:clamp(20px,4vw,48px); background:rgba(17,24,39,.9); border:1px solid var(--lc-border); border-radius:20px; }.lc-eyebrow { color:#f8d066; font-weight:700; }.lc-content h1 { margin:.2rem 0 .5rem; font-size:clamp(1.7rem,4vw,2.6rem); }.lc-lead,.lc-meta { color:var(--lc-muted); }.lc-content h2 { margin-top:2rem; font-size:1.25rem; }.lc-content ul { padding-right:1.25rem; }.lc-note { border-right:4px solid var(--lc-accent); padding:14px 16px; background:#251824; border-radius:8px; }.lc-document { min-height:65vh; }.lc-actions { border-top:1px solid var(--lc-border); margin-top:32px; padding-top:20px; display:flex; justify-content:space-between; gap:12px; }.lc-button { border:1px solid #e54b57; border-radius:10px; background:var(--lc-accent); color:#fff; padding:10px 16px; cursor:pointer; font:inherit; font-weight:700; }.lc-button--secondary { background:transparent; color:var(--lc-text); border-color:var(--lc-border); }.lc-button:disabled { opacity:.45; cursor:not-allowed; }
.lc-final { margin-top:28px; padding:20px; border:1px solid #9e3a43; background:#251824; border-radius:14px; }.lc-final[hidden] { display:none; }.lc-check { display:flex; gap:10px; align-items:flex-start; cursor:pointer; }.lc-check input { margin-top:.45rem; width:20px; height:20px; accent-color:var(--lc-accent); }.lc-status { min-height:1.8em; color:var(--lc-muted); margin:12px 0 0; }.lc-status.is-error { color:#ff8d96; }.lc-status.is-success { color:var(--lc-ok); }
@media(max-width:800px) { .lc-header__inner { padding-inline:14px; }.lc-shell { display:block; margin:18px auto; padding:0 12px; }.lc-sidebar { position:static; margin-bottom:14px; overflow:auto; }.lc-nav { grid-auto-flow:column; grid-auto-columns:max-content; display:grid; overflow-x:auto; padding-bottom:4px; }.lc-nav button { width:auto; white-space:nowrap; }.lc-content { padding:22px 18px; border-radius:14px; }.lc-actions { flex-wrap:wrap; }.lc-actions .lc-button { flex:1; } }