.blog-detail,.blog-detail__header{display:flex;flex-direction:column}.blog-detail__header{align-items:center;gap:3rem;padding:3rem 1.6rem;background-color:var(--color-black-100)}.blog-detail__thumbnail{position:relative;width:100%;max-width:72rem;aspect-ratio:16/9;background-color:var(--color-surface-gray)}.blog-detail__meta{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:72rem}.blog-detail__content-wrapper{display:flex;flex-direction:column;gap:4rem;padding:6rem 1.6rem 0;background-color:var(--color-white-100)}.blog-detail__content{width:100%;max-width:80rem;margin:0 auto;color:var(--color-black);font-size:1.6rem;line-height:2.4rem}.blog-detail__content h1,.blog-detail__content h2,.blog-detail__content h3,.blog-detail__content h4,.blog-detail__content h5,.blog-detail__content h6{margin:6rem 0 2rem;font-weight:600;color:var(--color-gray-700)}.blog-detail__content h1:first-child,.blog-detail__content h2:first-child,.blog-detail__content h3:first-child,.blog-detail__content h4:first-child,.blog-detail__content h5:first-child,.blog-detail__content h6:first-child{margin-top:4rem}.blog-detail__content h1{font-size:var(--text-headline-l);line-height:var(--text-headline-l--line-height);letter-spacing:var(--text-headline-l--letter-spacing)}.blog-detail__content h2{font-size:var(--text-headline-m);line-height:var(--text-headline-m--line-height);letter-spacing:var(--text-headline-m--letter-spacing)}.blog-detail__content h3{font-size:var(--text-title-l);line-height:var(--text-title-l--line-height);letter-spacing:var(--text-title-l--letter-spacing)}.blog-detail__content h4{font-size:var(--text-title-m);line-height:var(--text-title-m--line-height);letter-spacing:var(--text-title-m--letter-spacing)}.blog-detail__content h5{font-size:var(--text-title-s);line-height:var(--text-title-s--line-height);letter-spacing:var(--text-title-s--letter-spacing)}.blog-detail__content h6{font-size:var(--text-body-l);line-height:var(--text-body-l--line-height);font-weight:600}.blog-detail__content p{font-size:1.6rem;font-weight:400;line-height:3rem;color:var(--color-gray-700);margin-bottom:3rem}.blog-detail__content p strong{font-weight:700}.blog-detail__content p:empty:before{content:"\00a0"}.blog-detail__content blockquote{font-size:1.6rem;font-weight:400;line-height:3rem;color:var(--color-gray-700);margin:3rem 2rem;padding-left:2rem;border-left:.4rem solid var(--color-gray-200)}.blog-detail__content blockquote p{margin-bottom:0}.blog-detail__content blockquote+blockquote{margin-top:0;margin-bottom:0}.blog-detail__content :has(+blockquote){margin-bottom:0}.blog-detail__content blockquote:has(+:not(blockquote)){margin-top:0;margin-bottom:2rem}.blog-detail__content :not(blockquote)+blockquote:last-of-type,.blog-detail__content :not(blockquote)+blockquote:not(:has(+blockquote)){margin-top:3rem}.blog-detail__content button{display:none}.blog-detail__content img{max-width:100%;height:auto;display:block;margin:2rem 0}.blog-detail__content iframe.ql-video{width:80rem;height:45rem;max-width:100%}.blog-detail__content ol,.blog-detail__content ul{font-size:1.6rem;line-height:1.6rem;color:var(--color-gray-700);margin-bottom:3rem;padding-left:1.5rem}.blog-detail__content ul{list-style-type:disc}.blog-detail__content ol{list-style-type:decimal}.blog-detail__content li{margin-bottom:.8rem}.blog-detail__content li:last-child{margin-bottom:0}.blog-detail__content li p{margin-bottom:0;line-height:1.6rem}.blog-detail__content a{color:var(--color-blue-600);text-decoration:underline;font-weight:600}.blog-detail__content code{background:#f1f3f5;color:#d6336c;font-size:.92em;padding:.15rem .4rem;border-radius:.3rem}.blog-detail__content code,.blog-detail__content pre{font-family:JetBrainsMono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.blog-detail__content pre{background:#0d0d0d;color:#fff;font-size:1.4rem;line-height:2rem;padding:1.2rem 1.6rem;border-radius:.6rem;margin:2rem 0;overflow-x:auto;white-space:pre}.blog-detail__content pre code{background:transparent;color:inherit;font-size:inherit;padding:0;font-family:inherit}.blog-detail__content table{border-collapse:collapse;table-layout:fixed;width:100%;margin:1rem 0;overflow:hidden}.blog-detail__content table td,.blog-detail__content table th{border:1px solid #d9d9d9;box-sizing:border-box;min-width:2rem;padding:.5rem;vertical-align:top}.blog-detail__content table th{background:#fafafa;font-weight:600}.blog-detail__tags{width:100%;max-width:80rem;margin:0 auto}.blog-detail--no-related .blog-detail__content-wrapper{padding-bottom:10rem}@media (min-width:800px){.blog-detail__header{padding:6rem 4rem}.blog-detail__content-wrapper{padding:6rem 4rem 0}}.latest-articles{padding:6rem 0;background-color:var(--color-black-100)}@media (min-width:800px){.latest-articles{padding:12rem 0}}