/* Dead Frog Info — compact, theme-independent information strip */
.df-info{
  --df-gold:#e8c48e;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;max-width:100%;box-sizing:border-box;
  gap:0;
  padding:20px 12px;
  background:rgba(5,5,7,.80);
  border-radius:4px;
  color:#f7f5f1;
  font-family:inherit;
  text-align:left;
}
.df-info *{box-sizing:border-box}
.df-info .df-info__card{
  min-width:0;
  padding:0 14px;
  border-left:1px solid rgba(232,196,142,.30);
}
.df-info h2{
  display:block!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 0 12px!important;
  padding:0!important;
  font-family:inherit!important;
  font-size:clamp(14px,1.6vw,18px)!important;
  line-height:1.25!important;
  letter-spacing:0!important;
  font-weight:800!important;
  text-transform:uppercase;
  color:#fff!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.df-info p{
  margin:0 0 8px!important;
  padding:0!important;
  font-size:clamp(12px,1.15vw,14px)!important;
  line-height:1.45!important;
  color:#d2cdca!important;
  font-weight:400!important;
  overflow-wrap:break-word;
}
.df-info .df-info__card>p span{
  display:block;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:var(--df-gold);
  margin:0 0 2px;
}
.df-info a{color:#eee7dc!important;text-decoration:none!important;overflow-wrap:anywhere;transition:color .2s}
.df-info a:hover,.df-info a:focus-visible{color:var(--df-gold)!important}
.df-info .df-info__term+.df-info__term{margin-top:9px;padding-top:9px;border-top:1px solid rgba(232,196,142,.16)}
.df-info .df-info__term strong{
  display:block;
  font-size:10px;
  line-height:1.4;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  color:var(--df-gold);
}
.df-info .df-info__term p{margin:3px 0 0!important;font-weight:500!important;color:#f2ece4!important}
.df-info .df-info__map{display:inline-block;color:var(--df-gold)!important;border-bottom:1px solid currentColor;font-size:12px;margin-top:2px}
@media(max-width:600px){
  .df-info{grid-template-columns:1fr;gap:14px;padding:16px 12px}
  .df-info .df-info__card{padding:0 10px}
  .df-info h2{font-size:16px!important;margin-bottom:7px!important}
  .df-info p{font-size:13px!important;margin-bottom:5px!important}
}
@media(min-width:601px) and (max-width:840px){
  .df-info{padding:16px 5px}
  .df-info .df-info__card{padding:0 10px}
  .df-info h2{font-size:15px!important}
}