
:root {
  --bg: #0c1520;
  --fg: #ffffff;
  --muted: #cfd9e6;
  --card: #0c1520;
  --primary: var(--exportqa-primary, #0d4a74);
  --accent: var(--exportqa-accent, #e0424c);
}
body { background: var(--bg); color: var(--fg); }
a { color: var(--accent); text-decoration: none; }
.exportqa-container { max-width: 1040px; margin: 0 auto; padding: 24px; }
.exportqa-card { background: rgba(12,21,32,0.92); border: 1px solid rgba(255,255,255,.06); border-radius: 16px; padding: 22px; box-shadow: 0 6px 30px rgba(0,0,0,.3); color: var(--fg); }
.exportqa-hero { background: radial-gradient(1200px 500px at 20% -10%, rgba(13,74,116,.35), transparent), radial-gradient(1000px 500px at 80% -20%, rgba(224,66,76,.30), transparent); border: 1px solid rgba(255,255,255,.06); border-radius: 18px; padding: 36px; margin-bottom: 16px; color: var(--fg); }
.exportqa-hero h1 { margin:0 0 8px; font-size: 32px; color: var(--fg); }
.exportqa-hint { color: var(--muted); font-size: 13px; }
.exportqa-searchbar { display:flex; gap:10px; }
.exportqa-input, .exportqa-textarea, .exportqa-select {
  width: 100%; padding: 14px 16px; border-radius: 14px; border: 1px solid rgba(255,255,255,.15); background: #0f1b2a; color: var(--fg); outline: none;
}
.exportqa-button { border: none; padding: 14px 18px; border-radius: 14px; background: linear-gradient(135deg, var(--primary), var(--accent)); color: white; font-weight: 700; cursor: pointer; }
.exportqa-badge { display: inline-block; padding: 6px 12px; border-radius: 999px; background: #102133; color: var(--fg); font-size: 12px; border: 1px solid rgba(255,255,255,.06); }
.exportqa-list { display:grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
@media (max-width: 860px){ .exportqa-list{ grid-template-columns:1fr; } }
.exportqa-article { color: var(--fg); }
.exportqa-article p, .exportqa-article li { color: var(--fg); }
.exportqa-article h2, .exportqa-article h3 { color: var(--fg); margin-top: 1em; }
.exportqa-article a { color: var(--accent); text-decoration: underline; }
.exportqa-article table { width: 100%; border-collapse: collapse; }
.exportqa-article th, .exportqa-article td { border: 1px solid rgba(255,255,255,.12); padding: 8px; color: var(--fg); }
