*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#fff;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.6}.blog-article-content{color:#333;font-size:1.1rem;line-height:1.8}.blog-article-content h1{color:#006a6c;border-bottom:3px solid #006a6c;margin:2.5rem 0 1.5rem;padding-bottom:.75rem;font-size:2.5rem;font-weight:700;line-height:1.3}.blog-article-content h2{color:#1a1a1a;border-bottom:1px solid #e5e5e5;margin:2.5rem 0 1rem;padding-bottom:.5rem;font-size:2rem;font-weight:600;line-height:1.4}.blog-article-content h3{color:#2d2d2d;border-left:4px solid #006a6c;margin:2rem 0 1rem;padding-left:1rem;font-size:1.5rem;font-weight:600;line-height:1.4}.blog-article-content h4{color:#3d3d3d;margin:1.5rem 0 .75rem;font-size:1.25rem;font-weight:600;line-height:1.5}.blog-article-content p{margin:1.25rem 0;line-height:1.8}.blog-article-content ul,.blog-article-content ol{margin:1.25rem 0;padding-left:2rem}.blog-article-content li{margin:.5rem 0;line-height:1.8}.blog-article-content ul li{list-style-type:disc}.blog-article-content ol li{list-style-type:decimal}.blog-article-content blockquote{color:#555;background-color:#f8f9fa;border-left:4px solid #006a6c;margin:1.5rem 0;padding:1rem 1.5rem;font-style:italic}.blog-article-content pre{color:#f8f8f2;background-color:#1e1e1e;border-radius:8px;margin:1.5rem 0;padding:1.5rem;font-family:Fira Code,Courier New,monospace;font-size:.9rem;line-height:1.5;overflow-x:auto}.blog-article-content code{color:#d63384;background-color:#f4f4f4;border-radius:3px;padding:.2rem .4rem;font-family:Fira Code,Courier New,monospace;font-size:.9em}.blog-article-content pre code{color:inherit;font-size:inherit;background-color:transparent;padding:0}.blog-article-content a{color:#006a6c;text-decoration:underline;transition:color .2s}.blog-article-content a:hover{color:#004d4f}.blog-article-content table{border-collapse:collapse;width:100%;margin:1.5rem 0}.blog-article-content th,.blog-article-content td{text-align:left;border:1px solid #ddd;padding:.75rem}.blog-article-content th{background-color:#f5f5f5;font-weight:600}.blog-article-content hr{border:none;border-top:1px solid #e5e5e5;margin:2rem 0}.blog-article-content img{border-radius:8px;max-width:100%;height:auto;margin:1.5rem auto;display:block}.blog-article-content strong{color:#1a1a1a;font-weight:600}.blog-article-content em{font-style:italic}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-gray-600{color:#666}.text-gray-900{color:#1a1a1a}.bg-gray-50{background-color:#f9f9f9}.bg-gray-100{background-color:#f0f0f0}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1)}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.p-2{padding:.5rem}.p-6{padding:1.5rem}.pt-6{padding-top:1.5rem}.border-t{border-top:1px solid #e5e5e5}.border-gray-200{border-color:#e5e5e5}.hover\:text-gray-800:hover{color:#2d2d2d}.hover\:bg-gray-200:hover{background-color:#e5e5e5}.hover\:underline:hover{text-decoration:underline}.transition-colors{transition:background-color .3s,color .3s}.space-y-2>*+*{margin-top:.5rem}.flex-wrap{flex-wrap:wrap}.w-full{width:100%}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.md\:text-4xl{font-size:2.25rem}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}.bg-purple-100{background-color:#e9d5ff}.text-purple-800{color:#6b21a8}.bg-red-100{background-color:#fee2e2}.text-red-800{color:#991b1b}a.inline-flex{text-decoration:none}.w-4{width:1rem}.h-4{height:1rem}.w-5{width:1.25rem}.h-5{height:1.25rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.text-green-500{color:#10b981}.text-gray-700{color:#374151}button{cursor:pointer;border:none;outline:none}