/* FishingCue document pages: privacy, delete account, support, open data and 404.
   Same identity as the home page (Manrope, ivory and deep navy, mint accent). Light by default,
   dark through the system setting or the Light/Dark control. No inline styles (strict CSP). */
:root{
  --bg:#f8f6f1;--surface:#fffdf8;--ink:#123745;--ink-2:#3f5a62;--muted:#687d82;--line:#d6ded9;
  --accent:#1f6f73;--accent-ink:#0f4f55;--mint:#9fd8c2;--callout:#eef4ef;--focus:#2fb39b;
  --frame:1120px;--gutter:clamp(18px,5.2vw,64px);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#071e2b;--surface:#0d2a39;--ink:#f5f8f8;--ink-2:#c9d8da;--muted:#8fa6ab;--line:#1f3d4a;
    --accent:#9fd8c2;--accent-ink:#c6ebdc;--callout:#0f3141;color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg:#071e2b;--surface:#0d2a39;--ink:#f5f8f8;--ink-2:#c9d8da;--muted:#8fa6ab;--line:#1f3d4a;
  --accent:#9fd8c2;--accent-ink:#c6ebdc;--callout:#0f3141;color-scheme:dark;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Manrope',system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--accent-ink);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}
.frame{max-width:var(--frame);margin:0 auto;padding:0 var(--gutter)}
.skip{position:absolute;left:-999px;top:8px;background:var(--surface);color:var(--ink);padding:8px 12px;border-radius:8px;z-index:9}
.skip:focus{left:12px}

/* Header */
.doc-head{border-bottom:1px solid var(--line);background:var(--bg)}
.doc-head .frame{display:flex;align-items:center;gap:22px;min-height:68px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}
.doc-head .brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:800;font-size:19px;letter-spacing:-.01em}
.doc-head .brand img{width:28px;height:28px;border-radius:7px}
.doc-head .brand small{font-weight:500;font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-left:4px}
.doc-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin-left:auto;font-size:13px;font-weight:600}
.doc-links a{color:var(--ink-2);text-decoration:none;padding:6px 0}
.doc-links a:hover,.doc-links a[aria-current="page"]{color:var(--ink);text-decoration:underline;text-underline-offset:6px}
.toggle{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;gap:2px}
.toggle [role=radio]{appearance:none;border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;cursor:pointer}
.toggle [role=radio][aria-checked="true"]{background:var(--ink);color:var(--bg)}
html:not(.js) .toggle{display:none}

/* Layout */
.doc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-top:42px;padding-bottom:64px}
@media (min-width:1024px){.doc-grid{grid-template-columns:240px minmax(0,1fr);gap:56px;align-items:start}.doc-grid>.doc:first-child{grid-column:1/-1}}
.toc{font-size:13px;position:sticky;top:20px}
.toc summary{cursor:pointer;font-weight:700;color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:11px;margin-bottom:10px}
.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.toc li a{display:block;padding:5px 0 5px 14px;color:var(--ink-2);text-decoration:none;border-left:2px solid transparent;margin-left:-1px}
.toc li a:hover{color:var(--ink)}
.toc li a[aria-current="true"]{color:var(--ink);border-left-color:var(--accent);font-weight:600}
@media (min-width:1024px){.toc summary{pointer-events:none;list-style:none}.toc summary::-webkit-details-marker{display:none}}

/* Document body */
.doc{max-width:720px;font-size:16px}
.doc h1{font-size:clamp(32px,4.4vw,44px);line-height:1.08;letter-spacing:-.02em;font-weight:800;margin:0 0 14px}
.doc .updated{color:var(--muted);font-size:13px;margin:0 0 34px}
.doc h2{font-size:21px;line-height:1.3;letter-spacing:-.01em;font-weight:700;margin:40px 0 10px;padding-top:6px}
.doc p,.doc li{color:var(--ink-2)}
.doc p{margin:0 0 16px}
.doc ul,.doc ol{margin:0 0 16px;padding-left:22px}
.doc li{margin:6px 0}
.doc li::marker{color:var(--accent)}
.doc strong{color:var(--ink)}
.doc .callout{background:var(--callout);border-left:3px solid var(--mint);border-radius:0 12px 12px 0;padding:14px 18px;color:var(--ink);font-size:15px}
.doc a[download]{font-weight:700}

/* 404 */
.lost{text-align:left}
.rose{width:120px;height:120px;margin-bottom:22px;display:block}
.rose .bezel{fill:none;stroke:var(--line);stroke-width:1.5}
.rose .tk{stroke:var(--muted);stroke-width:1.5}
.rose .pts{fill:var(--muted);font-size:9px;font-weight:700;text-anchor:middle}
.rose .needle path{fill:var(--accent)}
.lost .eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:11px;font-weight:700;margin:0 0 10px}

/* Footer */
.foot{border-top:1px solid var(--line);padding:30px 0 36px;font-size:12px;color:var(--muted)}
.foot .frame{display:grid;gap:10px}
.foot p{margin:0}
.foot .copy{color:var(--ink-2);font-weight:600}
.foot .links{display:flex;flex-wrap:wrap;gap:6px 22px}
.foot .links a{color:var(--ink-2);text-decoration:none;font-weight:600}
.foot .links a:hover{text-decoration:underline;text-underline-offset:4px}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}