/* Gentle interactions, independent of the Argon theme's source files. */
.forwardzz-site-menu > li > a,.forwardzz-dropdown > summary,.forwardzz-nav-action {
  position:relative; transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
.forwardzz-site-menu > li > a::after,.forwardzz-dropdown > summary::after {
  content:""; position:absolute; height:2px; left:14px; right:14px; bottom:6px;
  border-radius:2px; background:currentColor; transform:scaleX(0); transform-origin:left;
  transition:transform .2s ease; opacity:.75;
}
.forwardzz-site-menu > li > a:hover::after,.forwardzz-dropdown > summary:hover::after,
.forwardzz-dropdown[open] > summary::after { transform:scaleX(1); }
.forwardzz-dropdown > ul a { transition:background-color .16s ease,transform .16s ease; }
.forwardzz-dropdown > ul a:hover { transform:translateX(3px); }
.forwardzz-dropdown[data-closing] > summary span { transform:rotate(0); }
.forwardzz-nav-action { display:block; padding:10px 14px; min-height:44px; border:0; border-radius:8px; background:transparent; color:inherit; font-size:14px; cursor:pointer; white-space:nowrap; }
.forwardzz-nav-action:hover { background:rgba(255,255,255,.18); }
.forwardzz-nav-action:disabled { cursor:progress; opacity:.65; }
.forwardzz-nav-action:focus-visible { outline:2px solid #68c9ea; outline-offset:2px; }
.forwardzz-nav-action[aria-busy="true"] i { animation:forwardzz-background-pulse .75s ease-in-out infinite alternate; }
@keyframes forwardzz-background-pulse { to { opacity:.3; } }
html.forwardzz-background-ready #banner.section-shaped { background-image:var(--forwardzz-background) !important; }
html.forwardzz-background-ready body { background-image:var(--forwardzz-background) !important; background-attachment:fixed; background-size:cover; background-position:center; }
.forwardzz-bg-transition { position:absolute; inset:0; background-size:cover; background-repeat:no-repeat; pointer-events:none; z-index:0; }
#banner_container { position:relative; z-index:1; }
.forwardzz-music-hint { position:fixed; right:16px; bottom:90px; z-index:1001; padding:7px 12px; border:1px solid #d5e8f0; border-radius:20px; background:#f5fbff; color:#285c75; font-size:12px; box-shadow:0 4px 16px #18365115; }
.forwardzz-music-hint[hidden] { display:none; }
html.darkmode .forwardzz-music-hint { background:#203447; color:#e1f2ff; border-color:#395366; }
@media(min-width:992px) { .forwardzz-site-menu > li > a:hover,.forwardzz-dropdown > summary:hover { transform:translateY(-1px); } }
@media(max-width:991px) {
  .forwardzz-nav-action { width:100%; padding:12px 14px; text-align:left; color:#285c75; text-shadow:none; }
  .forwardzz-nav-action:hover { background:#eaf5fc; }
  html.darkmode .forwardzz-nav-action { color:#e1f2ff; }
  html.darkmode .forwardzz-nav-action:hover { background:#314b62; }
}
@media(max-width:767px) {
  html.forwardzz-background-ready body { background-position:20% center; background-attachment:scroll; }
  .forwardzz-music-hint { right:12px; bottom:86px; max-width:calc(100vw - 24px); }
}
@media(prefers-reduced-motion:reduce) {
  .forwardzz-site-menu > li > a,.forwardzz-dropdown > summary,.forwardzz-nav-action,
  .forwardzz-site-menu > li > a::after,.forwardzz-dropdown > summary::after,.forwardzz-dropdown > ul a { transition:none; }
  .forwardzz-nav-action[aria-busy="true"] i { animation:none; }
}

/* Portrait artwork keeps the face in view when fitted to a wide screen. */
html[data-background-id="nachoneko-pillow"] body { background-position:center 25%; }

/* Argon renders the reading-area wallpaper in a separate pseudo-element. */
#content::before { background-image:var(--forwardzz-background, url('/wp-content/uploads/argon-custom/nachoneko-blue-20261011.webp')) !important; background-size:cover !important; background-position:center !important; }
html[data-background-id="nachoneko-pillow"] #content::before,
html[data-background-id="nachoneko-pillow"] #banner.section-shaped { background-position:center 25% !important; }
#leftbar #leftbar_overview_author_image { background-size:200% !important; background-position:center 20% !important; }
#navbar-main .navbar-brand img { object-fit:cover; object-position:center 25%; }

#footer .forwardzz-registration { display:block; margin:12px 0; text-align:center; font-size:14px; line-height:1.8; opacity:1; }
#footer .forwardzz-registration a { color:#25758a; text-decoration:none; }
#footer .forwardzz-registration a:hover { text-decoration:underline; }