/* =========================================================
   Global Peace International — News Room
   Add-on stylesheet. Loads AFTER css/styles.css and reuses
   its design tokens (--un-blue, --ink, --line, etc.).
   Nothing in styles.css needs to change.
   ========================================================= */

/* ---------- Article list (newsroom.html) ---------- */
.news-list{max-width:860px}

.news-year{
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
  font-size:1.05rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--ink-soft);
  border-bottom:1px solid var(--line);
  padding-bottom:.5rem;
  margin:2.5rem 0 0;
}
.news-year:first-child{margin-top:0}

.news-item{
  padding:28px 0;
  border-bottom:1px solid var(--line);
}
.news-item:last-child{border-bottom:0}

.news-item__meta{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-bottom:.55rem;
}
.news-item__date{
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-size:.8rem;
  color:var(--un-blue);
}
.news-item__title{
  font-size:1.55rem;
  line-height:1.2;
  margin:0 0 .5rem;
}
.news-item__title a{
  color:var(--un-blue-dark);
  text-decoration:none;
  background-image:linear-gradient(var(--un-blue),var(--un-blue));
  background-size:0 2px;
  background-repeat:no-repeat;
  background-position:0 100%;
  transition:background-size .25s ease,color .2s ease;
}
.news-item__title a:hover{
  color:var(--un-blue);
  background-size:100% 2px;
}
.news-item__dek{
  color:var(--ink-soft);
  max-width:66ch;
  margin-bottom:0;
}
.news-item__more{margin:16px 0 0}

.news-archive-note{
  max-width:860px;
  margin-top:32px;
  padding-top:20px;
  border-top:1px solid var(--line);
  color:var(--ink-soft);
  font-size:.95rem;
}

/* ---------- Article page ---------- */
/* Left-aligned measure, matching the existing press-release pages */
.article{max-width:800px}

.article__meta{
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
  padding-bottom:18px;
  margin-bottom:28px;
  border-bottom:1px solid var(--line);
  font-size:.9rem;
  color:var(--ink-soft);
}
.article__meta time{
  font-family:"Roboto Condensed",Roboto,Arial,sans-serif;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  font-size:.8rem;
  color:var(--un-blue);
}
.article__byline{font-weight:600;color:var(--ink)}

.article__figure{margin:0 0 28px}
.article__figure img{border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.article__figure figcaption{
  font-size:.88rem;
  color:var(--ink-soft);
  margin-top:.6rem;
}

.article__body h3{margin-top:2rem}
.article__body blockquote{
  margin:1.8rem 0;
  padding:2px 0 2px 22px;
  border-left:3px solid var(--un-blue);
  color:var(--ink-soft);
  font-size:1.14rem;
}
.article__body blockquote p:last-child{margin-bottom:0}
.article__body ul,.article__body ol{padding-left:1.3rem;margin:0 0 1rem}
.article__body li{margin-bottom:.4rem}
.article__body img{border-radius:var(--radius)}

.article__footer{
  margin-top:36px;
  padding-top:22px;
  border-top:1px solid var(--line);
  display:flex;
  gap:16px;
  align-items:center;
  flex-wrap:wrap;
  justify-content:space-between;
}
.article__share{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--ink-soft)}
.article__share a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;height:34px;
  border:1px solid var(--line);
  border-radius:50%;
  color:var(--un-blue-dark);
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
.article__share a:hover{background:var(--un-blue);border-color:var(--un-blue);color:#fff}
.article__share svg{width:16px;height:16px}

/* ---------- Comments ---------- */
.comments{max-width:800px}

.comments__notice{
  display:flex;
  gap:12px;
  align-items:flex-start;
  background:var(--bg-softer);
  border:1px solid var(--line);
  border-left:3px solid var(--un-blue);
  border-radius:var(--radius);
  padding:14px 18px;
  margin:0 0 24px;
  font-size:.94rem;
  color:var(--ink-soft);
}
.comments__notice svg{flex:0 0 auto;width:18px;height:18px;margin-top:3px;color:var(--un-blue)}
.comments__notice a{font-weight:600}

/* Fallback shown when no comment service is configured yet,
   or when comments are restricted to signed-in members. */
.comments__placeholder{
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--white);
  box-shadow:var(--shadow-sm);
  padding:34px 24px;
  text-align:center;
  color:var(--ink-soft);
}
.comments__placeholder h3{
  font-size:1.15rem;
  color:var(--un-blue-dark);
  margin-bottom:.4rem;
}
.comments__placeholder p{margin-bottom:0;max-width:56ch;margin-left:auto;margin-right:auto}
.comments__placeholder p + p{margin-top:1rem}
.comments__placeholder .comments__actions{margin-top:1.6rem;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

#gpi-comments{min-height:120px}

@media (max-width:720px){
  .news-item__title{font-size:1.3rem}
  .article__footer{flex-direction:column;align-items:flex-start}
}