/* Shipfreak brand stylesheet — used by privacy / terms / support / legal pages.
   Tokens lifted from projects/shipfreak/brand/Current Branding/kit/ui/shipfreak_design_tokens_v1_1.json
   Google Fonts loaded via <link> tag in each HTML page's head, NOT @import (blocks render). */

:root{
  --freak-blue:#1E5BFF;
  --automation-aqua:#00D4C8;
  --signal-lime:#B7FF2A;
  --ink-navy:#071225;
  --cloud-white:#F7FAFF;
  --profit-coral:#FF5B6E;
  --slate-gray:#667085;
  --radius-card:24px;
  --radius-pill:999px;
  --font-headline:"Space Grotesk","Sora","Inter",sans-serif;
  --font-body:"Inter",Arial,sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:var(--font-body);
  color:var(--ink-navy);
  background:var(--cloud-white);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:var(--font-headline);color:var(--ink-navy);letter-spacing:-0.02em}
a{color:var(--freak-blue);text-decoration:none}
a:hover{text-decoration:underline}

.wrap{max-width:760px;margin:0 auto;padding:0 24px}

/* Top nav */
.brand-nav{display:flex;align-items:center;justify-content:space-between;padding:20px 0;max-width:1120px;margin:0 auto;padding-left:24px;padding-right:24px}
.brand-nav .logo img{height:32px;display:block}
.brand-nav .links{display:flex;gap:24px;align-items:center;font-size:14px;font-weight:500}
.brand-nav .links a{color:var(--slate-gray);text-decoration:none}
.brand-nav .links a:hover{color:var(--ink-navy)}

/* Legal content surface */
.legal-content{background:#fff;border-radius:var(--radius-card);padding:48px 56px;margin:24px auto 56px;max-width:760px;box-shadow:0 12px 40px rgba(7,18,37,0.04);border:1px solid #e4e8f1}
@media (max-width:600px){.legal-content{padding:32px 24px;margin:16px 16px 32px}}

.legal-content h1{font-size:34px;font-weight:800;margin:0 0 10px}
.legal-content h2{font-size:20px;font-weight:700;margin:32px 0 10px}
.legal-content h3{font-size:16px;font-weight:700;margin:20px 0 8px}
.legal-content .lead{color:var(--slate-gray);font-size:15.5px;margin:0 0 24px}

.updated{display:inline-block;padding:5px 12px;background:rgba(30,91,255,0.08);color:var(--freak-blue);border-radius:var(--radius-pill);font-size:12px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:22px}
.pill{display:inline-block;padding:5px 12px;background:rgba(30,91,255,0.08);color:var(--freak-blue);border-radius:var(--radius-pill);font-size:12px;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:22px}

ul{padding-left:22px;margin:8px 0 16px}
li{margin:4px 0}

.table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px;border:1px solid #e4e8f1;border-radius:14px;overflow:hidden}
.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid #e4e8f1;vertical-align:top}
.table th{background:rgba(30,91,255,0.04);font-weight:700;color:var(--ink-navy);font-size:13px;text-transform:uppercase;letter-spacing:0.03em}
.table tr:last-child td{border-bottom:none}

/* Contact / FAQ blocks (support page) */
.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:24px 0 32px}
@media (max-width:600px){.contact-grid{grid-template-columns:1fr}}
.contact-card{padding:20px;border:1px solid #e4e8f1;border-radius:16px;background:var(--cloud-white)}
.contact-card h3{margin:0 0 6px;font-size:15px}
.contact-card p{margin:0 0 4px;font-size:13.5px;color:var(--slate-gray)}
.contact-card a{font-weight:600;font-size:14px}

.faq{margin:10px 0;padding:14px 18px;border:1px solid #e4e8f1;border-radius:14px;background:#fff}
.faq[open]{background:var(--cloud-white);border-color:rgba(30,91,255,0.3)}
.faq summary{cursor:pointer;font-weight:700;font-size:15px;color:var(--ink-navy);font-family:var(--font-headline)}
.faq summary:hover{color:var(--freak-blue)}
.faq p{margin:10px 0 0;font-size:14px;color:var(--slate-gray)}

/* Footer */
.brand-footer{padding:48px 0;border-top:1px solid #e4e8f1;color:var(--slate-gray);font-size:13.5px;background:#fff}
.brand-footer .inner{max-width:1120px;margin:0 auto;padding:0 24px}
.brand-footer .grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:center}
.brand-footer img{height:28px;display:block}
.brand-footer .links a{color:var(--slate-gray);text-decoration:none;margin-right:20px}
.brand-footer .links a:hover{color:var(--freak-blue)}
.brand-footer .meta{font-size:12.5px;color:#94a0b8;margin-top:14px;width:100%;border-top:1px solid #eef1f7;padding-top:14px}

/* Helpers */
.muted{color:var(--slate-gray)}
.row-gap{margin-top:30px}
code{background:rgba(7,18,37,0.05);padding:2px 6px;border-radius:6px;font-size:13px;color:var(--ink-navy);font-family:"JetBrains Mono",ui-monospace,monospace}