/* ArgoDeck — shared styling for the legal and support pages.
   Inlined into each page so the site stays dependency-free static HTML. */
:root{
  --ink:#14181D; --ink-2:#4A5563; --ink-3:#7C8695;
  --paper:#FFFFFF; --ground:#F4F6FA; --line:#DCE2EB; --line-soft:#EDF1F6;
  --indigo:#4F55E8; --indigo-lit:#7C81F2; --indigo-wash:#ECEDFD;
  --green:#4CAF50; --green-deep:#2E9E5B;
}
@media (prefers-color-scheme: dark){
  :root{
    --ink:#EEF2F7; --ink-2:#A7B3C4; --ink-3:#6F7D91;
    --paper:#111823; --ground:#0A0E14; --line:#243040; --line-soft:#1B2430;
    --indigo:#7C81F2; --indigo-lit:#9EA2F7; --indigo-wash:#1A1B3A;
    --green:#6FD48C; --green-deep:#6FD48C;
  }
}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--indigo)}
.wrap{max-width:820px;margin:0 auto;padding:0 26px 90px}

/* header */
.site-head{border-bottom:1px solid var(--line);background:var(--paper)}
.site-head .in{max-width:820px;margin:0 auto;padding:18px 26px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.brand b{font-size:22px;font-weight:800;letter-spacing:-.045em}
.brand b i{font-style:normal;font-weight:500;color:var(--ink-3)}
.site-head nav{display:flex;gap:18px;font-size:14px}
.site-head nav a{color:var(--ink-2);text-decoration:none}
.site-head nav a:hover{color:var(--indigo)}
.site-head nav a.login{color:var(--indigo);font-weight:650;border:1px solid var(--indigo);
  border-radius:7px;padding:5px 14px;margin-left:4px}
.site-head nav a.login:hover{background:var(--indigo);color:#fff}

h1{margin:42px 0 0;font-size:clamp(30px,4.4vw,40px);font-weight:800;letter-spacing:-.04em}
.updated{margin:10px 0 0;font-size:13.5px;color:var(--ink-3)}
h2{margin:40px 0 0;font-size:20px;font-weight:750;letter-spacing:-.02em}
h3{margin:26px 0 0;font-size:16px;font-weight:700}
p{margin:12px 0 0;color:var(--ink-2)}
ul{margin:12px 0 0;padding-left:22px;color:var(--ink-2)}
li{margin:6px 0}
strong{color:var(--ink);font-weight:650}

.card{margin-top:26px;background:var(--paper);border:1px solid var(--line);
  border-radius:10px;padding:22px 24px}
.card.accent{border-left:3px solid var(--indigo)}
.card.warn{border-left:3px solid var(--green-deep)}
.card p:first-child{margin-top:0}

.todo{background:#FFF6E0;border:1px solid #E8C97A;border-left:3px solid #C99A2E;
  color:#5E4508;border-radius:10px;padding:18px 22px;margin-top:26px}
.todo b{color:#5E4508}
.todo code{background:#F3E3B8;padding:1px 6px;border-radius:4px;font-size:13px}
@media (prefers-color-scheme: dark){
  .todo{background:#2A2310;border-color:#5E4508;color:#E8C97A}
  .todo b{color:#F0D999}.todo code{background:#3D3316;color:#F0D999}
}

.site-foot{border-top:1px solid var(--line);margin-top:70px;background:var(--paper)}
.site-foot .in{max-width:820px;margin:0 auto;padding:26px;
  display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;
  font-size:13.5px;color:var(--ink-3)}
.site-foot a{color:var(--ink-2);text-decoration:none;margin-right:16px}
.site-foot a:hover{color:var(--indigo)}