/*
 * Page styles for About/Contact/Policy pages
 * Designed to extend FastEdge theme and support dark mode.
 */

:root{
  --page-card-bg:#ffffff;
  --page-card-border:#e5e7eb;
  --page-muted:#64748b;
  --page-accent:#2544c5;
}

.page-hero .page-meta{color:var(--page-muted);font-size:.95rem}

.page-card{
  background:var(--page-card-bg);
  border:1px solid var(--page-card-border);
  border-radius:1rem;
  box-shadow:0 10px 30px rgba(37,68,197,.12);
}

.page-card-header{display:flex;gap:.75rem;align-items:center}

.page-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:rgba(37,68,197,.1);
  color:var(--page-accent);
  font-size:1.1rem;
}

.page-list{padding-left:1.1rem;margin-bottom:0}

.page-list li{margin-bottom:.4rem;color:var(--page-muted)}

.page-grid{display:grid;gap:1.25rem}

@media (min-width: 992px){
  .page-grid{grid-template-columns:repeat(2,1fr)}
}

.page-contact-card{padding:1.5rem}

.page-contact-card .small{color:var(--page-muted)}

.page-divider{height:1px;background:rgba(37,68,197,.12);margin:1.5rem 0}

@media (prefers-color-scheme: dark){
  :root{
    --page-card-bg:#111c2b;
    --page-card-border:rgba(148,163,184,.25);
    --page-muted:#cbd5f5;
    --page-accent:#93b4ff;
  }

  .page-card{box-shadow:0 12px 32px rgba(0,0,0,.4)}
  .page-icon{background:rgba(99,102,241,.2);color:var(--page-accent)}
  .page-divider{background:rgba(148,163,184,.25)}
}