/*── モーダル ───────────────────────────────*/
.modal-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;
                background:rgba(0,0,0,.4);z-index:999;opacity:0;visibility:hidden;transition:.2s}
.modal-backdrop.show{opacity:1;visibility:visible}
.modal-box{background:#fff;max-width:760px;width:90%;max-height:90vh;overflow:auto;
          border-radius:6px;padding:1.25rem;position:relative}
.modal-hide{position:absolute;top:8px;right:12px;cursor:pointer}

/*── 段落・編集欄 ───────────────────────────*/
.para-block{background:#f4f4f4;border-left:6px solid #22c7d1;padding:.6rem;border-radius:4px}
.edit-wrapper{margin-top:.5rem}
.edit-actions{margin-top:.4rem;text-align:right}
.edit-actions button{margin-left:.5rem}

/*── 差分ハイライト ─────────────────────────*/
.insert{background:#ffe58f;color:#c00;font-weight:600}
.delete{text-decoration:line-through;color:#888}

/*── 下部確認ボタン ─────────────────────────*/
#finalConfirmBar{display:none;margin-top:1rem;text-align:right}

.insert{
  background:#fcfcfc;
  color:#c00;
  font-weight:600;
  text-decoration:underline;
}
.delete{
    color:#232323;
    background:#b6ddff;
    text-decoration:line-through;
}
/**/
.recommendation-section {
    max-width: 800px;
    min-width:  650px;
    margin: 0 auto;
}
.recommendation-title {
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
    color: #555555;
}
.recommendation-groups {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.recommendation-heading {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 12px;
    margin-left:12px;
    color: #333333;
}
.recommendation-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    /*gap: 24px;*/
}
.recommendation-item {
    /*padding: 16px 0;*/
    padding:5px 5px;
    border-bottom: 1px solid #cecece;
}

.recommendation-item .novel-content {
    display: flex;
    align-items: flex-start;
}
.recommendation-item .novel-content > a {
    flex-shrink: 0;
    margin-right: 5px;
}
.recommendation-item .novel-detail {
    flex: 1;
    min-width: 0;
}
.recommendation-loading,
.recommendation-empty,
.recommendation-empty-all,
.recommendation-error {
    font-size: 13px;
    color: #555555;
    margin-top: 8px;
}
.recommendation-error {
    color: #c0392b;
}
@media (max-width: 480px) {

  .recommendation-list{
    grid-template-columns: 1fr;
  }
  .recommendation-section {
    width: 100%;
    min-width: 350px;
}
.recommendation-item .novel-content {
    margin-right:5px;
}
.recommendation-item:last-child {
    border-bottom: none;
}
}