/* =========================================================
   スキン：ターミナル（技術ブログ向け）
   黒い画面にミントグリーン。タイトルは等幅フォント、見出しの頭に「##」。
   もともと暗い色なので、ダークモードの切り替えはしない。
   おすすめの組み合わせ：レイアウト「左サイドバー」
   ========================================================= */

:root {
	--c-text: #c9d1d9;
	--c-heading: #e6edf3;
	--c-sub: #8b949e;
	--c-bg: #0d1117;
	--c-bg-soft: #161b22;
	--c-line: #30363d;
	--c-accent: #3ddc97;          /* ミント */
	--c-on-accent: #0d1117;
	--c-link: #58a6ff;
	--c-h2-bg: transparent;
	--c-h2-text: var(--c-heading);
	--c-h2-border: var(--c-accent);
	--c-thumb-frame: #30363d;
	--c-thumb-bg: #010409;
	--c-overlay: rgba(13, 17, 23, .88);
	--cat-default: #3b4a5c;
	--pickup-shadow: 0 0 0 1px rgba(61, 220, 151, .35), 0 0 24px rgba(61, 220, 151, .08);
	--font-mono: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, Consolas, "BIZ UDGothic", "Osaka-Mono", monospace;
	--font-title: var(--font-mono);
	--brand-spacing: 0;
	--radius: 6px;
}

/* 左上のサイト名：プロンプトと点滅するカーソル */
.brand__name::before { content: "~/ "; color: var(--c-sub); }
.brand__name::after { content: "_"; margin-left: 2px; color: var(--c-accent); animation: yz-blink 1.1s steps(1) infinite; }
@keyframes yz-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .brand__name::after { animation: none; } }
.brand__name { color: var(--c-heading); }

/* 見出し：Markdown のように「##」「###」を頭に付ける */
.entry-content h2 { padding: 0 0 .4em; border: 0; border-bottom: 1px dashed var(--c-line); background: none; font-family: var(--font-title); font-size: 1.2rem; }
.entry-content h2::before { content: "## "; color: var(--c-accent); }
.entry-content h3 { padding: 0; border: 0; font-family: var(--font-title); font-size: 1.05rem; }
.entry-content h3::before { content: "### "; color: var(--c-accent); opacity: .8; }
.entry-title, .page-title, .card__title, .hero__title { letter-spacing: -.01em; }

/* コード：GitHub のような見た目 */
.entry-content code { padding: .1em .4em; border: 1px solid var(--c-line); border-radius: 4px; background: var(--c-bg-soft); font-family: var(--font-mono); font-size: .88em; color: #ffa657; }
.entry-content pre { padding: 14px 16px; border: 1px solid var(--c-line); border-radius: var(--radius); background: #010409; overflow-x: auto; font-family: var(--font-mono); font-size: .85rem; line-height: 1.7; }
.entry-content pre code { padding: 0; border: 0; background: none; color: var(--c-text); font-size: inherit; }

.entry-content a { text-decoration: underline; text-decoration-color: rgba(88, 166, 255, .4); text-underline-offset: .2em; }
.entry-content a.yb-product__btn, .entry-content a.yb-cta__btn, .entry-content .blogcard a, .entry-content .next-story a { text-decoration: none; }
.entry-content blockquote { border-left-color: var(--c-accent); }
.entry-content strong { color: var(--c-heading); }

/* カード・枠：細い線で区切る */
.card__link, .side-box, .toc, .next-story, .author-box, .subscribe, .post-nav__item { background: var(--c-bg-soft); }
.card__link:hover { border-color: var(--c-accent); }
.side-box__title { font-family: var(--font-mono); letter-spacing: 0; }
.side-box__title::before { content: "$ "; color: var(--c-sub); }
.toc__title { font-family: var(--font-mono); }
.card__new { font-family: var(--font-mono); }