:root{--fg:#1f2937}
body{font-family:'Noto Sans JP',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
.bg-gray-850{background-color:#1a2032}
.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.article-body{line-height:1.9;font-size:1.02rem}
.article-body p{margin:1.1em 0}
.article-body h2{font-size:1.45rem;font-weight:700;margin:1.8em 0 .6em;padding-bottom:.3em;border-bottom:2px solid #6366f1}
.article-body h3{font-size:1.2rem;font-weight:700;margin:1.5em 0 .5em}
.article-body ul{list-style:disc;padding-left:1.4em;margin:1em 0}
.article-body ol{list-style:decimal;padding-left:1.4em;margin:1em 0}
.article-body li{margin:.4em 0}
.article-body a{color:#4f46e5;text-decoration:underline}
.dark .article-body a{color:#818cf8}
.article-body img{max-width:100%;height:auto;border-radius:.5rem;margin:1.2em auto;display:block}
.article-body figure{margin:1.4em 0}
.article-body figcaption{text-align:center;font-size:.85em;color:#9ca3af;margin-top:.4em}
.article-body blockquote{border-left:4px solid #c7d2fe;padding-left:1em;color:#6b7280;margin:1.2em 0}
.article-body iframe{max-width:100%;border-radius:.5rem;margin:1.2em 0}
.article-body table{width:100%;border-collapse:collapse;margin:1.2em 0}
.article-body th,.article-body td{border:1px solid #e5e7eb;padding:.55em .7em;text-align:left;vertical-align:top}
.dark .article-body th,.dark .article-body td{border-color:#374151}
.article-body th{background:#f9fafb;width:8em}
.dark .article-body th{background:#111827}
.cat-chip.active{background:#4f46e5;color:#fff;border-color:#4f46e5}