/* sage.css - strony projektu Gaia@home / SAGE (dolaczany po Bootstrap przez STYLESHEET).
   Kolory polprzezroczyste, by dzialaly z jasnym i ciemnym motywem BOINC. */
.sage-hero {
  background: linear-gradient(160deg, #0d1424 0%, #17264a 55%, #2c56c8 140%);
  color: #eef2fb;
  padding-left: max(16px, env(safe-area-inset-left, 0px));
  padding-right: max(16px, env(safe-area-inset-right, 0px));
  padding-block: 28px 24px;
  margin-bottom: 12px;
}
.sage-hero-in { max-width: 1140px; margin: 0 auto; }
.sage-hero-title { font-size: 2.1em; font-weight: 700; letter-spacing: 0.01em; }
.sage-hero-sub { opacity: 0.85; font-size: 1.1em; margin-top: 4px; }

.sage-page { max-width: 1140px; }
.sage-text { max-width: 760px; }
.sage-text p { line-height: 1.6; }
.sage-lead { font-size: 1.1em; max-width: 760px; }
.sage-note, .sage-meta { opacity: 0.75; font-size: 0.92em; }
.sage-ref { font-size: 0.92em; }

.sage-object { margin: 24px 0 32px; }
.sage-object h3 { margin-bottom: 4px; }
.sage-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); gap: 16px; }
.sage-cards-small { grid-template-columns: repeat(auto-fill, minmax(min(100%, 140px), 1fr)); gap: 10px; }
.sage-card { margin: 0; border: 1px solid rgba(128, 140, 160, 0.35); border-radius: 6px; padding: 10px; min-width: 0; }
.sage-3d { width: 100%; max-width: 100%; aspect-ratio: 1 / 1; display: block; cursor: grab; touch-action: none;
  background: radial-gradient(circle at 50% 45%, rgba(128, 140, 160, 0.16), rgba(128, 140, 160, 0.04) 70%); border-radius: 4px; }
.sage-3d.sage-missing { opacity: 0.3; }
.sage-card-title { font-weight: 600; margin: 8px 0 4px; }
.sage-cards-small .sage-card-title { font-size: 0.9em; }
.sage-cards-small .sage-kv, .sage-cards-small .sage-bin { display: none; }
.sage-kv { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px 10px; font-size: 0.88em; margin: 0; }
.sage-kv dt { font-weight: 400; opacity: 0.75; }
.sage-kv dd { margin: 0; font-variant-numeric: tabular-nums; white-space: nowrap; text-align: right; }
.sage-bin { font-size: 0.88em; margin-top: 6px; }
@media (prefers-reduced-motion: reduce) { .sage-3d { cursor: default; } }