/* ===== Legal / content pages + footer ===== */
.legal-wrap{max-width:860px;margin:0 auto;padding:40px 22px 60px}
.legal-wrap h1{font-size:30px;font-weight:800;letter-spacing:-.5px;margin-bottom:6px}
.legal-wrap .updated{font-size:13px;color:#64748b;margin-bottom:28px}
.legal-wrap h2{font-size:19px;font-weight:800;margin:30px 0 10px;color:var(--ink)}
.legal-wrap h3{font-size:15px;font-weight:700;margin:20px 0 8px}
.legal-wrap p,.legal-wrap li{font-size:15px;line-height:1.7;color:#334155;margin-bottom:12px}
.legal-wrap ul,.legal-wrap ol{padding-left:22px;margin-bottom:14px}
.legal-wrap a{color:var(--brand);text-decoration:none}
.legal-wrap a:hover{text-decoration:underline}
.legal-wrap strong{color:var(--ink)}
.legal-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:36px}
.back-home{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--brand);margin-bottom:20px;text-decoration:none}

/* Footer */
.site-footer{margin-top:40px}

/* simple top bar for legal pages */
.mini-top{display:flex;align-items:center;gap:12px;padding:14px 22px;background:rgba(255,255,255,.85);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.mini-top .logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand-2));
  display:grid;place-items:center;color:#fff;font-weight:800}
.mini-top a.home{font-size:16px;font-weight:800;color:var(--ink);text-decoration:none}

/* SEO content section on home */
.seo-content{max-width:1100px;margin:30px auto 10px;padding:0 22px}
.seo-content h1{font-size:26px;font-weight:800;letter-spacing:-.4px;margin-bottom:10px}
.seo-content h2{font-size:19px;font-weight:800;margin:26px 0 12px}
.seo-content h3{font-size:15px;font-weight:700;margin:16px 0 4px}
.seo-content p{font-size:14.5px;line-height:1.7;color:var(--ink-soft);max-width:820px}
.seo-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin:10px 0 4px}
.seo-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px}
.seo-card strong{display:block;font-size:14px;font-weight:800;margin-bottom:4px}
.seo-card span{font-size:12.5px;color:var(--muted);line-height:1.5}

/* ===== Blog ===== */
.blog-list{display:flex;flex-direction:column;gap:16px;margin-top:18px}
.blog-item{display:block;border:1px solid var(--line,#e2e8f0);border-radius:14px;padding:18px 20px;
  text-decoration:none;color:inherit;transition:.16s;background:#fff}
.blog-item:hover{border-color:#2563eb;box-shadow:0 6px 18px rgba(37,99,235,.12);transform:translateY(-2px)}
.blog-item h2{margin:0 0 4px;font-size:19px;color:#0f172a}
.blog-meta{margin:0 0 8px;font-size:13px;color:#64748b}
.blog-desc{margin:0 0 10px;font-size:15px;color:#334155;line-height:1.55}
.blog-readmore{font-size:14px;font-weight:700;color:#2563eb}

.blog-body{margin-top:18px;font-size:16px;line-height:1.7;color:#1e293b}
.blog-body h2{font-size:21px;margin:26px 0 10px;color:#0f172a}
.blog-body p{margin:0 0 14px}
.blog-body ul,.blog-body ol{margin:0 0 16px;padding-left:22px}
.blog-body li{margin:6px 0}
.blog-body code{background:#f1f5f9;padding:2px 7px;border-radius:6px;font-size:14px;color:#be123c}

.tool-cta{display:inline-block;margin:8px 0 18px;padding:12px 22px;border-radius:11px;
  background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:700;text-decoration:none;
  box-shadow:0 4px 14px rgba(37,99,235,.3);transition:.16s}
.tool-cta:hover{transform:translateY(-2px);box-shadow:0 6px 18px rgba(37,99,235,.4)}

.divider2{height:1px;background:var(--line,#e2e8f0);margin:28px 0 18px}
.related-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.related-list a{color:#2563eb;text-decoration:none;font-weight:600}
.related-list a:hover{text-decoration:underline}

/* Language toggle (premium pill) */
.lang-toggle{display:inline-flex;gap:0;border:1px solid var(--line,#e2e8f0);border-radius:10px;
  overflow:hidden;margin-bottom:18px;background:#f8fafc}
.lang-toggle a{padding:8px 18px;font-size:14px;font-weight:600;color:#64748b;text-decoration:none;transition:.16s}
.lang-toggle a.active{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}
.lang-toggle a:not(.active):hover{background:#eef2ff;color:#2563eb}

/* Contact form fields full width */
.legal-card .field input,
.legal-card .field textarea{width:100%;padding:11px 14px;border:1px solid var(--line,#e2e8f0);
  border-radius:10px;font-size:15px;font-family:inherit;box-sizing:border-box;background:#fff;color:#0f172a}
.legal-card .field input:focus,
.legal-card .field textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.12)}
.legal-card .field label{display:block;font-size:13px;font-weight:700;color:#334155;margin-bottom:6px}
.legal-card .field{margin-bottom:16px}