/* ===== nico-shirouto pro dark theme (cyan) 2026-07 ===== */
:root{
  --sc-accent:#00c8dc; --sc-accent-d:#00a3b4; --sc-bg:#0f1216;
  --sc-card:#181c22; --sc-card2:#1e232b; --sc-line:#2a313a;
  --sc-text:#e6e9ee; --sc-sub:#9aa4b0;
}
body,#container,#wrap,.wrap,#main,#content{ background:var(--sc-bg)!important; color:var(--sc-text)!important; }
body{ font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP","Segoe UI",sans-serif; letter-spacing:.01em; }

/* ---- ヘッダー ---- */
#header,.header-container,.header-container-in,#header-container{
  background:linear-gradient(180deg,#151b23 0%,#0c0f13 100%)!important;
  border-bottom:2px solid var(--sc-accent)!important; box-shadow:0 2px 18px rgba(0,0,0,.55);
}
.site-name-text,#site-title a,.site-name a{
  color:#fff!important; font-weight:800!important; letter-spacing:.05em;
  text-shadow:0 1px 10px rgba(0,200,220,.3);
}
.site-description,#site-description{ color:var(--sc-sub)!important; letter-spacing:.08em; font-size:12px; }

/* ---- グローバルナビ（周遊の要）：横並びチップバー ---- */
#navi,.navi-in{ background:#0c0f13!important; border-top:1px solid var(--sc-line); }
#navi .navi-in>ul{
  display:flex!important; flex-wrap:nowrap; overflow-x:auto; justify-content:flex-start;
  gap:8px; padding:9px 12px; background:#0c0f13!important; scrollbar-width:none; -webkit-overflow-scrolling:touch;
}
#navi .navi-in>ul::-webkit-scrollbar{ display:none; }
#navi .navi-in>ul>li{ flex:0 0 auto; width:auto!important; border:none!important; }
#navi ul li a{
  color:var(--sc-text)!important; font-weight:700; letter-spacing:.02em; font-size:.9rem;
  padding:.5em 1.05em!important; border-radius:999px; background:#1a2029!important; border:1px solid var(--sc-line);
  white-space:nowrap; line-height:1.4;
}
#navi ul li a:hover,#navi ul li.current-menu-item>a{ background:var(--sc-accent)!important; color:#062a30!important; border-color:var(--sc-accent)!important; }
#navi ul li a::before{ content:none!important; }
#navi ul li a:hover,#navi ul li.current-menu-item>a{ background:var(--sc-accent)!important; color:#062a30!important; }
#navi ul ul{ background:#12161c!important; border:1px solid var(--sc-line); }

/* ---- 記事カード（グリッド） ---- */
.entry-card,.a-wrap,.widget-entry-cards .a-wrap,.card{
  background:var(--sc-card)!important; border:1px solid var(--sc-line)!important; border-radius:14px!important;
  overflow:hidden; box-shadow:0 2px 10px rgba(0,0,0,.45);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.entry-card:hover,.a-wrap:hover{ transform:translateY(-5px); border-color:var(--sc-accent)!important; box-shadow:0 14px 30px rgba(0,200,220,.16); }
.entry-card-thumb,.card-thumb{ overflow:hidden; background:#000; }
.card-thumb-image,.entry-card-thumb-image,.entry-card-thumb img{ width:100%; aspect-ratio:16/10; object-fit:cover; transition:transform .38s ease; }
.entry-card:hover .card-thumb-image{ transform:scale(1.07); }

/* ---- タイトル：2行でスッキリ省略 ---- */
.entry-card-title,.card-title{
  color:var(--sc-text)!important; font-size:.92rem!important; font-weight:700!important; line-height:1.5!important;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.entry-card-title a,.card-title a{ color:var(--sc-text)!important; }
.entry-card:hover .entry-card-title{ color:var(--sc-accent)!important; }

/* ---- カテゴリ・タグをチップ化 ---- */
.entry-card-categorys a,.cat-label,.category a,.tag a,.post-tag a{
  background:rgba(0,200,220,.13)!important; color:var(--sc-accent)!important;
  border:1px solid rgba(0,200,220,.32); border-radius:5px; font-size:11px!important; padding:1px 8px!important; text-decoration:none;
}
.entry-card-categorys a:hover,.tag a:hover{ background:var(--sc-accent)!important; color:#062a30!important; }
.entry-card-meta,.e-card-meta,.card-meta,.post-meta,.date-tags,.entry-card-snippet{ color:var(--sc-sub)!important; }

/* ---- 単一記事 ---- */
.article,.entry-content,.post-content{ color:var(--sc-text)!important; }
.entry-title,.article h1{ color:#fff!important; line-height:1.55; }
.article h2,.entry-content h2{ color:#fff!important; border-left:6px solid var(--sc-accent)!important; background:rgba(0,200,220,.08)!important; padding:.55em .8em!important; border-radius:0 8px 8px 0; }
.article h3,.entry-content h3{ color:#eef; border-bottom:2px solid var(--sc-line)!important; padding-bottom:.3em; }
.article a{ color:var(--sc-accent); }
table,.dboi-table,td,th{ border-color:var(--sc-line)!important; color:var(--sc-text)!important; }
th{ background:#12161c!important; }

/* ---- ボタン/CTA ---- */
.btn-shine,.wp-block-button__link,a.btn,.dboi-btn,.go-btn,.sample-btn{
  background:linear-gradient(135deg,var(--sc-accent),var(--sc-accent-d))!important; color:#062a30!important;
  font-weight:800!important; border-radius:9px!important; box-shadow:0 3px 12px rgba(0,200,220,.3);
}
.btn-shine:hover,.wp-block-button__link:hover{ filter:brightness(1.08); }

/* ---- 関連作品ブロック(nico-related) ---- */
.nico-related{ background:var(--sc-card2)!important; border:1px solid var(--sc-line)!important; }
.nico-related h2{ color:#fff!important; background:none!important; border-left:6px solid var(--sc-accent)!important; }
.nico-related a{ color:var(--sc-accent)!important; }

/* ---- ページャ ---- */
.pagination .page-numbers,.page-numbers{ background:var(--sc-card)!important; color:var(--sc-text)!important; border:1px solid var(--sc-line)!important; border-radius:8px; }
.pagination .current,.page-numbers.current{ background:var(--sc-accent)!important; color:#062a30!important; }

/* ---- サイドバー/ウィジェット ---- */
.sidebar h3,.widget h3,.widget-title{ color:#fff!important; border-left:5px solid var(--sc-accent)!important; padding-left:.6em; }
.widget{ background:var(--sc-card)!important; border:1px solid var(--sc-line)!important; border-radius:12px; }

/* ---- フッター ---- */
.footer,#footer,.footer-in{ background:#0a0c0f!important; border-top:1px solid var(--sc-line)!important; color:var(--sc-sub)!important; }

/* ---- スマホ最適化：カードは1カラムでも見やすく ---- */
@media screen and (max-width:834px){
  .entry-card-title,.card-title{ -webkit-line-clamp:3; font-size:.9rem!important; }
}