.PostRenderer_postRendererPage__ERthv{display:grid;grid-template-columns:minmax(0,1fr) min(940px,90vw) minmax(0,1fr);align-items:start;width:100%;margin:0;padding:0 24px;box-sizing:border-box;gap:20px}.PostRenderer_postRendererContainer__0Z6jd{grid-column:2;grid-row:1;width:100%;min-width:0;max-width:940px;display:flex;flex-direction:column;align-items:flex-start;padding:50px;margin:20px 0;background-color:var(--post-surface);border-radius:12px;box-shadow:var(--post-card-shadow)}.PostRenderer_postRendererTocAside__IdJiO{grid-column:3;grid-row:1;justify-self:start;width:100%;max-width:360px;min-width:0;position:sticky;top:72px;margin-top:20px;z-index:2;padding-bottom:20px}.PostRenderer_postRendererTocAside__IdJiO nav[data-category]{max-height:min(calc(100vh - 7.5rem - 20px),calc(100dvh - 7.5rem - 20px))}@media (max-width:1850px) and (min-width:1025px){.PostRenderer_postRendererPage__ERthv{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:flex-start;gap:16px;padding:0 16px;box-sizing:border-box}.PostRenderer_postRendererContainer__0Z6jd{flex:1 1 auto;width:auto;min-width:0;max-width:min(940px,calc(100vw - 32px - 16px - 240px));margin:20px 0}.PostRenderer_postRendererTocAside__IdJiO{flex:0 0 auto;width:min(360px,100%);max-width:360px;min-width:0;display:block}}@media (max-width:1024px){.PostRenderer_postRendererPage__ERthv{grid-template-columns:1fr;padding:0 16px}.PostRenderer_postRendererContainer__0Z6jd{grid-column:1;width:90%;max-width:940px;margin-left:auto;margin-right:auto}.PostRenderer_postRendererTocAside__IdJiO{display:none}}@media (max-width:768px){.PostRenderer_postRendererContainer__0Z6jd{width:90%;max-width:940px;padding:15px;gap:15px}}@media (max-width:375px){.PostRenderer_postRendererContainer__0Z6jd{width:100%;gap:10px;border-radius:0;margin:0}}.PostRenderer_postRendererContainer__0Z6jd[data-category=softwareOdyssey]{border-top:6px solid #7bb86db1}.PostRenderer_postRendererContainer__0Z6jd[data-category=sciMaker]{border-top:6px solid #7428bbb1}.PostRenderer_postRendererContainer__0Z6jd[data-category=readingNotes]{border-top:6px solid #ea580cb1}.PostRenderer_postRendererContainer__0Z6jd[data-category=lifeLog]{border-top:6px solid #2186dfb1}@media (max-width:375px){.PostRenderer_postRendererContainer__0Z6jd[data-category=lifeLog],.PostRenderer_postRendererContainer__0Z6jd[data-category=readingNotes],.PostRenderer_postRendererContainer__0Z6jd[data-category=sciMaker],.PostRenderer_postRendererContainer__0Z6jd[data-category=softwareOdyssey]{border-top:none}}.PostRenderer_postRendererCategoryContainer__FveIM{display:flex;width:100%;height:36px;margin-bottom:15px}.PostRenderer_postRendererCategory__qFsWL{display:flex;align-items:center;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;position:relative}@media (max-width:375px){.PostRenderer_postRendererCategory__qFsWL{margin-top:10px}}.PostRenderer_postRendererCategory__qFsWL[data-category=softwareOdyssey]{color:#7bb86d;border:2px solid #7bb86d}.PostRenderer_postRendererCategory__qFsWL[data-category=sciMaker]{color:#7428bb;border:2px solid #7428bb}.PostRenderer_postRendererCategory__qFsWL[data-category=readingNotes]{color:#ea580c;border:2px solid #ea580c}.PostRenderer_postRendererCategory__qFsWL[data-category=lifeLog]{color:#2186df;border:2px solid #2186df}.PostRenderer_postRendererCategory__qFsWL:before{content:"";display:inline-block;width:18px;height:18px;margin-right:8px;background-size:contain;background-repeat:no-repeat;background-position:50%}.PostRenderer_postRendererCategory__qFsWL[data-category=softwareOdyssey]:before{background-image:url(/assets/icons/code.svg)}.PostRenderer_postRendererCategory__qFsWL[data-category=sciMaker]:before{background-image:url(/assets/icons/science.svg)}.PostRenderer_postRendererCategory__qFsWL[data-category=readingNotes]:before{background-image:url(/assets/icons/reading.svg)}.PostRenderer_postRendererCategory__qFsWL[data-category=lifeLog]:before{background-image:url(/assets/icons/life.svg)}.PostRenderer_postRendererArticleDate__9SCUG{font-size:16px;color:var(--post-muted-text);font-weight:700;margin-bottom:15px}.PostRenderer_postRendererArticleTitle__ZsmFn{width:100%;font-size:32px;font-weight:700;color:var(--text-primary);text-decoration:none;text-align:justify;margin-bottom:15px;scroll-margin-top:72px}@media (max-width:768px){.PostRenderer_postRendererArticleTitle__ZsmFn{font-size:24px}}@media (max-width:375px){.PostRenderer_postRendererArticleTitle__ZsmFn{font-size:20px}}.PostRenderer_postRendererArticleAuthorContainer__LPixZ{display:flex;flex-direction:row;align-items:center;font-size:17.6px;letter-spacing:1.4px;line-height:33.25px}@media (max-width:768px){.PostRenderer_postRendererArticleAuthorContainer__LPixZ{font-size:16.6px;line-height:32.25px}}@media (max-width:375px){.PostRenderer_postRendererArticleAuthorContainer__LPixZ{font-size:15.6px;line-height:31.25px}}.PostRenderer_postRendererArticleAuthorTitle__msb77{color:var(--text-primary)}.PostRenderer_postRendererArticleAuthorLink__RUa2Q{color:var(--post-title-color);font-weight:400;padding:6px;position:relative;text-decoration:none;cursor:pointer}.PostRenderer_postRendererArticleAuthorLink__RUa2Q:after{content:"";position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:0;height:1px;background-color:var(--post-title-hover);transition:width .3s ease}.PostRenderer_postRendererArticleAuthorLink__RUa2Q:hover{color:var(--post-title-hover);text-decoration:none}.PostRenderer_postRendererArticleAuthorLink__RUa2Q:active{color:var(--post-title-active);text-decoration:none}.PostRenderer_postRendererArticleAuthorLink__RUa2Q:active:after{background-color:var(--post-title-active)}.PostRenderer_postRendererArticleAuthorLink__RUa2Q:hover:after{width:60%}.PostRenderer_postRendererArticleCoverImage__DjMB_{display:flex;justify-content:center;align-items:center;height:auto;object-fit:cover;margin:34px auto}@media (max-width:768px){.PostRenderer_postRendererArticleCoverImage__DjMB_{margin:10px auto}}@media (max-width:375px){.PostRenderer_postRendererArticleCoverImage__DjMB_{margin:5px auto}}.PostRenderer_postRendererImageContainer__7GamD{display:flex;justify-content:center;align-items:center;width:100%;height:auto;margin:20px auto}.PostRenderer_postRendererImage__egmDG{display:flex;justify-content:center;align-items:center;width:100%;height:auto;object-fit:cover;margin:15px auto}@media (max-width:768px){.PostRenderer_postRendererImage__egmDG{margin:10px auto}}@media (max-width:375px){.PostRenderer_postRendererImage__egmDG{margin:5px auto}}.PostRenderer_postRendererArticleIntroduction__Z09Z9{font-size:17.6px;line-height:35.2px;letter-spacing:1.4px;color:var(--post-body-text);margin-bottom:15px;text-align:justify}@media (max-width:768px){.PostRenderer_postRendererArticleIntroduction__Z09Z9{font-size:16.6px;line-height:32.25px;margin-bottom:15px}}@media (max-width:375px){.PostRenderer_postRendererArticleIntroduction__Z09Z9{font-size:15.6px;line-height:31.25px;margin-bottom:10px}}.PostRenderer_postRendererArticleContent__i45AI{width:100%;display:flex;flex-direction:column;gap:17.6px}.PostRenderer_postRendererAboutAuthorContainer__ONJ3P{width:100%;display:flex;justify-content:center;align-items:center;letter-spacing:1.4px;text-decoration:none;text-align:justify;margin:52.8px 0}@media (max-width:768px){.PostRenderer_postRendererAboutAuthorContainer__ONJ3P{margin:32px 0}}@media (max-width:375px){.PostRenderer_postRendererAboutAuthorContainer__ONJ3P{margin:24px 0}}.PostRenderer_postRendererAboutAuthorLink__DSWS0{color:var(--post-read-more-color);text-decoration:none;font-size:28px;font-weight:600;padding:12px 0;position:relative}@media (max-width:768px){.PostRenderer_postRendererAboutAuthorLink__DSWS0{font-size:24px}}@media (max-width:375px){.PostRenderer_postRendererAboutAuthorLink__DSWS0{font-size:20px}}.PostRenderer_postRendererAboutAuthorLink__DSWS0:after{content:"";position:absolute;bottom:6px;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:var(--post-read-more-hover);transition:width .3s ease}.PostRenderer_postRendererAboutAuthorLink__DSWS0:hover:after{width:60%}.PostRenderer_postRendererAboutAuthorLink__DSWS0:active:after{background-color:var(--post-read-more-active)}.PostRenderer_postRendererAboutAuthorLink__DSWS0:hover{color:var(--post-read-more-hover);text-decoration:none}.PostRenderer_postRendererAboutAuthorLink__DSWS0:active{color:var(--post-read-more-active);text-decoration:none}.Block_blockLink__OKDJ_{width:fit-content;color:var(--post-title-color);font-weight:500;position:relative;text-decoration:none;cursor:pointer;font-size:17.6px;line-height:33.44px;letter-spacing:1.4px}.Block_blockLink__OKDJ_:after{content:"";bottom:0;left:50%;width:0;height:1px;background-color:var(--post-title-hover);transition:width .3s ease}.Block_blockLink__OKDJ_:hover{color:var(--post-title-hover);text-decoration:none}.Block_blockLink__OKDJ_:active{color:var(--post-title-active);text-decoration:none}.Block_blockLink__OKDJ_:active:after{background-color:var(--post-title-active)}.Block_blockLink__OKDJ_:hover:after{width:60%}.Block_blockDate__0t8T5{font-size:22px;font-weight:600}.Block_blockDate__0t8T5,.Block_blockList__tnc_2{line-height:33.44px;letter-spacing:1.4px;color:var(--post-body-text)}.Block_blockList__tnc_2{font-size:17.6px;margin-bottom:17.6px;text-align:justify;padding-left:40px}.Block_blockList__tnc_2 li{list-style-type:square;overflow-wrap:break-word;word-break:break-word}.Block_blockHeading__SwU1w{width:100%;font-size:32px;font-weight:700;color:var(--text-primary);text-decoration:none;margin-top:25px;scroll-margin-top:72px}@media (max-width:768px){.Block_blockHeading__SwU1w{font-size:24px;margin-top:15px}}@media (max-width:375px){.Block_blockHeading__SwU1w{font-size:20px;margin-top:10px}}.Block_blockSubtitle__aZy3C{width:100%;font-size:24px;font-weight:500;color:var(--text-primary);text-decoration:none;margin-top:25px;scroll-margin-top:72px}@media (max-width:768px){.Block_blockSubtitle__aZy3C{font-size:20px;margin-top:15px}}@media (max-width:375px){.Block_blockSubtitle__aZy3C{font-size:18px;margin-top:10px}}.Block_blockImage__xMyt5{display:flex;justify-content:center;align-items:center;width:95%;height:auto;object-fit:cover;margin:20px auto}.Block_blockParagraph__oL8ej{font-size:17.6px;line-height:35.2px;letter-spacing:1.4px;color:var(--post-body-text);text-align:justify;margin-bottom:10px}@media (max-width:768px){.Block_blockParagraph__oL8ej{font-size:16.6px;line-height:32.25px;margin-bottom:15px}}@media (max-width:375px){.Block_blockParagraph__oL8ej{font-size:15.6px;line-height:31.25px;margin-bottom:10px}}.Block_blockCode__Dm_sV{font-size:16px;white-space:pre-wrap;font-family:monospace}.Block_blockCode__Dm_sV span{background-color:transparent!important}.Block_blockWeekRange__C5hOF{font-size:20px;font-weight:600;line-height:33.44px;letter-spacing:1.4px;color:var(--post-body-text)}@media (max-width:768px){.Block_blockWeekRange__C5hOF{font-size:18px}}@media (max-width:375px){.Block_blockWeekRange__C5hOF{font-size:16px}}.Block_blockTable__LOOK0{width:100%;margin:1em 0;overflow-x:auto}.Block_blockTable__LOOK0 table{width:100%;border-collapse:collapse}.Block_blockTable__LOOK0 td,.Block_blockTable__LOOK0 th{padding:12px;border:1px solid var(--post-table-border)}.Block_blockTable__LOOK0 th{background-color:var(--post-table-header-bg);font-weight:700;text-align:center;color:var(--post-table-header-text)}.Block_blockTable__LOOK0 tr:nth-child(2n){background-color:var(--post-table-row-stripe)}.Block_blockTable__LOOK0 tr:hover{background-color:var(--post-table-row-hover)}@media screen and (max-width:600px){.Block_blockTable__LOOK0 td{display:block;text-align:right;padding-left:50%;position:relative}.Block_blockTable__LOOK0 td:before{content:attr(data-heading);position:absolute;left:12px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700}.Block_blockTable__LOOK0 thead{display:none}.Block_blockTable__LOOK0 tr{margin-bottom:1em;display:block;border:1px solid var(--post-table-border)}}.Block_blockHtml__sKTfL{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:20px auto}.Block_blockHtml__sKTfL iframe{border:none}.Block_blockHtml__sKTfL iframe[src*="youtu.be"],.Block_blockHtml__sKTfL iframe[src*=youtube]{width:95%;height:auto;aspect-ratio:16/9}.Block_blockHtml__sKTfL iframe[src*="codepen.io"]{width:95%;max-width:95%;aspect-ratio:16/9;height:auto;border:none;display:block;margin:0 auto}.Block_blockHtml__sKTfL>div{width:100%;max-width:100%}.Block_blockHtml__sKTfL a{color:var(--post-title-color);text-decoration:underline;text-underline-offset:2px}.Block_blockHtml__sKTfL a:hover{color:var(--post-title-hover)}.Block_blockHtml__sKTfL a:active{color:var(--post-title-active)}.Block_blockImageDescription__hlwxs{display:flex;justify-content:center;align-items:center;font-size:17.6px;line-height:33.44px;letter-spacing:1.4px;color:var(--post-body-text);margin-bottom:40px}.Category_toc__uH8_H{padding:14px 16px;border-radius:12px;background-color:var(--post-surface);box-shadow:var(--post-card-shadow);border-top-width:1px;border:1px solid var(--post-border-subtle);border-top:6px solid var(--post-border-subtle);max-height:min(calc(100vh - 7.5rem),calc(100dvh - 7.5rem));overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;min-height:0}.Category_toc__uH8_H[data-category=softwareOdyssey]{border-top-color:#7bb86db1}.Category_toc__uH8_H[data-category=sciMaker]{border-top-color:#7428bbb1}.Category_toc__uH8_H[data-category=readingNotes]{border-top-color:#ea580cb1}.Category_toc__uH8_H[data-category=lifeLog]{border-top-color:#2186dfb1}.Category_tocArticleTitleRow__uYVYn{margin-bottom:12px}.Category_tocArticleTitleLink__z9WGs{color:var(--post-body-text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:600;line-height:1.35;transition:color .15s ease}.Category_tocArticleTitleLink__z9WGs:hover{color:var(--post-title-color)}.Category_tocSectionLabel__4m8yh{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--post-muted-text);margin-bottom:10px}.Category_tocList__nLqaa{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-height:0}.Category_tocItemHeading__DnTKF{display:flex;align-items:flex-start;gap:6px;margin:0;padding:0;font-size:14px;line-height:1.35}.Category_tocItemHeading__DnTKF:before{content:"-";flex-shrink:0;color:var(--post-muted-text);line-height:1.35}.Category_tocItemSubtitle__UPGEv{display:flex;align-items:flex-start;gap:6px;margin:0;padding:0 0 0 12px;font-size:13px;line-height:1.35}.Category_tocItemSubtitle__UPGEv:before{content:"-";flex-shrink:0;color:var(--post-muted-text);line-height:1.35}.Category_tocList__nLqaa .Category_tocLink__sNqPE{flex:1;min-width:0}.Category_tocLink__sNqPE{color:var(--post-body-text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;transition:color .15s ease}.Category_tocLink__sNqPE:hover{color:var(--post-title-color)}