.whitepaper-page { background: #080a0d; }
.whitepaper-page .top-link { background: #0a0e12; }
.print-link { border-color: #62562f; color: var(--gold-bright); }

.whitepaper-cover {
  position: relative;
  min-height: 410px;
  overflow: hidden;
  border-bottom: 1px solid #5b5030;
  background: #050607;
}
.whitepaper-cover::before { content: ""; position: absolute; left: 0; right: 0; top: 82px; height: 1px; background: #15191b; }
.whitepaper-cover-inner { position: relative; z-index: 1; max-width: var(--max-width); min-height: 410px; margin: 0 auto; padding: 62px 24px 34px; display: grid; grid-template-columns: minmax(0, 1fr) 190px 250px; align-items: end; gap: 32px; }
.wp-cover-copy { max-width: 720px; }
.wp-kicker { margin-bottom: 18px; color: var(--cyan); font-size: 10px; font-weight: 820; }
.whitepaper-cover h1 { margin-bottom: 18px; font-size: 58px; }
.wp-subtitle { max-width: 660px; margin-bottom: 0; color: #bcc5ca; font-size: 15px; line-height: 1.7; }
.wp-storm-mark { width: 180px; height: 180px; overflow: hidden; }
.wp-storm-mark img { width: 100%; height: 100%; object-fit: contain; transform: scale(2.3); filter: brightness(0) saturate(100%) invert(76%) sepia(95%) saturate(1447%) hue-rotate(355deg) brightness(101%) contrast(101%); }
.wp-meta { margin: 0; border-top: 1px solid rgba(229, 199, 107, .45); background: rgba(7, 9, 12, .82); backdrop-filter: blur(10px); }
.wp-meta div { min-height: 62px; padding: 12px 14px; display: grid; align-content: center; gap: 5px; border: 1px solid rgba(229, 199, 107, .26); border-top: 0; }
.wp-meta dt { color: var(--muted); font-size: 9px; font-weight: 800; }
.wp-meta dd { margin: 0; color: var(--gold-bright); font-size: 13px; font-weight: 720; }

.whitepaper-layout { max-width: var(--max-width); margin: 0 auto; padding: 0 24px 72px; display: grid; grid-template-columns: 220px minmax(0, 1fr); align-items: start; }
.wp-toc { position: sticky; top: 92px; padding: 40px 24px 30px 0; }
.wp-toc > span { display: block; margin-bottom: 16px; color: var(--muted); font-size: 9px; font-weight: 800; }
.wp-toc nav { display: grid; border-top: 1px solid var(--line); }
.wp-toc a { min-height: 44px; padding: 0 5px; display: grid; grid-template-columns: 28px 1fr; align-items: center; border-bottom: 1px solid var(--line); color: var(--muted-bright); text-decoration: none; font-size: 11px; }
.wp-toc a:hover { color: var(--gold-bright); }
.wp-toc small { color: #5f6971; font: 9px "SFMono-Regular", Consolas, monospace; }

.whitepaper-document { min-width: 0; border-left: 1px solid var(--line); border-right: 1px solid var(--line); }
.wp-section { scroll-margin-top: 88px; min-width: 0; display: grid; grid-template-columns: 66px minmax(0, 1fr); border-bottom: 1px solid var(--line); }
.wp-section-index { padding-top: 48px; color: var(--gold); text-align: center; font: 700 11px "SFMono-Regular", Consolas, monospace; }
.wp-section-body { min-width: 0; padding: 44px 44px 48px; border-left: 1px solid var(--line); }
.wp-section-body h2 { margin-bottom: 17px; font-size: 24px; }
.wp-section-body > p { max-width: 820px; margin-bottom: 14px; color: #adb6bc; font-size: 14px; line-height: 1.78; }

.wp-parameter-grid { margin: 26px 0 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.wp-parameter-grid div { min-height: 70px; padding: 13px 15px; display: grid; align-content: center; gap: 7px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.wp-parameter-grid dt { color: var(--muted); font-size: 10px; }
.wp-parameter-grid dd { margin: 0; color: #e6ebed; font: 700 13px "SFMono-Regular", Consolas, monospace; }

.wp-allocation { margin: 28px 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid #63572f; }
.wp-allocation div { min-height: 110px; padding: 17px; display: grid; align-content: center; gap: 7px; border-right: 1px solid #4e472b; background: #13130e; }
.wp-allocation div:last-child { border-right: 0; }
.wp-allocation span { color: #756b47; font: 9px "SFMono-Regular", Consolas, monospace; }
.wp-allocation strong { color: #f0ecd7; font-size: 12px; }
.wp-allocation em { color: var(--gold-bright); font-size: 18px; font-style: normal; font-weight: 800; }
.wp-address-proof { margin: 24px 0 16px; padding: 14px 16px; display: grid; gap: 8px; border-left: 2px solid var(--gold); background: #15140e; }
.wp-address-proof > span { color: #9f9878; font-size: 9px; font-weight: 800; }
.wp-address-proof a { min-width: 0; display: flex; align-items: center; gap: 8px; color: var(--gold-bright); text-decoration: none; }
.wp-address-proof code { min-width: 0; font-size: 11px; }
.wp-address-proof svg { width: 14px; flex: 0 0 14px; }

.wp-flow { margin: 28px 0; padding: 0; list-style: none; display: grid; border-top: 1px solid var(--line); }
.wp-flow li { min-height: 88px; padding: 15px 0; display: grid; grid-template-columns: 46px minmax(0, 1fr); align-items: center; border-bottom: 1px solid var(--line); }
.wp-flow li > span { color: var(--cyan); font: 700 11px "SFMono-Regular", Consolas, monospace; }
.wp-flow div { display: grid; gap: 5px; }
.wp-flow strong { color: #e7ecee; font-size: 12px; }
.wp-flow p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.6; }
.wp-callout { padding: 18px; display: grid; grid-template-columns: 22px minmax(0, 1fr); gap: 12px; border: 1px solid #315c61; background: #0c1b20; }
.wp-callout > svg { width: 18px; color: var(--cyan); }
.wp-callout div { display: grid; gap: 6px; }
.wp-callout strong { color: #c8f0ef; font-size: 12px; }
.wp-callout p { margin: 0; color: #99b9ba; font-size: 11px; line-height: 1.65; }
.wp-manifesto { margin-top: 26px; min-height: 74px; padding: 17px 18px; display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center; gap: 13px; border: 1px solid #655719; border-left: 3px solid var(--gold); background: #111006; }
.wp-manifesto svg { width: 20px; color: var(--gold); }
.wp-manifesto strong { color: #f6edc8; font-size: 13px; line-height: 1.55; }

.wp-principles { margin-top: 28px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.wp-principles div { min-height: 190px; padding: 19px; display: flex; flex-direction: column; gap: 11px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.wp-principles svg { width: 19px; color: var(--cyan); }
.wp-principles strong { color: #e4e9eb; font-size: 12px; }
.wp-principles p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.wp-code-block { margin: 26px 0 18px; padding: 16px; display: grid; gap: 10px; border-left: 2px solid var(--cyan); background: #091114; }
.wp-code-block span { color: var(--muted); font-size: 9px; font-weight: 800; }
.wp-code-block code { color: #c8f3f0; font-size: 11px; }
.wp-trust-grid { margin: 26px 0 0; display: grid; border-top: 1px solid var(--line); }
.wp-trust-grid div { min-height: 82px; padding: 15px 0; display: grid; grid-template-columns: 170px minmax(0, 1fr); gap: 20px; border-bottom: 1px solid var(--line); }
.wp-trust-grid dt { color: #dfe5e7; font-size: 11px; font-weight: 750; }
.wp-trust-grid dd { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.7; }
.wp-limitations { margin: 24px 0 28px; padding: 0; list-style: none; display: grid; }
.wp-limitations li { position: relative; min-height: 64px; padding: 14px 0 14px 28px; border-top: 1px solid var(--line); color: #aab3b9; font-size: 12px; line-height: 1.7; }
.wp-limitations li::before { content: ""; position: absolute; left: 4px; top: 23px; width: 6px; height: 6px; border: 1px solid var(--gold); }
.wp-security-link { min-height: 40px; padding: 0 12px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid #315a59; border-radius: var(--radius); color: #b9e9e6; text-decoration: none; font-size: 11px; font-weight: 740; }
.wp-security-link:hover { border-color: var(--cyan); color: #d9ffff; }
.wp-security-link svg { width: 14px; }

@media (max-width: 900px) {
  .whitepaper-cover-inner { grid-template-columns: minmax(0, 1fr) 170px; align-content: end; }
  .wp-storm-mark { width: 160px; height: 160px; }
  .wp-meta { display: grid; grid-template-columns: repeat(3, 1fr); }
  .wp-meta { grid-column: 1 / -1; }
  .whitepaper-layout { grid-template-columns: 1fr; }
  .wp-toc { position: static; padding: 26px 0; }
  .wp-toc nav { grid-template-columns: repeat(3, minmax(0, 1fr)); border-left: 1px solid var(--line); }
  .wp-toc a { min-height: 56px; padding: 8px; grid-template-columns: 1fr; gap: 5px; border-right: 1px solid var(--line); }
  .whitepaper-document { border-top: 1px solid var(--line); }
  .wp-principles { grid-template-columns: 1fr; }
  .wp-principles div { min-height: 0; }
}

@media (max-width: 760px) {
  .whitepaper-page .top-link { width: 36px; padding: 0; display: inline-flex; }
  .whitepaper-page .top-link span { display: none; }
  .whitepaper-cover { min-height: 430px; }
  .whitepaper-cover-inner { min-height: 430px; padding: 48px 14px 24px; gap: 26px; }
  .whitepaper-cover-inner { grid-template-columns: 1fr; }
  .wp-storm-mark { display: none; }
  .whitepaper-cover h1 { font-size: 42px; }
  .wp-subtitle { font-size: 13px; }
  .wp-meta { grid-template-columns: 1fr; }
  .wp-meta div { min-height: 54px; }
  .whitepaper-layout { padding: 0 14px 48px; }
  .wp-toc nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wp-section { grid-template-columns: 38px minmax(0, 1fr); }
  .wp-section-index { padding-top: 31px; }
  .wp-section-body { padding: 28px 18px 34px; }
  .wp-section-body h2 { font-size: 20px; }
  .wp-parameter-grid, .wp-allocation { grid-template-columns: 1fr; }
  .wp-allocation div { min-height: 82px; border-right: 0; border-bottom: 1px solid #4e472b; }
  .wp-allocation div:last-child { border-bottom: 0; }
  .wp-address-proof code { font-size: 9px; }
  .wp-trust-grid div { grid-template-columns: 1fr; gap: 8px; }
  .wp-code-block code { font-size: 9px; }
}

@media print {
  :root { color-scheme: light; }
  .whitepaper-page { background: #fff; color: #111; }
  .whitepaper-page .topbar, .wp-toc, .print-link, footer { display: none !important; }
  .whitepaper-cover { min-height: 260px; background: #111; break-after: page; }
  .whitepaper-cover-inner { min-height: 260px; }
  .whitepaper-layout { display: block; padding: 0; }
  .whitepaper-document { border-color: #bbb; }
  .wp-section { break-inside: avoid; border-color: #bbb; }
  .wp-section-body { border-color: #bbb; }
  .wp-section-body > p, .wp-flow p, .wp-principles p, .wp-trust-grid dd, .wp-limitations li { color: #333; }
}