:root{--color-text:#1f2328;--color-muted:#656d76;--color-bg:#fff;--color-surface:#f6f8fa;--color-border:#d0d7de;--color-accent:#0969da;--color-pr-bg:#fff8c5;--color-pr-border:#d4a72c;--font-sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius:8px}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-text-size-adjust:100%;margin:0;line-height:1.7}a{color:var(--color-accent)}img{max-width:100%;height:auto}.container{max-width:1080px;margin:0 auto;padding:0 16px}.site-header{border-bottom:1px solid var(--color-border)}.site-header-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.site-logo{color:var(--color-text);font-size:1.25rem;font-weight:700;text-decoration:none}.site-nav{gap:20px;display:flex}.site-nav a{color:var(--color-text);text-decoration:none}.site-nav a[aria-current]{font-weight:700}main.container{padding-top:32px;padding-bottom:64px}.site-footer{border-top:1px solid var(--color-border);color:var(--color-muted);text-align:center;padding:24px 0}.footer-nav{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-bottom:12px;font-size:.9rem;display:flex}.footer-nav a{color:var(--color-muted)}.footer-note{margin:0 0 8px;font-size:.8rem}.hero{padding:32px 0 56px}.hero-title{margin:0;font-size:clamp(2rem,6vw,3rem);line-height:1.2}.hero-lead{max-width:40em;color:var(--color-muted);margin:16px 0 0;font-size:1.05rem}.home-section+.home-section{margin-top:64px}.home-section-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.home-section-header h2{margin:0;font-size:1.5rem}.not-found{padding:32px 0}.not-found ul{padding-left:1.2em}.page-title{margin:0 0 24px;font-size:1.5rem}.page-lead{color:var(--color-muted);margin:-8px 0 32px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px;display:grid}.card{border:1px solid var(--color-border);border-radius:var(--radius);transition:box-shadow .15s;overflow:hidden}.card:hover{box-shadow:0 4px 16px #00000014}.card>a{color:inherit;text-decoration:none;display:block}.card-image{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.card-noimage{background:linear-gradient(135deg,#e6edf5,#d0d7de)}.card-body{padding:12px 16px 16px}.card-title{margin:4px 0 0;font-size:1.05rem;line-height:1.5}.card-description{color:var(--color-muted);margin:8px 0 0;font-size:.9rem;line-height:1.6}.tool-related{padding:0 16px 16px;font-size:.85rem}.tool-related-heading{border-top:1px solid var(--color-border);color:var(--color-muted);margin:0 0 4px;padding-top:12px}.tool-related ul{margin:0;padding-left:1.2em}.post-meta{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:.85rem;display:flex}.category{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:999px;padding:0 8px}a.category{text-decoration:none}a.category:hover{border-color:var(--color-accent);color:var(--color-accent)}.blog-section+.blog-section{margin-top:48px}.blog-section-title{margin:0 0 16px;font-size:1.25rem}.category-links{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.category-links .category{align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.category-count{color:var(--color-muted);font-size:.8em}.breadcrumb{color:var(--color-muted);margin:0 0 8px;font-size:.85rem}.pagination{justify-content:space-between;align-items:center;margin-top:40px;display:flex}.post{max-width:760px;margin:0 auto}.post-title{margin:8px 0 16px;font-size:1.75rem;line-height:1.4}.pr-notice{border:1px solid var(--color-pr-border);border-radius:var(--radius);background:var(--color-pr-bg);margin:0 0 16px;padding:8px 12px;font-size:.85rem}.post-eyecatch{border-radius:var(--radius);width:100%;display:block}.policy .prose{margin-top:0}.policy h1{margin:0 0 24px;font-size:1.75rem;line-height:1.4}.series-label{margin-top:8px;font-size:.9rem;font-weight:700;text-decoration:none;display:inline-block}.series-nav{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);margin-top:48px;padding:16px 20px}.series-nav-heading{margin:0 0 8px;font-weight:700}.series-parts{counter-reset:part;margin:0;padding:0;list-style:none}.series-parts li{counter-increment:part}.series-parts li:before{content:"第" counter(part) "回";color:var(--color-muted);white-space:nowrap;margin-right:.75em;font-size:.85em}.series-parts [aria-current=page]{font-weight:700}.series-nav-pager{justify-content:space-between;margin-top:12px;display:flex}.series-page{max-width:760px}.series-description{color:var(--color-muted)}.series-parts-large li{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:baseline;gap:4px 0;padding:12px 0;display:flex}.series-parts-large time{color:var(--color-muted);margin-left:auto;padding-left:12px;font-size:.85rem}.prose{overflow-wrap:anywhere;margin-top:32px;font-size:1rem;line-height:1.9}.prose h2{border-bottom:2px solid var(--color-border);margin:2.5em 0 1em;padding-bottom:.3em;font-size:1.4rem;line-height:1.4}.prose h3{border-left:4px solid var(--color-accent);margin:2em 0 .8em;padding-left:.6em;font-size:1.2rem;line-height:1.4}.prose h4{margin:1.5em 0 .5em;font-size:1.05rem}.prose p,.prose ul,.prose ol,.prose table,.prose blockquote,.prose figure{margin:0 0 1.5em}.prose li+li{margin-top:.3em}.prose blockquote{border-left:4px solid var(--color-border);color:var(--color-muted);padding:.5em 1em}.prose table{border-collapse:collapse;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--color-border);padding:6px 12px}.prose th{background:var(--color-surface)}.prose img{border-radius:var(--radius)}.prose figure{margin-left:0;margin-right:0}.prose :not(pre)>code{background:var(--color-surface);font-family:var(--font-mono);border-radius:4px;padding:.15em .4em;font-size:.875em}.code-block figcaption{border-radius:var(--radius) var(--radius) 0 0;color:#e1e4e8;font-family:var(--font-mono);background:#3a4049;padding:2px 12px;font-size:.8rem;display:inline-block}.code-block pre{border-radius:var(--radius);font-family:var(--font-mono);margin:0;padding:16px;font-size:.875rem;line-height:1.6;overflow-x:auto}.code-block figcaption+pre{border-top-left-radius:0}