/*
 * ddc-report.css — 相場レポート(コラム)共通スタイル
 * 置き場所: /wp-content/uploads/dd-data/ddc-report.css
 * 本文が <article class="ddc-report"> で始まる記事にだけ読み込まれます。
 */
:root{
  --paper:#f2e8d3;
  --ink:#26231c;
  --green:#1e4638;
  --green-light:#3d6a56;
  --green-pale:#e4ece5;
  --gold:#a97c2f;
  --gold-bright:#c99a3d;
  --maroon:#7a2e2e;
  --font-jp:'Shippori Mincho', serif;
  --font-en:'Cinzel', serif;
  --font-body:'Noto Sans JP', sans-serif;
}

/* Cocoon衝突対策(見出しの背景・枠・フォント指定を打ち消す) */
.ddc-report h1, .ddc-report h2, .ddc-report h3, .ddc-report h4, .ddc-report h5, .ddc-report h6{
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  font-family: var(--font-jp) !important;
}

.ddc-report{
  font-family: var(--font-body);
  color: var(--ink);
  background: var(--paper);
  line-height: 1.9;
  max-width: 760px;
  margin: 0 auto;
  padding: 0 20px 60px;
}

/* ヒーロー */
.ddc-report .ddc-hero{
  background: var(--green);
  color: var(--paper);
  text-align: center;
  padding: 64px 24px 56px;
  margin: 0 -20px 48px;
  position: relative;
  overflow: hidden;
}
.ddc-report .ddc-hero-mark{
  position: absolute;
  right: -30px;
  top: -30px;
  opacity: 0.08;
  width: 220px;
  height: 220px;
}
.ddc-report .ddc-hero-eyebrow{
  font-family: var(--font-en);
  letter-spacing: 0.25em;
  font-size: 13px;
  color: var(--gold-bright);
  margin: 0 0 14px;
}
.ddc-report .ddc-hero h1{
  font-size: clamp(24px, 3.6vw, 34px);
  font-weight: 700;
  color: var(--paper) !important;
  margin: 0 0 16px;
  line-height: 1.55;
}
.ddc-report .ddc-hero p{
  font-size: 15px;
  color: var(--green-pale);
  max-width: 540px;
  margin: 0 auto;
}

/* 本文セクション */
.ddc-report section{ margin-bottom: 44px; }
.ddc-report h2{
  font-size: 21px;
  font-weight: 700;
  color: var(--green);
  border-bottom: 2px solid var(--gold);
  padding-bottom: 10px;
  margin: 0 0 22px;
}
.ddc-report p{ margin: 0 0 20px; font-size: 16px; }
.ddc-report strong{ color: var(--maroon); font-weight: 700; }
.ddc-report a{
  color: var(--green);
  text-decoration: underline;
  text-decoration-color: var(--gold);
  text-underline-offset: 3px;
}

/* 数字カード */
.ddc-report .ddc-kpi-row{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin: 0 0 28px;
}
.ddc-report .ddc-kpi{
  background: var(--green-pale);
  border-radius: 8px;
  padding: 16px 18px;
}
.ddc-report .ddc-kpi-label{
  display: block;
  font-size: 12px;
  color: var(--green-light);
  margin-bottom: 4px;
}
.ddc-report .ddc-kpi-value{
  display: block;
  font-family: var(--font-en);
  font-weight: 700;
  font-size: 24px;
  color: var(--green);
  line-height: 1.3;
}
.ddc-report .ddc-kpi-sub{
  display: block;
  font-size: 11.5px;
  color: var(--green-light);
  margin-top: 2px;
}

/* 注目取引カード */
.ddc-report .ddc-pick-row{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 14px;
  margin: 24px 0;
}
.ddc-report .ddc-pick{
  background: #fff;
  border: 1px solid var(--gold);
  border-radius: 8px;
  padding: 18px 20px;
}
.ddc-report .ddc-pick-num{
  font-family: var(--font-en);
  color: var(--gold);
  font-size: 20px;
  display: block;
  margin-bottom: 4px;
}
.ddc-report .ddc-pick b{
  display: block;
  font-family: var(--font-jp);
  color: var(--green);
  font-size: 15.5px;
  margin-bottom: 4px;
  line-height: 1.5;
}
.ddc-report .ddc-pick-price{
  display: block;
  font-family: var(--font-en);
  font-weight: 700;
  font-size: 22px;
  color: var(--maroon);
  margin-bottom: 8px;
}
.ddc-report .ddc-pick p{ margin: 0; font-size: 13.5px; }

