/* ===== Auction Insight base ===== */
.aucins{
  --bg:#f6f8fb;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --line:#e5e7eb;
  --accent:#1e3a8a; /* 濃紺系。ブランドに合わせてOK */
  --radius:14px;

  color:var(--text);
  background:var(--bg);
  padding:18px 14px;
  border-radius:16px;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}

/* 見出し */
.aucins h2, .aucins h3{
  margin:22px 0 10px;
  line-height:1.25;
}
.aucins h2{
  font-size:18px;
  font-weight:800;
  padding-left:10px;
  border-left:4px solid var(--accent);
}
.aucins h3{
  font-size:15px;
  font-weight:800;
  color:var(--text);
}

/* 段落・箇条書き */
.aucins p, .aucins li{
  font-size:14px;
  line-height:1.75;
  color:var(--text);
}
.aucins ul{
  margin:10px 0 0;
  padding-left:18px;
}
.aucins li{
  margin:6px 0;
}
.aucins hr{
  border:none;
  border-top:1px solid var(--line);
  margin:18px 0;
}

/* カード化：チャート/表/ブロックを囲う用 */
.aucins .aucins-card{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:14px;
  box-shadow:0 1px 0 rgba(15,23,42,.03);
  margin:12px 0;
}

/* サマリーKPIカード */
.aucins .aucins-kpi{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px;
  margin-top:10px;
}
.aucins .aucins-kpi .k{
  background:#f8fafc;
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px 12px;
}
.aucins .aucins-kpi .t{
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.aucins .aucins-kpi .v{
  font-size:18px;
  font-weight:900;
  margin-top:2px;
}

/* テーブル改善 */
.aucins table, .aucins .aucins-table{
  width:100%;
  border-collapse:separate;
  border-spacing:0;
  background:var(--card);
  border:1px solid var(--line);
  border-radius:var(--radius);
  overflow:hidden;
  font-size:13px;
}

/* 横スクロールは外側の器でやる */
.aucins .table-container{
  width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}

/* 列が潰れない最低幅（5列ならこれが安定） */
.aucins .aucins-table{
  min-width:760px;
}

/* 基本は折り返さない（見た目優先） */
.aucins .aucins-table th,
.aucins .aucins-table td{
  white-space:nowrap;
}

/* Maker/Model だけは長いので折り返しOKにする場合 */
.aucins .aucins-table td:nth-child(2){
  white-space:normal;
}
.aucins thead th, .aucins .aucins-table thead th{
  background:#f1f5f9;
  color:var(--text);
  font-weight:800;
  padding:10px 10px;
  border-bottom:1px solid var(--line);
  text-align:left;
}
.aucins tbody td, .aucins .aucins-table tbody td{
  padding:10px 10px;
  border-bottom:1px solid var(--line);
  color:var(--text);
}
.aucins tbody tr:nth-child(even), .aucins .aucins-table tbody tr:nth-child(even){
  background:#fbfdff;
}

/* チャートコンテナ */
.aucins .chart-container{
  height: 380px;
  position: relative;
}
@media (max-width: 600px){
  .aucins .chart-container{
    height: 280px;
  }
}

/* 主要会場 */
.aucins .venue{
  background:var(--card);
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px 12px;
  margin:10px 0;
}
.aucins .venue .name{
  font-weight:800;
}
.aucins .venue .sub{
  color:var(--muted);
  font-size:12px;
  margin-top:2px;
}

/* 画像プレースホルダー */
.aucins img{
  max-width:100%;
  height:auto;
  border-radius:12px;
}

/* デスクトップで読みやすく */
@media (min-width: 960px){
  .aucins{
    padding:24px 20px;
  }
  .aucins h2{ font-size:20px; }
  .aucins p, .aucins li{ font-size:15px; }
  .aucins .aucins-kpi{ grid-template-columns:repeat(4, minmax(0,1fr)); }
  .aucins .aucins-kpi .v{ font-size:20px; }
}

/* WordPress投稿コンテンツエリアの幅を広げる */
.entry-content .aucins,
.single-post .aucins,
.post-content .aucins,
.wp-block-post-content .aucins {
  max-width: 100% !important;
  width: 100% !important;
}

/* Layout */
.aucins-page{
  max-width: 920px;
  margin: 0 auto;
  padding: 28px 18px 60px;
}

.aucins-hero{
  padding: 18px 18px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.04);
  margin-bottom: 16px;
}

.aucins-kicker{
  font-size: 12px;
  color: #64748b;
  margin-bottom: 6px;
}

.aucins-h1{
  font-size: 22px;
  margin: 0 0 6px;
  font-weight: 600;
}

.aucins-subtitle{
  font-size: 14px;
  color: #334155;
}

.aucins-card{
  margin: 14px 0;
  padding: 16px;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  border: 1px solid rgba(0,0,0,.04);
}

.aucins-card--subtle{
  background: #fbfdff;
}

.aucins-card__head{
  margin-bottom: 10px;
}

.aucins-h2{
  font-size: 16px;
  margin: 0 0 4px;
  font-weight: 600;
}

.aucins-muted{
  font-size: 12px;
  color: #64748b;
}

.aucins-chartWrap{
  width: 100%;
  padding: 10px 6px 2px;
}

#aucinsChart1,
#aucinsChart2{
  width: 100% !important;
  height: 280px !important;
}

/* Takeaways */
.aucins-takeaways{
  margin: 0;
  padding-left: 16px;
}

.aucins-takeaways li{
  margin: 8px 0;
  line-height: 1.55;
}

/* Venues */
.aucins-venues{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}

.aucins-venue{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 12px;
  padding: 12px;
  background: #fff;
}

.aucins-venue__name{
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 6px;
}

.aucins-venue__meta{
  font-size: 12px;
  color: #64748b;
}

/* Tables */
.aucins-table{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.06);
}

.aucins-table th,
.aucins-table td{
  padding: 10px;
  font-size: 13px;
  border-bottom: 1px solid rgba(0,0,0,.06);
}

.aucins-table th{
  background: #f8fafc;
  text-align: left;
  font-weight: 600;
}

.aucins-table tbody tr:last-child td{
  border-bottom: none;
}

/* Legacy support (後方互換性) */
.aucins .aucins-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}

.aucins .aucins-miniCard{
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 14px;
  padding: 12px;
}

.aucins .aucins-cta{
  margin-top: 10px;
  font-weight: 600;
}

/* =========================================
   Only for CPT: auction_insight
   ========================================= */

/* まず aucins 自体の読みやすい最大幅 */
.single-auction_insight .aucins{
  max-width: 1200px;
  margin: 0 auto;
}

/* サイドバーがあるテーマでも本文を広げる（存在しなければ無害） */
@media (min-width: 960px){
  .single-auction_insight .content-area,
  .single-auction_insight .siteContent .content-area{
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
  .single-auction_insight .widget-area,
  .single-auction_insight .sidebar{
    display: none;
  }
}

/* Responsive */
@media (max-width: 720px){
  .aucins-venues{
    grid-template-columns: 1fr;
  }
  
  #aucinsChart1,
  #aucinsChart2{
    height: 240px !important;
  }
  
  .aucins-page{
    padding: 18px 12px 40px;
  }
}