*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd,ol,ul,li{margin:0;padding:0}ul,ol{list-style:none}a{text-decoration:none}html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizeSpeed;line-height:1.5}input,button,textarea,select{font:inherit}@font-face{font-family:Pretendard;font-weight:400;src:url(/fonts/Pretendard-Regular.subset.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:700;src:url(/fonts/Pretendard-Bold.subset.woff2) format("woff2")}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation:none}html{background:#fff;font-size:100%}body{font:1rem/1.5 Pretendard,sans-serif;color:#333}.siteHeader{display:flex;max-width:62.5rem;margin:0 auto}.siteHeader .logo{margin:0}.siteHeader .logo>a{display:flex;flex-direction:column;align-items:center}.siteHeader .logo>a img{display:block;width:150px;aspect-ratio:1/1;image-rendering:pixelated;border-radius:50%}.siteHeader .logo>a figcaption{margin-top:6px;text-align:center;font-size:40px;line-height:1;color:#333}.siteHeader .navigation{display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.siteHeader .navigation:before,.siteHeader .navigation:after{content:"";flex:1;height:1px;background:#ddd}.siteHeader .navigation .mainNav{position:relative;z-index:2;margin:0;padding:0;list-style:none;display:flex;width:fit-content;gap:4px}.siteHeader .navigation .mainNav li{flex:1 1 0;min-width:54px;text-align:center}.siteHeader .navigation .mainNav li a{display:block;text-decoration:none;padding:4px 12px;font-size:11px;color:#666;text-transform:capitalize}.siteHeader .navigation .mainNav li a:before{content:"";display:block;width:30px;margin:0 auto;aspect-ratio:1/1;background-repeat:no-repeat;background-size:100%;opacity:.4;transition:.1s scale}.siteHeader .navigation .mainNav li a:hover:before{opacity:.5;scale:1.1}.siteHeader .navigation .mainNav li a[aria-current=page]{color:#333}.siteHeader .navigation .mainNav li a[aria-current=page]:before{opacity:.8}.siteHeader .navigation .mainNav li[data-type=posts] a:before{background-image:url(/images/icon_posts.svg)}.siteHeader .navigation .mainNav li[data-type=tags] a:before{background-image:url(/images/icon_tags.svg)}.siteHeader .navigation .mainNav li[data-type=about] a:before{background-image:url(/images/icon_about.svg)}.siteHeader .navigation .mainNav li[data-type=search] a:before{background-image:url(/images/icon_search.svg)}.siteHeader .navigation .mainNav li[data-type=RSS] a:before{background-image:url(/images/icon_RSS.svg)}[data-layout-type=home] .siteHeader{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3.75rem 1.25rem;max-width:60rem;margin:0 auto}[data-layout-type=home] .siteHeader .tagline{margin:0;text-align:center;font-size:14px;color:#888}[data-layout-type=home] .siteHeader .navigation{margin-top:40px}[data-layout-type=sub] .siteHeader{padding:40px 16px;justify-content:space-between}[data-layout-type=sub] .siteHeader .logo,[data-layout-type=sub] .siteHeader .logo a{display:block}[data-layout-type=sub] .siteHeader .logo a img{float:left;width:50px;margin-right:10px;aspect-ratio:1/1;image-rendering:pixelated;border-radius:50%}[data-layout-type=sub] .siteHeader .logo a figcaption{font-weight:700;font-size:20px;color:#666;line-height:1.3}[data-layout-type=sub] .siteHeader .logo a .tagline{white-space:nowrap;color:#888;font-size:13px;line-height:1.2}[data-layout-type=sub] .siteHeader .navigation li{display:inline-block;margin-left:10px}.siteBody{max-width:62.5rem;margin:0 auto;padding:1.25rem}.articles article+article{margin-top:80px}.articles article .cover img{width:100%;height:auto}.articles article h2{margin-top:10px;font-weight:300;font-size:30px}.articles article h2 a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#222}.articles article .postMeta{display:flex;justify-content:flex-start;flex-wrap:wrap}.articles article .postMeta .postMetaItem{position:relative;margin-right:10px;padding-left:16px}.articles article .postMeta .postMetaItem dt{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.articles article .postMeta .postMetaItem dd{font-size:13px;color:#777}.articles article .postMeta .postMetaItem:before{content:"";position:absolute;width:16px;height:16px;inset:0 auto 0 0;margin:auto;background-repeat:no-repeat;background-size:contain}.articles article .postMeta .postMetaItem[data-type=published]:before{background-image:url(/images/metaIcon_published.svg)}.articles article .postMeta .postMetaItem[data-type=readingTime]:before{background-image:url(/images/metaIcon_readingTime.svg)}.articles article .postMeta .postMetaItem[data-type=wordCount]:before{background-image:url(/images/metaIcon_wordCount.svg)}.articles article .postBody{padding:0 2px;margin-top:16px;font-size:16px;overflow:hidden;text-align:justify;color:#666}.articles article .tags{margin-top:10px}.articles article .tags li{display:inline-block;margin-right:6px}.articles article .tags li a{padding:1px 10px;background-color:#eee;border:1px solid #ddd;border-radius:3px;font-size:15px;text-decoration:none;color:#555}.articles .empty{padding:40px 0 80px;text-align:center;color:#666}.posts .postItem{padding-bottom:40px}.posts .postItem .postHeader h2{font-size:1.75rem;font-weight:300}.posts .postItem .postHeader h2 a{text-decoration:none;color:#333}.posts .postItem .postHeader h2 a:hover{color:#000}.posts .postItem .postHeader .postMeta{display:flex;justify-content:flex-start;flex-wrap:wrap}.posts .postItem .postHeader .postMeta .postMetaItem{position:relative;margin-right:10px;padding-left:16px}.posts .postItem .postHeader .postMeta .postMetaItem dt{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.posts .postItem .postHeader .postMeta .postMetaItem dd{font-size:13px;color:#666}.posts .postItem .postHeader .postMeta .postMetaItem:before{content:"";position:absolute;width:16px;height:16px;inset:0 auto 0 0;margin:auto;background-repeat:no-repeat;background-size:contain}.posts .postItem .postHeader .postMeta .postMetaItem[data-type=published]:before{background-image:url(/images/metaIcon_published.svg)}.posts .postItem .postHeader .postMeta .postMetaItem[data-type=readingTime]:before{background-image:url(/images/metaIcon_readingTime.svg)}.posts .postItem .postHeader .postMeta .postMetaItem[data-type=wordCount]:before{background-image:url(/images/metaIcon_wordCount.svg)}.posts .postItem .postBody{margin-top:14px;font-size:1rem;text-align:justify;color:#555}.posts .postItem .tags{margin-top:10px}.posts .postItem .tags li{display:inline-block;margin-right:4px}.posts .postItem .tags li a{padding:1px 10px;background-color:#eee;border:1px solid #ddd;border-radius:3px;font-size:13px;text-decoration:none;color:#555}.siteFooter{padding-top:30px;border-top:1px solid #ddd;text-align:center}