/* ============================================================
   JDW Historical Highlights Widget
   Match the static site: diamond bullets, single-line items,
   full-width gold rules between rows.
   ============================================================ */

.jdw-hl-section{
  background:#FCFAF5;
  padding:80px 60px;
}

/* ---------- Heading ---------- */
.jdw-hl-head{
  max-width:840px;
  margin:0 auto 50px;
}
.jdw-hl-head.jdw-align-center{ text-align:center; }
.jdw-hl-head.jdw-align-left  { text-align:left;   margin-left:0; }
.jdw-hl-head.jdw-align-right { text-align:right;  margin-right:0; }

.jdw-hl-eyebrow{
  font-family:'Montserrat',sans-serif;
  font-size:11px;
  font-weight:500;
  letter-spacing:.34em;
  text-transform:uppercase;
  color:#A8884C;
  margin:0 0 16px;
}

.jdw-hl-title{
  font-family:'Playfair Display',Georgia,serif;
  font-size:clamp(28px,4vw,42px);
  font-weight:500;
  color:#2B2925;
  margin:0 0 16px;
  letter-spacing:.01em;
  line-height:1.2;
}

.jdw-hl-subtitle{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-style:italic;
  font-size:18px;
  font-weight:400;
  color:#6B6660;
  margin:0;
  line-height:1.6;
}

/* ---------- Grid ---------- */
.jdw-hl-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  max-width:1400px;
  margin:0 auto;
}

/* Row dividers — border-top on grid + border-bottom on every card.
   Items in the same row stretch to equal height, so the bottom borders
   align horizontally and read as a continuous rule across the row. */
.jdw-hl-grid.jdw-has-rules{
  border-top:1px solid rgba(168,136,76,.35);
}
.jdw-hl-grid.jdw-has-rules .jdw-hl-card{
  border-bottom:1px solid rgba(168,136,76,.35);
}

/* ---------- Card ---------- */
.jdw-hl-card{
  display:flex;
  align-items:flex-start;
  gap:16px;
  padding:32px 20px;
  text-decoration:none;
  color:inherit;
}
a.jdw-hl-card{
  transition:background-color .25s ease;
}
a.jdw-hl-card:hover{
  background-color:rgba(168,136,76,.05);
}

/* ---------- Bullet ---------- */
.jdw-hl-bullet{
  flex:0 0 auto;
  display:inline-block;
  width:8px;
  height:8px;
  background-color:#A8884C;
  margin-top:11px; /* aligns visually with first line of Cormorant */
}
.jdw-hl-bullet.jdw-bullet-diamond{
  transform:rotate(45deg);
}
.jdw-hl-bullet.jdw-bullet-circle{
  border-radius:50%;
}
.jdw-hl-bullet.jdw-bullet-square{
  /* default square */
}
.jdw-hl-bullet.jdw-bullet-dash{
  height:1.5px;
  width:18px;
  margin-top:15px;
}

/* ---------- Text ---------- */
.jdw-hl-text{
  font-family:'Cormorant Garamond',Georgia,serif;
  font-size:19px;
  font-weight:400;
  color:#2B2925;
  margin:0;
  line-height:1.45;
  letter-spacing:.005em;
  transition:color .25s ease;
}

/* ---------- Responsive ---------- */
@media (max-width:980px){
  .jdw-hl-grid{ grid-template-columns:repeat(2,1fr); }
  .jdw-hl-section{ padding:70px 40px; }
}

@media (max-width:560px){
  .jdw-hl-section{ padding:60px 24px; }
  .jdw-hl-grid{ grid-template-columns:1fr; }
  .jdw-hl-head{ margin-bottom:36px; }
  .jdw-hl-card{ padding:24px 12px; gap:14px; }
  .jdw-hl-text{ font-size:17px; }
  .jdw-hl-bullet{ margin-top:9px; }
}