/* RightSkills: SANGO ブログ側(トップ以外)の配色を合わせる */
:root{
  --rs-bg:#050b1f;--rs-bg2:#0a1536;--rs-blue:#2f5bff;--rs-blue2:#6f8dff;--rs-yellow:#ffd60a;
  --rs-text:#eef2ff;--rs-muted:#9aa7cf;--rs-glass:rgba(255,255,255,.05);--rs-line:rgba(255,255,255,.12);
}
html,body{background:var(--rs-bg)!important;color:var(--rs-text)}
body{font-family:"Noto Sans JP",sans-serif}
#container,#content,#inner-content,.main,main,.wrap,#main{background:transparent!important;color:var(--rs-text)}

/* リンク */
a{color:var(--rs-blue2)}
a:hover{color:var(--rs-yellow)}

/* ヘッダー・メニュー */
#header,.header,.header-inner,#header-wrap,.header-container,header.header{background:rgba(5,11,31,.92)!important;border-bottom:1px solid var(--rs-line)!important;box-shadow:none!important;color:var(--rs-text)!important}
#header a,.header a,.header-logo a,.site-title a,#logo a{color:var(--rs-text)!important}
#gnav,.gnav,#gnav ul,.nav{background:transparent!important}
#gnav a,.gnav a,.nav a{color:var(--rs-muted)!important}
#gnav a:hover,.gnav a:hover,.nav a:hover,#gnav .current-menu-item>a{color:var(--rs-yellow)!important;background:transparent!important}
#gnav ul ul,.gnav ul ul,.sub-menu{background:var(--rs-bg2)!important;border:1px solid var(--rs-line)}

/* 記事・カード */
.entry,.entry-content,article,.post,.page,.type-post,.type-page,.card,.cardtype__article,.post-list>li,.sidelong__article,.article-list>li,.widget,.sidebar .widget,.sidebar,#sidebar,.related-posts,.author-info,.comment-area,.post-navigation{
  background:var(--rs-glass)!important;color:var(--rs-text)!important;border:1px solid var(--rs-line)!important;border-radius:20px!important;box-shadow:none!important}
