/* ════════════════════════════════════════════════════════════
   NARRADIVE — Simple pages (privacy, 404)
   ════════════════════════════════════════════════════════════ */

/* ─── Legal / document page ─── */
.doc {
    max-width: 820px;
    margin: 0 auto;
    padding: calc(var(--nav-h) + 4rem) var(--s-3) var(--s-6);
}
.doc-head { margin-bottom: var(--s-5); padding-bottom: var(--s-4); border-bottom: 1px solid var(--line); }
.doc-head h1 { font-size: clamp(2rem, 5vw, 3rem); color: var(--text); margin-bottom: 0.6rem; }
.doc-head .updated { color: var(--muted); font-size: 0.9rem; font-family: var(--font-body); }
.doc h2 {
    font-size: 1.4rem;
    color: var(--teal-bright);
    margin: var(--s-4) 0 var(--s-2);
}
.doc p, .doc li { color: var(--text-dim); line-height: 1.8; margin-bottom: var(--s-2); }
.doc ul { padding-left: 1.3rem; list-style: disc; }
.doc ul li { margin-bottom: 0.5rem; }
.doc a { color: var(--teal); text-decoration: underline; text-underline-offset: 3px; }
.doc a:hover { color: var(--teal-bright); }
.doc strong { color: var(--text); font-weight: 600; }

/* ─── 404 ─── */
.notfound {
    min-height: 100svh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: var(--nav-h) var(--s-3) var(--s-5);
    position: relative;
    overflow: hidden;
    isolation: isolate;
}
.notfound::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -2;
    background-image: url('../Assets/images/banners/footer.webp');
    background-size: cover;
    background-position: center 40%;
    filter: brightness(0.22) saturate(0.8) blur(4px);
}
.notfound::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: radial-gradient(700px 500px at 50% 45%, rgba(8,9,13,0.5), var(--bg) 80%);
}
.notfound-dog {
    display: block;
    width: clamp(160px, 30vw, 260px);
    height: auto;
    margin: 0 auto var(--s-3);
    filter: drop-shadow(0 14px 26px rgba(0, 0, 0, 0.55));
}
.notfound-code {
    font-family: var(--font-display);
    font-weight: 400;
    font-size: clamp(4rem, 15vw, 8.5rem);
    line-height: 0.95;
    letter-spacing: 0.06em;
    color: var(--gold);
    text-shadow: 0 2px 34px rgba(224, 169, 59, 0.28);
    margin-bottom: var(--s-2);
}
.notfound h1 { font-size: clamp(1.6rem, 4vw, 2.6rem); color: var(--text); margin-bottom: var(--s-2); }
.notfound p { color: var(--text-dim); max-width: 480px; margin: 0 auto var(--s-4); }
/* Single-line use of the parchment seal (404 "return"): a touch more height so
   the one line sits balanced on the torn-paper art. */
.wishlist-seal--single { padding-top: 1.05rem; padding-bottom: 1.15rem; }
.wishlist-seal--single .wishlist-seal-name { font-size: 1.2rem; }