
/* Dark editorial surfaces matched to this project’s brand palette. */
.pdf-content{--copy-surface:#17191d;--copy-tint:#2b2116;--copy-border:#303238;--copy-text:#c9cbd1;--copy-heading:#f7f7f8;--copy-highlight:var(--amber);--copy-stripe:#1e2025;--copy-accent:var(--orange);max-width:1160px;margin:0 auto;padding:52px 24px 72px;color:var(--copy-text);font-size:16px;line-height:1.85}
.pdf-content *{box-sizing:border-box}.pdf-content section{scroll-margin-top:120px}.pdf-intro{background:var(--copy-tint);border:1px solid var(--copy-border);border-left:4px solid var(--copy-accent);border-radius:20px;padding:clamp(24px,4vw,44px);margin-bottom:48px}.pdf-content p{font-size:16px;line-height:1.85;margin:0 0 18px;color:var(--copy-text);max-width:none}.pdf-content p:last-child{margin-bottom:0}.pdf-section{margin:0 0 56px;padding:0;background:none}.pdf-section>h2{font-size:clamp(25px,3vw,35px);line-height:1.3;letter-spacing:-.025em;color:var(--copy-heading);margin:0 0 26px;max-width:960px}.pdf-section>h2:before{content:'';display:block;width:48px;height:4px;background:var(--copy-accent);border-radius:4px;margin-bottom:18px}.pdf-figure{margin:0 auto 28px;max-width:850px;border-radius:20px;overflow:hidden;border:1px solid var(--copy-border);background:var(--copy-surface)}.pdf-figure img{width:100%;height:auto;display:block;object-fit:contain}.pdf-lead{padding:28px 32px;background:var(--copy-surface);border:1px solid var(--copy-border);border-radius:18px;margin-bottom:22px;box-shadow:0 8px 28px #00000024}.pdf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pdf-card{background:var(--copy-surface);border:1px solid var(--copy-border);border-radius:18px;padding:28px;box-shadow:0 8px 28px #00000029;min-width:0}.pdf-card h3{font-size:21px;line-height:1.45;color:var(--copy-heading);margin:0 0 16px;letter-spacing:-.015em}.pdf-content ul,.pdf-content ol{margin:0 0 18px;padding-left:24px;list-style:revert}.pdf-content li{margin:8px 0;line-height:1.8}.pdf-content li::marker{color:var(--copy-accent);font-weight:700}.pdf-content .copy-callout{margin:20px 0 0;padding:18px 22px;background:var(--copy-tint);border-left:3px solid var(--copy-accent);border-radius:0 12px 12px 0;color:var(--copy-highlight);font-weight:600}.pdf-table-wrap{background:var(--copy-surface);color:var(--copy-text);color-scheme:dark;scrollbar-color:var(--copy-border) var(--copy-surface);overflow-x:auto;border:1px solid var(--copy-border);border-radius:14px;margin:22px 0}.pdf-content table{background:var(--copy-surface);color:var(--copy-text);width:100%;border-collapse:collapse;min-width:420px;font-size:16px}.pdf-content th,.pdf-content td{padding:14px 18px;border-bottom:1px solid var(--copy-border);text-align:left;vertical-align:top;line-height:1.65}.pdf-content thead{background:var(--copy-tint);color:var(--copy-highlight)}.pdf-content tbody,.pdf-content tfoot,.pdf-content tr,.pdf-content td{background:var(--copy-surface);color:var(--copy-text)}.pdf-content th{background:var(--copy-tint);font-weight:700;color:var(--copy-highlight)}.pdf-content tr:nth-child(even) td{background:var(--copy-stripe)}.pdf-content tr:last-child td{border-bottom:0}.pdf-faq{display:grid;gap:12px}.pdf-faq details{border:1px solid var(--copy-border);border-radius:16px;background:var(--copy-surface);overflow:hidden}.pdf-faq summary{cursor:pointer;padding:22px 26px;font-size:18px;line-height:1.5;font-weight:650;color:var(--copy-heading);list-style:revert}.pdf-faq summary::marker{color:var(--copy-accent)}.pdf-faq details[open] summary{background:var(--copy-tint)}.pdf-faq .faq-body{padding:24px 26px}.pdf-faq summary:focus-visible{outline:3px solid var(--copy-accent);outline-offset:-3px}.hero h1{font-size:clamp(30px,3.8vw,54px)!important;line-height:1.18!important;letter-spacing:-.025em!important}.hero h1 .hero-title-main,.hero h1 .hero-title-intro{font-size:inherit!important;line-height:inherit!important}.hero p{font-size:clamp(16px,1.35vw,19px)}
@media(max-width:700px){.pdf-content{padding:30px 16px 48px}.pdf-grid{grid-template-columns:1fr}.pdf-card,.pdf-lead{padding:22px}.pdf-section{margin-bottom:38px}.pdf-figure{border-radius:14px}.pdf-faq summary{padding:18px}.pdf-faq .faq-body{padding:20px}.hero h1{font-size:30px!important}.pdf-intro{padding:24px}.pdf-content th,.pdf-content td{padding:12px}}

/* Short links to illustrated sections. */
html { scroll-behavior: smooth; scroll-padding-top: 0; }
.pdf-content section { scroll-margin-top: calc(var(--section-header-height, 150px) + 16px); }
header .section-nav {
  display: flex !important; flex: 0 1 100%; width: 100%; max-width: 1160px; min-width: 0;
  align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px 8px !important;
  box-sizing: border-box;
  margin: 0 auto; padding: 8px 16px; border-radius: 0;
  border-top: 1px solid currentColor; border-top-color: #8899aa26;
  background: transparent;
}
header .section-nav a {
  flex: 0 1 auto; max-width: 100%; white-space: normal; overflow-wrap: anywhere; text-align: center; padding: 10px 12px;
  font-size: 13px; font-weight: 700; line-height: 20px;
  text-decoration: none; border-radius: 8px; color: inherit;
}
header .section-nav a:hover { background: #8899aa18; }
header .section-nav a:focus-visible { outline: 2px solid currentColor; outline-offset: -2px; }
header .section-nav a:after { display: none; }
body .mobile-menu, body .menu, body .mobile-panel {
  top: var(--section-header-height, 150px);
  max-height: calc(100dvh - var(--section-header-height, 150px) - 16px);
  overflow-y: auto;
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.header-actions, .header-inner .actions { margin-left: auto; }

/* On phones, the existing menu contains every section link. */
@media (max-width: 700px) {
  header .section-nav { display: none !important; }
}

/* 2026 header: compact graphite sports bar with orange navigation accents. */
.v26 header.header {
  background: linear-gradient(110deg, #1c2026, #101216 65%);
  border-bottom: 3px solid #ff9200;
  box-shadow: 0 6px 22px #00000038;
}
.v26 header.header .header-row { height: 84px; }
.v26 header.header .logo {
  padding: 5px 9px; border-left: 3px solid #ff9200;
  background: #ffffff05; border-radius: 0 6px 6px 0;
}
.v26 header.header .header-actions { gap: 8px; }
.v26 header.header .btn {
  min-height: 42px; padding: 10px 18px; border-radius: 5px;
  font-size: 13px; animation: none;
}
.v26 header.header .btn-border {
  color: #f7f7f8; border-color: #555b64; background: #24282f;
}
.v26 header.header .btn-primary {
  color: #211300; background: #ff9b1a; border-color: #ffb44f;
  box-shadow: 0 3px 10px #00000024;
}
.v26 header.header .btn-primary::after { display: none; }
.v26 header.header .btn:hover { transform: translateY(-1px); box-shadow: 0 4px 14px #ff920024; }
.v26 header.header .section-nav {
  border-top: 1px solid #ffffff10; background: #0d0f12;
  padding: 6px 12px; gap: 2px !important;
}
.v26 header.header .section-nav a {
  color: #d6d9df; border-radius: 4px; border-bottom: 2px solid transparent;
  padding: 10px 12px; font-size: 12px;
}
.v26 header.header .section-nav a:hover,
.v26 header.header .section-nav a:focus-visible {
  color: #ffb34d; background: #ff920011; border-bottom-color: #ff9200;
}
.v26 header.header .menu-button { border-radius: 5px; background: #24282f; border-color: #555b64; }
@media (min-width: 1200px) {
  .v26 header.header {
    display: grid; grid-template-columns: 100px minmax(0, 1fr) auto;
    align-items: center; gap: 24px; min-height: 88px;
    padding: 12px max(24px, calc((100% - 1200px) / 2));
  }
  .v26 header.header .header-row { display: contents; }
  .v26 header.header .logo { grid-column: 1; grid-row: 1; }
  .v26 header.header .header-actions { grid-column: 3; grid-row: 1; margin: 0; }
  .v26 header.header .section-nav {
    grid-column: 2; grid-row: 1; width: 100%; padding: 4px;
    border: 1px solid #34383f; border-radius: 6px; background: #ffffff03;
  }
}
@media (max-width: 700px) {
  .v26 header.header .header-row { height: 74px; gap: 8px; }
  .v26 header.header .logo { width: 76px; padding: 4px 6px; }
  .v26 header.header .header-actions { gap: 6px; }
  .v26 header.header .btn { min-height: 39px; padding: 8px 10px; font-size: 11px; }
}
