/* Only the loading controls. Card design and responsive layout belong to Gema. */
.archive-navigation[hidden], .kkt-scroll [hidden] { display:none !important; }
.kkt-scroll { box-sizing:border-box; padding:24px 24px 36px; min-height:135px; text-align:center; clear:both; }
.kkt-scroll-status { margin:0 auto 16px; max-width:36em; font:400 14px/1.8 "Noto Sans JP",sans-serif; color:#666; }
.kkt-scroll-status:empty { margin:0; }
.kkt-scroll-button { min-height:44px; min-width:170px; padding:12px 22px; border:1px solid #111; background:#fff; color:#111; font:400 14px/1.5 "Noto Sans JP",sans-serif; cursor:pointer; text-transform:none; letter-spacing:0; }
.kkt-scroll-button:hover { background:#111; color:#fff; }
.kkt-scroll-button:disabled { cursor:wait; background:#f6f6f6; color:#666; border-color:#bbb; }
.kkt-scroll-button:focus-visible,.kkt-scroll-fallback:focus-visible { outline:2px solid #111; outline-offset:5px; }
.kkt-scroll-fallback { display:block; width:fit-content; margin:16px auto 0; font-size:14px; text-decoration:underline; }
.kkt-scroll[data-state="complete"] { min-height:80px; }
@media (prefers-reduced-motion:reduce) { .card.ajax-loaded .card__mask,.card.ajax-loaded .card__hover { transition:none!important; transform:none!important; } }