/* digest-reader.css
   THE RAIDERS' DIGEST READER. Shared by every front of the archive
   (raiders-digest.html and the concept pages). A reading desk, not a
   lightbox: pale Columbia ground, the paper on it with a real shadow, type
   only controls in a white bar. Markup is built by digest-reader.js. */
html.dg-lock,html.dg-lock body{overflow:hidden;}
.dg-reader{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;
  background:#E4EDF4;color:var(--ink,#16202C);
  animation:dgIn .28s cubic-bezier(.16,1,.3,1);}
.dg-reader[hidden]{display:none;}
@keyframes dgIn{from{opacity:0;transform:scale(.985);}to{opacity:1;transform:none;}}
.dgr-top{display:flex;align-items:center;gap:1rem;padding:.7rem 1.2rem;background:#fff;
  border-bottom:1px solid var(--line,#E3E9F0);flex:0 0 auto;min-height:60px;}
.dgr-title{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1 1 auto;}
.dgr-title b{font-family:var(--slab);text-transform:uppercase;font-size:1.15rem;line-height:1.05;color:var(--navy,#0B2240);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dgr-title span{font-family:var(--sans);font-weight:500;font-size:var(--t-label,.82rem);letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-soft,#41505F);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dgr-tools{display:flex;align-items:center;gap:.25rem;flex:0 0 auto;}
.dgr-btn{appearance:none;background:transparent;border:0;cursor:pointer;color:var(--navy,#0B2240);
  font-family:var(--sans);font-weight:600;font-size:var(--t-label,.82rem);letter-spacing:.12em;text-transform:uppercase;
  padding:.6rem .8rem;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;
  gap:.4rem;border-radius:3px;text-decoration:none;transition:background .18s,color .18s;}
.dgr-btn:hover{background:var(--rb-pale,#EAF4FC);}
.dgr-btn.on{background:var(--navy,#0B2240);color:#fff;}
.dgr-btn svg{width:18px;height:18px;flex:none;}
.dgr-btn[disabled]{opacity:.35;cursor:default;background:transparent;}
.dgr-zoom{display:inline-flex;align-items:center;border:1px solid var(--line,#E3E9F0);border-radius:999px;margin:0 .3rem;}
.dgr-zoom .dgr-btn{min-width:40px;padding:.4rem .6rem;border-radius:999px;}
.dgr-zoom output{font-family:var(--sans);font-weight:600;font-size:var(--t-label,.82rem);letter-spacing:.1em;
  color:var(--ink-soft,#41505F);min-width:3.6rem;text-align:center;}
.dgr-close{margin-left:.4rem;}
.dgr-close svg{width:22px;height:22px;}

.dgr-stage{position:relative;flex:1 1 auto;min-height:0;display:flex;}
.dgr-scroll{flex:1 1 auto;overflow:auto;position:relative;overscroll-behavior:contain;
  scrollbar-width:thin;touch-action:pan-x pan-y;
  background:radial-gradient(rgba(11,34,64,.13) 1px, transparent 1.4px);background-size:14px 14px;}
.dgr-scroll.grab{cursor:grab;}
.dgr-scroll.grabbing{cursor:grabbing;}
.dgr-sheet{display:flex;align-items:flex-start;justify-content:center;gap:0;
  min-width:100%;min-height:100%;padding:1.6rem;}
.dgr-page{position:relative;flex:none;background:#fff;
  box-shadow:0 34px 70px -30px rgba(11,34,64,.6),0 0 0 1px rgba(11,34,64,.06);}
.dgr-page img{display:block;width:100%;height:100%;user-select:none;-webkit-user-drag:none;}
.dgr-page.loading::before{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,#f4f7fa 30%,#e9eef3 50%,#f4f7fa 70%);background-size:200% 100%;
  animation:dgShimmer 1.2s linear infinite;}
@keyframes dgShimmer{from{background-position:120% 0;}to{background-position:-80% 0;}}
.dgr-sheet.two .dgr-page+.dgr-page{box-shadow:0 34px 70px -30px rgba(11,34,64,.6),0 0 0 1px rgba(11,34,64,.06),
  inset 14px 0 18px -14px rgba(11,34,64,.22);}
.dgr-sheet.two .dgr-page:first-child{box-shadow:0 34px 70px -30px rgba(11,34,64,.6),0 0 0 1px rgba(11,34,64,.06),
  inset -14px 0 18px -14px rgba(11,34,64,.22);}

.dgr-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;
  width:56px;height:56px;border-radius:50%;border:1px solid var(--line,#E3E9F0);background:rgba(255,255,255,.92);
  color:var(--navy,#0B2240);cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 30px -14px rgba(11,34,64,.5);
  transition:transform .18s,background .18s,opacity .18s;}
.dgr-arrow svg{width:22px;height:22px;}
.dgr-arrow.prev{left:1rem;}
.dgr-arrow.next{right:1rem;}
.dgr-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.06);}
.dgr-arrow[disabled]{opacity:0;pointer-events:none;}

.dgr-foot{flex:0 0 auto;background:#fff;border-top:1px solid var(--line,#E3E9F0);
  display:flex;align-items:center;gap:1rem;padding:.6rem 1.2rem;}
.dgr-strip{display:flex;gap:.5rem;overflow-x:auto;flex:1 1 auto;padding:.3rem .2rem;scrollbar-width:thin;}
.dgr-thumb{flex:none;width:44px;height:58px;border:2px solid transparent;border-radius:2px;
  background:#EDF1F5;cursor:pointer;padding:0;overflow:hidden;position:relative;
  transition:border-color .18s,transform .18s;}
.dgr-thumb.land{width:78px;}
.dgr-thumb img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;}
.dgr-thumb:hover{transform:translateY(-2px);}
.dgr-thumb.on{border-color:var(--red,#C8102E);}
.dgr-thumb i{position:absolute;right:2px;bottom:1px;font-style:normal;font-family:var(--sans);font-weight:600;
  font-size:.62rem;color:#fff;background:rgba(11,34,64,.75);padding:0 .25rem;border-radius:2px;}
.dgr-count{flex:none;font-family:var(--sans);font-weight:600;font-size:var(--t-label,.82rem);letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-soft,#41505F);}
.dgr-toast{position:absolute;left:50%;bottom:6.4rem;transform:translate(-50%,10px);z-index:9;
  font-family:var(--sans);font-weight:600;font-size:var(--t-label,.82rem);letter-spacing:.12em;text-transform:uppercase;
  color:#fff;background:var(--navy,#0B2240);padding:.7rem 1.1rem;border-radius:999px;opacity:0;pointer-events:none;
  transition:opacity .25s,transform .25s;}
.dgr-toast.show{opacity:1;transform:translate(-50%,0);}

@media(max-width:760px){
  .dgr-top{padding:.5rem .6rem .5rem .9rem;gap:.5rem;}
  .dgr-btn .lbl,.dgr-title .lbl{display:none;}   /* the volume alone fits a phone */
  .dgr-zoom{display:none;}   /* pinch and double tap do the work on a phone */
  .dgr-spread{display:none;}
  .dgr-arrow{width:44px;height:44px;}
  .dgr-arrow.prev{left:.4rem;} .dgr-arrow.next{right:.4rem;}
  .dgr-sheet{padding:.9rem;}
  .dgr-foot{padding:.4rem .8rem;}
  .dgr-thumb{width:34px;height:46px;} .dgr-thumb.land{width:60px;}
  .dgr-toast{bottom:5.2rem;}
}
@media(prefers-reduced-motion:reduce){ .dg-reader{animation:none;} }