/* 横棒グラフ */
.ddc-report .ddc-bars{ margin: 24px 0 8px; }
.ddc-report .ddc-bar-row{
  display: grid;
  grid-template-columns: 92px 1fr 78px;
  gap: 10px;
  align-items: center;
  margin-bottom: 8px;
  font-size: 13.5px;
}
.ddc-report .ddc-bar-label{ color: var(--ink); white-space: nowrap; }
.ddc-report .ddc-bar-track{
  background: rgba(30,70,56,0.08);
  border-radius: 3px;
  height: 18px;
  overflow: hidden;
}
.ddc-report .ddc-bar-fill{
  display: block;
  height: 100%;
  background: var(--green-light);
  border-radius: 3px;
}
.ddc-report .ddc-bar-row.ddc-hl .ddc-bar-fill{ background: var(--maroon); }
.ddc-report .ddc-bar-val{
  font-family: var(--font-en);
  font-weight: 700;
  text-align: right;
  white-space: nowrap;
}
.ddc-report .ddc-bar-val small{
  font-family: var(--font-body);
  font-weight: 400;
  font-size: 11px;
  color: var(--green-light);
  margin-left: 2px;
}
.ddc-report .ddc-bars-note{
  font-size: 12px;
  color: var(--green-light);
  margin: 4px 0 20px;
}

/* 表 */
.ddc-report .ddc-table-wrap{ overflow-x: auto; margin: 20px 0 24px; }
.ddc-report table.ddc-table{
  width: 100%;
  border-collapse: collapse !important;
  border: none !important;
  background: transparent !important;
  font-size: 14px;
  margin: 0 !important;
}
.ddc-report table.ddc-table th,
.ddc-report table.ddc-table td{
  border: none !important;
  border-bottom: 1px solid rgba(38,35,28,0.18) !important;
  background: transparent !important;
  padding: 10px 8px !important;
  text-align: right;
  white-space: nowrap;
}
.ddc-report table.ddc-table th{
  font-weight: 500;
  font-size: 12.5px;
  color: var(--green-light);
  border-bottom: 1.5px solid var(--green) !important;
}
.ddc-report table.ddc-table th:first-child,
.ddc-report table.ddc-table td:first-child{ text-align: left; }
.ddc-report table.ddc-table td.ddc-num{ font-family: var(--font-en); font-weight: 700; }
.ddc-report table.ddc-table td small{ font-size: 11px; color: var(--green-light); margin-left: 3px; }
.ddc-report table.ddc-table tr.ddc-hl td{ background: var(--green-pale) !important; }

/* まとめボックス */
.ddc-report .ddc-asset-box{
  background: var(--green);
  color: var(--paper);
  border-radius: 10px;
  padding: 26px 28px;
  margin: 28px 0;
}
.ddc-report .ddc-asset-box p{ color: var(--green-pale); font-size: 15px; margin: 0 0 14px; }
.ddc-report .ddc-asset-box p:last-child{ margin-bottom: 0; }
.ddc-report .ddc-asset-box ul{ margin: 0 0 14px; padding-left: 1.2em; color: var(--green-pale); font-size: 14px; }
.ddc-report .ddc-asset-box li{ margin-bottom: 6px; }
.ddc-report .ddc-asset-box b{ color: #fff; }

/* 注記 */
.ddc-report .ddc-note{
  background: #fff;
  border: 1px dashed var(--gold);
  border-radius: 8px;
  padding: 16px 20px;
  font-size: 13px;
  color: rgba(38,35,28,0.8);
}
.ddc-report .ddc-note ul{ margin: 0; padding-left: 1.1em; }
.ddc-report .ddc-note li{ margin-bottom: 4px; }

/* CTA */
.ddc-report .ddc-cta{
  background: var(--green);
  color: var(--paper);
  text-align: center;
  padding: 40px 28px;
  border-radius: 10px;
  margin-top: 8px;
}
.ddc-report .ddc-cta h2{ color: var(--paper) !important; border-bottom: none; font-size: 20px; }
.ddc-report .ddc-cta p{ color: var(--green-pale); font-size: 15px; }
.ddc-report .ddc-cta-links{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-top: 20px;
}
.ddc-report .ddc-cta-links a{
  display: inline-block;
  background: var(--gold);
  color: #fff !important;
  text-decoration: none;
  font-size: 14px;
  padding: 10px 20px;
  border-radius: 999px;
  font-family: var(--font-jp);
}
.ddc-report .ddc-cta-links a:hover{ background: var(--gold-bright); }

.ddc-report .ddc-footer-note{
  text-align: center;
  font-size: 12px;
  color: var(--green-light);
  margin-top: 40px;
}

@media (max-width: 480px){
  .ddc-report .ddc-bar-row{ grid-template-columns: 76px 1fr 70px; font-size: 12.5px; }
  .ddc-report .ddc-kpi-value{ font-size: 21px; }
}