.tdpdf-wrap{width:100%;max-width:100%;margin:1.5em auto;box-sizing:border-box}
.tdpdf-viewer{
  --td-bw:2px;--td-radius:8px;--td-line:transparent;--td-border:#254e75;
  --td-head-bg:#254e75;--td-head-fg:#fff;--td-foot-bg:#254e75;--td-foot-fg:#fff;
  --td-btn-bg:#fff;--td-btn-fg:#3b7cb8;--td-btn-border:#fff;
  --td-seg-fg:#fff;--td-seg-border:rgba(255,255,255,.6);--td-seg-hover:rgba(255,255,255,.14);
  --td-seg-active-bg:#fff;--td-seg-active-fg:#254e75;
  --td-canvas:#e8eaed;
  --td-note-bg:#fff;--td-note-fg:#3b7cb8;--td-note-btn-bg:#3b7cb8;--td-note-btn-fg:#fff;--td-note-line:#d3d6d9;
  border:var(--td-bw) solid var(--td-border);border-radius:var(--td-radius);background:#fff;overflow:hidden;
  font:14px/1.4 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.tdpdf-viewer.tdpdf-light{
  --td-bw:1px;--td-radius:4px;--td-line:#d3d6d9;--td-border:#d3d6d9;
  --td-head-bg:#fff;--td-head-fg:#222;--td-foot-bg:#fff;--td-foot-fg:#555;
  --td-btn-bg:#fff;--td-btn-fg:#333;--td-btn-border:#c9ccd0;
  --td-seg-fg:#333;--td-seg-border:#c9ccd0;--td-seg-hover:#f0f2f4;
  --td-seg-active-bg:#2c5ea8;--td-seg-active-fg:#fff;
  --td-note-bg:#f6f7f8;--td-note-fg:#333;--td-note-btn-bg:#2c5ea8;--td-note-btn-fg:#fff;--td-note-line:#d3d6d9}
.tdpdf-viewer button,.tdpdf-viewer input{font-family:inherit}
/* Stop Chrome's scroll anchoring from scrolling the whole web page when the document scrolls inside the viewer
   (e.g. pressing "Scroll" while on page 3 used to throw the story page down by the same distance). */
.tdpdf-viewer,.tdpdf-viewer *{overflow-anchor:none}

.tdpdf-head,.tdpdf-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 14px}
.tdpdf-head{background:var(--td-head-bg);color:var(--td-head-fg);border-bottom:1px solid var(--td-line)}
.tdpdf-foot{background:var(--td-foot-bg);color:var(--td-foot-fg);border-top:1px solid var(--td-line)}
/* Same treatment as the site's "More Stories" logo: 30px, no background, so the image's transparent corners show the header colour. */
.tdpdf-viewer .tdpdf-logo{flex:none;width:30px;height:30px;margin:0;padding:0;border:0;border-radius:5px;background:none;box-shadow:none;pointer-events:none}
.tdpdf-foot-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tdpdf-title{flex:1 1 120px;min-width:0;font-weight:700;font-size:16px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tdpdf-light .tdpdf-title{font-weight:600;font-size:15px}
/* Dark scheme title sizes match the site's "More Stories" headline: 16px desktop, 18px tablet, 16px mobile. */
@media (max-width:1024px){.tdpdf-dark .tdpdf-title{font-size:18px}}
@media (max-width:767px){.tdpdf-dark .tdpdf-title{font-size:16px}}

.tdpdf-fs,.tdpdf-pager button,.tdpdf-side{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  border:1px solid var(--td-btn-border);border-radius:6px;background:var(--td-btn-bg);color:var(--td-btn-fg);
  font-weight:600;cursor:pointer}
.tdpdf-fs{flex:none;margin-left:auto;height:32px;padding:0 12px;font-size:13px}
.tdpdf-pager{display:flex;align-items:center;gap:8px;flex:none;color:var(--td-foot-fg)}
.tdpdf-pager button{width:30px;height:30px;padding:0;font-size:18px;line-height:1}
.tdpdf-fs:hover,.tdpdf-pager button:hover,.tdpdf-side:hover{filter:brightness(.94)}
.tdpdf-pager button:disabled,.tdpdf-side:disabled{opacity:.45;cursor:default;filter:none}
.tdpdf-viewer .tdpdf-cur{width:54px;min-width:54px;height:30px;margin:0;padding:0 2px;box-sizing:border-box;text-align:center;
  border:1px solid var(--td-btn-border);border-radius:6px;background:#fff;color:#222;font-size:inherit;line-height:1;
  box-shadow:none;-webkit-user-select:text;user-select:text}
/* Beat theme input:focus styles (e.g. GeneratePress) so the box stays white. */
.tdpdf-viewer .tdpdf-cur:focus{background:#fff;color:#222;border-color:var(--td-btn-border);outline:2px solid #3b7cb8;outline-offset:1px}

.tdpdf-modes{display:flex;flex:none}
.tdpdf-mode{padding:0 12px;height:30px;border:1px solid var(--td-seg-border);background:transparent;
  color:var(--td-seg-fg);font-size:13px;font-weight:500;cursor:pointer}
.tdpdf-mode:first-child{border-radius:6px 0 0 6px}
.tdpdf-mode:last-child{border-radius:0 6px 6px 0;margin-left:-1px}
.tdpdf-mode:hover{background:var(--td-seg-hover)}
.tdpdf-mode.is-active{background:var(--td-seg-active-bg);border-color:var(--td-seg-active-bg);color:var(--td-seg-active-fg);font-weight:600}

.tdpdf-note{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:10px 14px;
  background:var(--td-note-bg);color:var(--td-note-fg);border-top:1px solid var(--td-note-line);text-align:center}
.tdpdf-note-text{font-size:14px;font-weight:500}
.tdpdf-dark .tdpdf-note-text{font-weight:600}
.tdpdf-viewer .tdpdf-note-btn{display:inline-flex;align-items:center;height:30px;padding:0 12px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer}
/* !important: themes often style links with higher-specificity selectors (e.g. ".entry-content a"). */
.tdpdf-viewer .tdpdf-note-btn,.tdpdf-viewer .tdpdf-note-btn:link,.tdpdf-viewer .tdpdf-note-btn:visited,
.tdpdf-viewer .tdpdf-note-btn:hover,.tdpdf-viewer .tdpdf-note-btn:focus,.tdpdf-viewer .tdpdf-note-btn:active{
  background:var(--td-note-btn-bg)!important;color:var(--td-note-btn-fg)!important;text-decoration:none!important;box-shadow:none!important}
.tdpdf-viewer .tdpdf-note-btn:hover,.tdpdf-viewer .tdpdf-note-btn:focus{filter:brightness(.94)}
.tdpdf-body{position:relative;overflow-x:hidden;overflow-y:auto;background:var(--td-canvas);padding:16px;box-sizing:border-box}
.tdpdf-body:focus{outline:none}
.tdpdf-stage{position:relative}

/* Previous / next buttons at the sides of the document: Page flip only, and only on screens wider than 600px.
   They start hidden via an inline style in the markup, so an old cached copy of this file can never make them appear. */
.tdpdf-viewer .tdpdf-side{display:none;position:absolute;top:50%;margin:-18px 0 0;width:36px;height:36px;padding:0;
  font-size:20px;line-height:1;box-shadow:0 1px 4px rgba(0,0,0,.35);z-index:2}
.tdpdf-side-prev{left:10px}
.tdpdf-side-next{right:10px}
@media (min-width:601px){
  .tdpdf-viewer[data-mode="flip"] .tdpdf-side{display:inline-flex!important}
  /* Reserve a strip on each side so the buttons never cover the page. */
  .tdpdf-viewer[data-mode="flip"] .tdpdf-body{padding-left:56px;padding-right:56px}
}
@media (min-width:601px) and (pointer:coarse){
  .tdpdf-viewer .tdpdf-side{width:44px;height:44px;margin-top:-22px;font-size:22px}
  .tdpdf-viewer[data-mode="flip"] .tdpdf-body{padding-left:64px;padding-right:64px}
}
.tdpdf-page{margin:0 auto 16px;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.3)}
.tdpdf-page canvas{display:block;width:100%;height:100%;pointer-events:none}
.tdpdf-status{color:#666;text-align:center;padding:2em 0}
.tdpdf-flip .tdpdf-body{overflow:hidden}
.tdpdf-flip .tdpdf-page{margin-bottom:0}
.tdpdf-hidden{display:none}
/* Page controls only apply to Page flip; in Scroll view the reader just scrolls. */
.tdpdf-viewer:not([data-mode="flip"]) .tdpdf-pager{display:none}
/* In Scroll view a plain "Page x of y" readout replaces the page controls; Page flip has the real controls instead. */
.tdpdf-pageinfo{font-size:13px;font-weight:500;color:var(--td-foot-fg);white-space:nowrap}
.tdpdf-viewer[data-mode="flip"] .tdpdf-pageinfo{display:none}
.tdpdf-flip .tdpdf-body{touch-action:pan-y}
/* "1 page / 2 pages" choice: full-screen Page flip on screens wide enough for two pages. */
.tdpdf-viewer .tdpdf-spreadctl{display:none}
.tdpdf-viewer.tdpdf-full[data-mode="flip"] .tdpdf-spreadctl{display:flex}
@media (max-width:699px){.tdpdf-viewer.tdpdf-full[data-mode="flip"] .tdpdf-spreadctl{display:none}}
/* Two-page spread: pages sit side by side like an open book. */
.tdpdf-spread .tdpdf-body{display:flex;justify-content:center;align-items:center}
.tdpdf-spread .tdpdf-page{margin:0}
/* Bigger tap targets on touch screens. */
@media (pointer:coarse),(max-width:767px){
  .tdpdf-pager button{width:44px;height:44px;font-size:22px}
  .tdpdf-viewer .tdpdf-cur{width:60px;min-width:60px;height:44px;font-size:16px}
  .tdpdf-mode{height:44px;padding:0 14px}
  .tdpdf-fs{height:44px}
  .tdpdf-viewer .tdpdf-note-btn{height:44px;padding:0 16px}
}

/* Phones: two tidy rows. Row 1 = page controls spanning the full width; row 2 = view toggle (left) + Full screen (right). */
@media (max-width:767px){
  .tdpdf-foot{gap:10px}
  .tdpdf-foot-left{display:contents}
  .tdpdf-pager,.tdpdf-pageinfo{order:1;flex:1 1 100%;justify-content:space-between}
  .tdpdf-pageinfo{justify-content:center;text-align:center}
  .tdpdf-viewer .tdpdf-spreadctl{order:2;flex:1 1 100%;justify-content:center}
  .tdpdf-modes{order:3}
  .tdpdf-fs{order:4;margin-left:auto}
}
/* Very small phones: Full screen becomes an icon button so the first row still fits. */
@media (max-width:359px){
  .tdpdf-fs-label{display:none}
  .tdpdf-fs{width:44px;padding:0}
}

/* Full screen (native API, or fixed-position fallback where the API is unavailable). */
.tdpdf-viewer.tdpdf-full{position:fixed;inset:0;z-index:999999;display:flex;flex-direction:column;
  width:100%;height:100%;max-width:none;border-radius:0}
.tdpdf-viewer.tdpdf-full .tdpdf-stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
.tdpdf-viewer.tdpdf-full .tdpdf-body{height:auto!important;flex:1 1 auto;min-height:0}
html.tdpdf-lock{overflow:hidden}
@media print{.tdpdf-wrap{display:none!important}}