/* ミサキブログ */
:root{ --accent:#78716c; --pop:#b3502f; }
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#f8f7f2;
  color:#2d2d2d;
  font-family:"Noto Sans JP",sans-serif;
  line-height:1.75;
  letter-spacing:.03em;
  -webkit-font-smoothing:antialiased;
}
.font-serif{font-family:"Shippori Mincho","Hiragino Mincho ProN","Yu Mincho",serif}
.text-accent{color:var(--accent)}
.bg-accent{background-color:var(--accent)}
.border-accent{border-color:var(--accent)}
a{text-decoration:none;color:inherit}

/* 固定ヘッダーの表示状態 */
#fixed-header.visible{transform:translateY(0);opacity:1;pointer-events:auto}
#sidebar-toggle-buttons.visible{transform:translateX(0);opacity:1;pointer-events:auto}
.fixed-tab.active{border-color:var(--accent);background:rgba(0,0,0,.02)}

/* サイドバー開閉ボタン（モバイル） */
.sidebar-toggle-btn{
  width:32px;padding:12px 0;
  background:rgba(255,255,255,.92);
  border:1px solid #e5e5e5;border-left:none;
  border-radius:0 6px 6px 0;
  color:#a8a29e;
  box-shadow:2px 2px 6px rgba(0,0,0,.06);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  transition:all .25s ease;
}
.sidebar-toggle-btn:hover{background:#f5f5f4;width:36px}
.sidebar-toggle-btn.active{background:var(--accent);color:#fff;border-color:var(--accent);width:36px}

#sidebar-nav.open{transform:translateX(0)}
#drawer-overlay.visible{opacity:1;pointer-events:auto}

/* タブ（本文側） */
.tab-btn{position:relative;background:none;border:none;cursor:pointer;color:#a8a29e;transition:color .2s}
.tab-btn.active{color:var(--accent);font-weight:bold}
.tab-btn.active::after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:var(--accent)}

/* 記事カード */
.article-card{display:block;background:#fff;transition:transform .2s,box-shadow .2s}
.article-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.08)}

.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

@media (max-width:1023px){
  #sidebar-toggle-buttons.hidden-on-mobile{display:none}
}
@media print{
  #fixed-header,#sidebar-toggle-buttons,#sidebar-nav,#drawer-overlay,#inline-tabs{display:none!important}
}