/* Cosmic Starship 2.51: styles for the website's guide pages (ship cards, tables, screenshots) and footer links.
   Kept light so they sit well in any theme, light or dark. */
.cs-lead{font-size:1.15em;line-height:1.6}
.cs-cta{margin:1.5em 0}
.cs-button{display:inline-block;padding:.75em 1.4em;border-radius:8px;background:#e2c694;color:#10161b!important;font-weight:700;text-decoration:none!important;box-shadow:0 2px 10px #0003}
.cs-button:hover,.cs-button:focus-visible{background:#f0d6a6}
.cs-shot{margin:1.5em 0}
.cs-shot img,img.cs-ship{display:block;width:100%;height:auto;border-radius:8px;background:#06101a}
.cs-shot figcaption{font-size:.85em;opacity:.75;margin-top:.4em}
img.cs-ship.cs-wide{max-width:640px;margin:1em 0}
.cs-cards{list-style:none;margin:1em 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.cs-card a{display:block;text-decoration:none!important;color:inherit;border:1px solid #8884;border-radius:10px;overflow:hidden;height:100%}
.cs-card a:hover,.cs-card a:focus-visible{border-color:#e2c694}
.cs-card img.cs-ship{border-radius:0}
.cs-card strong,.cs-card span{display:block;padding:0 10px}
.cs-card strong{padding-top:8px}
.cs-card span{font-size:.85em;opacity:.75;padding-bottom:10px}
.cs-table{width:100%;border-collapse:collapse;margin:1em 0;font-size:.95em}
.cs-table th,.cs-table td{border-bottom:1px solid #8884;padding:.5em .6em;text-align:left;vertical-align:top}
.cs-table th{width:32%;font-weight:600}
kbd{display:inline-block;padding:0 .4em;border:1px solid #8886;border-bottom-width:2px;border-radius:4px;font:600 .85em/1.6 ui-monospace,monospace}
.cosmic-legal{text-align:center;font-size:.85em;padding:1.5em 16px;opacity:.85}
@media (max-width:600px){.cs-table th{width:40%}.cs-cards{grid-template-columns:1fr 1fr;gap:10px}}