/* Family Book — memorial treatment for marriage anniversaries */
.marriage-remembrance-detail{
  border-color:rgba(176,138,91,.38)!important;
  background:linear-gradient(180deg,rgba(79,61,43,.14),rgba(48,39,31,.08))!important;
}
.marriage-remembrance-detail .marriage-remembrance-icon{
  background:rgba(104,54,65,.28)!important;
  color:#e797a3!important;
  border:1px solid rgba(224,151,163,.18);
}
.marriage-remembrance-detail>.eyebrow{
  color:#d9ad7f!important;
  letter-spacing:.11em;
}
.marriage-remembrance-couple{
  display:grid;
  grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);
  gap:12px;
  align-items:stretch;
  margin:18px 0 8px;
}
.marriage-remembrance-person{
  width:100%;
  min-width:0;
  display:flex;
  align-items:center;
  gap:12px;
  padding:12px 14px;
  border:1px solid rgba(176,138,91,.34)!important;
  border-radius:16px!important;
  background:rgba(80,61,42,.16)!important;
  color:inherit!important;
  text-align:left;
  box-shadow:none!important;
}
.marriage-remembrance-person:hover{background:rgba(110,82,54,.2)!important}
.marriage-remembrance-avatar{
  width:48px;
  height:48px;
  flex:0 0 48px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(123,93,58,.3);
  color:#e4bd88;
  font-size:.82rem;
  font-weight:900;
}
.marriage-remembrance-person-copy{min-width:0;display:grid;gap:4px}
.marriage-remembrance-person-copy strong{
  color:var(--ink);
  font-size:.96rem;
  line-height:1.12;
  overflow-wrap:anywhere;
}
.marriage-remembrance-person-copy small{
  display:flex;
  align-items:center;
  gap:5px;
  color:#c7a47b;
  font-size:.72rem;
  font-weight:700;
}
.marriage-remembrance-person-copy small svg{width:13px;height:13px}
.marriage-remembrance-heart{
  align-self:center;
  justify-self:center;
  width:42px;
  height:42px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(104,54,65,.3);
  color:#e797a3;
}
.marriage-remembrance-heart svg{width:19px;height:19px}
.marriage-remembrance-script{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin:14px 0 16px;
  color:#d9b994;
}
.marriage-remembrance-script span{width:64px;height:1px;background:rgba(194,155,112,.45)}
.marriage-remembrance-script em{
  font-family:Georgia,'Times New Roman',serif;
  font-size:1.06rem;
  letter-spacing:.02em;
}
.marriage-remembrance-list>div{
  border-color:rgba(176,138,91,.14)!important;
  background:rgba(35,30,25,.14)!important;
}
.marriage-remembrance-message{
  margin:18px auto 4px;
  max-width:620px;
  color:var(--ink);
  font-size:.95rem;
  line-height:1.55;
  text-align:center;
  font-weight:650;
}
.marriage-remembrance-detail .marriage-auto-note{
  text-align:center;
  max-width:650px;
  margin:8px auto 0;
}
.marriage-remembrance-detail .cal-detail-actions{justify-content:center}

html[data-theme="dark"] .marriage-remembrance-detail{
  background:linear-gradient(180deg,rgba(92,70,47,.2),rgba(45,37,30,.13))!important;
  border-color:rgba(185,143,94,.38)!important;
}
html[data-theme="dark"] .marriage-remembrance-person{
  background:rgba(72,55,39,.3)!important;
  border-color:rgba(177,139,95,.34)!important;
}
html[data-theme="dark"] .marriage-remembrance-person-copy strong{color:#f4eee4}
html[data-theme="dark"] .marriage-remembrance-list>div{background:rgba(18,24,20,.5)!important}
html[data-theme="dark"] .marriage-remembrance-message{color:#eadfce}

@media(max-width:640px){
  .marriage-remembrance-couple{grid-template-columns:1fr;gap:8px}
  .marriage-remembrance-heart{width:36px;height:36px}
  .marriage-remembrance-person{padding:10px 12px}
  .marriage-remembrance-avatar{width:44px;height:44px;flex-basis:44px}
  .marriage-remembrance-script span{width:34px}
  .marriage-remembrance-script em{font-size:.98rem}
}