/* DISCURSA — PAPER EDITION: the frame around a published report.
   The reports keep their own typography and data palette; this only lays
   them on the desk as a sheet, re-dresses the site bar, and lets the sections
   arrive as the reader scrolls. Printing is untouched. */
@view-transition { navigation: auto; }
::view-transition-old(root) { animation: leaf-out 0.62s cubic-bezier(.65,0,.35,1) both; transform-origin: 0 50%; z-index: 2; }
::view-transition-new(root) { animation: leaf-in 0.62s cubic-bezier(.65,0,.35,1) both; z-index: 1; }
@keyframes leaf-out { to { transform: perspective(2200px) rotateY(-28deg) translateX(-12%); opacity: 0; filter: brightness(0.94); } }
@keyframes leaf-in { from { transform: scale(0.985); filter: brightness(0.93); } }

@media screen {
  html body {
    background-color: #e9e2d3 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9 .02' numOctaves='2' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23l)'/%3E%3C/svg%3E") !important;
  }
  body::before { display: none !important; }

  /* the site bar: printed on the desk, in the paper edition's type */
  .site-nav { background: transparent !important; border-bottom: 0 !important; position: relative; z-index: 3; }
  .site-nav-inner { max-width: 1240px !important; padding-top: 22px !important; padding-bottom: 14px !important; border-bottom: 2px solid #1b1915; position: relative; }
  .site-nav-inner::after { content: ''; position: absolute; left: 0; right: 0; bottom: -5px; border-top: 1px solid #1b1915; }
  .site-nav-logo { font: 800 26px/1 'Playfair Display', Georgia, serif !important; color: #1b1915 !important; letter-spacing: -0.01em !important; }
  .site-nav-logo i, .site-nav-logo span { color: #c9a96e !important; font-style: normal !important; }
  .site-nav-link { font: 600 12px/1 'DM Sans', system-ui, sans-serif !important; letter-spacing: 0.14em !important; color: #3a362f !important; }
  .site-nav-link:hover { color: #0e6b64 !important; border-bottom-color: #0e6b64 !important; }

  /* the report itself: one sheet with a torn top edge */
  body > .wrap, body > .container {
    position: relative; background-color: #fbf8f1 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .33 0 0 0 0 .28 0 0 0 0 .2 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
    box-shadow: 0 1px 1px rgba(60,45,20,0.08), 0 2px 6px -2px rgba(60,45,20,0.12), 0 30px 60px -34px rgba(60,45,20,0.45);
    margin: 46px auto 70px !important;
    animation: pr-sheet 1.2s cubic-bezier(.2,.8,.2,1) both;
  }
  body > .wrap { padding-bottom: 40px; }
  body > .wrap::before, body > .container::before {
    content: ''; position: absolute; left: 0; right: 0; top: -13px; height: 14px; background: #fbf8f1;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 14' preserveAspectRatio='none'%3E%3Cpath d='M0 14 L0 7 L9 5.6 L17 7.4 L26 4.9 L35 6.8 L44 5.2 L52 7.9 L61 5.5 L70 6.3 L79 4.4 L88 6.9 L97 5.4 L105 7.6 L114 4.8 L123 6.1 L132 5 L141 7.3 L150 5.6 L158 6.6 L167 4.3 L176 6.9 L185 5.2 L194 7.7 L203 5.1 L211 6.4 L220 4.7 L229 7.1 L238 5.3 L247 6.5 L256 4.6 L264 7.4 L273 5.5 L282 6.2 L291 4.4 L300 6.8 L309 5.1 L317 7.5 L326 5.3 L335 6.4 L344 4.6 L353 7.2 L362 5.5 L370 6.6 L379 4.5 L388 7 L397 5.2 L406 7.6 L415 5 L423 6.3 L432 4.7 L441 6.9 L450 5.4 L459 7.3 L468 5.1 L476 6.2 L485 4.5 L494 7.1 L503 5.3 L512 6.7 L521 4.8 L529 7.4 L538 5.2 L547 6.4 L556 4.6 L565 7 L574 5.5 L582 6.8 L591 5 L600 6.5 L600 14 Z' fill='%23000'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
            mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 14' preserveAspectRatio='none'%3E%3Cpath d='M0 14 L0 7 L9 5.6 L17 7.4 L26 4.9 L35 6.8 L44 5.2 L52 7.9 L61 5.5 L70 6.3 L79 4.4 L88 6.9 L97 5.4 L105 7.6 L114 4.8 L123 6.1 L132 5 L141 7.3 L150 5.6 L158 6.6 L167 4.3 L176 6.9 L185 5.2 L194 7.7 L203 5.1 L211 6.4 L220 4.7 L229 7.1 L238 5.3 L247 6.5 L256 4.6 L264 7.4 L273 5.5 L282 6.2 L291 4.4 L300 6.8 L309 5.1 L317 7.5 L326 5.3 L335 6.4 L344 4.6 L353 7.2 L362 5.5 L370 6.6 L379 4.5 L388 7 L397 5.2 L406 7.6 L415 5 L423 6.3 L432 4.7 L441 6.9 L450 5.4 L459 7.3 L468 5.1 L476 6.2 L485 4.5 L494 7.1 L503 5.3 L512 6.7 L521 4.8 L529 7.4 L538 5.2 L547 6.4 L556 4.6 L565 7 L574 5.5 L582 6.8 L591 5 L600 6.5 L600 14 Z' fill='%23000'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
  }
  @keyframes pr-sheet { from { transform: translateY(60px); opacity: 0; } }

  /* sections arrive as you read */
  .pr-js .pr-block { opacity: 0; transform: translateY(20px); transition: opacity 0.8s ease, transform 0.8s cubic-bezier(.2,.8,.2,1); }
  .pr-js .pr-block.pr-in { opacity: 1; transform: none; }

  /* a colophon line under the sheet */
  .pr-colophon { max-width: 1240px; margin: 0 auto; padding: 0 56px 46px; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;
    font: 600 11px/1.5 'DM Sans', system-ui, sans-serif; letter-spacing: 0.16em; text-transform: uppercase; color: #6e685c; }
  .pr-colophon a { color: #3a362f; text-decoration: none; } .pr-colophon a:hover { color: #0e6b64; }
  .pr-colophon .dot { color: #c9a96e; }

  @media (max-width: 1150px) { body > .wrap, body > .container { margin-left: 8px !important; margin-right: 8px !important; } }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 0.001s !important; animation-delay: 0s !important; transition-duration: 0.001s !important; }
  ::view-transition-old(root), ::view-transition-new(root) { animation: none !important; }
}
@media print { .pr-colophon { display: none; } }