/* ============================================================
   SafeX360 — documente legale
   ============================================================ */

:root{
  --bg:#0A0B0D; --bg-deep:#060708; --panel:#121316; --panel-2:#17191D;
  --border:#262A31; --border-soft:rgba(255,255,255,.06);
  --signal:#FF9E40; --signal-soft:rgba(255,158,64,.12);
  --text:#FBFBFB; --muted:#B8BCC4; --faint:#69707A;
  --font-display:'Bricolage Grotesque',system-ui,sans-serif;
  --font-body:'Space Grotesk',system-ui,sans-serif;
  --font-mono:'Space Mono',ui-monospace,monospace;
  --r-sm:8px; --r-md:12px; --r-lg:20px; --wrap:820px;
  color-scheme:dark;
}

*{box-sizing:border-box}
body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:var(--font-body); font-size:16px; line-height:1.7;
}
a{color:var(--signal)}
a:hover{text-decoration:underline}

.lwrap{max-width:var(--wrap); margin:0 auto; padding:0 1.25rem}

.lhead{border-bottom:1px solid var(--border-soft); background:var(--bg-deep); position:sticky; top:0; z-index:10}
.lhead__inner{display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap; padding-top:1rem; padding-bottom:1rem}
.lhead__logo{font-family:var(--font-display); font-weight:700; font-size:1.2rem; color:var(--signal); text-decoration:none}
.lhead__logo em{font-style:normal; color:var(--text)}
.lhead__nav{display:flex; gap:1rem; flex-wrap:wrap; font-size:.88rem}
.lhead__nav a{color:var(--muted); text-decoration:none}
.lhead__nav a:hover,.lhead__nav a.is-active{color:var(--signal)}

.lmain{padding:2.5rem 1.25rem 4rem}
.lmain h1{font-family:var(--font-display); font-size:clamp(1.8rem,4vw,2.6rem); margin:0 0 .5rem; line-height:1.2}
.lmain h2{font-family:var(--font-display); font-size:1.3rem; margin:2.5rem 0 .75rem; color:var(--signal)}
.lmain h3{font-size:1.05rem; margin:1.6rem 0 .5rem}
.lmain p,.lmain li{color:var(--muted)}
.lmain ul,.lmain ol{padding-left:1.3rem}
.lmain li{margin-bottom:.4rem}
.lmain strong,.lmain b{color:var(--text)}
.lmeta{color:var(--faint); font-family:var(--font-mono); font-size:.8rem; margin:0 0 2rem}

.lbox{background:var(--panel); border:1px solid var(--border); border-radius:var(--r-md); padding:1.25rem 1.4rem; margin:1.5rem 0}
.lbox p:last-child{margin-bottom:0}

.ltable-wrap{overflow-x:auto; border:1px solid var(--border); border-radius:var(--r-md); margin:1.5rem 0}
.ltable{width:100%; border-collapse:collapse; min-width:560px}
.ltable th,.ltable td{text-align:left; padding:.7rem .9rem; border-bottom:1px solid var(--border); font-size:.88rem; vertical-align:top}
.ltable th{color:var(--faint); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; background:var(--panel-2)}
.ltable td{color:var(--muted)}
.ltable tr:last-child td{border-bottom:none}
.ltable code{font-family:var(--font-mono); font-size:.82em; color:var(--signal); background:var(--signal-soft); padding:1px 5px; border-radius:4px}

.lfoot{border-top:1px solid var(--border-soft); background:var(--bg-deep); padding:2rem 0 3rem; font-size:.85rem; color:var(--faint)}
.lfoot p{margin:0 0 .8rem; color:var(--faint)}
.lfoot b{color:var(--muted)}
.lfoot a{color:var(--muted)}
.lfoot__links a{color:var(--muted)}
.lfoot__links a:hover{color:var(--signal)}