/* The update (2026-10) — legal pages (/terms, /privacy, /refunds, /credits): h-post.css's manuscript,
 * without the candle, tuned for long reading: no drop cap, a "Last updated" line, readable tables,
 * links and the expandable licence text. */
.sg-legal h1 { margin-top: 0; }
.sg-legal-updated { margin: 0 0 4px; font: italic 400 17px/1.4 var(--font-lore); color: #6b5232; }
.sg-legal-updated strong { color: #4a3418; font-weight: 600; }

.sg-legal .sg-ms-body { font-size: 19px; line-height: 1.65; }
.sg-legal .sg-ms-body > p:first-child::first-letter { float: none; font: inherit; color: inherit; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; text-shadow: none; }
.sg-legal .sg-ms-body h2 { margin-top: 38px; scroll-margin-top: 90px; }
.sg-legal .sg-ms-body h3 { scroll-margin-top: 90px; }
.sg-legal .sg-ms-body li > ul { margin: 6px 0 4px; }
.sg-legal .sg-ms-body a { overflow-wrap: anywhere; font-weight: 500; }
.sg-legal .sg-ms-body a:hover { color: #5c1015; text-decoration-color: currentColor; }
.sg-legal .sg-ms-body a:focus-visible { outline: 2px solid #8a1c22; outline-offset: 2px; border-radius: 2px; }

/* the refunds summary */
.sg-legal .sg-ms-body table { margin: 6px 0 26px; font-size: 17px; line-height: 1.5; background: rgba(255,248,232,.55); border: 1px solid rgba(90,60,20,.3); border-radius: 4px; }
.sg-legal .sg-ms-body thead th { background: rgba(168,135,43,.18); border-bottom: 2px solid rgba(138,28,34,.35); }
.sg-legal .sg-ms-body td { border-bottom-color: rgba(90,60,20,.2); }
.sg-legal .sg-ms-body tr:last-child td { border-bottom: 0; }
.sg-legal .sg-ms-body td:first-child { width: 36%; }

/* credits: the full Open Game License, expandable in place */
.sg-legal details { margin: 22px 0 26px; border: 1px solid rgba(90,60,20,.3); border-radius: 4px; background: rgba(255,248,232,.55); }
.sg-legal summary { cursor: pointer; padding: 12px 16px; font: 700 15px/1.3 var(--font-heading); letter-spacing: .06em; color: #8a1c22; list-style-position: inside; }
.sg-legal summary:hover { color: #5c1015; }
.sg-legal summary:focus-visible { outline: 2px solid #8a1c22; outline-offset: 2px; }
.sg-legal details[open] summary { border-bottom: 1px solid rgba(90,60,20,.2); }
.sg-legal .legal-licence-text { padding: 14px 18px 6px; font-size: 16px; line-height: 1.6; }
.sg-legal .legal-licence-text p { margin: 0 0 12px; }

@media (max-width: 600px) {
  .sg-legal .sg-ms-body { font-size: 17px; }
  .sg-legal .sg-ms-body td:first-child { width: auto; }
  .sg-legal .legal-licence-text { padding: 12px 12px 4px; font-size: 15px; }
}