/* Free Bacchus — Journal article kit
   Shared styling for the three reader-capture components:
     .fb-figs    key-figures band
     .fb-tl      timeline
     .fb-receipt closing takeaways card
   Edit here once; every article follows. */

/* ---------- 1. Key figures band ---------- */
.fb-figs{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:rgba(168,124,92,.26);
  border:1px solid rgba(168,124,92,.26);
  margin:clamp(30px,4vw,44px) 0;
}
.fb-figs .fb-fig{
  background:var(--ivory,#F3EFE7);
  padding:clamp(18px,2.6vw,26px) clamp(10px,1.6vw,16px);
  text-align:center;
}
.fb-figs .fb-fig b{
  display:block;
  font-family:"Cormorant Garamond",Georgia,serif;font-weight:400;
  font-size:clamp(22px,3vw,32px);line-height:1.1;
  color:#A87C5C;
  font-variant-numeric:lining-nums;
}
.fb-figs .fb-fig span{
  display:block;margin-top:9px;
  font-family:"Karla",Arial,sans-serif;font-size:9.5px;
  letter-spacing:.16em;text-transform:uppercase;
  color:#6d6558;line-height:1.65;
}
@media(max-width:620px){
  .fb-figs{grid-template-columns:1fr}
  .fb-figs .fb-fig{padding:16px 14px}
  .fb-figs .fb-fig b{font-size:26px}
}

/* ---------- 2. Timeline ---------- */
.fb-tl{
  margin:clamp(30px,4vw,44px) 0;
  border-left:1px solid rgba(168,124,92,.32);
  padding-left:clamp(20px,2.6vw,26px);
}
.fb-tl .fb-ev{position:relative;padding-bottom:22px}
.fb-tl .fb-ev:last-child{padding-bottom:0}
.fb-tl .fb-ev::before{
  content:"";position:absolute;top:7px;
  left:calc(-1 * clamp(20px,2.6vw,26px) - 5px);
  width:9px;height:9px;border-radius:50%;
  background:var(--ivory,#F3EFE7);border:1px solid #A87C5C;
}
.fb-tl .fb-ev.key::before{background:#A87C5C}
.fb-tl .fb-yr{
  font-family:"Karla",Arial,sans-serif;font-size:10px;
  letter-spacing:.2em;text-transform:uppercase;color:#A87C5C;
}
.fb-tl .fb-ev p{margin:5px 0 0 !important;font-size:16px;line-height:1.7}

/* ---------- 3. The Receipt ---------- */
.fb-receipt{
  margin:clamp(38px,5vw,56px) 0 clamp(20px,3vw,28px);
  background:var(--bottle,#142A1E);
  color:#EAE4D6;
  padding:clamp(26px,3.6vw,38px) clamp(22px,3.2vw,34px);
  border:1px solid rgba(201,155,122,.3);
}
.fb-receipt .fb-r-eyebrow{
  font-family:"Karla",Arial,sans-serif;font-size:9.5px;
  letter-spacing:.3em;text-transform:uppercase;
  color:#C99B7A;margin-bottom:14px;
}
.fb-receipt h3{
  font-family:"Cormorant Garamond",Georgia,serif;font-weight:300;
  font-size:clamp(22px,2.8vw,28px);color:#F3EFE7;
  margin:0 0 18px !important;
}
.fb-receipt ul{margin:0;padding:0;list-style:none}
.fb-receipt li{
  position:relative;padding-left:22px;margin-bottom:13px;
  font-family:"EB Garamond",Georgia,serif;
  font-size:16px;line-height:1.72;color:rgba(234,228,214,.87);
}
.fb-receipt li:last-child{margin-bottom:0}
.fb-receipt li::before{
  content:"—";position:absolute;left:0;top:0;color:#C99B7A;
}
.fb-receipt li b{color:#F3EFE7;font-weight:500}
.fb-receipt .fb-r-cta{
  display:inline-block;margin-top:22px;
  font-family:"Karla",Arial,sans-serif;font-size:10px;
  letter-spacing:.2em;text-transform:uppercase;
  color:#C99B7A;text-decoration:none;
  border-bottom:1px solid rgba(201,155,122,.45);padding-bottom:6px;
  transition:color .25s,border-color .25s;
}
.fb-receipt .fb-r-cta:hover{color:#F3EFE7;border-color:#F3EFE7}

@media print{
  .fb-receipt{background:none;color:#000;border-color:#999}
  .fb-receipt h3,.fb-receipt li,.fb-receipt li b{color:#000}
}