/* mbaakliny.com v3 "Studio OS": legal pages (privacy, terms, data-deletion) and the 404 page */

/* ── legal hero ── */
.phero.legal{padding-bottom:56px}
.phero.legal .inner{max-width:760px}
.phero.legal h1{font-size:clamp(42px,6.4vw,92px)}
.crumb .back{display:inline-flex;align-items:center;gap:8px;min-height:44px}
.crumb .back:hover{color:var(--violet)}
.eyebrow-chip{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--mono);font-size:13px;color:var(--violet);background:var(--violetSoft);border-radius:999px;padding:6px 14px}
.eyebrow-chip::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--violet)}
.phero .updated{font-family:var(--mono);font-size:13px;color:var(--mute);margin:24px 0 0}

/* ── legal body ── */
.legal-body{padding:0 var(--edge) 120px}
.toc{max-width:760px;margin:0 auto 56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}
.toc ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.toc a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;background:var(--card);border:1px solid var(--line);text-decoration:none;font-size:14px;color:var(--ink2);transition:border-color .3s,color .3s}
.toc a:hover{border-color:var(--violet);color:var(--violet)}
.toc .n{font-family:var(--mono);font-size:12px;color:var(--violet)}
@media (max-width:760px){
  .toc{margin-left:calc(var(--edge) * -1);margin-right:calc(var(--edge) * -1);padding:14px var(--edge);border-left:0;border-right:0}
  .toc ol{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}
  .toc ol::-webkit-scrollbar{display:none}
  .toc li{flex:0 0 auto;scroll-snap-align:start}
}

.prose .lead-p{font-size:clamp(19px,1.8vw,22px);line-height:1.6;color:var(--ink);letter-spacing:-.01em;margin:0 0 8px;padding-bottom:36px;border-bottom:1px solid var(--line)}
.prose .lead-p em{font-style:normal;color:var(--violet)}
.prose section{border-bottom:1px solid var(--line2);padding-bottom:12px}
.prose section:last-child{border-bottom:0}
.prose h2{display:flex;align-items:baseline;gap:14px;scroll-margin-top:110px}
.prose h2 .n{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--violet);letter-spacing:0;flex:0 0 auto;transform:translateY(-.2em)}
.prose .contact-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:24px 28px;line-height:2;color:var(--ink2);box-shadow:0 30px 50px -40px rgba(75,59,255,.45)}
.prose a{overflow-wrap:anywhere}

/* ── 404 ── */
.nf{position:relative;overflow:hidden;min-height:100vh;min-height:100svh;padding:170px var(--edge) 100px;display:flex;align-items:center}
.nf .b1{width:520px;height:520px;background:#7A6BFF;top:-200px;right:-120px;opacity:.4;animation:drift1 18s ease-in-out infinite alternate}
.nf .b3{width:360px;height:360px;background:var(--peach);bottom:-120px;left:-160px;opacity:.18;animation:drift3 26s ease-in-out infinite alternate}
.nf .inner{max-width:var(--maxw);margin:0 auto;width:100%;position:relative}
.nf .big{display:inline-block;background-size:160% 100%;font-weight:600;font-size:clamp(120px,24vw,320px);line-height:.85;letter-spacing:-.07em;margin:20px 0 0}
.nf .eyebrow{margin:0}
.nf h1{font-weight:600;font-size:clamp(36px,5.4vw,72px);line-height:1.02;letter-spacing:-.045em;margin:28px 0 0;max-width:900px}
.nf h1 em{font-style:normal}
.nf .lead{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--ink2);max-width:600px;margin:22px 0 0}
.nf .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.nf .paths{margin-top:64px;padding-top:28px;border-top:1px solid var(--line);max-width:900px}
.nf .paths .k{font-family:var(--mono);font-size:13px;color:var(--mute);margin:0 0 16px}
.nf .paths ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.nf .paths a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--card);border:1px solid var(--line);text-decoration:none;font-size:15px;color:var(--ink2);transition:border-color .3s,color .3s}
.nf .paths a:hover{border-color:var(--violet);color:var(--violet)}