/* OSIRIS — legal-page.css (pasul 7e): cadrul comun al paginilor de text (/terms, /privacy, /cookies, /risk) și al paginii 404.
   Ideea: pagina e „dosarul deschis” din #legal (prima pagină): sus pastilele-urechi ale celor 4 dosare, cea curentă e lipită de
   dosar; în dosar: titlul, data, trei foi care alunecă afară o singură dată la deschidere. Dedesubt: cuprinsul (lipicios pe
   calculator, pliabil pe telefon) și coloana de text de ~70 de caractere. Textul documentelor NU e atins: doar cadrul.
   Doar tokenii din osiris.css / type.css; prefix lp-; fără auriu; fără JS (cuprinsul folosește pages.js [data-toc], deja existent). */

.page-doc{--lp-measure:34rem;--lp-toc:13.5rem;--lp-gap:clamp(2.5rem,5vw,4.5rem)}
.lp-wrap{width:min(100% - 2*var(--gutter),64rem);margin-inline:auto}
.lp-head{padding-top:calc(var(--nav-h) + clamp(2.5rem,5vw,4rem))}

/* ---------- urechile dosarelor (cele 4 pagini) ---------- */
.lp-tabs{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.25rem;padding:0 clamp(.75rem,2vw,1.25rem);position:relative;z-index:2}
.lp-tabs>*{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 1.05rem;border:1px solid transparent;border-bottom:0;border-radius:12px 12px 0 0;
  font-size:var(--t-small);font-weight:600;letter-spacing:.005em;color:var(--muted);background:transparent;
  transition:color var(--d-fast) var(--ease-std),background-color var(--d-fast) var(--ease-std),border-color var(--d-fast) var(--ease-std)}
.lp-tabs>*::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:currentColor;opacity:.45;transition:opacity var(--d-fast),background-color var(--d-fast)}
.lp-tabs a:hover{color:var(--text);background:var(--fill-soft)}
.lp-tabs a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:12px 12px 0 0}
.lp-tabs>[aria-current]{color:var(--text);background:var(--card);border-color:var(--line-strong);margin-bottom:-1px;padding-bottom:1px}
.lp-tabs>[aria-current]::before{background:var(--accent);opacity:1;box-shadow:0 0 0 3px var(--accent-soft)}

/* ---------- dosarul (plăcuța cu titlul) ---------- */
.lp-folderwrap{position:relative}
.lp-folder{position:relative;z-index:1;border:1px solid var(--line-strong);border-radius:var(--r-card);background:var(--card);
  background-image:linear-gradient(180deg,rgba(242,244,248,.035),transparent 55%)}
.lp-plate{position:relative;padding:clamp(1.6rem,3.2vw,2.75rem) clamp(1.25rem,3vw,2.75rem) clamp(1.5rem,3vw,2.5rem);max-width:40rem}
.lp-plate .h1{font-size:clamp(2.1rem,4.4vw,3.5rem);line-height:1.02}
.lp-updated{display:inline-flex;align-items:center;gap:.55rem;margin-top:clamp(.9rem,1.6vw,1.25rem);font-size:var(--t-small);font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:var(--muted)}   /* fără uppercase: textul rămâne literă cu literă */
.lp-updated::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--accent)}
/* foile care ies din dosar (decor, doar CSS; stau ÎN SPATELE dosarului și ies prin muchia de sus, ca în #legal de pe prima pagină;
   o singură alunecare la deschidere, apoi stau; nu e condiționată de prefers-reduced-motion — regula 6) */
