/* 404 ve gizlilik gibi metin sayfaları. Ayrı dosya olmasının sebebi:
   satır içi <style> olmayınca CSP 'unsafe-inline' olmadan yazılabiliyor. */

.lost{min-height:100dvh;display:grid;place-content:center;text-align:center;padding:24px;gap:20px}
.lost h1{font-size:clamp(2.2rem,10vw,3.4rem);margin:0;font-weight:900;font-stretch:110%;letter-spacing:-.035em;text-transform:uppercase}
.lost h1 span{color:var(--pink)}
.lost p{margin:0;color:var(--muted)}

.doc{max-width:var(--shell);margin-inline:auto;padding:clamp(44px,9vw,80px) var(--gutter)}
.doc h1{font-size:clamp(2rem,8vw,2.8rem);margin:0 0 6px;font-weight:900;font-stretch:108%;letter-spacing:-.035em;text-transform:uppercase}
.doc .stamp{margin:0 0 32px;font-size:.72rem;font-weight:700;color:var(--muted);letter-spacing:.16em;text-transform:uppercase}
.doc h2{font-size:.74rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:32px 0 10px;display:flex;align-items:center;gap:12px}
.doc h2::after{content:"";flex:1;height:1px;background:var(--line)}
.doc p,.doc li{font-size:.95rem;color:var(--muted);line-height:1.7}
.doc ul{padding-left:1.1rem;margin:8px 0}
.doc a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.doc .back{display:inline-block;margin-top:36px}

.done{min-height:100dvh;display:grid;place-content:center;text-align:center;padding:24px;gap:20px;max-width:34rem;margin-inline:auto}
.done h1{font-size:clamp(1.8rem,7vw,2.6rem);margin:0;font-weight:900;font-stretch:108%;letter-spacing:-.03em;text-transform:uppercase}
.done p{margin:0;color:var(--muted)}