/* RewindClick Newspaper
   Dedicated stylesheet for the News panel newspaper view.
   Layout is intentionally fixed and uses rc-paper-* classes only. */

.rc-paper{
  --rc-paper-bg:#fbfaf6;
  --rc-paper-bg-2:#f0ede4;
  --rc-paper-ink:#16130f;
  --rc-paper-muted:#62594f;
  --rc-paper-rule:#8f8372;

  width:100%;
  max-width:100%;
  box-sizing:border-box;
  overflow:hidden;
  padding:18px 20px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.34), transparent 90px),
    repeating-linear-gradient(0deg, rgba(20,16,10,.018) 0 1px, transparent 1px 4px),
    linear-gradient(180deg,#fbfaf4,#f1eee4);
  border:1px solid color-mix(in srgb,var(--rc-paper-rule) 78%,transparent);
  color:var(--rc-paper-ink);
}

.rc-paper *,
.rc-paper *::before,
.rc-paper *::after{
  box-sizing:border-box;
}

.rc-paper a{
  color:var(--rc-paper-ink) !important;
  text-decoration:none;
}

.rc-paper a:hover{
  text-decoration:underline;
}

.rc-paper .news-newspaper-meta,
.rc-paper .news-np-source,
.rc-paper .news-np-time,
.rc-paper .news-np-dot{
  color:var(--rc-paper-muted) !important;
  font-size:10px;
  line-height:1.2;
  letter-spacing:.02em;
}

/* ── Masthead ─────────────────────────────────────── */

.rc-paper-masthead{
  padding:0 0 10px;
  margin-bottom:12px;
  border-top:3px solid var(--rc-paper-ink);
  border-bottom:5px double var(--rc-paper-ink);
}

/* Top bar: meta info left, settings button right */
.rc-paper-masthead-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:5px 0 4px;
  border-bottom:1px solid color-mix(in srgb,var(--rc-paper-rule) 46%,transparent);
  margin-bottom:6px;
}

.rc-paper-meta{
  display:flex;
  flex-wrap:wrap;
  gap:3px 10px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:10.5px;
  line-height:1.2;
  color:var(--rc-paper-muted);
}

.rc-paper-meta span + span::before{
  content:"·";
  margin-right:10px;
  opacity:.6;
}

/* Settings button — subtle, top-right of masthead */
.rc-paper-settings-btn{
  flex-shrink:0;
  appearance:none;
  border:1px solid color-mix(in srgb,var(--rc-paper-rule) 55%,transparent);
  background:transparent;
  color:var(--rc-paper-muted);
  font-family:Georgia,"Times New Roman",serif;
  font-size:10px;
  letter-spacing:.04em;
  padding:2px 7px;
  cursor:pointer;
  white-space:nowrap;
  transition:color .15s, border-color .15s, background .15s;
}

.rc-paper-settings-btn:hover{
  color:var(--rc-paper-ink);
  border-color:var(--rc-paper-ink);
  background:rgba(22,19,15,.05);
}

/* Nameplate */
.rc-paper-name{
  display:block;
  max-width:100%;
  overflow-wrap:break-word;
  white-space:normal;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(30px,5.4vw,54px);
  line-height:.93;
  letter-spacing:-.015em;
  text-transform:uppercase;
  text-align:center;
  color:var(--rc-paper-ink);
}

/* Edition label below nameplate */
.rc-paper-edition-nav{
  text-align:center;
  margin-top:5px;
}

.rc-paper-edition-label{
  font-family:Georgia,"Times New Roman",serif;
  font-size:11px;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--rc-paper-muted);
  font-style:italic;
}

/* ── Lead story ───────────────────────────────────── */

.rc-paper-lead{
  padding:0 0 12px;
  margin:0 0 10px;
  border-bottom:1px solid color-mix(in srgb,var(--rc-paper-rule) 62%,transparent);
}

