.vote-period-guide {container-type:inline-size;margin:18px 0;color:#202426;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65;text-align:left;}
.vote-period-guide .vote-period-flow {display:grid;grid-template-columns:1fr 16px 1fr 16px .8fr;gap:4px;align-items:stretch;}
.vote-period-guide .vote-period-step {min-width:0;padding:14px 12px;background:#fff;border:2px solid transparent;border-radius:4px;box-sizing:border-box;box-shadow:none;}
.vote-period-guide .vote-period-step.is-current {background:#e5f5bb;border-color:#84aa32;}
.vote-period-guide .vote-period-title {display:block;font-size:17px;font-weight:700;}
.vote-period-guide .vote-period-detail {display:block;font-size:14px;margin:5px 0 12px;}
.vote-period-guide .vote-period-date {font-size:13px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;}
.vote-period-guide .vote-period-current {display:block;font-size:12px;font-weight:700;margin-top:8px;}
.vote-period-guide .vote-period-arrow {align-self:center;text-align:center;color:#626970;font-size:16px;}
.vote-period-guide .vote-period-notice {margin-top:20px;}
.vote-period-guide .vote-period-change {display:block;width:fit-content;font-size:13px;font-weight:700;color:#9b4c00;animation:vote-period-change-pulse 3.6s ease-in-out infinite;}
.vote-period-guide .vote-period-rule {font-size:16px;margin:3px 0 0;font-weight:700;color:#9b4c00;text-decoration:underline dotted currentColor 2px;text-underline-offset:5px;}
.vote-period-guide .vote-period-report {font-size:13px;color:#626970;margin:8px 0 0;}
/* 本人指定のゆっくりした点滅。動きを減らす設定では常時表示。 */
@keyframes vote-period-change-pulse {0%,100%{opacity:1;}50%{opacity:.5;}}
@media(prefers-reduced-motion:reduce){.vote-period-guide .vote-period-change{animation:none;}}
@media(max-width:520px){
    .vote-period-guide .vote-period-flow {grid-template-columns:minmax(0,1fr) 10px minmax(0,1fr) 10px minmax(0,1fr);gap:2px;}
    .vote-period-guide .vote-period-step {padding:10px 4px;}
    .vote-period-guide .vote-period-title {font-size:14px;}
    .vote-period-guide .vote-period-title-tail {display:block;}
    .vote-period-guide .vote-period-detail {font-size:12px;margin:5px 0 10px;overflow-wrap:anywhere;}
    .vote-period-guide .vote-period-date {font-size:12px;margin-top:6px;}
    .vote-period-guide .vote-period-day,.vote-period-guide .vote-period-time {display:block;}
    .vote-period-guide .vote-period-current {font-size:11px;}
    .vote-period-guide .vote-period-arrow {font-size:12px;}
}
@media print{.vote-period-guide .vote-period-change{animation:none;}}