/* Shared styles for the arkship.gg /discord/ section (terms + privacy).
   Plain static CSS: these pages do not use the dc runtime the landing page uses,
   but they mirror its palette, type, and nav/footer shapes. */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
:root{
  --accent:#6E54FF;
  --bg:#07070B;
  --text:#EEEEF4;
  --text-strong:#F4F4F8;
  --muted:rgba(238,238,244,0.66);
  --faint:rgba(238,238,244,0.45);
  --line:rgba(255,255,255,0.08);
  --panel:rgba(255,255,255,0.025);
  --mono:'JetBrains Mono',ui-monospace,monospace;
}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
::selection{background:color-mix(in srgb,var(--accent) 35%,transparent);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
a{color:#A99BFF;text-underline-offset:3px}
a:hover{color:#C9C0FF}

.backdrop{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(900px 540px at 80% -10%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 62%),linear-gradient(rgba(255,255,255,0.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.022) 1px,transparent 1px);background-size:auto,72px 72px,72px 72px;background-position:center top}

nav{position:sticky;top:0;z-index:20;background:rgba(7,7,11,0.72);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid rgba(255,255,255,0.07)}
.nav-inner{max-width:1180px;margin:0 auto;padding:15px clamp(16px,5vw,48px);display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand img{display:block;height:26px;width:auto;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--accent) 55%,transparent))}
.brand span{font-weight:500;font-size:14px;letter-spacing:0.3em;color:var(--text)}
.nav-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(14px,2.6vw,30px);font-family:var(--mono);font-size:12.5px;letter-spacing:0.06em}
.nav-links a{text-decoration:none;color:rgba(238,238,244,0.6);transition:color .2s}
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--text)}

main{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:clamp(48px,9vh,88px) clamp(16px,5vw,48px) clamp(56px,9vh,96px)}
.eyebrow{margin:0 0 14px;font-family:var(--mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent)}
h1{margin:0;font-weight:600;font-size:clamp(2rem,5vw,3rem);line-height:1.08;letter-spacing:-0.02em;color:var(--text-strong)}
.meta{margin:16px 0 0;font-family:var(--mono);font-size:12.5px;letter-spacing:0.04em;color:var(--faint)}
.lede{margin:28px 0 0;font-size:1.12rem;line-height:1.6;color:var(--muted)}

.summary{margin:36px 0 8px;padding:20px 22px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;background:var(--panel)}
.summary h2{margin:0 0 10px;font-size:0.95rem;font-weight:600;letter-spacing:0.01em;border:0;padding:0}
.summary ul{margin:0;padding-left:1.1em}
.summary li{margin:6px 0;line-height:1.55;color:var(--muted)}

.doc h2{margin:48px 0 0;padding-top:22px;border-top:1px solid var(--line);font-size:1.25rem;font-weight:600;letter-spacing:-0.01em;color:var(--text-strong)}
.doc h2 .n{font-family:var(--mono);font-size:0.8rem;font-weight:400;color:var(--accent);margin-right:10px;letter-spacing:0.06em}
.doc p,.doc li{font-size:1.02rem;line-height:1.7;color:rgba(238,238,244,0.8)}
.doc p{margin:14px 0 0}
.doc ul{margin:12px 0 0;padding-left:1.2em}
.doc li{margin:7px 0}
.doc strong{color:var(--text-strong);font-weight:600}
.caps{font-size:0.94rem !important;letter-spacing:0.01em}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;margin:40px 0 0}
.card{display:block;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--panel);text-decoration:none;color:var(--text);transition:border-color .25s ease,background .25s ease,transform .25s ease}
.card:hover{border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:rgba(255,255,255,0.04);transform:translateY(-2px);color:var(--text)}
.card .label{font-family:var(--mono);font-size:11.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--faint)}
.card h2{margin:10px 0 0;font-size:1.3rem;font-weight:600;color:var(--text-strong)}
.card p{margin:10px 0 0;line-height:1.55;color:var(--muted)}
.card .go{display:inline-block;margin-top:16px;font-family:var(--mono);font-size:12.5px;color:#A99BFF}

footer{position:relative;z-index:1;border-top:1px solid var(--line)}
.foot-inner{max-width:1180px;margin:0 auto;padding:30px clamp(16px,5vw,48px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;font-family:var(--mono);font-size:12px;letter-spacing:0.08em;color:var(--faint)}
.foot-inner a{color:var(--faint);text-decoration:none}
.foot-inner a:hover{color:var(--text)}
.foot-links{display:flex;flex-wrap:wrap;gap:18px}

@media (prefers-reduced-motion: reduce){*{transition:none !important}}