/* Ycotes PDF reader (assets/js/ycpdf.js, 2026-11-11). */
.ycPdf { position: relative; display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; background: #2a2b31; }
.ycPdf__bar {
  flex: none; display: flex; align-items: center; gap: .3rem; padding: .35rem .5rem;
  background: #1c1d22; border-bottom: 1px solid rgb(255 255 255 / .08); color: #e8e8ee;
  font: 600 .8rem/1 system-ui, sans-serif;
}
.ycPdf__b, .ycPdf__pct {
  min-width: 2.1rem; height: 2.1rem; padding: 0 .55rem; border: 0; border-radius: 8px; cursor: pointer;
  background: rgb(255 255 255 / .07); color: inherit; font: inherit; font-size: 1rem;
}
.ycPdf__pct { font-size: .78rem; font-variant-numeric: tabular-nums; }
.ycPdf__b:hover, .ycPdf__pct:hover { background: rgb(255 255 255 / .14); }
.ycPdf__pg { margin-left: auto; padding-right: .3rem; font-size: .75rem; color: #a9a9b4; font-variant-numeric: tabular-nums; }
.ycPdf__scroll {
  flex: 1; min-height: 0; overflow: auto; -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  /* The page may pan; pinch is ours (ycpdf.js) — never the browser's page zoom. */
  touch-action: pan-x pan-y;
  outline: none;
}
.ycPdf__doc { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 8px; width: max-content; min-width: 100%; box-sizing: border-box; }
.ycPdf__page { position: relative; flex: none; background: #fff; box-shadow: 0 2px 10px rgb(0 0 0 / .35); }
.ycPdf__cv { display: block; width: 100%; height: 100%; }
.ycPdf__load {
  position: absolute; inset: 2.8rem 0 0; display: grid; place-content: center; justify-items: center; gap: .5rem;
  color: #d6d6de; font: 500 .9rem/1.3 system-ui, sans-serif; background: #2a2b31;
}
.ycPdf__load[hidden] { display: none; }
.ycPdf__load i { font-style: normal; font-size: .8rem; color: #a9a9b4; font-variant-numeric: tabular-nums; }
.ycPdf__spin { width: 1.6rem; height: 1.6rem; border-radius: 50%; border: 3px solid rgb(255 255 255 / .15); border-top-color: #FEEF0E; animation: ycPdfSpin .8s linear infinite; }
@keyframes ycPdfSpin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .ycPdf__spin { animation-duration: 2.4s; } }