:root{
  --brand:#9C8498;   /* LetGo muted mauve-purple */
  --accent:#A8C3D1;  /* Powder Blue */
  --text:#111;
  --bg:#ffffff;
  --line:#eee;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg); color:var(--text); font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Arial}

.wrap{max-width:880px;margin:0 auto;padding:0 20px}

.site-header{background:linear-gradient(0deg, #fff, #fff); border-bottom:1px solid var(--line)}
.brand{display:inline-block; padding:18px 0; font-weight:800; text-decoration:none; color:var(--brand); letter-spacing:.2px}
.nav{float:right; padding:22px 0}
.nav a{margin-left:18px; text-decoration:none; color:#444}
.nav a.active{font-weight:700; color:var(--brand); border-bottom:2px solid var(--accent); padding-bottom:4px}

.page h1{margin:28px 0 6px; font-size:32px; letter-spacing:.2px}
.meta{margin:0 0 20px}
.badge{display:inline-block; background:rgba(168,195,209,.18); border:1px solid rgba(168,195,209,.6); color:#2a4666;
  padding:2px 10px; border-radius:999px; font-size:12px; margin-right:8px}

.page h2{margin-top:24px; font-size:22px}
.page h3{margin-top:18px; font-size:18px}
.page p, .page li{max-width:75ch}
.page code{padding:2px 6px; background:#f6f8fa; border:1px solid #eaeef2; border-radius:6px}
.backlink{margin-top:28px}

a{color:#294e80} a:hover{text-decoration:underline}

.site-footer{margin-top:56px; padding:22px 0; border-top:1px solid var(--line); color:#555}
.small{font-size:13px; color:#777}

@media (prefers-color-scheme:dark){
  :root{ --text:#eaeef2; --bg:#0c0d0f; --line:#1c1f26 }
  .brand{color:var(--accent)}
  .nav a{color:#c9d3e0}
  .nav a.active{color:var(--accent); border-bottom-color:var(--accent)}
  .badge{background:#1a2030; border-color:#26324a; color:#b9c7e2}
  .page code{background:#12161d; border-color:#1d2430}
  .site-footer{color:#b3b3b3}
}

@media print{
  .site-header, .site-footer, .backlink{display:none}
  .wrap{max-width:100%; padding:0}
  body{color:#000}
}
/* --- Legal Home cards --- */
.legal-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap:16px; margin-top:12px;
}
.legal-card{
  display:block; padding:16px; border:1px solid var(--line, #eee); border-radius:16px;
  text-decoration:none; background:#fff;
  transition:transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.legal-card:hover{ transform:translateY(-2px); box-shadow:0 6px 18px rgba(0,0,0,.06); border-color:#dfe6ef; }
.legal-card .emoji{ font-size:28px; line-height:1; margin-bottom:8px }
.legal-card .title{ font-weight:700; margin-bottom:4px; color: var(--brand, #9C8498) }
.legal-card .desc{ color:#555; font-size:14px }

/* dark mode */
@media (prefers-color-scheme:dark){
  .legal-card{ background:#0f1116; border-color:#1c1f26 }
  .legal-card:hover{ border-color:#26324a; box-shadow:0 6px 18px rgba(0,0,0,.4) }
  .legal-card .desc{ color:#b7c0cf }
}