.blog-content pre{margin:2.25rem 0 3rem;border-radius:.5rem;overflow:hidden;box-shadow:0 4px 6px -1px #00000026}.blog-content pre code{font-family:JetBrains Mono,Fira Code,Cascadia Code,Consolas,Courier New,monospace;font-size:.875rem;line-height:1.7;border-radius:0;padding:1.875rem 2.25rem!important;display:block;overflow-x:auto;font-variant-ligatures:none}.blog-content pre code .hljs-comment,.blog-content pre code .hljs-quote{color:#8b93a1}.blog-content p code,.blog-content li code{background:#f1f5f9;color:#be185d;padding:.15em .4em;border-radius:.25rem;font-size:.875em;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-variant-ligatures:none}.blog-content [data-filename]{margin:2.25rem 0 3rem}.blog-content [data-filename]>pre{margin:0;border-radius:0 0 .5rem .5rem}.blog-content [data-filename]:before{content:attr(data-filename);display:block;background:#21252b;color:#abb2bf;font-size:.75rem;font-family:JetBrains Mono,Fira Code,Consolas,monospace;padding:.4rem 1rem;border-radius:.5rem .5rem 0 0;border-bottom:1px solid #3e4451}.blog-content .hub-callout{background:#2760a80f;border-left:3px solid #2760a8;border-radius:10px;padding:30px 36px;margin:3rem 0 3.75rem}.blog-content .hub-callout p{margin-bottom:.75rem;font-size:1rem;line-height:2}.blog-content .hub-callout p:last-child{margin-bottom:0}.blog-content .hub-callout-lead{color:#334155}.blog-content .hub-callout-link{color:#2760a8;font-weight:700;text-decoration:underline;text-underline-offset:3px}.blog-content .hub-callout-link:hover{color:#e6911c}.blog-content h2{font-size:1.625rem;line-height:1.45;letter-spacing:.01em;font-weight:700;color:#1e293b;margin-top:5.25rem;margin-bottom:2.25rem;scroll-margin-top:5.5rem}.blog-content h2:before{content:"";display:block;width:2.25rem;height:.25rem;border-radius:999px;margin-bottom:1.5rem;background:linear-gradient(90deg,#e6911c,#d1651f)}.blog-content h3{font-size:1.25rem;line-height:1.55;letter-spacing:.01em;font-weight:700;color:#1e293b;margin-top:4.125rem;margin-bottom:1.5rem;border-left:3px solid #e6911c;padding-left:.85rem;scroll-margin-top:5.5rem}@media (min-width: 768px){.blog-content h2{font-size:2rem;margin-top:6rem;margin-bottom:2.625rem;scroll-margin-top:6.5rem}.blog-content h3{font-size:1.5rem;margin-top:4.5rem;scroll-margin-top:6.5rem}}.blog-content p{font-size:var(--read-body, 1.0625rem);line-height:var(--read-lh, 1.9);letter-spacing:.02em;margin-bottom:var(--read-gap, 1.55em);color:#334155}.blog-content ul,.blog-content ol{font-size:var(--read-body, 1.0625rem);line-height:var(--read-lh, 1.9);letter-spacing:.02em;padding-left:1.5rem;margin-bottom:var(--read-gap, 1.55em);color:#334155}.blog-content ul{list-style-type:disc}.blog-content ol{list-style-type:decimal}.blog-content li{margin-bottom:.8em}.blog-content li::marker{color:#e6911c}.blog-content strong{font-weight:700;color:#0f172a}.blog-content img{border-radius:1rem;margin-top:3rem;margin-bottom:3rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.blog-content a{color:#2760a8;text-decoration:underline;font-weight:500}.blog-content a:hover{color:#e6911c}.blog-content blockquote{border-left:4px solid #cbd5e1;padding-left:1.5rem;font-style:italic;color:#64748b;margin-bottom:2.25rem}.blog-content .table-scroll{margin:2.625rem 0 3.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border:1px solid #e2e8f0;border-radius:.75rem;background:#fff;box-shadow:0 1px 3px #0f172a0f}.blog-content .table-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.blog-content .table-scroll::-webkit-scrollbar{height:8px}.blog-content .table-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.blog-content table{width:100%;border-collapse:collapse;margin:0;font-size:.9375rem;line-height:1.8;letter-spacing:.01em;min-width:34rem}.blog-content th{background:#f1f5f9;color:#0f172a;font-weight:700;font-size:.875rem;letter-spacing:.02em;text-align:left;vertical-align:middle;padding:.9rem 1.25rem;border-bottom:1px solid #dbe2ea;white-space:nowrap}.blog-content th:not(:last-child),.blog-content td:not(:last-child){border-right:1px solid #eef2f7}.blog-content td{padding:.9rem 1.25rem;color:#334155;vertical-align:top;border-top:1px solid #eef2f7}.blog-content td:first-child{color:#0f172a;font-weight:600}.blog-content tbody tr:nth-child(2n) td{background:#fafbfc}.blog-content tbody tr:hover td{background:#f1f6fc}.blog-content tbody tr td{transition:background .12s}.blog-content th>p,.blog-content td>p{font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0}.blog-content th>p+p,.blog-content td>p+p{margin-top:.5em}.blog-content td ul,.blog-content td ol{font-size:inherit;line-height:inherit;margin:0;padding-left:1.2em}.blog-content td li{margin-bottom:.2em}.blog-content td strong{font-weight:700;color:#0f172a}@media (min-width: 768px){.blog-content table{font-size:.9375rem}.blog-content th,.blog-content td{padding:1rem 1.5rem}}.blog-content p>span.callout-tip,.blog-content p>span.callout-info,.blog-content p>span.callout-warn{display:block;padding:30px 36px;border-radius:10px;margin:12px 0;font-size:1rem;line-height:2}.blog-content p>span.callout-tip{background:#22c55e14;border-left:3px solid #22c55e}.blog-content p>span.callout-tip:before{content:"💡 ポイント";display:block;font-weight:700;margin-bottom:8px;color:#22c55e;font-size:14px}.blog-content p>span.callout-info{background:#3b82f614;border-left:3px solid #3b82f6}.blog-content p>span.callout-info:before{content:"📌 補足";display:block;font-weight:700;margin-bottom:8px;color:#60a5fa;font-size:14px}.blog-content p>span.callout-warn{background:#fbbf2414;border-left:3px solid #fbbf24}.blog-content p>span.callout-warn:before{content:"⚠️ 注意";display:block;font-weight:700;margin-bottom:8px;color:#fbbf24;font-size:14px}