:root{--blog-primary:#dc2626;--blog-primary-light:#ef4444;--blog-secondary:#f59e0b;--blog-accent:#10b981;--blog-text-primary:#1f2937;--blog-text-secondary:#6b7280;--blog-text-muted:#9ca3af;--blog-bg-primary:#fff;--blog-bg-secondary:#f9fafb;--blog-bg-accent:#fff1f2;--blog-border:#e5e7eb;--blog-border-light:#f3f4f6;--blog-fs-hero:clamp(1.5rem,3vw + 1rem,2.25rem);--blog-fs-h2:clamp(1.25rem,2.5vw,1.5rem);--blog-fs-h3:clamp(1.125rem,2vw,1.25rem);--blog-fs-body:clamp(1rem,1.2vw + .75rem,1.125rem);--blog-fs-caption:clamp(.875rem,1vw + .65rem,1rem);--blog-fs-small:.875rem;--blog-space-xs:.5rem;--blog-space-sm:.75rem;--blog-space-md:1rem;--blog-space-lg:1.5rem;--blog-space-xl:2rem;--blog-space-2xl:3rem;--blog-space-3xl:4rem;--blog-container-max:800px;--blog-border-radius:.5rem;--blog-border-radius-lg:.75rem;--blog-shadow-sm:0 1px 2px 0 #0000000d;--blog-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--blog-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.blog-main{background:var(--blog-bg-primary);min-height:100vh;color:var(--blog-text-primary);font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}.blog-container{max-width:var(--blog-container-max);padding:0 var(--blog-space-md);margin:0 auto}.blog-title-section{padding:var(--blog-space-2xl)var(--blog-space-lg);background:linear-gradient(135deg,var(--blog-bg-accent)0%,var(--blog-bg-primary)100%);border-bottom:1px solid var(--blog-border);text-align:center}.blog-category-badge{background:var(--blog-primary);color:#fff;font-size:var(--blog-fs-small);margin-bottom:var(--blog-space-md);letter-spacing:.05em;border-radius:9999px;padding:.25rem .75rem;font-weight:700;display:inline-block}.blog-title{font-size:var(--blog-fs-hero);color:var(--blog-text-primary);margin-bottom:var(--blog-space-lg);font-weight:800;line-height:1.3}.blog-meta{justify-content:center;align-items:center;gap:var(--blog-space-md);font-size:var(--blog-fs-small);color:var(--blog-text-secondary);margin-bottom:var(--blog-space-lg);flex-wrap:wrap;display:flex}.blog-meta-author,.blog-meta-date{align-items:center;gap:.25rem;display:flex}.blog-lead{font-size:var(--blog-fs-body);color:var(--blog-text-secondary);max-width:640px;margin:0 auto;line-height:1.8}.blog-toc{background:var(--blog-bg-secondary);border:1px solid var(--blog-border);border-radius:var(--blog-border-radius-lg);padding:var(--blog-space-xl);margin:var(--blog-space-2xl)0}.blog-toc-title{font-size:var(--blog-fs-h3);margin-bottom:var(--blog-space-md);align-items:center;gap:var(--blog-space-xs);font-weight:700;display:flex}.blog-toc ol{padding-left:var(--blog-space-lg);margin:0}.blog-toc li{margin-bottom:var(--blog-space-xs);font-size:var(--blog-fs-caption);line-height:1.6}.blog-toc a{color:var(--blog-primary);text-decoration:none}.blog-toc a:hover{text-decoration:underline}.blog-content{padding:var(--blog-space-2xl)0}.blog-content h2{font-size:var(--blog-fs-h2);color:var(--blog-text-primary);margin:var(--blog-space-2xl)0 var(--blog-space-lg);padding-left:var(--blog-space-md);border-left:4px solid var(--blog-primary);font-weight:800;line-height:1.4}.blog-content h3{font-size:var(--blog-fs-h3);color:var(--blog-text-primary);margin:var(--blog-space-xl)0 var(--blog-space-md);font-weight:700}.blog-content p{font-size:var(--blog-fs-body);margin-bottom:var(--blog-space-lg);color:var(--blog-text-primary);line-height:1.9}.blog-content ul,.blog-content ol{padding-left:var(--blog-space-xl);margin-bottom:var(--blog-space-lg)}.blog-content li{font-size:var(--blog-fs-body);margin-bottom:var(--blog-space-xs);line-height:1.8}.blog-highlight-box{background:var(--blog-bg-accent);border:1px solid var(--blog-primary-light);border-radius:var(--blog-border-radius-lg);padding:var(--blog-space-xl);margin:var(--blog-space-xl)0}.blog-highlight-box h3{font-size:var(--blog-fs-h3);color:var(--blog-primary);margin-bottom:var(--blog-space-md);font-weight:700}.blog-highlight-box ul{padding-left:var(--blog-space-lg);margin:0}.blog-highlight-box li{font-size:var(--blog-fs-caption);margin-bottom:var(--blog-space-xs);line-height:1.7}.blog-comparison-table{border-collapse:collapse;width:100%;margin:var(--blog-space-xl)0;font-size:var(--blog-fs-caption)}.blog-comparison-table th{background:var(--blog-primary);color:#fff;padding:var(--blog-space-sm)var(--blog-space-md);text-align:left;font-weight:700}.blog-comparison-table td{padding:var(--blog-space-sm)var(--blog-space-md);border-bottom:1px solid var(--blog-border);vertical-align:top;line-height:1.6}.blog-comparison-table tr:nth-child(2n) td{background:var(--blog-bg-secondary)}.blog-voice-card{background:var(--blog-bg-secondary);border-radius:var(--blog-border-radius-lg);padding:var(--blog-space-xl);margin:var(--blog-space-xl)0;position:relative}.blog-voice-card:before{content:"\"";top:-.5rem;left:var(--blog-space-lg);color:var(--blog-primary);font-family:Georgia,serif;font-size:4rem;line-height:1;position:absolute}.blog-voice-card p{margin:0 0 var(--blog-space-sm);padding-top:var(--blog-space-lg);font-style:italic}.blog-voice-card cite{font-size:var(--blog-fs-small);color:var(--blog-text-secondary);font-style:normal}.blog-summary-box{background:linear-gradient(135deg,var(--blog-bg-accent),var(--blog-bg-primary));border:2px solid var(--blog-primary);border-radius:var(--blog-border-radius-lg);padding:var(--blog-space-xl);margin:var(--blog-space-2xl)0}.blog-summary-box h2{color:var(--blog-primary);margin-top:0;margin-bottom:var(--blog-space-md);border-left:none;padding-left:0}.blog-cta-section{background:var(--blog-primary);color:#fff;border-radius:var(--blog-border-radius-lg);padding:var(--blog-space-2xl);text-align:center;margin:var(--blog-space-2xl)0}.blog-cta-section h2{color:#fff;font-size:var(--blog-fs-h2);border:none;margin-top:0;padding:0}.blog-cta-section p{color:#ffffffe6;margin-bottom:var(--blog-space-xl)}.blog-cta-button{color:var(--blog-primary);font-weight:700;font-size:var(--blog-fs-body);padding:var(--blog-space-md)var(--blog-space-2xl);background:#fff;border-radius:9999px;text-decoration:none;transition:opacity .2s;display:inline-block}.blog-cta-button:hover{opacity:.9}.blog-related{padding:var(--blog-space-2xl)0;border-top:1px solid var(--blog-border)}.blog-related h2{font-size:var(--blog-fs-h3);margin-bottom:var(--blog-space-lg);color:var(--blog-text-primary);font-weight:700}.blog-related-grid{gap:var(--blog-space-md);display:grid}.blog-related-card{background:var(--blog-bg-secondary);border:1px solid var(--blog-border);border-radius:var(--blog-border-radius);padding:var(--blog-space-lg);text-decoration:none;transition:box-shadow .2s;display:block}.blog-related-card:hover{box-shadow:var(--blog-shadow-md)}.blog-related-card h3{font-size:var(--blog-fs-caption);color:var(--blog-primary);margin-bottom:var(--blog-space-xs);font-weight:700}.blog-related-card p{font-size:var(--blog-fs-small);color:var(--blog-text-secondary);margin:0;line-height:1.6}.blog-list-hero{padding:var(--blog-space-2xl)0 var(--blog-space-xl);text-align:center}.blog-list-hero h1{font-size:var(--blog-fs-hero);margin-bottom:var(--blog-space-md);font-weight:800}.blog-list-hero p{color:var(--blog-text-secondary);font-size:var(--blog-fs-body);line-height:1.8}.blog-list-grid{gap:var(--blog-space-xl);padding:var(--blog-space-xl)0;display:grid}.blog-list-card{border:1px solid var(--blog-border);border-radius:var(--blog-border-radius-lg);text-decoration:none;transition:box-shadow .2s;display:block;overflow:hidden}.blog-list-card:hover{box-shadow:var(--blog-shadow-md)}.blog-list-card-image{background:var(--blog-bg-secondary);height:200px;position:relative}.blog-list-card-body{padding:var(--blog-space-lg)}.blog-list-card-meta{gap:var(--blog-space-sm);margin-bottom:var(--blog-space-sm);align-items:center;display:flex}.blog-list-card-category{background:var(--blog-primary);color:#fff;border-radius:4px;padding:.1rem .5rem;font-size:.75rem;font-weight:700}.blog-list-card-date{font-size:var(--blog-fs-small);color:var(--blog-text-muted)}.blog-list-card-title{font-size:var(--blog-fs-h3);color:var(--blog-text-primary);margin-bottom:var(--blog-space-sm);font-weight:700;line-height:1.4}.blog-list-card-desc{font-size:var(--blog-fs-caption);color:var(--blog-text-secondary);margin:0;line-height:1.6}.blog-cta-box{background:var(--blog-bg-accent);border:1px solid var(--blog-primary-light);border-radius:var(--blog-border-radius-lg);padding:var(--blog-space-xl);text-align:center;margin:var(--blog-space-2xl)0}.blog-cta-box p{font-size:var(--blog-fs-body);margin-bottom:var(--blog-space-lg);color:var(--blog-text-primary)}.blog-cta-box a{color:var(--blog-primary);font-weight:700;text-decoration:underline}@media (min-width:640px){.blog-related-grid{grid-template-columns:repeat(2,1fr)}}