/* Existing Argon layout and artwork; page refinements, 2026-10-14. */
/* Argon already animates anchor scrolling; CSS smooth scrolling interrupted its final offsets. */
html { scroll-behavior:auto !important; }
#navbar-main { border-bottom:1px solid rgba(255,255,255,.12); transition:background-color .2s ease,box-shadow .2s ease; }
#navbar-main:not(.forwardzz-scrolled) { background:linear-gradient(180deg,rgba(20,49,69,.25),rgba(20,49,69,.08)) !important; }
#navbar-main.forwardzz-scrolled { background:rgba(250,253,255,.97) !important; box-shadow:0 4px 20px rgba(24,55,75,.1); border-color:#dbeaf0; backdrop-filter:blur(12px); }
#navbar-main.forwardzz-scrolled .navbar-title,
#navbar-main.forwardzz-scrolled .forwardzz-site-menu { color:#26485b !important; text-shadow:none; }
#navbar-main.forwardzz-scrolled .forwardzz-site-menu > li > a:hover,
#navbar-main.forwardzz-scrolled .forwardzz-dropdown > summary:hover,
#navbar-main.forwardzz-scrolled .forwardzz-dropdown[open] > summary,
#navbar-main.forwardzz-scrolled .forwardzz-nav-action:hover { background:#e8f3f8; }
#navbar-main .navbar-icon { margin-right:10px !important; }
#navbar-main .navbar-title { font-weight:650; letter-spacing:.3px; }
#navbar-main .forwardzz-dropdown > ul { border-radius:14px; padding:8px; box-shadow:0 14px 40px #173b5426; }
.forwardzz-site-menu a[aria-current="page"] { background:rgba(255,255,255,.17); }
#navbar-main.forwardzz-scrolled .forwardzz-site-menu a[aria-current="page"] { background:#e8f3f8; color:#146a89; }
.forwardzz-mobile-header { display:none; }

