/* Nocturne Casebook — valuedesk.vip — dark / staggered column layout (isolated) */
:root{--v-void:#050814;--v-ink:#e8ecff;--v-soft:#9aa3c0;--v-mute:#5c667e;--v-line:#1a2540;--v-glow:#6b7fe8;--v-max:50rem;--v-sans:"Segoe UI",system-ui,sans-serif;--v-serif:Georgia,serif}
*,*::before,*::after{box-sizing:border-box} html{scroll-behavior:smooth}
body.vdk{margin:0;background:radial-gradient(900px 500px at 20% 0%,#0f1933 0%,var(--v-void) 55%);color:var(--v-ink);font-family:var(--v-sans);line-height:1.75;font-size:1.03rem;letter-spacing:0.01em}
a{color:var(--v-glow); text-underline-offset:0.2em; font-weight:600} a:focus-visible{outline:2px solid #94a2ff; outline-offset:2px}
.vdk-s{position:absolute;left:-200vw} .vdk-s:focus{left:0.4rem;top:0.4rem;z-index:200;background:#0b1228;padding:0.3rem 0.45rem}
.vdk-tape{background:linear-gradient(90deg,rgba(107,127,232,0.12),rgba(5,8,20,0)); border-bottom:1px solid var(--v-line); padding:0.5rem 1rem; font-size:0.8rem; color:var(--v-mute); text-transform:uppercase; letter-spacing:0.14em}
.vdk-apex{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0.6rem 1.2rem; max-width:1200px; margin:0 auto; padding:0.65rem 1rem; border-bottom:1px solid var(--v-line)}
.vdk-crest{display:flex; align-items:center; gap:0.5rem; text-decoration:none; color:var(--v-ink); font-family:var(--v-serif); font-size:1.1rem; letter-spacing:0.02em}
.vdk-crest img{width:34px; height:34px}
.vdk-crest span small{display:block; font:500 0.65rem/1.2 var(--v-sans); text-transform:uppercase; letter-spacing:0.16em; color:var(--v-mute)}
.vdk-hori{display:flex; flex-wrap:wrap; gap:0.15rem 0.3rem; align-items:center; justify-content:flex-end; max-width:100%}
.vdk-hori a{color:#cbd4ff; text-decoration:none; font-size:0.88rem; padding:0.25rem 0.4rem; border-radius:3px; font-weight:500}
.vdk-hori a[aria-current="page"]{ background:#141d38; color:#fff } .vdk-hori a:hover{ background:#11182e }
.vdk-odd{ max-width:1200px; margin:0 auto; padding:1.1rem 1rem 2.2rem; display:grid; grid-template-columns:1fr; gap:1.1rem; }
.vdk-hero{ display:grid; grid-template-columns:0.7fr 1.3fr; gap:1.2rem; align-items:stretch; margin-bottom:1.2rem; }
@media(max-width:900px){.vdk-hero{grid-template-columns:1fr}} 
.vdk-hero h1{font-family:var(--v-serif); font-size:clamp(1.5rem,2.4vw,2.05rem); line-height:1.15; margin:0.2rem 0 0.4rem; max-width:18ch; color:var(--v-ink)}
.vdk-hero p{margin:0; color:var(--v-soft); max-width:48ch}
.vdk-hero aside{margin:0; border:1px solid var(--v-line); background:#0a0f1f; padding:0.3rem; transform:translateY(4px) rotate(0.2deg)}
.vdk-hero aside img{ display:block; width:100%; height:auto; }
.vdk-hero aside figcaption{ font-size:0.78rem; color:var(--v-mute); margin-top:0.35rem; max-width:44ch; }
.vdk-sec{ margin:1.1rem 0; padding:0.8rem 0.4rem; border-top:1px solid var(--v-line) }
.vdk-sec:nth-of-type(odd){ padding-left:0.2rem; border-left:2px solid #3d4a8a; margin-left:0.1rem; }
.vdk-sec h2{ font-family:var(--v-serif); font-size:1.2rem; margin:0.2rem 0 0.4rem; color:#f0f2ff; }
.vdk-sec p{ color:#b7bfd8; max-width:52ch; margin:0.4rem 0; }
.vdk-sec strong{ color:#e8ecff; }
.vdk-illus{ margin:0.4rem 0; border:1px solid #243055; } .vdk-illus img{ display:block; width:100%; height:auto; }
.vdk-endnote{ font-size:0.88rem; color:var(--v-mute); max-width:56ch; margin:1.2rem 0 0; }
.vdk-foot{ max-width:1200px; margin:0 auto; padding:1rem 1rem 1.3rem; border-top:1px solid var(--v-line); display:grid; grid-template-columns:1.2fr 0.5fr 0.9fr; gap:0.6rem; font-size:0.85rem; color:var(--v-mute) } @media(max-width:800px){.vdk-foot{grid-template-columns:1fr}} 
.vdk-foot h3{ margin:0 0 0.2rem; font:700 0.65rem/1.2 var(--v-sans); text-transform:uppercase; letter-spacing:0.12em; color:#7d87a2 }
.vdk-legal{ max-width:40rem; margin:0 auto; padding:0 1rem 2rem; } .vdk-legal h1{ font-family:var(--v-serif); color:var(--v-ink) } .vdk-legal p{ color:#b7bfd8; }
form.vdk-f label{ display:block; margin:0.3rem 0 0.1rem; } form.vdk-f input,form.vdk-f textarea{ width:100%; max-width:32rem; background:#0a0f1f; border:1px solid #243055; color:var(--v-ink); padding:0.4rem; font:inherit; border-radius:2px } form.vdk-f button{ margin-top:0.3rem; background:var(--v-glow); color:#0a1020; border:0; padding:0.4rem 0.65rem; font-weight:700; border-radius:2px; cursor:pointer }
.vdk-bread{ font-size:0.8rem; color:var(--v-mute); margin:0.2rem 0 0.3rem; }
.vdk-bread a{ color:#a8b0cc; } 
.vdk-cb{ position:fixed; left:0; right:0; bottom:0; z-index:300; display:none; flex-wrap:wrap; align-items:center; justify-content:center; gap:0.3rem; padding:0.55rem; background:#0a1020; color:#b7bfd8; border-top:1px solid #243055; font-size:0.88rem } .vdk-cb[aria-hidden="false"]{ display:flex } .vdk-cb a{ color:var(--v-glow) } .vdk-yes{ background:#c7d2fe; color:#0a1020; border:0; font:inherit; font-weight:700; padding:0.35rem 0.6rem; border-radius:2px; cursor:pointer} .vdk-nop{ background:#1a2444; color:#e8ecff; border:1px solid #243055; font:inherit; padding:0.35rem 0.6rem; border-radius:2px; cursor:pointer}