/* 補助金レーダー — シンプル・実用重視（ライトのみ） */
* { box-sizing: border-box; }
body {
  margin: 0;
  background: #F5F5F2;
  color: #26313D;
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;
  font-size: 15px;
  line-height: 1.7;
}
.inner { max-width: 820px; margin: 0 auto; padding: 0 16px; }

.site-head { background: #2F4875; color: #fff; padding: 14px 0 12px; }
.site-head h1 { margin: 0; font-size: 19px; letter-spacing: 0.03em; }
.updated { margin: 2px 0 0; font-size: 12px; color: #C6D2E8; }

.tabs { display: flex; gap: 6px; flex-wrap: wrap; padding-top: 14px; padding-bottom: 4px; }
.tab {
  border: 1px solid #C9CCD1;
  background: #fff;
  color: #3D4854;
  border-radius: 99px;
  padding: 4px 14px;
  font-size: 13px;
  cursor: pointer;
  font-family: inherit;
}
.tab .count { color: #8A939D; font-size: 12px; }
.tab.active { background: #2F4875; border-color: #2F4875; color: #fff; }
.tab.active .count { color: #C6D2E8; }
.tab:focus-visible { outline: 2px solid #2F4875; outline-offset: 2px; }

.listhead { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.status { color: #5B6672; font-size: 13px; margin: 10px 0; }
.linkbtn {
  margin-left: auto;
  border: 0;
  background: none;
  color: #2F4875;
  font-size: 12.5px;
  font-family: inherit;
  padding: 0;
  cursor: pointer;
  text-decoration: underline;
}
.linkbtn:focus-visible { outline: 2px solid #2F4875; outline-offset: 2px; }

.group {
  font-size: 13px;
  color: #5B6672;
  margin: 18px 0 8px;
  padding-bottom: 4px;
  border-bottom: 1px solid #E0E0DB;
  font-weight: 600;
}
.group:first-child { margin-top: 4px; }
.group .count { color: #8A939D; font-weight: 500; }

.card {
  background: #fff;
  border: 1px solid #E0E0DB;
  border-radius: 10px;
  padding: 14px 18px;
  margin-bottom: 14px;
}
.card.is-consider { border-left: 4px solid #2F4875; }
.card.is-exclude { opacity: 0.62; }
.badges { display: flex; gap: 6px; flex-wrap: wrap; align-items: center; margin-bottom: 4px; }
.badge {
  display: inline-block;
  font-size: 11px;
  font-weight: 600;
  border-radius: 4px;
  padding: 0 7px;
  line-height: 1.7;
}
.badge.new { background: #B3402F; color: #fff; }
.badge.src { background: #EDEDE8; color: #5B6672; font-weight: 500; }
.badge.yes { background: #E3F1E8; color: #2E7D4F; }
.badge.check { background: #F7EDD8; color: #9C6B1F; }
.badge.consider { background: #2F4875; color: #fff; }
.badge.exclude { background: #EDEDE8; color: #8A939D; }
.deadline { font-size: 12.5px; color: #5B6672; margin-left: auto; font-variant-numeric: tabular-nums; white-space: nowrap; }
.deadline.near { color: #B3402F; font-weight: 700; }

.card h3 { font-size: 15.5px; margin: 0 0 6px; line-height: 1.55; }
.card h3 a { color: #1E3A6E; text-decoration: none; }
.card h3 a:hover { text-decoration: underline; }
.card h3 a:focus-visible { outline: 2px solid #2F4875; outline-offset: 2px; }

.meta { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 16px; font-size: 12.5px; color: #5B6672; margin-bottom: 8px; }
.meta b { color: #26313D; font-weight: 600; font-variant-numeric: tabular-nums; }
.triage-wrap { margin-left: auto; }
.triage {
  font-family: inherit;
  font-size: 12.5px;
  color: #3D4854;
  background: #fff;
  border: 1px solid #C9CCD1;
  border-radius: 6px;
  padding: 2px 6px;
  cursor: pointer;
}
.triage.set-consider { border-color: #2F4875; color: #2F4875; font-weight: 600; }
.triage.set-exclude { color: #8A939D; }
.triage:focus-visible { outline: 2px solid #2F4875; outline-offset: 2px; }

.assessment { border-top: 1px dashed #E0E0DB; padding-top: 8px; margin-top: 4px; }
.assessment .who { font-size: 12px; font-weight: 600; color: #2F4875; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.assessment .rel { color: #8A939D; font-weight: 500; font-variant-numeric: tabular-nums; }
.assessment p { margin: 2px 0 0; font-size: 13.5px; }

footer { padding: 24px 16px 40px; }
footer p { color: #8A939D; font-size: 12px; margin: 0; }

@media (max-width: 480px) {
  body { font-size: 14px; }
  .card { padding: 12px 14px; }
  .deadline { margin-left: 0; width: 100%; }
  .triage-wrap { margin-left: 0; width: 100%; }
}