.sidebar,#sidebar{border:none!important;background:transparent!important}
.entry-content{border:none!important;background:transparent!important}
.entry-title,.h-title,.entry-header h1,.page-title,.archive-title,h1.entry-title{color:#fff!important;font-weight:900}
.entry-meta,.post-meta,.meta,.cat-name,time,.date,.byline,.entry-footer{color:var(--rs-muted)!important}
.cat-name,.post-cat a,.category-label{background:var(--rs-yellow)!important;color:#0a1536!important;border-radius:999px;font-weight:700}

/* 見出し(記事本文) */
.entry-content h2,.post_content h2{background:linear-gradient(90deg,var(--rs-blue),#1a2f9a)!important;color:#fff!important;border:none!important;border-radius:12px;padding:.7em 1em}
.entry-content h3,.post_content h3{color:#fff!important;border:none!important;border-bottom:3px solid var(--rs-yellow)!important;background:transparent!important;padding-bottom:.3em}
.entry-content h4,.post_content h4{color:var(--rs-yellow)!important;border:none!important;border-left:4px solid var(--rs-blue)!important;background:transparent!important;padding-left:.7em}
.entry-content p,.entry-content li,.entry-content td,.entry-content th{color:var(--rs-text)}
.entry-content a{color:var(--rs-blue2);text-decoration:underline}
.entry-content a:hover{color:var(--rs-yellow)}
.entry-content blockquote{background:var(--rs-glass)!important;border-left:4px solid var(--rs-yellow)!important;color:var(--rs-muted)!important}
.entry-content table,.entry-content th,.entry-content td{border-color:var(--rs-line)!important}
.entry-content th{background:rgba(47,91,255,.25)!important;color:#fff!important}
.entry-content td{background:transparent!important}
pre,code{background:#0a1536!important;color:#eef2ff!important;border:1px solid var(--rs-line)}

/* ボタン・フォーム */
.btn,.button,.wp-block-button__link,input[type=submit],button[type=submit],.comment-form .submit{
  background:var(--rs-yellow)!important;color:#0a1536!important;border:none!important;border-radius:999px!important;font-weight:700}
.btn:hover,.button:hover,.wp-block-button__link:hover,input[type=submit]:hover{filter:brightness(1.08);color:#0a1536!important}
input[type=text],input[type=search],input[type=email],input[type=url],textarea,select{background:rgba(255,255,255,.06)!important;color:var(--rs-text)!important;border:1px solid var(--rs-line)!important;border-radius:12px}
::placeholder{color:var(--rs-muted)}

/* ページ送り・パンくず */
.pagination a,.pagination span,.page-numbers,.nav-links a{background:var(--rs-glass)!important;color:var(--rs-text)!important;border:1px solid var(--rs-line)!important;border-radius:999px}
.pagination .current,.page-numbers.current{background:var(--rs-yellow)!important;color:#0a1536!important;border-color:var(--rs-yellow)!important}
.breadcrumb,.breadcrumb a,#breadcrumb,#breadcrumb a{color:var(--rs-muted)!important;background:transparent!important}

/* ウィジェット */
.widget .widgettitle,.widget-title,.widgettitle{background:transparent!important;color:#fff!important;border:none!important;border-bottom:3px solid var(--rs-yellow)!important}
.widget a{color:var(--rs-text)}
.widget a:hover{color:var(--rs-yellow)}
.widget li{border-color:var(--rs-line)!important}

/* フッター */
#footer,.footer,footer.footer,.footer-inner{background:#030816!important;color:var(--rs-muted)!important;border-top:1px solid var(--rs-line)!important}
#footer a,.footer a{color:var(--rs-muted)!important}
#footer a:hover,.footer a:hover{color:var(--rs-yellow)!important}
.copyright,#copyright{color:var(--rs-muted)!important;background:transparent!important}

/* ページトップへ戻る */
#pagetop,.pagetop,.page-top{background:var(--rs-yellow)!important;color:#0a1536!important}

/* ===== 可読性の補正: 白い箱が残っても文字が読めるよう、背景を透明にして文字色を統一 ===== */
body :where(div,section,article,aside,main,header,footer,nav,ul,ol,li,p,form,table,thead,tbody,tr,td,th,figure,h1,h2,h3,h4,h5,h6,span,dl,dt,dd,label){background-color:transparent!important}
body :where(p,li,div,span,td,th,label,small,time,h1,h2,h3,h4,h5,h6,dt,dd,figcaption,strong,em,b,cite){color:var(--rs-text)!important}
body :where(.muted,.meta,.entry-meta,time,small,.date,.comment-meta,.wp-caption-text,figcaption){color:var(--rs-muted)!important}
body a{color:var(--rs-blue2)!important}
body a:hover{color:var(--rs-yellow)!important}

/* カード類は枠線で区切る */
.widget,[class*="widget_"],.sidebar [class*="widget"],.entry,.post,.type-page,.type-post,.card,article.post{
  background:var(--rs-glass)!important;border:1px solid var(--rs-line)!important;border-radius:20px!important}
.entry-content,.sidebar,#sidebar{background:transparent!important;border:none!important}

/* ウィジェットのタイトル */
.widget .widgettitle,.widgettitle,.widget-title,[class*="widget"]>h2,[class*="widget"]>h3,[class*="widget"]>h4,.widget [class*="title"]{
  background:rgba(47,91,255,.28)!important;color:#fff!important;border:none!important;border-bottom:3px solid var(--rs-yellow)!important}
.widget{overflow:hidden}

/* 記事見出し */
.entry-content h2{background:linear-gradient(90deg,var(--rs-blue),#1a2f9a)!important;color:#fff!important}
.entry-content h3{border-bottom:3px solid var(--rs-yellow)!important}
.entry-content h4{border-left:4px solid var(--rs-blue)!important}

/* ラベル・ボタン */
.cat-name,.post-cat a,.category-label,.cat-name *{background:var(--rs-yellow)!important;color:#0a1536!important}
.btn,.button,.wp-block-button__link,input[type=submit],button[type=submit],.btn *,.button *,button[type=submit] *{background-color:var(--rs-yellow)!important;color:#0a1536!important}
.btn *,.button *,button[type=submit] *{background-color:transparent!important}
input[type=text],input[type=search],input[type=email],input[type=url],textarea,select{background:rgba(255,255,255,.08)!important;color:#fff!important}

/* タイトル下の三角(白)をなくす */
body :where(div,header,section,article,h1,h2,h3)::after{border-top-color:#0a1536!important}

/* 二重枠の解消: ウィジェットの中の要素には枠・背景・角丸をかけない */
.widget .widget,.widget [class*="widget"],.widget ul,.widget ol,.widget li,.widget .recentcomments,.widget [class*="comment"],.widget [class*="recent"]{
  border:none!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.widget li{border-bottom:1px solid var(--rs-line)!important}
.widget li:last-child{border-bottom:none!important}
.widget .widgettitle,.widget .widget-title{border-bottom:3px solid var(--rs-yellow)!important}