:root{
  --blue:#0c5abf; --blue-weak:#eaf2ff;
  --bg:#f4f8fc; --text:#1f2937; --muted:#6b7280;
  --radius:16px; --shadow:0 3px 8px rgba(12,90,191,.2),0 -1px 4px rgba(12,90,191,.1);
  --bottom-nav-h:64px; --card-gutter:16px;
}
html,body{
  margin:0; background:var(--bg); color:var(--text);
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
}
.wrap{ max-width:1100px; margin:0 auto; padding:24px; }

/* header */
.rireki-header{ margin:4px 0 12px; }
.rireki-header h1{
  margin:0; font-weight:700; color:var(--blue);
  font-size:clamp(20px,3.2vw,28px); text-align:center;
}

/* card-group 幅に合わせる */
.card-group{
  background:#fff; border-radius:var(--radius); padding:16px 20px;
  box-shadow:var(--shadow); margin-top:10px;
  width:calc(100% - var(--card-gutter)*2); margin-inline:auto;
}
.card-group.blue{ border-top:4px solid var(--blue); }

/* テーブル */
.table-scroll{ overflow:auto; -webkit-overflow-scrolling:touch; }
.rireki-table{
  width:100%; border-collapse:collapse; table-layout:auto;
  border-bottom:2px double var(--blue);
}
/* ヘッダ */
.rireki-table thead th{
  background:#fff; border-bottom:3px double var(--blue); border-right:1px solid #d5e1fa;
  color:var(--blue); text-align:center; font-weight:700; padding:12px 14px; font-size:.95rem;
}
.rireki-table thead th:last-child{ border-right:none; }
/* セル */
.rireki-table td{
  padding:12px 14px; line-height:1.7;
  border-bottom:1px solid #dfe6fb; border-right:1px solid #e0e8ff;
}
.rireki-table td:last-child{ border-right:none; }
/* 日付列 */
.col-date{ white-space:nowrap; width:1%; text-align:center; vertical-align:middle; }
/* 内容列 */
.col-text{ word-break:break-word; overflow-wrap:anywhere; vertical-align:top; }
/* 奇数行に淡い青 */
.rireki-table tbody tr:nth-child(odd) td{ background:rgba(12,90,191,.03); }

/* モバイル */
@media (max-width:480px){
  .wrap{ padding:20px; }
  .rireki-table td,.rireki-table th{ padding:10px 12px; }
}