.rc-paper-kicker{
  text-align:center;
  margin:0 0 6px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:12px;
  line-height:1.2;
  letter-spacing:.11em;
  text-transform:uppercase;
  color:var(--rc-paper-muted);
}

.rc-paper-lead-title{
  display:block;
  max-width:100%;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(30px,4.2vw,44px);
  line-height:.98;
  letter-spacing:-.025em;
  text-align:center;
}

/* Lead image — right below headline for maximum visual impact */
.rc-paper-lead-image{
  display:block;
  max-width:820px;
  margin:10px auto 8px;
}

.rc-paper-lead-image img{
  display:block;
  width:100%;
  max-height:260px;
  object-fit:cover;
  border:1px solid color-mix(in srgb,var(--rc-paper-rule) 50%,transparent);
  filter:contrast(.96) saturate(.86);
}

.rc-paper-lead-summary{
  max-width:none;
  margin:7px auto 0;
  font-size:13.5px;
  line-height:1.43;
  color:var(--rc-paper-ink);
  column-count:2;
  column-gap:18px;
  column-rule:1px dotted color-mix(in srgb,var(--rc-paper-rule) 44%,transparent);
}

/* ── Secondary stories: 2×2 grid ─────────────────── */

.rc-paper-secondary{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  margin:0 0 12px;
  border-bottom:2px solid color-mix(in srgb,var(--rc-paper-rule) 62%,transparent);
}

.rc-paper-card{
  min-width:0;
  padding:9px 12px 10px;
  border-bottom:1px solid color-mix(in srgb,var(--rc-paper-rule) 38%,transparent);
}

.rc-paper-card:nth-child(odd){
  padding-left:0;
  border-right:1px dotted color-mix(in srgb,var(--rc-paper-rule) 55%,transparent);
}

.rc-paper-card:nth-child(even){
  padding-right:0;
}

.rc-paper-card:nth-child(n+3){
  border-bottom:0;
}

/* Card image — floated newspaper thumbnail */
.rc-paper-card-image{
  display:block;
  float:left;
  width:104px;
  max-width:42%;
  margin:1px 10px 6px 0;
  border:1px solid color-mix(in srgb,var(--rc-paper-rule) 48%,transparent);
  background:rgba(255,255,255,.32);
}

.rc-paper-card-image img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  filter:contrast(.96) saturate(.84);
}

.rc-paper-card.has-card-image::after{
  content:"";
  display:block;
  clear:both;
}

.rc-paper-card-title{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:17px;
  line-height:1.08;
}

.rc-paper-card-summary{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin:5px 0 0;
  font-size:11.5px;
  line-height:1.25;
  color:var(--rc-paper-muted);
}

/* ── Section heading ─────────────────────────────── */

.rc-paper-section-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 7px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:12px;
  font-weight:800;
  line-height:1.2;
  letter-spacing:.14em;
  text-transform:uppercase;
  text-align:center;
  color:var(--rc-paper-ink);
}

.rc-paper-section-title::before,
.rc-paper-section-title::after{
  content:"";
  flex:1;
  height:2px;
  border-top:1px solid var(--rc-paper-ink);
}

/* ── Briefings ───────────────────────────────────── */

.rc-paper-briefings{
  border-bottom:2px solid color-mix(in srgb,var(--rc-paper-rule) 62%,transparent);
  padding-bottom:7px;
  margin:0 0 12px;
}

.rc-paper-briefings-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
}

.rc-paper-brief{
  min-width:0;
  padding:6px 10px;
  border-right:1px dotted color-mix(in srgb,var(--rc-paper-rule) 48%,transparent);
}

.rc-paper-brief:nth-child(3n){
  border-right:0;
}

.rc-paper-brief-title{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:12.5px;
  line-height:1.14;
}

/* ── More Stories ────────────────────────────────── */

.rc-paper-more{
  margin:0;
}

.rc-paper-more-columns{
  column-count:4;
  column-gap:17px;
  column-rule:1px solid color-mix(in srgb,var(--rc-paper-rule) 40%,transparent);
}

