@charset "UTF-8";

/* =========================================================
   content-140.css
   塩蔵漬け物の利用
========================================================= */

.rd-summary__item {
  border-top: 4px solid #d98c2b;
}

.rd-section--intro .rd-prose {
  background: #fffaf2;
  border: 1px solid #f0dcc0;
  border-radius: 18px;
  padding: 22px 20px;
}

.rd-section--flavor-flow .rd-flow-card {
  border: 1px solid #eadfce;
  border-radius: 20px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
}

.rd-section--flavor-flow .rd-flow-card__title {
  color: #7a4d16;
}

.rd-flow-steps__item {
  line-height: 1.8;
  word-break: break-word;
  overflow-wrap: break-word;
}

.rd-section--flavor-flow .rd-nutrition-notes,
.rd-section--flavor-flow .rd-list {
  margin-top: 18px;
}

.rd-section .rd-panel {
  background: linear-gradient(180deg, #fffdfa 0%, #fff8ef 100%);
  border: 1px solid #efdfc6;
  border-radius: 20px;
  padding: 24px 20px;
}

.rd-section--taste-factors .rd-factor-card {
  border: 1px solid #eadfce;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
}

.rd-section--taste-factors .rd-factor-card__label {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff3dd;
  color: #9a6200;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.rd-section--taste-factors .rd-factor-card__title {
  color: #6e4311;
}

.rd-section--closing .rd-closing {
  background: linear-gradient(180deg, #fff8ef 0%, #fffdf8 100%);
  border: 1px solid #f0dfc4;
}

.rd-cta {
  border: 1px solid #eadcc6;
  background: #fffdfa;
}

.rd-hero__overlay {
  background: linear-gradient(
    to top,
    rgba(40, 24, 10, 0.62) 0%,
    rgba(40, 24, 10, 0.28) 45%,
    rgba(40, 24, 10, 0.12) 100%
  );
}

/* 粕漬け / しょうゆ漬けの2カードを少し目立たせる */
.rd-section--flavor-flow .rd-flow-list .rd-flow-card:nth-child(1) {
  border-top: 5px solid #d98c2b;
}

.rd-section--flavor-flow .rd-flow-list .rd-flow-card:nth-child(2) {
  border-top: 5px solid #8a5a2b;
}

/* スマホ最適化 */
@media screen and (max-width: 767px) {
  .rd-section--intro .rd-prose,
  .rd-section .rd-panel,
  .rd-section--taste-factors .rd-factor-card,
  .rd-section--flavor-flow .rd-flow-card {
    border-radius: 16px;
  }

  .rd-flow-steps__item {
    font-size: 14px;
    line-height: 1.75;
  }

  .rd-section--taste-factors .rd-factor-card__label {
    font-size: 11px;
  }
}

/* 念のため横スクロール抑止 */
html,
body,
.recipe-detail,
.rd-container,
.rd-narrow,
.rd-panel,
.rd-flow-card,
.rd-factor-card,
.rd-closing,
.rd-cta {
  max-width: 100%;
}

.recipe-detail {
  overflow-x: hidden;
}

.rd-prose p,
.rd-summary__text,
.rd-summary__label,
.rd-flow-card__title,
.rd-factor-card__title,
.rd-factor-card__body p,
.rd-cta__text,
.rd-heading h2,
.rd-heading__sub {
  word-break: break-word;
  overflow-wrap: break-word;
}