:root{--blog-primary:#2563eb;--blog-primary-light:#3b82f6;--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:#eff6ff;--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-radius:var(--blog-border-radius-lg);margin:var(--blog-space-xl)0}.blog-meta{align-items:center;gap:var(--blog-space-md);margin-bottom:var(--blog-space-lg);flex-wrap:wrap;display:flex}.blog-category{background:var(--blog-primary);color:#fff;padding:var(--blog-space-xs)var(--blog-space-md);font-size:var(--blog-fs-small);letter-spacing:.025em;border-radius:9999px;font-weight:600}.blog-date{color:var(--blog-text-secondary);font-size:var(--blog-fs-caption);font-weight:500}.blog-main-title{font-size:var(--blog-fs-hero);letter-spacing:.01em;margin-bottom:var(--blog-space-lg);color:var(--blog-text-primary);font-weight:700;line-height:1.2}.blog-subtitle{font-size:var(--blog-fs-body);color:var(--blog-text-secondary);letter-spacing:.05em;line-height:1.6}.blog-hero-image{border-radius:var(--blog-border-radius);width:100%;margin:var(--blog-space-xl)0;aspect-ratio:16/9;background:var(--blog-bg-secondary);position:relative;overflow:hidden}.blog-toc{background:var(--blog-bg-secondary);border:1px solid var(--blog-border);border-radius:var(--blog-border-radius);padding:var(--blog-space-lg);margin:var(--blog-space-2xl)0}.blog-toc-title{font-size:var(--blog-fs-h3);margin-bottom:var(--blog-space-md);color:var(--blog-text-primary);font-weight:700}.blog-toc-list{counter-reset:toc-counter;margin:0;padding:0;list-style:none}.blog-toc-list li{counter-increment:toc-counter;margin-bottom:var(--blog-space-sm);align-items:flex-start;gap:var(--blog-space-sm);display:flex}.blog-toc-list li:before{content:counter(toc-counter)".";color:var(--blog-primary);flex-shrink:0;min-width:1.5rem;font-weight:700}.blog-toc-list a{color:var(--blog-primary);flex:1;font-weight:500;text-decoration:none;transition:color .2s}.blog-toc-list a:hover{color:var(--blog-primary-light);text-decoration:underline}.blog-cta-box{background:var(--blog-bg-accent);border:2px solid var(--blog-primary);border-radius:var(--blog-border-radius-lg);padding:var(--blog-space-xl);text-align:center;margin:var(--blog-space-xl)0}.blog-cta-box p{color:var(--blog-text-secondary);margin-bottom:var(--blog-space-md);font-size:var(--blog-fs-body)}.blog-content{margin:var(--blog-space-2xl)0}.blog-section{margin-bottom:var(--blog-space-3xl);scroll-margin-top:var(--blog-space-xl)}.blog-section-title{font-size:var(--blog-fs-h2);letter-spacing:.015em;margin-bottom:var(--blog-space-lg);color:var(--blog-text-primary);padding-bottom:var(--blog-space-sm);font-weight:700;line-height:1.35;position:relative}.blog-section-title:after{content:"";background:linear-gradient(90deg,var(--blog-primary),var(--blog-secondary));border-radius:2px;width:60px;height:3px;position:absolute;bottom:0;left:0}.blog-section-content{font-size:var(--blog-fs-body);letter-spacing:.05em;line-height:1.8}.blog-section-content p{margin-bottom:var(--blog-space-lg);color:var(--blog-text-primary)}.blog-section-content h3{font-size:var(--blog-fs-h3);margin:var(--blog-space-xl)0 var(--blog-space-md);color:var(--blog-text-primary);font-weight:700}.blog-story-card{background:var(--blog-bg-primary);border:1px solid var(--blog-border);border-left:4px solid var(--blog-primary);border-radius:var(--blog-border-radius);padding:var(--blog-space-xl);margin:var(--blog-space-xl)0;box-shadow:var(--blog-shadow-sm)}.blog-story-header{align-items:center;gap:var(--blog-space-md);margin-bottom:var(--blog-space-lg);flex-wrap:wrap;display:flex}.blog-story-label{background:var(--blog-primary);color:#fff;padding:var(--blog-space-xs)var(--blog-space-md);font-size:var(--blog-fs-small);border-radius:9999px;font-weight:700}.blog-story-profile{color:var(--blog-text-secondary);font-size:var(--blog-fs-caption);font-weight:500}.blog-story-card blockquote{padding:var(--blog-space-md)var(--blog-space-lg);background:var(--blog-bg-secondary);border-radius:var(--blog-border-radius);color:var(--blog-text-secondary);font-style:italic;font-size:var(--blog-fs-body);margin:0;line-height:1.8}.blog-check-list{margin:var(--blog-space-lg)0;padding:0;list-style:none}.blog-check-list li{margin-bottom:var(--blog-space-sm);color:var(--blog-text-primary);padding-left:2rem;line-height:1.6;position:relative}.blog-check-list li:before{content:"✓";color:var(--blog-accent);font-size:1.1em;font-weight:700;position:absolute;left:0}.blog-problem-list{margin:var(--blog-space-lg)0;padding:0;list-style:none}.blog-problem-list li{margin-bottom:var(--blog-space-sm);color:var(--blog-text-secondary);padding-left:2rem;line-height:1.6;position:relative}.blog-problem-list li:before{content:"✗";color:#ef4444;font-weight:700;position:absolute;left:0}.blog-highlight-box{background:var(--blog-bg-accent);border-radius:var(--blog-border-radius);padding:var(--blog-space-lg);margin:var(--blog-space-xl)0;border:1px solid #bfdbfe}.blog-highlight-box p{color:#1e40af;margin:0;font-weight:500;line-height:1.7}.blog-comparison-table{border-collapse:collapse;width:100%;margin:var(--blog-space-xl)0;font-size:var(--blog-fs-caption);display:block;overflow-x:auto}.blog-comparison-table th{background:var(--blog-primary);color:#fff;padding:var(--blog-space-sm)var(--blog-space-md);text-align:center;white-space:nowrap;font-weight:700}.blog-comparison-table td{padding:var(--blog-space-sm)var(--blog-space-md);border:1px solid var(--blog-border);text-align:center;line-height:1.5}.blog-comparison-table tr:nth-child(2n) td{background:var(--blog-bg-secondary)}.blog-comparison-table td:first-child{text-align:left;background:var(--blog-bg-secondary);font-weight:600}.blog-comparison-table .highlight-col{color:var(--blog-primary);font-weight:600;background:#eff6ff!important}.blog-card-grid{gap:var(--blog-space-lg);margin:var(--blog-space-xl)0;display:grid}.blog-card{background:var(--blog-bg-primary);border:1px solid var(--blog-border);border-radius:var(--blog-border-radius);padding:var(--blog-space-lg);box-shadow:var(--blog-shadow-sm);transition:all .3s}.blog-card:hover{box-shadow:var(--blog-shadow-md);transform:translateY(-2px)}.blog-card-number{background:var(--blog-primary);color:#fff;width:40px;height:40px;font-weight:700;font-size:var(--blog-fs-body);margin-bottom:var(--blog-space-md);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.blog-card h3{font-size:var(--blog-fs-h3);margin-bottom:var(--blog-space-md);color:var(--blog-text-primary);font-weight:700}.blog-card p{color:var(--blog-text-secondary);margin:0;line-height:1.7}.blog-conclusion{background:var(--blog-bg-secondary);border-radius:var(--blog-border-radius-lg);padding:var(--blog-space-2xl);margin:var(--blog-space-3xl)0;text-align:center}.blog-conclusion-title{font-size:var(--blog-fs-h2);margin-bottom:var(--blog-space-lg);color:var(--blog-text-primary);font-weight:700}.blog-conclusion-content p{font-size:var(--blog-fs-body);color:var(--blog-text-primary);margin-bottom:var(--blog-space-xl);line-height:1.8}.blog-final-cta h3{font-size:var(--blog-fs-h3);margin-bottom:var(--blog-space-sm);color:var(--blog-text-primary);font-weight:700}.blog-final-cta p{color:var(--blog-text-secondary);margin-bottom:var(--blog-space-lg)}.blog-related{margin:var(--blog-space-3xl)0;padding-top:var(--blog-space-2xl);border-top:1px solid var(--blog-border)}.blog-related-title{font-size:var(--blog-fs-h2);margin-bottom:var(--blog-space-lg);color:var(--blog-text-primary);font-weight:700}.blog-related-grid{gap:var(--blog-space-lg);display:grid}.blog-related-card{background:var(--blog-bg-primary);border:1px solid var(--blog-border);border-radius:var(--blog-border-radius);box-shadow:var(--blog-shadow-sm);text-decoration:none;transition:all .3s;display:block;overflow:hidden}.blog-related-card:hover{box-shadow:var(--blog-shadow-md);transform:translateY(-2px)}.blog-related-card-image{background:var(--blog-bg-secondary);width:100%;height:140px;position:relative;overflow:hidden}.blog-related-card-content{padding:var(--blog-space-md)}.blog-related-card-content h3{font-size:var(--blog-fs-caption);margin-bottom:var(--blog-space-xs);color:var(--blog-text-primary);font-weight:700;line-height:1.4}.blog-related-card-content p{color:var(--blog-text-secondary);font-size:var(--blog-fs-small);margin:0;line-height:1.5}.blog-list-hero{text-align:center;padding:var(--blog-space-3xl)var(--blog-space-lg);background:linear-gradient(135deg,var(--blog-bg-accent)0%,var(--blog-bg-primary)100%);border-radius:var(--blog-border-radius-lg);margin:var(--blog-space-xl)0}.blog-list-hero h1{font-size:var(--blog-fs-hero);margin-bottom:var(--blog-space-lg);color:var(--blog-text-primary);font-weight:700}.blog-list-hero p{font-size:var(--blog-fs-body);color:var(--blog-text-secondary);line-height:1.7}.blog-list-grid{gap:var(--blog-space-xl);margin:var(--blog-space-2xl)0;display:grid}.blog-list-card{background:var(--blog-bg-primary);border:1px solid var(--blog-border);border-radius:var(--blog-border-radius-lg);box-shadow:var(--blog-shadow-sm);text-decoration:none;transition:all .3s;display:block;overflow:hidden}.blog-list-card:hover{box-shadow:var(--blog-shadow-lg);transform:translateY(-4px)}.blog-list-card-image{background:var(--blog-bg-secondary);width:100%;height:200px;position:relative;overflow:hidden}.blog-list-card-body{padding:var(--blog-space-xl)}.blog-list-card-meta{align-items:center;gap:var(--blog-space-md);margin-bottom:var(--blog-space-md);display:flex}.blog-list-card-category{background:var(--blog-primary);color:#fff;padding:var(--blog-space-xs)var(--blog-space-sm);font-size:var(--blog-fs-small);border-radius:9999px;font-weight:600}.blog-list-card-date{color:var(--blog-text-muted);font-size:var(--blog-fs-small)}.blog-list-card-title{font-size:var(--blog-fs-h3);margin-bottom:var(--blog-space-md);color:var(--blog-text-primary);font-weight:700;line-height:1.4}.blog-list-card-desc{color:var(--blog-text-secondary);font-size:var(--blog-fs-caption);margin:0;line-height:1.7}.blog-stats-grid{gap:var(--blog-space-lg);background:var(--blog-bg-accent);border-radius:var(--blog-border-radius);padding:var(--blog-space-xl);margin:var(--blog-space-xl)0;text-align:center;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.blog-stat-number{color:var(--blog-primary);margin-bottom:var(--blog-space-xs);font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1}.blog-stat-label{font-size:var(--blog-fs-small);color:var(--blog-text-secondary);font-weight:500}@media (max-width:768px){.blog-container{padding:0 var(--blog-space-sm)}.blog-title-section{padding:var(--blog-space-xl)var(--blog-space-md);margin:var(--blog-space-md)0}.blog-meta{gap:var(--blog-space-sm)}.blog-toc{padding:var(--blog-space-md)}.blog-conclusion{padding:var(--blog-space-xl)var(--blog-space-md)}.blog-related-grid{gap:var(--blog-space-md)}.blog-comparison-table th,.blog-comparison-table td{padding:var(--blog-space-xs)var(--blog-space-sm);font-size:.8rem}}@media (max-width:480px){.blog-main-title{font-size:clamp(1.25rem,5vw,1.75rem)}.blog-section-title{font-size:clamp(1.125rem,4vw,1.375rem)}.blog-story-card,.blog-card{padding:var(--blog-space-md)}.blog-list-card-image{height:160px}}@media (min-width:768px){.blog-container{padding:0 var(--blog-space-lg)}.blog-card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.blog-related-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.blog-list-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-container{padding:0 var(--blog-space-xl)}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-related-card,.blog-list-card{transition:none}.blog-card:hover,.blog-related-card:hover,.blog-list-card:hover{transform:none}}@media (prefers-contrast:high){:root{--blog-border:#000;--blog-text-secondary:#000}.blog-card,.blog-related-card{border-width:2px}}