.rc-paper-more-story{
  break-inside:avoid;
  display:block;
  margin:0 0 6px;
  padding:0 0 6px;
  border-bottom:1px dotted color-mix(in srgb,var(--rc-paper-rule) 42%,transparent);
}

.rc-paper-more-title{
  display:block;
  font-family:Georgia,"Times New Roman",serif;
  font-size:12.8px;
  line-height:1.14;
}

/* ── Newspaper page turning controls ─────────────── */

.rc-paper-page-turner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:10px;
  align-items:center;
  margin:0 0 13px;
  padding:7px 0;
  border-top:1px solid color-mix(in srgb,var(--rc-paper-rule) 45%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--rc-paper-rule) 45%,transparent);
  font-family:Georgia,"Times New Roman",serif;
}

.rc-paper-page-btn{
  min-width:0;
  display:flex;
  align-items:center;
  gap:6px;
  border:0;
  background:transparent;
  color:var(--rc-paper-ink);
  padding:3px 0;
  font-family:Georgia,"Times New Roman",serif;
  cursor:pointer;
  text-align:left;
}

.rc-paper-page-next{
  justify-content:flex-end;
  text-align:right;
}

.rc-paper-page-btn:hover strong{
  text-decoration:underline;
}

.rc-paper-page-arrow{
  font-size:24px;
  line-height:1;
  color:var(--rc-paper-ink);
}

.rc-paper-page-word{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:var(--rc-paper-muted);
}

.rc-paper-page-btn strong,
.rc-paper-page-current strong{
  display:block;
  font-size:13px;
  line-height:1.15;
  color:var(--rc-paper-ink);
}

.rc-paper-page-current{
  min-width:130px;
  text-align:center;
  color:var(--rc-paper-muted);
}

.rc-paper-page-current span{
  display:block;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.1em;
}

/* ── Responsive ──────────────────────────────────── */

@media(min-width:1080px){
  .rc-paper-more-columns{
    column-count:4;
  }
}

@media(max-width:900px){
  .rc-paper-more-columns{
    column-count:3;
  }
}

@media(max-width:760px){
  .rc-paper-lead-summary{
    column-count:1;
  }
  .rc-paper-briefings-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .rc-paper-brief:nth-child(3n){
    border-right:1px dotted color-mix(in srgb,var(--rc-paper-rule) 48%,transparent);
  }
  .rc-paper-brief:nth-child(2n){
    border-right:0;
  }
  .rc-paper-more-columns{
    column-count:2;
  }
}

@media(max-width:620px){
  .rc-paper{
    padding:12px;
  }
  .rc-paper-name{
    font-size:clamp(25px,8vw,36px);
  }
  .rc-paper-lead-title{
    font-size:clamp(25px,7.5vw,34px);
  }
  .rc-paper-secondary{
    grid-template-columns:1fr;
  }
  .rc-paper-card{
    padding:9px 0 !important;
    border-right:0 !important;
    border-bottom:1px dotted color-mix(in srgb,var(--rc-paper-rule) 45%,transparent) !important;
  }
  .rc-paper-card-image{
    width:96px;
    max-width:40%;
  }
  .rc-paper-brief{
    padding-left:0;
    padding-right:0;
    border-right:0 !important;
    border-bottom:1px dotted color-mix(in srgb,var(--rc-paper-rule) 42%,transparent);
  }
  .rc-paper-more-columns{
    column-count:1;
  }
  .rc-paper-masthead-topbar{
    flex-wrap:wrap;
    gap:4px;
  }
  .rc-paper-meta span + span::before{
    display:none;
  }
  .rc-paper-page-turner{
    grid-template-columns:1fr 1fr;
    gap:8px;
  }
  .rc-paper-page-current{
    grid-column:1 / -1;
    grid-row:1;
    min-width:0;
  }
  .rc-paper-page-prev{
    grid-column:1;
    grid-row:2;
  }
  .rc-paper-page-next{
    grid-column:2;
    grid-row:2;
  }
}