/* Baseline document styles deliberately work without custom properties or Grid. */
html.cc-reading, .cc-reading body { height: auto !important; min-height: 100%; overflow: auto !important; margin: 0; background: #050a08; color: #dfffea; }
.cc-reading body { font: 16px/1.65 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.cc-reading #app, .cc-reading .cc-surface-shell { display: none !important; }
.cc-readable { display: block; box-sizing: border-box; max-width: 74rem; margin: 0 auto; padding: 2rem 1rem 4rem; word-wrap: break-word; overflow-wrap: anywhere; }
.cc-readable h1 { font-size: 2.5rem; font-size: clamp(2rem, 6vw, 3.8rem); line-height: 1.08; letter-spacing: -.035em; }
.cc-readable h2 { margin-top: 2rem; font-size: 1.5rem; line-height: 1.25; }
.cc-readable p, .cc-readable li { max-width: 76ch; }
.cc-readable a, .cc-access a { color: #9be6ba; text-decoration: underline; text-underline-offset: .2em; }
.cc-readable a:focus, .cc-access a:focus, .cc-access summary:focus { outline: 3px solid #ffc84a; outline-offset: 3px; }
.cc-readable nav { margin: 1.25rem 0; padding: .75rem 0; border-top: 1px solid #315843; border-bottom: 1px solid #315843; }
.cc-readable nav a { display: inline-block; padding: .6rem .9rem .6rem 0; min-height: 44px; box-sizing: border-box; }
.cc-readable img, .cc-readable svg { max-width: 100%; height: auto; }
.cc-readable pre { max-width: 100%; overflow: auto; padding: 1rem; background: #0d1b13; font: 14px/1.6 ui-monospace, monospace; white-space: pre-wrap; word-break: break-word; }
.cc-readable code { overflow-wrap: anywhere; font-size: .9em; }
.cc-readable table { display: block; max-width: 100%; overflow: auto; border-collapse: collapse; }
.cc-readable th, .cc-readable td { padding: .6rem; border: 1px solid #315843; text-align: left; }
.cc-readable blockquote { margin: 1rem 0; padding-left: 1rem; border-left: 3px solid #82ffb1; }
.cc-reading-label { color: #9be6ba; font: 12px/1.5 ui-monospace, monospace; letter-spacing: .12em; }
.cc-reading-notice { border-left: 3px solid #ffc84a; padding: .8rem 1rem; background: #172018; }
.cc-readable footer { margin-top: 2rem; border-top: 1px solid #315843; padding-top: 1rem; font-size: 13px; color: #a8c2b1; }
.cc-readable li { margin-bottom: .7rem; }
.cc-guide-summary { color: #b1c9bc; }
.cc-guide-index { padding-left: 1.3rem; }
.cc-access { box-sizing: border-box; max-width: 74rem; margin: auto; padding: .5rem 1rem; background: #09160f; color: #dfffea; font: 14px/1.5 system-ui, sans-serif; }
.cc-access > a { display: inline-block; padding: .65rem; }
.cc-access summary { padding: .65rem; cursor: pointer; min-height: 44px; box-sizing: border-box; }
.cc-support-body { padding: .5rem 1rem 1rem; max-height: 55vh; overflow: auto; word-wrap: break-word; overflow-wrap: anywhere; }
.cc-support-body li { margin-bottom: .6rem; }
.cc-enhanced .cc-access { position: fixed; z-index: 1500; bottom: 0; right: 0; display: flex; align-items: flex-end; max-width: 28rem; border: 1px solid #315843; }
.cc-enhanced .cc-access details { flex: 1; }
.cc-enhanced .cc-support-body { position: absolute; right: 0; bottom: 100%; width: 100%; background: #09160f; border: 1px solid #315843; box-sizing: border-box; }
.cc-enhanced #cursors-readable { display: none; }
.cc-readable [hidden] { display: none !important; }
@supports (padding: env(safe-area-inset-bottom)) {
  .cc-access { padding-bottom: max(.5rem, env(safe-area-inset-bottom)); }
  .cc-readable { padding-left: max(1rem, env(safe-area-inset-left)); padding-right: max(1rem, env(safe-area-inset-right)); }
}
@media (max-width: 760px) {
  .cc-enhanced .cc-access { left: 0; max-width: none; padding-top: 0; }
  .cc-readable { padding-top: 1.25rem; }
}
@media (prefers-reduced-motion: reduce) { .cc-readable *, .cc-access * { scroll-behavior: auto !important; } }
@media print {
  html.cc-reading, .cc-reading body { background: white; color: black; }
  .cc-access { display: none; }
  .cc-readable { padding: 0; max-width: none; }
  .cc-readable a { color: black; }
}