/******* Do not edit this file *******
Code Snippets Manager
Saved: Feb 03 2026 | 04:03:36 */
@charset "UTF-8";
/* =========================================
   Safari Legal Docs – Shared UX (Accent #ec1e25)
   Includes:
   - summary + TOC
   - reveal (details/summary) "Read more"
   - section formatting
   - key docs nav outside expansion (bottom-right, non-floating)
   ========================================= */
/* Page wrapper */
.spp-wrap {
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
  line-height: 1.75;
}
/* Muted + accent helpers */
.spp-muted {
  color: #6b7280;
}
.spp-accent {
  color: #ec1e25;
}
/* Summary box */
.spp-summary {
  border-left: 4px solid #ec1e25;
  padding: 10px 14px;
  margin: 14px 0 10px;
}
.spp-summary ul {
  margin: 10px 0 0 18px;
}
.spp-summary li {
  margin: 6px 0;
}
/* TOC */
.spp-toc {
  margin: 14px 0 0;
  padding-left: 18px;
}
.spp-toc a {
  color: #ec1e25;
  text-decoration: none;
}
.spp-toc a:hover {
  text-decoration: underline;
}
/* Reveal control */
details.spp-details {
  margin-top: 6px;
}
details.spp-details > summary {
  list-style: none;
  cursor: pointer;
  user-select: none;
  outline: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  color: #ec1e25;
}
details.spp-details > summary:hover {
  text-decoration: underline;
}
details.spp-details > summary::-webkit-details-marker {
  display: none;
}
/* Arrow rotation */
details[open] > summary span[aria-hidden="true"] {
  transform: rotate(180deg);
  display: inline-block;
  transition: transform 200ms ease;
}
/* Full content spacing */
.spp-full {
  margin-top: 22px;
}
/* Sections */
.spp-section {
  margin: 18px 0 0;
  padding-top: 14px;
  border-top: 1px solid #eee;
}
.spp-section h3 {
  margin: 0 0 8px 0;
}
.spp-section h4 {
  margin: 14px 0 8px 0;
}
.spp-section ul, .spp-section ol {
  padding-left: 20px;
}
.spp-section li {
  margin: 6px 0;
}
/* Anchor offset */
.spp-anchor {
  scroll-margin-top: 90px;
}
/* =========================================
   Key docs nav (outside expansion, bottom-right)
   Uses the same .spp-docfooter__nav markup you already have.
   Inactive links grey, active red.
   ========================================= */
.spp-docfooter__nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  flex-wrap: wrap;
  max-width: 75%;
  margin: -72px 0 0 215px;
  padding: 10px 20px 22px;
  border-top: 1px solid #eee;
}
.spp-docfooter__label {
  font-size: 12px;
  color: #9ca3af;
  margin-right: 4px;
  white-space: nowrap;
}
.spp-docfooter__link {
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  color: #9ca3af;
  /* grey by default */
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid transparent;
  line-height: 1.2;
}
.spp-docfooter__link:hover {
  color: #ec1e25;
  text-decoration: underline;
}
.spp-docfooter__link.is-active {
  color: #ec1e25;
  border-color: rgba(236, 30, 37, 0.35);
  background: rgba(236, 30, 37, 0.08);
  text-decoration: none;
}
/* Hide Gdpr eamil lablel */
label[for="gdpr_email"] {
  display: none !important;
}
/* Mobile */
@media (max-width: 640px) {
  .spp-docfooter__nav {
    justify-content: center;
    padding: 15px 5px 5px;
    transform: scale(0.8);
    flex-wrap: unset;
    margin: -35px auto 0;
    max-width: unset;
  }
}