/* Compact and neutral compare area */

#compareSection .compare-body{
  padding:10px 12px !important;
  background:#f8fafc !important;
}

#compareSection .compare-grid{
  gap:12px !important;
}

#compareSection .text-card,
#compareSection .text-card.emerald,
#compareSection .text-card.rose{
  background:#fff !important;
  border:1px solid #e2e8f0 !important;
  border-radius:18px !important;
  padding:14px 16px !important;
  box-shadow:none !important;
}

#compareSection .text-card .head{
  margin-bottom:8px !important;
  min-height:0 !important;
}

#compareSection .text-card h4{
  margin:0 0 4px !important;
  font-size:18px !important;
  line-height:1.25 !important;
}

#compareSection .source-meta,
#compareSection .status-note{
  margin:0 0 8px !important;
  font-size:11px !important;
  line-height:1.35 !important;
}

#compareSection .inner-text{
  padding:18px 16px !important;
  border-radius:16px !important;
  min-height:360px !important;
}

#compareSection .poem p{
  line-height:1.85 !important;
}

#compareSection.is-tategaki .inner-text{
  padding:18px 14px !important;
}

#compareSection.is-tategaki .text-card{
  min-height:520px !important;
}

@media (max-width:760px){
  #compareSection .compare-body{
    padding:8px !important;
  }

  #compareSection .text-card{
    padding:12px !important;
    border-radius:16px !important;
  }

  #compareSection .inner-text{
    padding:14px 12px !important;
  }
}