/* =========================
   Reading List
   ========================= */
:root{
  --ink:#0b0b0b;
  --muted:#535353;
  --rule:#dcdcdc;
  --navy:#0C4C6C;
  --accent:#0AA3C0;    /* small blue dot */
}

body{ background:#fff; color:var(--ink); }
.container-narrow{ max-width:1100px; margin:0 auto; padding:0 2rem; }

/* Header */
.rl-head{ display:flex; align-items:center; }
.rl-title{
  margin:0; padding:2.1rem 0 1.1rem;
  font-size:1.85rem; font-weight:800; text-transform:uppercase;
}
.blue-dot{ width:1.6rem; height:1.6rem; background:#178BB9; border-radius:50%; display:inline-block; margin-left:.5rem; }
.rl-rule{ border:none; border-top:1px solid #cfcfcf; margin:0 0 1rem; }

/* Hero */
.rl-hero{ margin:0; border-bottom:1px solid #000; }
.rl-hero img{ width:100%; height:300px; object-fit:cover; display:block; }

/* Intro */
.rl-intro{ padding:1rem 0 1.1rem; }
.rl-intro p{ margin:0; line-height:1.6; font-weight:600; }

/* Accordion list */
.rl-list{ padding-bottom:2rem; }
.rl-item{
  border-top:1px solid var(--rule);
}
.rl-item:last-of-type{ border-bottom:1px solid var(--rule); }

.rl-item > summary{
  list-style:none;
  cursor:pointer;
  display:grid;
  grid-template-columns: 1fr auto;
  row-gap:.25rem;
  padding:.9rem 0;
  align-items:center;
}
.rl-item > summary::-webkit-details-marker{ display:none; }

.rl-name{
  font-weight:800; text-transform:uppercase; letter-spacing:.01em;
  font-size:1rem; display:block;
}
.rl-role{
  grid-column:1 / 2;
  font-size:.92rem; color:#111; opacity:.9; font-weight:600;
}

/* Plus / minus circle */
.rl-toggle{
  width:28px; height:28px;
  position:relative; margin-left:1rem;
}
.rl-toggle::before,
.rl-toggle::after{
  content:""; position:absolute; left:50%; top:50%;
  width:14px; height:2px; background:#000; transform:translate(-50%,-50%);
}
.rl-toggle::after{ transform:translate(-50%,-50%) rotate(90deg); }

/* When open, turn into minus */
.rl-item[open] .rl-toggle::after{ opacity:0; }

/* Body */
.rl-body{
  padding:0 0 1rem 0;
  margin-top:.25rem;
  font-size:.94rem; color:#222; line-height:1.55;
}

/* CTA */
.rl-cta{ text-align:center; padding:1.25rem 0 .5rem; }
.btn-ghost{
  display:inline-block; padding:.5rem .9rem;
  border:1.8px solid #000; border-radius:0px; text-decoration:none; color:#000;
  font-weight:700; font-size:.92rem;
}
.btn-ghost:hover{ transform:translateY(-1px); }

/* Responsive */
@media (max-width:640px){
  .container-narrow{ padding:0 1.25rem; }
  .rl-hero img{ height:220px; }
  .rl-item > summary{ grid-template-columns: 1fr 28px; }
  .rl-role{ font-size:.9rem; }
}

/* Hide items when collapsed */
.rl-item.is-hidden {
  display: none;
}

/* Remove link styling inside the reading list */
.rl-body a,
.rl-body a:visited,
.rl-body a:active {
  color: inherit;
  text-decoration: none;
}

/* Optional: keep links undecorated even on hover/focus */
.rl-body a:hover,
.rl-body a:focus {
  text-decoration: none;
}