.lp-sheets{position:absolute;z-index:0;top:-2.1rem;right:clamp(2rem,6vw,5rem);width:8rem;height:9rem;pointer-events:none}
.lp-sheet{position:absolute;inset:0;border-radius:7px;background:linear-gradient(170deg,#eef2f8,#dde4ee);box-shadow:0 -6px 24px -12px rgba(0,0,0,.8),0 0 0 1px rgba(6,8,15,.35);
  transform-origin:50% 100%;transform:translateY(var(--y,0)) rotate(var(--r,0deg));animation:lp-open .6s var(--ease) both;animation-delay:var(--d,0s)}
.lp-sheet::before,.lp-sheet::after{content:"";position:absolute;left:.85rem;right:.85rem;height:.25rem;border-radius:3px;background:rgba(14,18,28,.14)}
.lp-sheet::before{top:.7rem;right:2.6rem;height:.4rem}
.lp-sheet::after{top:1.55rem;box-shadow:0 .6rem 0 rgba(14,18,28,.11),0 1.2rem 0 rgba(14,18,28,.1)}
.lp-sheet--a{--r:-10deg;--y:.9rem;--d:0s;opacity:.6}
.lp-sheet--b{--r:8deg;--y:.5rem;--d:.07s;opacity:.8}
.lp-sheet--c{--r:-1.5deg;--y:0;--d:.14s}
@keyframes lp-open{from{transform:translateY(3rem) rotate(0deg)}}

/* ---------- corpul: cuprins + text ---------- */
.lp-body{display:grid;grid-template-columns:var(--lp-toc) minmax(0,1fr);gap:var(--lp-gap);align-items:start;padding:clamp(2rem,4vw,3.5rem) 0 var(--sec-y)}
.lp-toc{position:sticky;top:calc(var(--nav-h) + 1.5rem);max-height:calc(100svh - var(--nav-h) - 3rem);overflow:auto;padding-right:.5rem;scrollbar-width:thin}
.lp-toc summary{list-style:none;cursor:default;pointer-events:none;font-size:.8125rem;font-weight:600;letter-spacing:.01em;color:var(--muted)}
.lp-toc summary::-webkit-details-marker{display:none}
.lp-toc ol{counter-reset:lp-toc;margin-top:.8rem;display:grid;gap:.05rem;border-left:1px solid var(--line-strong)}
.lp-toc li{counter-increment:lp-toc}
.lp-toc a{display:flex;gap:.6rem;align-items:baseline;margin-left:-1px;padding:.42rem 0 .42rem .95rem;border-left:2px solid transparent;font-size:var(--t-small);line-height:1.35;color:var(--muted);
  transition:color var(--d-fast) var(--ease-std),border-color var(--d-fast) var(--ease-std),background-color var(--d-fast) var(--ease-std)}
.lp-toc a::before{content:counter(lp-toc,decimal-leading-zero);flex:none;font-size:var(--t-micro);font-weight:600;letter-spacing:.05em;font-variant-numeric:tabular-nums;opacity:.6}
.lp-toc a:hover{color:var(--text)}
.lp-toc a.is-on{color:var(--text);border-left-color:var(--accent)}
.lp-toc a.is-on::before{color:var(--accent);opacity:1}
.lp-toc a:focus-visible{outline-offset:-2px;border-radius:6px}

.lp-article{max-width:var(--lp-measure);counter-reset:lp-ch;font-size:1.0625rem;line-height:1.65;color:color-mix(in srgb,var(--text) 82%,var(--muted));text-wrap:pretty}
.lp-article>*+*{margin-top:1.1em}
.lp-article h2{counter-increment:lp-ch;position:relative;margin-top:2.4em;padding-top:1.5em;border-top:1px solid var(--line);
  font-family:var(--font-serif);font-weight:700;font-size:clamp(1.5rem,2.2vw,1.875rem);line-height:1.1;letter-spacing:-.008em;color:var(--text);scroll-margin-top:calc(var(--nav-h) + 1.5rem)}
.lp-article>h2:first-child{margin-top:0;padding-top:0;border-top:0}
.lp-article h2::before{content:counter(lp-ch,decimal-leading-zero);display:block;margin-bottom:.45rem;font-family:var(--font-sans);font-size:var(--t-micro);font-weight:600;letter-spacing:.05em;font-variant-numeric:tabular-nums;color:var(--accent)}
.lp-anchor{position:absolute;left:-1.5em;top:1.5em;width:1.2em;height:1.1em;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:500;color:var(--muted);opacity:0;transition:opacity var(--d-fast)}
.lp-article>h2:first-child .lp-anchor{top:0}
.lp-anchor::before{content:"#"}
.lp-article h2:hover .lp-anchor,.lp-anchor:focus-visible{opacity:1}
.lp-anchor:hover{color:var(--accent)}
.lp-article h3{margin-top:1.9em;font-family:var(--font-serif);font-weight:600;font-size:1.2rem;line-height:1.3;letter-spacing:0;color:var(--text);scroll-margin-top:calc(var(--nav-h) + 1.5rem)}
.lp-article h2+h3{margin-top:1.1em}
.lp-article strong{color:var(--text);font-weight:600}
.lp-article ul,.lp-article ol{display:grid;gap:.65em;padding-left:1.35em}
.lp-article ul{list-style:disc}
.lp-article ol{list-style:decimal}
.lp-article li::marker{color:var(--muted);font-variant-numeric:tabular-nums}
.lp-article code{padding:.1em .4em;border-radius:6px;background:var(--fill);font-family:var(--font-mono);font-size:.9em;color:var(--text)}
.lp-article .link{display:inline;padding:0;color:var(--accent);text-decoration-color:var(--accent-ring);transition:color var(--d-fast),text-decoration-color var(--d-fast)}
.lp-article .link:hover{color:var(--accent-hover);text-decoration-color:currentColor}
.lp-table{overflow-x:auto;border-radius:14px;border:1px solid var(--line-strong);background:var(--fill-soft)}
.lp-table table{width:100%;min-width:32rem;border-collapse:collapse;font-size:.9375rem;line-height:1.5}
.lp-table th,.lp-table td{padding:.75rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.lp-table th{font-size:var(--t-small);font-weight:600;letter-spacing:.01em;color:var(--muted);background:var(--fill-soft)}   /* fără uppercase: capetele de tabel rămân literă cu literă */
.lp-table tr:last-child td{border-bottom:0}
.lp-box{padding:1.15rem 1.3rem;border-radius:14px;border:1px solid var(--accent-ring);background:var(--accent-soft);font-size:1rem;color:var(--text)}
.lp-box--warn{border-color:rgba(239,68,68,.4);background:rgba(239,68,68,.07)}
.lp-end-note{margin-top:3em;padding-top:1.5em;border-top:1px solid var(--line-strong);font-size:.9375rem;color:var(--muted)}

/* ---------- sfârșitul: înapoi sus + documentul următor ---------- */
.lp-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem 1.5rem;max-width:var(--lp-measure);margin-top:clamp(2.5rem,4vw,3.5rem);padding-top:1.25rem;border-top:1px solid var(--line)}
.lp-foot a{display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .25rem;font-size:var(--t-small);font-weight:600;color:var(--muted);transition:color var(--d-fast)}
.lp-foot a:hover{color:var(--text)}
.lp-foot a i{display:inline-block;width:1.5rem;height:1.5rem;border-radius:50%;border:1px solid var(--line-strong);position:relative;transition:border-color var(--d-fast),transform var(--d-med) var(--ease)}
.lp-foot a i::before{content:"";position:absolute;left:50%;top:50%;width:.4rem;height:.4rem;border-left:1.5px solid currentColor;border-top:1.5px solid currentColor;translate:-50% -30%;rotate:45deg}
.lp-foot .lp-next i::before{rotate:135deg;translate:-70% -50%}
.lp-foot a:hover i{border-color:var(--line-hover)}
.lp-foot .lp-top:hover i{transform:translateY(-2px)}
.lp-foot .lp-next:hover i{transform:translateX(2px)}
.lp-next{color:var(--text)}
.lp-next b{font-weight:600;color:var(--accent)}

/* ---------- 404: același dosar, cu o singură ureche ---------- */
.page-lost .lp-head{min-height:calc(100svh - 14rem);padding-bottom:var(--sec-y)}
.lp-folder--lost .lp-plate{max-width:44rem}
.lp-lost__code{display:block;font-family:var(--font-serif);font-weight:700;font-size:clamp(4.5rem,11vw,8rem);line-height:.9;letter-spacing:-.02em;color:var(--text);
  background:linear-gradient(180deg,var(--text) 35%,var(--muted));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.lp-lost__code+.h1{margin-top:.5rem;font-size:clamp(1.75rem,3vw,2.5rem)}
.lp-lost__row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:clamp(1.5rem,3vw,2.25rem)}
.lp-lost__links{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin-top:1.25rem;font-size:var(--t-small);color:var(--muted)}
.lp-lost__links a{display:inline-flex;align-items:center;min-height:2.75rem;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line-strong);transition:color var(--d-fast),text-decoration-color var(--d-fast)}
.lp-lost__links a:hover{color:var(--text);text-decoration-color:var(--line-hover)}

