.BlogDetailPage-module-scss-module__S04dGq__container{width:calc(100% - 6rem);min-width:0;max-width:119rem;margin:4rem auto 8rem}@media screen and (max-width:768px){.BlogDetailPage-module-scss-module__S04dGq__container{width:calc(100% - 4rem)}}@media screen and (max-width:480px){.BlogDetailPage-module-scss-module__S04dGq__container{width:calc(100% - 3.2rem);min-width:calc(320px - 3.2rem)}}.BlogDetailPage-module-scss-module__S04dGq__container{grid-template-columns:1fr 26rem;grid-template-areas:"thumbnail thumbnail""header header""article aside""related related";gap:3.2rem 4rem;display:grid}@media (max-width:1024px){.BlogDetailPage-module-scss-module__S04dGq__container{grid-template-columns:1fr;grid-template-areas:"thumbnail""header""article""related";gap:3.2rem}}.BlogDetailPage-module-scss-module__S04dGq__thumbnailWrapper{background:var(--grayLv1);border-radius:1.2rem;grid-area:thumbnail;width:100%;height:41.6rem;overflow:hidden}@media (max-width:768px){.BlogDetailPage-module-scss-module__S04dGq__thumbnailWrapper{aspect-ratio:342/180;height:auto}}@media (max-width:480px){.BlogDetailPage-module-scss-module__S04dGq__thumbnailWrapper{border-radius:.8rem}}.BlogDetailPage-module-scss-module__S04dGq__thumbnail{object-fit:contain;object-position:center;width:100%;height:100%}.BlogDetailPage-module-scss-module__S04dGq__article{grid-area:article;min-width:0}.BlogDetailPage-module-scss-module__S04dGq__related{grid-area:related}.BlogDetailPage-module-scss-module__S04dGq__aside{grid-area:aside}@media (max-width:1024px){.BlogDetailPage-module-scss-module__S04dGq__aside{display:none}}.BlogDetailPage-module-scss-module__S04dGq__asideSticky{position:sticky;top:9rem}.BlogDetailPage-module-scss-module__S04dGq__asideActions{flex-direction:column;gap:.8rem;display:flex}.BlogDetailPage-module-scss-module__S04dGq__mobileActions{display:none}@media (max-width:1024px){.BlogDetailPage-module-scss-module__S04dGq__mobileActions{gap:1.2rem;margin-top:3.2rem;display:flex}}@media (max-width:768px){.BlogDetailPage-module-scss-module__S04dGq__mobileActions{flex-direction:column}}.BlogDetailPage-module-scss-module__S04dGq__mobileActions button{padding-top:1.4rem;padding-bottom:1.4rem}.BlogDetailPage-module-scss-module__S04dGq__likeCount{color:var(--error)}.BlogDetailPage-module-scss-module__S04dGq__header{grid-area:header;padding-bottom:2.8rem}@media (max-width:768px){.BlogDetailPage-module-scss-module__S04dGq__header{padding-bottom:0}}.BlogDetailPage-module-scss-module__S04dGq__tagContent{gap:1.2rem;margin-bottom:1.6rem;display:flex}.BlogDetailPage-module-scss-module__S04dGq__title{color:var(--surface);margin-bottom:3.2rem;font-size:4rem;font-weight:700;line-height:5.6rem}@media (max-width:768px){.BlogDetailPage-module-scss-module__S04dGq__title{color:var(--surface);margin-bottom:2.4rem;font-size:2.4rem;font-weight:600;line-height:3.2rem}}.BlogDetailPage-module-scss-module__S04dGq__authorInfo{align-items:center;gap:1.2rem;display:flex}.BlogDetailPage-module-scss-module__S04dGq__avatar{object-fit:cover;border:1px solid var(--grayLv2);border-radius:50%;width:4.6rem;height:4.6rem}@media (max-width:768px){.BlogDetailPage-module-scss-module__S04dGq__avatar{width:3.6rem;height:3.6rem}}.BlogDetailPage-module-scss-module__S04dGq__authorMeta{flex-direction:column;gap:.4rem;display:flex}.BlogDetailPage-module-scss-module__S04dGq__authorName{color:var(--surface);font-size:1.6rem;font-weight:600;line-height:2.2rem}.BlogDetailPage-module-scss-module__S04dGq__authorRole{color:var(--grayLv4);font-size:1.4rem;font-weight:400;line-height:2rem}.BlogDetailPage-module-scss-module__S04dGq__authorDate:before{content:" · "}.BlogDetailPage-module-scss-module__S04dGq__content{min-height:40rem}.BlogDetailPage-module-scss-module__S04dGq__content h1,.BlogDetailPage-module-scss-module__S04dGq__content h2,.BlogDetailPage-module-scss-module__S04dGq__content h3{scroll-margin-top:8rem}.BlogDetailPage-module-scss-module__S04dGq__authorCard{background:var(--grayLv1);border-radius:1rem;gap:2rem;margin-top:4rem;padding:3.2rem;display:flex}@media (max-width:768px){.BlogDetailPage-module-scss-module__S04dGq__authorCard{flex-direction:column}}.BlogDetailPage-module-scss-module__S04dGq__authorCardAvatar{object-fit:cover;border:1px solid var(--grayLv2);border-radius:50%;flex-shrink:0;width:6rem;height:6rem}.BlogDetailPage-module-scss-module__S04dGq__authorCardInfo{flex-direction:column;gap:.8rem;display:flex}.BlogDetailPage-module-scss-module__S04dGq__authorCardName{color:var(--surface);align-items:center;gap:.6rem;font-size:1.8rem;font-weight:600;line-height:2.4rem;display:flex}.BlogDetailPage-module-scss-module__S04dGq__circle{background-color:var(--grayLv3);border-radius:50%;width:.4rem;height:.4rem;display:inline-block}.BlogDetailPage-module-scss-module__S04dGq__authorCardDesc{color:var(--grayLv4);margin-top:.8rem;font-size:1.4rem;font-weight:400;line-height:2rem}
.wmde-markdown{--spacing-sm:.4em;--spacing-md:1em;--spacing-lg:1.5em;--spacing-xl:2em;color:var(--text);font-size:1.6rem;line-height:1.8;background-color:var(--background)!important}.wmde-markdown h1,.wmde-markdown h2,.wmde-markdown h3,.wmde-markdown h4,.wmde-markdown h5,.wmde-markdown h6{color:var(--text);letter-spacing:-.01em;word-break:break-all;margin-top:2em;margin-bottom:.5em;scroll-margin-top:8rem;font-weight:600;line-height:1.4;border:none!important}.wmde-markdown h1 .octicon-link,.wmde-markdown h2 .octicon-link,.wmde-markdown h3 .octicon-link,.wmde-markdown h4 .octicon-link,.wmde-markdown h5 .octicon-link,.wmde-markdown h6 .octicon-link,.wmde-markdown h1:hover .octicon-link,.wmde-markdown h2:hover .octicon-link,.wmde-markdown h3:hover .octicon-link,.wmde-markdown h4:hover .octicon-link,.wmde-markdown h5:hover .octicon-link,.wmde-markdown h6:hover .octicon-link{display:none!important}.wmde-markdown h1{font-size:2.4rem}.wmde-markdown h2{font-size:2.2rem}.wmde-markdown h3{font-size:2rem}.wmde-markdown h4{font-size:1.8rem}.wmde-markdown h5{font-size:1.7rem}.wmde-markdown h6{font-size:1.6rem;font-weight:700}.wmde-markdown :is(h1,h2,h3,h4,h5,h6)+:is(h1,h2,h3,h4,h5,h6){margin-top:.2em}.wmde-markdown p{margin:0}.wmde-markdown p+p,.wmde-markdown p+ol,.wmde-markdown p+ul,.wmde-markdown p+table,.wmde-markdown p+blockquote{margin-top:var(--spacing-sm)}.wmde-markdown ul,.wmde-markdown ol{margin:var(--spacing-md) 0;padding-left:1.5em}.wmde-markdown ul li::marker{color:var(--primary);letter-spacing:-.05em;font-size:.95em;font-weight:700}.wmde-markdown ol li::marker{color:var(--primary);letter-spacing:-.05em;font-size:.95em;font-weight:700}.wmde-markdown ul li p+p,.wmde-markdown ol li p+p{margin-top:var(--spacing-md)}.wmde-markdown ul li ul,.wmde-markdown ul li ol,.wmde-markdown ol li ul,.wmde-markdown ol li ol{margin:.2em 0 .8em}.wmde-markdown ul>li{list-style-type:disc}.wmde-markdown ol>li{list-style-type:decimal}.wmde-markdown ol ol li{list-style-type:lower-alpha}.wmde-markdown li+li{margin-top:var(--spacing-sm)}.wmde-markdown pre,.wmde-markdown code{font-family:var(--code)!important;font-size:1.6rem!important}.wmde-markdown :not(pre)>code{background-color:var(--grayLv1);color:var(--primary);border-radius:.2em;margin:2px;padding:0 .3em;font-size:.95em;font-weight:400;display:inline-block}.wmde-markdown pre{box-sizing:border-box;margin:var(--spacing-lg) 0;padding:3.2rem 7.2rem 1.2rem 3.2rem;position:relative;overflow:hidden;border-radius:1rem!important}.wmde-markdown pre code{border-radius:0;line-height:1.6;display:block;color:inherit!important;background:0 0!important;margin:0!important;padding:0 0 2rem!important;overflow-x:auto!important}.wmde-markdown pre .token.string{color:var(--code-orange)}.wmde-markdown pre .token.boolean,.wmde-markdown pre .token.number,.wmde-markdown pre .token.null,.wmde-markdown pre .token.keyword{color:var(--code-purple)}.wmde-markdown pre .copied{display:none!important}.wmde-markdown blockquote{margin:var(--spacing-md) 0;border-left:4px solid var(--primary);background-color:#0000;padding:.8em 1.2em}.wmde-markdown blockquote p{color:inherit;margin:0;font-style:normal}.wmde-markdown blockquote>p+p{margin-top:var(--spacing-md)}.wmde-markdown a{color:var(--primary);text-decoration:underline;display:inline-flex}.wmde-markdown a:hover{opacity:.8}.wmde-markdown img{max-width:100%;max-height:50rem;margin:var(--spacing-md) auto;border:5px solid var(--grayLv1);box-sizing:border-box;display:block}.wmde-markdown figure{margin:var(--spacing-md) 0 var(--spacing-xl)}.wmde-markdown figure img{max-width:100%;margin:auto;display:block}.wmde-markdown figure figcaption{text-align:center;color:var(--grayLv4);margin-top:.5em}.wmde-markdown table{border-collapse:collapse;width:100%;max-width:100%;margin:var(--spacing-md) 0}.wmde-markdown table thead th{background-color:var(--grayLv1);font-weight:700}.wmde-markdown table tbody td{background-color:var(--background)}.wmde-markdown table th,.wmde-markdown table td{text-align:left;border:1px solid var(--grayLv2);word-break:break-all;padding:.2em 1em}.wmde-markdown hr{background-color:var(--grayLv2);border:0;width:100%;height:2px;margin:3em 0}.wmde-markdown strong{font-weight:700}.wmde-markdown em{font-style:italic}.wmde-markdown del{opacity:.6;text-decoration:line-through}.wmde-markdown mark{background-color:var(--grayLv1);color:var(--primary);border-radius:.2em;padding:0 .3em}.wmde-markdown input[type=checkbox]{margin-right:.5em}.wmde-markdown kbd{background-color:var(--grayLv1);border:1px solid var(--grayLv2);font-family:var(--code);border-radius:.3rem;padding:.1em .4em}