/* Critical CSS - ファーストビューで必須のスタイルのみ記述 */
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;line-height:1.7}
body{font-family:-apple-system,BlinkMacSystemFont,"Yu Gothic UI","Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP","Meiryo",sans-serif;color:#333;background:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slim-header{padding:1rem;border-bottom:1px solid #eee;background:#fff}
.slim-header .site-title{font-size:1.2rem;margin:0}
.slim-header .site-title a{color:#333;text-decoration:none}
.slim-main{max-width:800px;margin:2rem auto;padding:0 1rem}
.slim-breadcrumb{font-size:0.9rem;color:#666;margin-bottom:1.5rem;padding:0.75rem 0;border-bottom:1px solid #eee}
.slim-breadcrumb a{color:#0066cc;text-decoration:none}
.slim-breadcrumb a:hover{text-decoration:underline}
.slim-breadcrumb span{color:#333}
.slim-article{margin-bottom:3rem}
.entry-header{margin-bottom:2rem}
.entry-title{font-size:2rem;line-height:1.4;margin-bottom:1rem}
.entry-meta{color:#666;font-size:0.9rem}
.entry-content{line-height:1.8}
.entry-content h2{font-size:1.6rem;margin:2rem 0 1rem;padding-bottom:0.3rem;border-bottom:2px solid #eee}
.entry-content h3{font-size:1.4rem;margin:1.5rem 0 0.75rem}
.entry-content p{margin-bottom:1.5rem}
.entry-content img{max-width:100%;height:auto;display:block;margin:1.5rem 0}
.entry-content blockquote{margin:1.5rem 0;padding:1rem;border-left:4px solid #ddd;background:#f9f9f9}
.entry-content pre{margin:1.5rem 0;padding:1rem;background:#f4f4f4;overflow-x:auto}
.entry-content code{padding:0.2rem 0.4rem;background:#f4f4f4;font-family:monospace}
.post-navigation{margin-top:3rem;padding-top:2rem;border-top:1px solid #eee;display:flex;justify-content:space-between;gap:1rem}
.nav-previous,.nav-next{flex:1}
.nav-next{text-align:right}
.entry-tags{margin-top:2rem;padding-top:1rem;border-top:1px solid #eee}
.entry-tags a{display:inline-block;margin-right:0.5rem;color:#0066cc;text-decoration:none;font-size:0.9rem}
.entry-tags a:hover{text-decoration:underline}
.slim-footer{padding:2rem 1rem;text-align:center;border-top:1px solid #eee;margin-top:4rem;color:#666}
body.admin-bar .slim-header{margin-top:32px}
@media screen and (max-width:782px){body.admin-bar .slim-header{margin-top:46px}}
@media(max-width:768px){
.entry-title{font-size:1.5rem}
.entry-content h2{font-size:1.3rem}
.entry-content h3{font-size:1.2rem}
.post-navigation{flex-direction:column}
.nav-next{text-align:left}
}