/* Center the cover using its actual height; viewport-based theme heights cropped interior titles. */
#banner.section-shaped { display:flex; align-items:center; padding:76px 0 54px !important; }
#banner.section-shaped #banner_container { height:auto !important; min-height:0; }
#banner.section-shaped .banner-title { position:static !important; top:auto !important; left:auto; width:auto; transform:none !important; line-height:1.45; }
#banner.section-shaped .banner-title-inner { font-size:clamp(30px,3.1vw,44px); font-weight:700 !important; text-shadow:0 2px 18px #102b4bcc !important; }
#banner .banner-subtitle { margin-top:14px; line-height:1.7; text-shadow:0 2px 12px #102b4b !important; }
#banner.section-shaped::after { background:linear-gradient(180deg,rgba(14,39,63,.16),rgba(14,39,63,.27)) !important; }
.cover-scroll-down { display:flex; flex-direction:column; align-items:center; gap:4px; font-size:26px; bottom:22px; padding:8px 20px; border-radius:18px; cursor:pointer; line-height:1.1; }
.forwardzz-cover-label { font-size:13px; letter-spacing:2px; text-shadow:0 1px 8px #102b4b; }
.cover-scroll-down:hover { background:rgba(255,255,255,.14); }
.cover-scroll-down:focus-visible { outline:2px solid #fff; outline-offset:3px; }

#main .post.card,#leftbar .card,#main .page-information-card { border-radius:16px !important; border-color:rgba(202,223,235,.75) !important; }
#main .post:not(.post-full):not(.no-results).card { background:rgba(255,255,255,.97) !important; margin-bottom:20px; padding:28px 30px; }
#main .post:not(.post-full):not(.no-results) .post-header { text-align:left; margin-bottom:16px; }
#main .post:not(.post-full):not(.no-results) .post-title { font-size:23px; font-weight:650; line-height:1.5; color:#24536a !important; letter-spacing:0; transition:color .18s ease; }
#main .post:not(.post-full):not(.no-results) .post-title:hover { color:#1084a5 !important; letter-spacing:0; }
#main .post:not(.post-full):not(.no-results) .post-content { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; line-height:1.85; font-size:15px; color:#526576 !important; margin-bottom:0; }
#main .post-meta { color:#566f7e; }
#main .post-meta-detail { opacity:1; font-size:13px; line-height:1.9; }
#main .post-meta-devide { opacity:.3; }
.forwardzz-card-footer { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:18px; padding-top:14px; border-top:1px solid #e7eff4; }
.forwardzz-card-footer .post-tags { flex:1; min-width:0; margin:0; }
.forwardzz-read-more { flex-shrink:0; }
.forwardzz-read-more { display:inline-flex; align-items:center; gap:10px; min-height:40px; padding:7px 15px; border-radius:10px; background:#e9f5fa; color:#166b89; font-size:13px; font-weight:600; }
.forwardzz-read-more:hover { background:#d8edf6; text-decoration:none; color:#10526c; }
.forwardzz-read-more i { transition:transform .18s ease; }
.forwardzz-read-more:hover i { transform:translateX(3px); }
#leftbar .leftbar-banner { border-radius:15px 15px 0 0; }
#leftbar .leftbar-banner-title { font-size:18px; line-height:1.45; }
#leftbar_part1_menu a { width:auto !important; border-radius:9px; margin:2px 12px; padding:9px 12px; }
#leftbar_part1_menu a:hover { background:#edf7fb; }
#leftbar_catalog a { padding:7px 10px; border-radius:7px; line-height:1.6; }

#main .post-full.card { background:rgba(255,255,255,.985) !important; }
#main .post-full .post-header { padding-bottom:22px; margin-bottom:22px; border-bottom:1px solid #e7eff4; }
#main .post-full .post-title { color:#254d62; font-size:clamp(24px,2.3vw,30px); line-height:1.55; font-weight:700; letter-spacing:0; }
#main .post-full .post-title:hover { letter-spacing:0; }
#post_content { font-size:16px; line-height:1.95; }
#post_content h2 { font-size:25px; line-height:1.6; margin-top:32px; padding-bottom:9px; border-bottom-color:#e7eff4; }
#post_content h3 { font-size:21px; line-height:1.6; }
#post_content p { margin-bottom:1.3em; }
#post_content blockquote { background:#f1f8fc; border-radius:0 10px 10px 0; }
#post_content table { border-radius:9px; }
#post_content table th { background:#eef7fb; }
.forwardzz-reading-actions { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:22px; }
.forwardzz-reading-actions a,.forwardzz-reading-actions button { display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:7px 12px; border:1px solid #dceaf1; border-radius:9px; background:#f7fbfd; color:#315c71; font:inherit; font-size:13px; cursor:pointer; text-decoration:none; }
.forwardzz-reading-actions a:hover,.forwardzz-reading-actions button:hover { background:#eaf5fa; }
.forwardzz-copy-status { font-size:12px; color:#366575; }
.forwardzz-reading-actions :focus-visible,.forwardzz-read-more:focus-visible,.forwardzz-music-toggle:focus-visible { outline:3px solid #68c9ea; outline-offset:3px; }

/* Folding only changes the existing player's view, never its audio instance or playback state. */
#forwardzz-aplayer.aplayer { overflow:visible; border:1px solid #dceaf1; }
#forwardzz-aplayer .aplayer-info { margin-right:36px; }
.forwardzz-music-toggle { position:absolute; top:0; right:0; width:36px; height:66px; border:0; border-left:1px solid #e7eff4; border-radius:0 10px 10px 0; background:#f6fbfd; color:#39677b; cursor:pointer; }
#forwardzz-aplayer[data-music-expanded="false"] { width:104px !important; }
#forwardzz-aplayer[data-music-expanded="false"] .aplayer-info { display:none; }
#forwardzz-aplayer[data-music-expanded="false"] .aplayer-pic { width:66px; }
#forwardzz-aplayer .aplayer-pic:focus-visible { outline:3px solid #68c9ea; outline-offset:3px; }
#float_action_buttons { bottom:96px !important; }

html.darkmode #navbar-main.forwardzz-scrolled { background:rgba(22,36,52,.98) !important; border-color:#324d61; }
html.darkmode #navbar-main.forwardzz-scrolled .navbar-title,
html.darkmode #navbar-main.forwardzz-scrolled .forwardzz-site-menu { color:#deedf7 !important; }
html.darkmode #navbar-main.forwardzz-scrolled .forwardzz-site-menu > li > a:hover,
html.darkmode #navbar-main.forwardzz-scrolled .forwardzz-dropdown > summary:hover,
html.darkmode #navbar-main.forwardzz-scrolled .forwardzz-dropdown[open] > summary,
html.darkmode #navbar-main.forwardzz-scrolled .forwardzz-nav-action:hover,
html.darkmode #navbar-main.forwardzz-scrolled .forwardzz-site-menu a[aria-current="page"] { background:#2b455a; color:#bfe8fb; }
html.darkmode #main .post:not(.post-full):not(.no-results).card,html.darkmode #main .post-full.card { background:rgba(22,36,52,.985) !important; border-color:#344b5e !important; }
html.darkmode #main .post:not(.post-full):not(.no-results) .post-title,html.darkmode #main .post-full .post-title { color:#a1d8ed !important; }
html.darkmode #main .post:not(.post-full):not(.no-results) .post-content,html.darkmode #main .post-meta { color:#b8ccdb !important; }
html.darkmode .forwardzz-card-footer,html.darkmode #main .post-full .post-header,html.darkmode #post_content h2 { border-color:#344b5e; }
html.darkmode .forwardzz-read-more,html.darkmode .forwardzz-reading-actions a,html.darkmode .forwardzz-reading-actions button,
html.darkmode #post_content blockquote,html.darkmode #post_content table th { background:#243e52; border-color:#395468; color:#c2e6f5; }
html.darkmode #leftbar_part1_menu a:hover { background:#243e52; }
html.darkmode .forwardzz-copy-status,html.darkmode #footer .forwardzz-registration a { color:#a1d8ed; }
@media(min-width:992px) {
  #navbar-main > .container { max-width:1180px; }
  #main .post-full { padding:32px 38px; }
  #post_content { max-width:72ch; margin-inline:auto; }
}
@media(max-width:991px) {
  .forwardzz-mobile-header { display:flex; justify-content:space-between; align-items:center; margin:0 0 12px; padding:0 10px 12px; border-bottom:1px solid #e7eff4; color:#26485b; font-weight:650; }
  .forwardzz-mobile-close { display:flex; align-items:center; justify-content:center; width:44px; height:44px; border:0; border-radius:10px; background:#edf6fa; color:#315c71; font-size:18px; }
  #navbar-main > .container > .navbar-toggler { width:44px; height:44px; padding:0; }
  #navbar-main .forwardzz-main-nav-toggle > .fa { font-size:18px; color:white; }
  #navbar-main.forwardzz-scrolled .forwardzz-main-nav-toggle > .fa { color:#315c71; }
  #navbar-main.forwardzz-scrolled .navbar-toggler-icon { filter:brightness(.4); }
  #navbar_global { border-radius:16px; box-shadow:0 16px 45px #102b4b33; }
  .forwardzz-dropdown[open] > summary { background:#edf6fa; border-radius:10px; }
  html.darkmode .forwardzz-mobile-header { color:#deedf7; border-color:#395468; }
  html.darkmode .forwardzz-mobile-close,html.darkmode .forwardzz-dropdown[open] > summary { background:#2b455a; color:#deedf7; }
  html.darkmode #navbar-main.forwardzz-scrolled .forwardzz-main-nav-toggle > .fa { color:#deedf7; }
  html.darkmode #navbar-main.forwardzz-scrolled .navbar-toggler-icon { filter:none; }
}
@media(max-width:767px) {
  #navbar-main .navbar-icon { margin-right:8px !important; }
  #navbar-main .navbar-title { font-size:14px; letter-spacing:0; }
  #banner.section-shaped { padding:70px 0 38px !important; }
  #banner.section-shaped .banner-title-inner { font-size:28px !important; letter-spacing:.5px !important; }
  #banner .banner-subtitle { font-size:13px; padding-inline:12px; }
  html:not(:has(#main.article-list-home)) #banner.section-shaped .banner-title-inner { font-size:23px !important; }
  html.banner-as-cover:not(:has(#main.article-list-home)) #banner.section-shaped { height:205px !important; min-height:205px !important; }
  #main .post:not(.post-full):not(.no-results).card { padding:22px 20px; margin-bottom:16px; }
  #main .post:not(.post-full):not(.no-results) .post-title { font-size:20px; }
  #main .post:not(.post-full):not(.no-results) .post-content { font-size:14px; }
  #main .post-meta-detail { font-size:12px; }
  #main .post-full { padding:24px 20px; }
  #main .post-full .post-title { font-size:23px; }
  #post_content { font-size:15px; }
  #post_content h2 { font-size:21px; }
  #post_content h3 { font-size:18px; }
  #ez-toc-container { font-size:14px; }
  #ez-toc-container .ez-toc-link { display:block; padding-block:5px; }
  #forwardzz-aplayer[data-music-expanded="true"] { width:280px !important; }
  .forwardzz-music-hint { bottom:88px; font-size:11px; }
}
@media(prefers-reduced-motion:reduce) {
  #navbar-main,#main .post:not(.post-full):not(.no-results) .post-title,.forwardzz-read-more i { transition:none; }
  .forwardzz-read-more:hover i { transform:none; }
}

/* Match the artwork to the cover: a landscape room on desktop and a portrait on phones. */
html.banner-as-cover:has(#main.article-list-home) #banner.section-shaped {
  height:78svh !important; min-height:440px !important; max-height:760px;
  background-image:var(--forwardzz-background,url('/wp-content/uploads/argon-custom/nachoneko-room-20261014.png')) !important;
  background-size:cover !important; background-position:center top !important;
}
html.banner-as-cover:has(#main.article-list-home) #banner.section-shaped::after {
  background:linear-gradient(90deg,rgba(17,38,62,.5),rgba(17,38,62,.18) 48%,rgba(17,38,62,.04) 72%),linear-gradient(180deg,rgba(17,38,62,.24),transparent 32%) !important;
}
html.banner-as-cover:has(#main.article-list-home) #banner_container {
  max-width:1180px; width:100%; padding-inline:clamp(28px,7vw,104px);
}
html.banner-as-cover:has(#main.article-list-home) #banner .banner-title {
  max-width:520px; margin:0; text-align:left;
}
html.banner-as-cover:has(#main.article-list-home) #banner .banner-title-inner {
  font-size:clamp(30px,3.2vw,48px); line-height:1.4; letter-spacing:1px;
}
html.banner-as-cover:has(#main.article-list-home) #banner .banner-subtitle {
  margin-top:18px; max-width:32em; padding:0; font-size:15px;
}
html.banner-as-cover[data-background-id="nachoneko-blue-wide"]:has(#main.article-list-home) #banner .banner-title {
  margin-left:48%; max-width:500px;
}
html.banner-as-cover[data-background-id="nachoneko-blue-wide"]:has(#main.article-list-home) #banner.section-shaped::after {
  background:linear-gradient(90deg,rgba(17,38,62,.08),rgba(17,38,62,.35) 55%,rgba(17,38,62,.4)),linear-gradient(180deg,rgba(17,38,62,.24),transparent 32%) !important;
}
@media(max-width:767px) {
  html.banner-as-cover:has(#main.article-list-home) #banner.section-shaped {
    height:82svh !important; min-height:440px !important; max-height:680px;
    align-items:flex-end; padding:76px 0 80px !important;
    background-image:var(--forwardzz-hero-mobile-background,url('/wp-content/uploads/argon-custom/nachoneko-pillow-20261011.webp')) !important;
    background-position:center 22% !important;
  }
  html.banner-as-cover:has(#main.article-list-home) #banner.section-shaped::after {
    background:linear-gradient(180deg,rgba(17,38,62,.22),transparent 24%,transparent 40%,rgba(17,38,62,.7) 100%) !important;
  }
  html.banner-as-cover:has(#main.article-list-home) #banner_container { padding-inline:26px; }
  html.banner-as-cover:has(#main.article-list-home) #banner .banner-title,
  html.banner-as-cover[data-background-id="nachoneko-blue-wide"]:has(#main.article-list-home) #banner .banner-title { margin:0; max-width:none; }
  html.banner-as-cover:has(#main.article-list-home) #banner .banner-title-inner { font-size:28px !important; }
  html.banner-as-cover:has(#main.article-list-home) #banner .banner-subtitle { font-size:13px; margin-top:12px; }
}