/* 参照ホームにない操作のための差分。配色とカードは kobo-dn.css を使用。 */
.bar{display:block;width:100%;appearance:none;border:0}
.bar::-webkit-progress-bar{background:#d3d3d9}
.bar::-webkit-progress-value{background:linear-gradient(90deg,#5ccf7f,var(--lime))}
.bar::-moz-progress-bar{background:linear-gradient(90deg,#5ccf7f,var(--lime))}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.ic,.pill,.own summary,.logo{min-height:44px}
.ic{min-width:44px}
.own summary{align-content:center}
#stepLinks:not(:empty){margin-top:10px}
#registeredGoal{margin:4px 0 0}
.activity-links,.registration{margin-bottom:12px}
.registration{grid-template-columns:1fr auto;margin-top:8px}
.registration input{min-width:0}
#registrations{margin-top:0;overflow-wrap:anywhere}
.toast:not(.show){visibility:hidden}
.badge:not(.on){color:var(--sub)}
.badge small{color:var(--sub)}
@media(max-width:640px){
 .top{padding:0 14px;gap:8px}
 .top-r{gap:6px}.logo{font-size:16px}.pill{padding-inline:10px}
 .ic{width:44px}
 .registration{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}
.guide-line{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.guide-line img{object-fit:contain}