/* Site-wide trust-page links. Static HTML in every shell (crawlable, not
   JS-injected) so a reviewer and a crawler both reach Privacy and Contact
   from anywhere - and About too, on Triviagon, which is the only site that
   has one. Inherits --ink-faint from whichever
   section stylesheet is loaded; the fallback covers a page that defines none. */
.tg-sitelinks{
  margin-top:2.5rem; padding-top:1.2rem;
  font-family:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  font-size:.66rem; letter-spacing:.09em; text-transform:uppercase;
  text-align:center; line-height:2.1;
  color:var(--ink-faint,#877c9c);
}
.tg-sitelinks a{ color:inherit; text-decoration:none; }
.tg-sitelinks a:hover{ color:var(--accent,#b48cf7); text-decoration:underline; }

/* Stacked disclosure panels + archive link below each section. */
.tg-panels{
  max-width:44rem; margin:2.6rem auto 0; padding-top:1.4rem;
  border-top:1px solid var(--line-soft,rgba(128,128,128,.22));
  display:flex; flex-direction:column; gap:.55rem; text-align:left;
}
.tg-panel{ background:var(--surface,#1c1628); border:1px solid var(--line,#332942); border-radius:10px; }
.tg-panel > summary, .tg-panel-link{
  display:block; padding:.85rem 1.1rem; cursor:pointer; list-style:none;
  font-family:var(--display,Georgia,serif); font-weight:600; font-size:1rem;
  color:var(--ink,#e9e9f2); text-decoration:none;
}
.tg-panel > summary::-webkit-details-marker{ display:none; }
.tg-panel > summary::after{ content:"+"; float:right; color:var(--ink-faint,#877c9c); font-family:var(--mono,monospace); font-weight:400; }
.tg-panel[open] > summary::after{ content:"-"; }
.tg-panel-link{ color:var(--accent,#b48cf7); }
.tg-panel-link::after{ content:"→"; float:right; }
.tg-panel-body{ padding:0 1.1rem 1.1rem; font-family:var(--body,Georgia,serif); line-height:1.72; color:var(--ink,#e9e9f2); }
.tg-panel-body p{ margin:.55rem 0 .9rem; }
.tg-panel-body p:first-child{ margin-top:0; }
.tg-panel-body a{ color:var(--accent,#b48cf7); }