#datetime-jp-year-list { color:#182b45; }
.jp-year-summary { margin-bottom:18px; padding:19px 21px; border:1px solid #dce5f0; border-radius:15px; background:linear-gradient(135deg,#f4f8ff 0%,#fff 70%); box-shadow:0 7px 24px rgba(30,64,110,.06); }
.jp-year-summary-heading { display:flex; align-items:center; gap:11px; }
.jp-year-summary-heading>.material-icons { display:grid; width:39px; height:39px; place-items:center; border-radius:10px; background:#e4efff; color:#1769e0; font-size:21px; }
.jp-year-eyebrow { margin:0; color:#1769e0; font-size:10px; font-weight:800; letter-spacing:.12em; }
.jp-year-summary h2 { margin:1px 0 0; font-size:18px; }
.jp-year-current-values { display:flex; flex-wrap:wrap; gap:7px; margin-top:13px; }
.jp-year-current-values>* { display:flex; align-items:center; min-height:48px; padding:9px 15px; border:1px solid #d8e4f3; border-radius:12px; background:#fff; color:#24415f; font-size:18px; font-weight:750; line-height:1.3; }
.jp-year-current-values>strong { border-color:#8db6f4; background:#edf5ff; color:#1258b8; font-size:23px; }
.jp-year-current-values .jp-year-era { font-size:20px; }
.jp-year-notice { display:flex; align-items:flex-start; gap:6px; margin:12px 0 0; color:#63748a; font-size:12px; line-height:1.55; }
.jp-year-notice .material-icons { margin-top:1px; font-size:16px; }
.jp-year-toolbar { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0 0 11px; }
.jp-year-toolbar>span { color:#63748a; font-size:12px; font-weight:700; }
.jp-year-mode-button { display:inline-flex; min-height:39px; align-items:center; justify-content:center; gap:6px; padding:8px 12px; border:1px solid #a9c7ef; border-radius:9px; background:#f3f8ff; color:#145fca; font-size:13px; font-weight:750; text-decoration:none; }
.jp-year-mode-button:hover { border-color:#6598df; background:#e8f2ff; }
.jp-year-mode-button:focus-visible,.jp-year-table-wrap:focus-visible { outline:3px solid rgba(37,99,235,.2); outline-offset:2px; }
.jp-year-mode-button .material-icons { font-size:18px; }
.jp-year-table-wrap { max-height:72vh; overflow-y:auto; overflow-x:hidden; border:1px solid #dce4ed; border-radius:12px; background:#fff; box-shadow:0 8px 24px rgba(23,44,76,.05); }
.jp-year-table { width:100%; table-layout:fixed; border-collapse:separate; border-spacing:0; color:#263a55; font-size:13px; }
.jp-year-table th,.jp-year-table td { padding:10px 12px; border-bottom:1px solid #e7ecf2; overflow-wrap:anywhere; text-align:start; vertical-align:middle; }
.jp-year-table thead th { position:sticky; z-index:2; top:0; background:#edf3fa; color:#43536a; font-size:11px; letter-spacing:.02em; text-transform:uppercase; }
.jp-year-table thead th:first-child { width:17%; }
.jp-year-table thead th:nth-child(2) { width:28%; }
.jp-year-table thead th:nth-child(3) { width:21%; }
.jp-year-table thead th:nth-child(4) { width:17%; }
.jp-year-table thead th:nth-child(5) { width:17%; }
.jp-year-table.is-simple thead th { width:50%; }
.jp-year-table tbody th { color:#183a66; font-variant-numeric:tabular-nums; }
.jp-year-table tbody tr:nth-child(even)>* { background:#f8fafc; }
.jp-year-table tbody tr:hover>* { background:#edf5ff; }
.jp-year-table tbody tr.is-current>* { background:#fff3cd; color:#604b00; font-weight:750; }
.jp-year-table tbody tr:last-child>* { border-bottom:0; }
.jp-year-era { display:block; }
.jp-year-era+.jp-year-era { margin-top:3px; color:#697b91; font-size:12px; }

@media (max-width:760px) {
  .jp-year-summary { padding:16px; }
  .jp-year-toolbar { align-items:stretch; flex-direction:column; }
  .jp-year-toolbar>span { display:none; }
  .jp-year-mode-button { align-self:flex-start; }
  .jp-year-table-wrap { max-height:68vh; }
  .jp-year-table { font-size:12px; }
  .jp-year-table th,.jp-year-table td { padding:8px 6px; }
  .jp-year-table thead th { font-size:10px; }
  .jp-year-table thead th:first-child { width:18%; }
  .jp-year-table thead th:nth-child(2) { width:29%; }
  .jp-year-table thead th:nth-child(3) { width:21%; }
  .jp-year-table thead th:nth-child(4) { width:17%; }
  .jp-year-table thead th:nth-child(5) { width:15%; }
  .jp-year-table.is-simple thead th { width:50%; }
}

@media (max-width:430px) {
  .jp-year-summary { margin-bottom:15px; padding:14px; border-radius:12px; }
  .jp-year-summary-heading>.material-icons { width:35px; height:35px; }
  .jp-year-current-values { gap:5px; margin-top:10px; }
  .jp-year-current-values>* { min-height:42px; padding:7px 10px; font-size:15px; }
  .jp-year-current-values>strong,.jp-year-current-values .jp-year-era { font-size:18px; }
  .jp-year-notice { margin-top:9px; font-size:11px; }
  .jp-year-mode-button { width:100%; }
  .jp-year-table th,.jp-year-table td { padding:7px 4px; }
}