/* 日の入りカード [takao_sunset_card]。Astro側 public/styles.css の .sun と同じ見え方(色は同じ値) */
.tsc-sun {
  background: #fdfdf9;
  border: 1.5px solid #d4e6ae;
  border-radius: 12px;
  padding: 18px 20px;
  margin: 1.4em 0;
  color: #1f2a1a;
}
.tsc-sun p { margin: 0; }
.tsc-title { font-weight: 700; font-size: 17px; }
.tsc-lead { margin-top: 4px !important; font-size: 14px; color: #55614d; line-height: 1.7; }
.tsc-sun dl.tsc-facts { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 20px; margin: 14px 0 0; }
.tsc-fact { border: 1px solid #dde5cf; border-radius: 10px; padding: 10px 12px; background: #fff; }
.tsc-sun .tsc-fact dt { font-size: 13px; color: #55614d; font-weight: 700; margin: 0; }
.tsc-sun .tsc-fact dd { margin: 2px 0 0; font-size: 15px; line-height: 1.5; }
.tsc-sun .tsc-fact dd b { font-size: 22px; margin-right: 4px; }
.tsc-sun .tsc-fact small { display: block; font-size: 12px; color: #55614d; line-height: 1.5; }
.tsc-plan { margin-top: 14px; }
.tsc-plan-title { margin-bottom: 6px !important; font-weight: 700; font-size: 15px; }
.tsc-start { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; }
.tsc-start input { font: inherit; padding: 4px 8px; border: 1px solid #dde5cf; border-radius: 8px; background: #fff; }
.tsc-warn { margin-top: 8px !important; padding: 8px 12px; border-left: 3px solid #a75a00; background: #fdf3e3; font-size: 14px; }
.tsc-table-wrap { overflow-x: auto; margin-top: 10px; }
.tsc-sun table.tsc-table { width: 100%; min-width: 560px; margin: 0; border: 0; border-collapse: collapse; font-size: 14px; }
.tsc-sun .tsc-table th, .tsc-sun .tsc-table td { padding: 7px 8px; border: 0; border-bottom: 1px solid #dde5cf; background: none; vertical-align: top; text-align: left; }
.tsc-sun .tsc-table thead th { font-size: 12px; color: #55614d; font-weight: 700; }
.tsc-sun .tsc-table tbody th { font-weight: 700; }
.tsc-sun .tsc-table small { display: block; font-size: 11px; color: #55614d; font-weight: 400; line-height: 1.4; }
.tsc-sun .tsc-table tr[data-ok="true"] .tsc-slack { color: #2f4d10; font-weight: 700; }
.tsc-sun .tsc-table tr[data-ok="false"] .tsc-slack { color: #b91c1c; font-weight: 700; }
.tsc-note { margin-top: 10px !important; font-size: 13px; color: #55614d; line-height: 1.7; }
@media (max-width: 640px) {
  .tsc-sun { padding: 14px; }
  .tsc-sun dl.tsc-facts { grid-template-columns: 1fr; }
}