.help-menu { position: relative; }
.play-badge { display: inline-block; padding: 16px; }
.play-badge img { width: 220px; height: auto; }
.help-menu summary { cursor: pointer; padding: .65rem .5rem; font-weight: 600; }
.help-links { position: absolute; right: 0; min-width: 280px; max-width: 90vw; padding: .75rem; margin: .5rem 0 0; list-style: none; border: 1px solid var(--color-border); border-radius: 12px; background: var(--color-bg-soft); box-shadow: var(--shadow-card); z-index: 30; }
.help-links a { display: block; padding: .65rem; }
.document-dialog { width: min(1100px, 96vw); height: 90dvh; max-height: 94dvh; padding: 0; border: 1px solid var(--color-border); border-radius: 20px; background: var(--color-bg); color: var(--color-text); }
.document-dialog::backdrop { background: rgb(0 0 0 / 75%); }
.document-dialog[open] { display: flex; flex-direction: column; }
.document-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1rem; border-bottom: 1px solid var(--color-border); }
.document-toolbar h2 { margin: 0; font-size: 1.2rem; }
.document-dialog iframe { flex: 1; min-height: 0; width: 100%; border: 0; background: var(--color-bg); }
.document-open { overflow: hidden; }
.document-page { max-width: 960px; padding-block: 2rem 5rem; overflow-wrap: anywhere; }
.document-page h1 { max-width: none; font-size: clamp(2rem, 5vw, 3.5rem); }
.document-page h2 { font-size: 1.65rem; padding-top: 1.5rem; }
.document-page section { border-top: 1px solid var(--color-border); margin-top: 2rem; }
.document-page table { width: 100%; border-collapse: collapse; margin: 1.25rem 0; font-size: .95rem; }
.document-page th, .document-page td { text-align: left; vertical-align: top; padding: .7rem; border: 1px solid var(--color-border); }
.document-page th { color: var(--color-gold); }
.document-page code { overflow-wrap: anywhere; }
body:has(.document-page) { background: #071f1a; color: #fff8e7; }
.document-page { padding-inline: clamp(0rem, 2vw, 1.5rem); }
.document-page > .eyebrow { margin-top: 2.4rem; }
.document-page > nav[aria-label="Document contents"] { padding: 1.4rem 1.6rem; background: #11372b; border: 1px solid #3c593f; border-radius: 14px; margin-top: 2rem; }
.document-page > nav h2 { margin-top: 0; padding-top: 0; font-size: 1.1rem; }
.document-page > nav ol { columns: 2; column-gap: 2rem; padding-left: 1.3rem; margin-bottom: 0; font-size: .86rem; }
.document-page > nav li { break-inside: avoid; margin-bottom: .4rem; }
.document-page h1 { color: #fff8e7; letter-spacing: -.055em; }
.document-page section h2 { color: #f4c542; font-size: 1.5rem; line-height: 1.25; }
.document-page section p, .document-page section li { color: #c7d2c3; }
.document-page th { background: #143d2d; }
.document-page a { color: #91e4be; }
.document-page td { background: #0d2d23; }
.document-page footer { margin-top: 3rem; padding-top: 1.5rem; border-top: 1px solid #38533c; font-size: .85rem; }
@media (max-width: 600px) { .document-page > nav ol { columns: 1; } }
@media (max-width: 1100px) and (min-width: 901px) { .nav-links { gap: .4rem; } .nav-links a { padding-inline: .35rem; } }
@media (max-width: 900px) { .help-links { position: static; max-width: none; min-width: 0; box-shadow: none; } .nav-links.is-open { max-height: 85dvh; overflow-y: auto; } }
@media (max-width: 600px) { .document-toolbar { align-items: flex-start; flex-direction: column; } .document-toolbar .button { padding: .5rem .8rem; } .document-page th, .document-page td { padding: .4rem; } }
@media print {
  :root { color-scheme: light; }
  body { background: white !important; color: black !important; font-size: 11pt; }
  .document-page { width: 100%; max-width: none; padding: 0; }
  .document-page a, .document-page th { color: black; }
  .document-page h1, .document-page section h2, .document-page section p, .document-page section li { color: black !important; }
  .document-page td, .document-page th, .document-page > nav[aria-label="Document contents"] { background: white; }
  .document-page section, .document-page td, .document-page th { border-color: #aaa; }
  .document-actions, .site-header, .site-footer { display: none !important; }
  h1, h2, h3 { break-after: avoid; }
  tr { break-inside: avoid; }
  @page { margin: 18mm; }
}