/* JD Apps shared privacy design system — Phase 1 */
:root{color-scheme:dark;--bg:#080b16;--panel:#111a2b;--text:#f8f9ff;--muted:#aebbd0;--stroke:#28334d;--accent:#b9ff83}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;max-width:none;background:radial-gradient(ellipse at 75% 0%,#202b48 0,transparent 43%),var(--bg);color:var(--text);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:var(--accent);overflow-wrap:anywhere;text-underline-offset:3px}
a:hover{text-decoration-thickness:2px}
a:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:3px}
.jd-header{border-bottom:1px solid var(--stroke);background:#0b1020}
.jd-header-inner{max-width:1100px;margin:auto;min-height:76px;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.jd-logo{font-size:1.18rem;font-weight:850;color:white;text-decoration:none}
.jd-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--accent);color:#0b1020;font-size:.83rem;margin-right:9px}
.jd-links{display:flex;gap:20px;flex-wrap:wrap;font-size:.91rem}
.jd-links a{color:var(--muted);text-decoration:none}
.jd-links a:hover{color:white}
main{width:min(100%,1020px);max-width:1020px;margin:auto;padding:44px 24px 70px}
main>nav{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 32px}
main>nav a{padding:5px 11px;background:#182237;border:1px solid var(--stroke);border-radius:9px;color:var(--muted);text-decoration:none;font-size:.85rem}
main>nav a[aria-current="page"]{color:var(--accent);border-color:var(--accent)}
h1{font-size:clamp(2.1rem,5vw,3.6rem);letter-spacing:-.04em;line-height:1.13;margin:12px 0 18px}
h2{font-size:1.27rem;line-height:1.35;color:var(--text);margin:38px 0 13px}
p,li{color:var(--muted)}
p{margin:0 0 17px}
li{margin-bottom:6px}
.brand,.eyebrow{color:var(--accent);font-size:.8rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.date,.meta{color:var(--muted);font-size:.9rem}
.summary,aside.summary{padding:22px;background:var(--panel);border:1px solid var(--stroke);border-radius:16px;margin:26px 0}
section{scroll-margin-top:30px}
main>footer{border-top:1px solid var(--stroke);margin-top:42px;padding-top:22px;color:var(--muted)}
.jd-footer{border-top:1px solid var(--stroke);padding:24px;color:var(--muted);text-align:center;font-size:.9rem}
.jd-footer a{margin:0 8px}
@media(max-width:600px){main{padding:28px 18px 48px}.jd-header-inner{padding:14px 18px}.jd-links{gap:12px}h1{font-size:2.15rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}