/* ================================
   NDRL Newspaper Shared Styles
   File: ndrl-newspaper.css
   ================================ */

:root{
  --news-ink: #111;
  --news-muted: #444;
  --news-paper: #f9f7f2;
  --news-rule: #cfcfcf;
  --news-line: #000;
  --news-box: #f0efea;
  --ndrl-red: #fd0202;
}

/* Optional dark outer frame that matches NDRL’s site */
.ndrl-frame-dark{
  width: min(1100px + 2rem, 100%);
  margin: 0 auto 24px;
  padding: 0;
  background: transparent; /* keep parent site gradient/shadows if you have them */
}
.ndrl-frame-dark .news-section{
  box-shadow: 0 0 15px rgba(0,0,0,.25);
  border: 1px solid var(--news-rule);
}

/* Core section (paper look) */
.news-section{
  color: var(--news-ink);
  background: var(--news-paper);
  font-family: "Times New Roman", Georgia, Cambria, "Noto Serif", serif;
  line-height: 1.6;
  padding: 2rem;
  max-width: 1100px;
  margin: 0 auto 24px;
  border: 1px solid var(--news-rule);
}

/* Header */
.news-header{
  text-align: center;
  border-bottom: 2px solid var(--news-line);
  margin-bottom: 1rem;
  padding-bottom: .5rem;
}
.news-title{
  margin: 0;
  font-size: clamp(1.6rem, 2.4vw + 1rem, 2.25rem);
  letter-spacing: .5px;
  text-transform: uppercase;
}
.news-dek{
  margin: .5rem 0 0;
  font-style: italic;
  font-size: 1.05rem;
}

/* Two-column body */
.news-columns{
  column-count: 2;
  column-gap: 2rem;
  text-align: justify;
}
@media (max-width: 900px){
  .news-columns{ column-count: 1; }
}

/* Block elements that shouldn’t split across columns */
.news-figure,
.news-callout{
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  margin: 1rem 0;
}

/* Images + captions */
.news-figure img{
  width: 100%;
  height: auto;
  border: 1px solid #999;
  display: block;
  background: #fff;
}
.news-figure--logo img{
  width: 80%;
  max-width: 300px;
  margin-inline: auto;
  padding: .5rem;
}
.news-caption{
  font-size: .9rem;
  color: #333;
  margin-top: .25rem;
  text-align: center;
}

/* “Rules / Highlights” callout box */
.news-callout{
  padding: 1rem;
  border: 1px dashed #555;
  background: var(--news-box);
}
.news-callout h3{
  margin: 0 0 .5rem;
  font-size: 1.2rem;
  text-transform: uppercase;
  border-bottom: 1px solid #555;
}
.news-callout ul{
  margin: .25rem 0 .5rem 1.1rem;
  padding-left: 0;
}
.news-callout li{ margin: .25rem 0; }
.news-callout em{ color: var(--news-muted); }

/* Section title (outside paper card if you use it) */
.section-title{
  color: #fff;           /* adjust to your site; this is your current style */
  font-family: system-ui,-apple-system, Segoe UI, Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .5px;
  margin: 12px auto 6px;
  width: min(1100px, 95%);
}

/* Optional subtle divider if you stack multiple sections */
.news-divider{
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
  margin: 18px auto;
  width: min(1100px, 95%);
}

/* Print cleanup */
@media print{
  .news-section{
    box-shadow: none !important;
    border-color: #000 !important;
    background: #fff !important;
  }
  .section-title, .news-divider{ display: none; }
}