/*
  Theme Name: illogs.com 
  Theme URI: https://illogs.com/
  Author: Minato + GPT-5 Thinking
  Author URI: https://illogs.com/
  Description: Original theme
  Version: 1.0.0
  License: MIT
  Text Domain: illogs-bb
*/

:root{
  --illogs-maxwidth: 1200px;
}
h1,h2,h3,h4,h5,h6,p,ul,ol{margin-bottom:2.5rem;}
h1{font-size:2rem;}
h2{font-size:1.75rem;padding-bottom:.5rem;border-bottom:1px solid #666;}
h3{font-size:1.5rem;padding-left:1rem;border-left:20px solid #666;}
h4{font-size:1.35rem;padding-left:1rem;border-left:10px solid #666;}
h5{font-size:1.2rem;}
h6{font-size:1.1rem;}
p{font-size:1rem;}
img{max-width:100%;height:auto;}
hr{border:1px solid #aaa !important;margin:5rem auto;}

/* ベース余白 */
body{ line-height:1.8; }
.entry-content img{ max-width:100%; height:auto; }
.toc-box{
  border:1px solid #e5e7eb; border-radius:.5rem; padding:1rem; margin:1rem 0 2rem 0;
  background:#f8f9fa;
}
.toc-box summary{ cursor:pointer; font-weight:600; }
.toc-box ol{ margin: .5rem 0 0 1rem; }
.toc-level-2{ margin-left:.5rem; }
.toc-level-3{ margin-left:1rem; }
.toc-level-4{ margin-left:1.5rem; }
.card-excerpt{ min-height:4.5em; }
.site-footer{ border-top:1px solid #e5e7eb; margin-top:2rem; padding:2rem 0; color:#6c757d; }
.badge-cat{ text-decoration:none; }
code,kbd,pre{ background:#f6f8fa; }
.navbar-brand{ font-weight:700; }
.widget{ margin-bottom:1.25rem; }
.widget-title{ font-weight:700; font-size:1rem; margin-bottom:.5rem; }

.navbar form .btn {
  white-space: nowrap;
}

/* ===== Sidebar Categories ===== */
.sidebar-cats .nav-link{
  border-radius: .375rem;
  padding: .25rem .5rem;
  color: #343a40;
}
.sidebar-cats li{
  list-style-type: none;
}
.sidebar-cats .nav-link:hover{
  background: #f1f3f5;
  text-decoration: none;
}
.sidebar-cats .nav-link.active{
  background: #e9ecef;
  font-weight: 600;
}

/* 深さごとにフォントサイズ */
.sidebar-cats .cat-depth-0{ font-size: 1.1rem; }
.sidebar-cats .cat-depth-1{ font-size: .95rem; }
.sidebar-cats .cat-depth-2{ font-size: .90rem; }

/* アイコンとラベルの距離は .gap-2 で確保済み */
.sidebar-cats i.bi{ line-height: 1; }

/* 項目間の詰まりを少し抑える（お好みで） */
.sidebar-cats .nav-item{ margin-bottom: .125rem; }

/* 現在のカテゴリ（li.current-cat など）配下のリンクを強調 */
.sidebar-cats li.current-cat > .nav-link,
.sidebar-cats li.current-cat-parent > .nav-link,
.sidebar-cats li.current-cat-ancestor > .nav-link {
  background: #e9ecef;
  font-weight: 600;
}

/*
*
*
*   トップページカード
*
*
*/
/* ===== アイキャッチ無しのカード・サムネ ===== */

.card-thumb {
  position: relative;
  aspect-ratio: 16/9;
  border-bottom: 1px solid rgba(0,0,0,.06);
  display: flex; align-items: flex-end;
  overflow: hidden;
  padding: .5rem .75rem;
}
.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.card p,.card ul,.card ol,.card hr,.card section,.card article{margin-bottom:1rem;}



/* 背景色はバッジクラスから類推（data-badgeで受け取り） */
.placeholder-thumb { background: #e9ecef; }
.placeholder-thumb[data-badge*="text-bg-primary"]  { background: linear-gradient(180deg, rgba(13,110,253,.35), rgba(13,110,253,.6)); }
.placeholder-thumb[data-badge*="text-bg-success"]  { background: linear-gradient(180deg, rgba(25,135,84,.35), rgba(25,135,84,.6)); }
.placeholder-thumb[data-badge*="text-bg-info"]     { background: linear-gradient(180deg, rgba(13,202,240,.35), rgba(13,202,240,.6)); }
.placeholder-thumb[data-badge*="text-bg-warning"]  { background: linear-gradient(180deg, rgba(255,193,7,.35), rgba(255,193,7,.6)); }
.placeholder-thumb[data-badge*="text-bg-danger"]   { background: linear-gradient(180deg, rgba(220,53,69,.35), rgba(220,53,69,.6)); }
.placeholder-thumb[data-badge*="text-bg-secondary"]{ background: linear-gradient(180deg, rgba(108,117,125,.35), rgba(108,117,125,.6)); }
.placeholder-thumb[data-badge*="text-bg-dark"]     { background: linear-gradient(180deg, rgba(33,37,41,.35), rgba(33,37,41,.7)); }
.placeholder-thumb[data-badge*="text-bg-light"]    { background: linear-gradient(180deg, rgba(233,236,239,.35), rgba(233,236,239,.9)); }

/* タイトルを下辺に控えめ表示（長すぎる場合は切り詰め） */
.placeholder-thumb .placeholder-title{
  display: block;
  color: #fff;
  font-size: .875rem;
  font-weight: 600;
  text-shadow: 0 1px 2px rgba(0,0,0,.35);
  max-height: 2.6em; line-height: 1.3;
  overflow: hidden;
}
.placeholder-thumb .placeholder-title{
  text-shadow: 0 1px 2px rgba(0,0,0,.45), 0 0 1px rgba(0,0,0,.3);
}

/*
*
*
* 目次（TOC）のキーボード操作快適化
*
*
*/
.toc-box summary:focus{ outline: 2px solid #0d6efd; outline-offset: 2px; border-radius: .25rem; }
/*
*
*
* スマホ時の“読む”ボタンのタップ領域を少しだけ拡大
*
*
*/
@media (max-width: 576px){
  .card .btn.btn-sm { padding-top: .35rem; padding-bottom: .35rem; }
}
/*
*
*
* （ハニーポット非表示）
*
*
*/
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

/*
*
*
*   関連記事
*
*
*/
.illogs-related-cards .related-title{ font-size:1rem; }
.illogs-related-cards .card .card-img-top{ border-top-left-radius:.5rem; border-top-right-radius:.5rem; }
.illogs-related-cards .card-title a{ color:inherit; }
.illogs-related-cards .card:hover{ transform: translateY(-1px); box-shadow: 0 .25rem .75rem rgba(0,0,0,.06); transition:.15s ease; }
.illogs-related-cards .card .card-text{ line-height:1.6; }
/* アイキャッチ無しの記事でも余白が崩れないように */
.illogs-related-cards .card .ratio + .card-body { padding-top: .75rem; }