/* ---------- telefon / tabletă ---------- */
@media (max-width:900px){
  .page-doc{--lp-measure:none}
  .lp-body{grid-template-columns:minmax(0,1fr);gap:1.5rem} /* judecata 7e: tabelele (min-width 32rem) nu mai lărgesc coloana pe telefon */
  .lp-toc{position:static;max-height:none;padding:.35rem 1rem;border-radius:14px;border:1px solid var(--line-strong);background:var(--fill-soft);overflow:visible}
  .lp-toc summary{display:flex;align-items:center;justify-content:space-between;min-height:2.75rem;cursor:pointer;pointer-events:auto;color:var(--text)}
  .lp-toc summary::after{content:"";width:.55rem;height:.55rem;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);rotate:45deg;translate:0 -.15rem;transition:rotate var(--d-med) var(--ease)}
  .lp-toc details[open] summary::after{rotate:225deg;translate:0 .1rem}
  .lp-toc ol{margin:.25rem 0 .6rem}
  .lp-toc a{min-height:2.75rem;align-items:center;padding-top:.5rem;padding-bottom:.5rem}
  .lp-article{font-size:1rem;line-height:1.6}
  .lp-anchor{display:none}
  .lp-foot{max-width:none}
  .lp-foot a{padding:0 .5rem}
  .lp-foot .lp-next{color:var(--text)}
}
@media (max-width:600px){
  .lp-sheets{display:none}   /* pe telefon urechile ocupă tot rândul de sus; foile ar sta peste „Risk” */
  .lp-tabs{gap:.15rem;padding:0 .35rem}
  .lp-tabs>*{gap:.4rem;padding:0 .7rem}   /* cele 4 urechi încap pe un rând la 390 px (≈ 300 px din 334) */
  .lp-foot{flex-direction:column;align-items:flex-start}
}
@media print{.nav,.lp-tabs,.lp-toc,.lp-sheets,.lp-foot,.foot{display:none!important}.lp-article{max-width:none;color:#000}}