@media screen and (max-width:2680px){html{font-size:17px}#container{width:820px}#foot{width:820px}}
@media screen and (max-width:1680px){html{font-size:16px}#container{width:797px}#foot{width:797px}}
@media screen and (max-width:1400px){html{font-size:15px}#container{width:708px}#foot{width:708px}}
@media screen and (max-width:900px){html{font-size:15px}#description .experience-node{font-size:.9rem}#head-wrap{padding:0 1rem}#container{width:90%}#foot{width:90%}}
@media screen and (max-width:700px){
html{font-size:14px}
#description .experience-node{font-size:11.5px}
#description .home-latest-post{gap:.35rem;font-size:.92rem;line-height:1.65}
#body-in{padding:.3rem!important}
#head-wrap{padding:0}
#head{margin:0 auto 3rem;height:auto;border-bottom:0}
#head #site-title{display:none}
#head #menu{display:none}
.mobile-head{box-sizing:border-box;display:grid;align-items:center;width:100%;grid-template-columns:3rem minmax(0,1fr) 3rem;padding:calc(env(safe-area-inset-top,0px) + 1rem) 1rem 1rem;border-bottom:1px solid #e8e8e4;background:var(--page-bg)}
.mobile-site-title{justify-self:center;color:#222!important;font-weight:700;letter-spacing:.08em;line-height:1}
.mobile-nav-toggle,.mobile-search-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:0;background:transparent;color:#333}
.mobile-nav-toggle{justify-self:start;flex-direction:column;gap:5px;cursor:pointer}
.mobile-nav-toggle span{display:block;width:1.35rem;height:2px;background:#333;border-radius:999px}
.mobile-search-link{justify-self:end;position:relative}
.mobile-search-link span{display:block;position:relative;width:1.08rem;height:1.08rem;border:2px solid #333;border-radius:999px}
.mobile-search-link span::after{content:"";position:absolute;right:-.42rem;bottom:-.3rem;width:.55rem;height:2px;background:#333;transform:rotate(45deg);border-radius:999px}
.mobile-nav-backdrop{position:fixed;inset:0;z-index:70;display:block;border:0;background:rgba(0,0,0,.28);opacity:0;pointer-events:none;transition:opacity .18s ease}
.mobile-nav-drawer{position:fixed;top:0;bottom:0;left:0;z-index:80;box-sizing:border-box;display:flex;width:min(78vw,20rem);padding:calc(env(safe-area-inset-top,0px) + 1.1rem) 1.2rem 1.2rem;flex-direction:column;background:#fff;box-shadow:18px 0 42px rgba(0,0,0,.14);transform:translateX(-105%);transition:transform .22s ease}
.mobile-nav-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.1rem;border-bottom:1px solid #eee}
.mobile-nav-head a{color:#222;font-weight:700;letter-spacing:.08em}
.mobile-nav-head button{display:flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border:0;background:transparent;color:#555}
.mobile-nav-close-icon{width:1.15rem;height:1.15rem;stroke-width:1.9}
.mobile-nav-list{display:flex;flex-direction:column;padding-top:1.1rem}
.mobile-nav-list a{padding:1rem 0;border-bottom:1px solid #f0f0ed;color:#555;font-size:1.04rem;letter-spacing:.03em}
.mobile-nav-list a.current{color:#3273dc}
body.mobile-nav-open{overflow:hidden}
body.mobile-nav-open .mobile-nav-backdrop{opacity:1;pointer-events:auto}
body.mobile-nav-open .mobile-nav-drawer{transform:translateX(0)}
#body .title-with-icon{gap:.5rem}
#body .title-icon{width:28px;height:28px}
.post-head-meta{margin-bottom:1.05rem}
.post-title-block{gap:.7rem;margin-bottom:1.8rem}
.post-detail-meta{gap:.8rem}
.post-created-at{font-size:.84rem}
.article-detail-page{max-width:100%}
.article-detail-page .post-head-meta{margin-bottom:1.15rem}
.article-detail-page .post-title-block{gap:.42rem;margin-bottom:2.15rem}
.article-detail-page #body-title{font-size:1.92rem;line-height:1.3}
.article-detail-page .inner-post-content.inner-long{font-size:1rem;line-height:1.9}
.article-detail-page .inner-post-content.inner-long p{margin-bottom:1.4rem;line-height:1.9}
.article-detail-page .inner-post-content.inner-long ul,.article-detail-page .inner-post-content.inner-long ol{margin-bottom:1.4rem}
.article-detail-page .inner-post-content.inner-long ul{padding-left:1.15rem}
.article-detail-page .inner-post-content.inner-long ul li::before{left:-.92rem;top:.95em;width:5px;height:5px}
.article-detail-page .inner-post-content.inner-long ol{padding-left:1.55rem}
.article-detail-page .inner-post-content.inner-long li p,.article-detail-page .inner-post-content.inner-long li ul,.article-detail-page .inner-post-content.inner-long li ol{margin-bottom:.4rem}
.article-detail-page .inner-post-content.inner-long li>:last-child{margin-bottom:0}
.article-detail-page .inner-post-content.inner-long h2{margin:3.2rem 0 1.55rem;font-size:1.28rem}
.article-detail-page .inner-post-content.inner-long h3{margin:2.35rem 0 1.05rem;font-size:1.08rem}
.article-detail-page .inner-post-content.inner-long blockquote{margin:1.65rem 0;padding:.15rem 0 .15rem 1rem}
.article-detail-page .inner-post-content.inner-long blockquote p,.article-detail-page .inner-post-content.inner-long blockquote ul,.article-detail-page .inner-post-content.inner-long blockquote ol{margin-bottom:.55rem;line-height:1.85}
.article-detail-page .inner-post-content.inner-long blockquote li{margin-bottom:.3rem}
.article-detail-page .inner-post-content.inner-long blockquote li p,.article-detail-page .inner-post-content.inner-long blockquote li ul,.article-detail-page .inner-post-content.inner-long blockquote li ol{margin-bottom:.3rem}
.article-detail-page .inner-post-content.inner-long blockquote :last-child{margin-bottom:0}
.article-detail-page .inner-post-content.inner-long img{margin:1.65rem auto;border-radius:6px}
.article-detail-page .inner-post-content.inner-long img+img{margin-top:0}
.article-detail-page .inner-post-content.inner-long img+br{display:none}
.article-detail-page .inner-post-content.inner-long br+img{margin-top:0}
.article-detail-page .inner-post-content.inner-long pre{margin:1.55rem 0;padding:1.1rem 1.15rem;border-radius:6px}
.tk-underline-text{gap:.8rem!important;margin:3rem 0 1.4rem!important}
.memo-photo-grid{gap:.4rem}
.article-list-card .index-post-content-long h2{font-size:1.12rem;line-height:1.38}
.article-list-card .index-post-content-long .text{margin-top:.36rem;line-height:1.58}
.article-list-card .index-post-meta{margin-top:.32rem}
.article-list-meta{gap:.55rem}
.talk-quote-block{padding:0 1.5rem}
.talk-quote-mark{font-size:3.2rem}
.talk-quote-content{font-size:1.34rem;line-height:1.7}
.talk-quote-media{width:100%;margin-top:1rem}
.talk-quote-content .talk-quote-mark-close{font-size:3.2rem;margin-top:.4rem}
.search-form{flex-direction:column}
.archive-item{padding:.9rem 0}
#foot-wrap{margin-top:4rem}
#foot{padding:1.25rem .3rem 1.6rem}
#foot .foot-single-line{justify-content:center;gap:.45rem;flex-wrap:wrap}
#foot .foot-links{justify-content:center}
#foot .foot-note{width:100%;text-align:center}
#site-toast{top:.8rem;max-width:calc(100vw - 1.6rem)}
#site-lightbox{padding:1.1rem}
#site-lightbox-prev,#site-lightbox-next{width:2.6rem;height:2.6rem;font-size:1.75rem}
#site-lightbox-prev{left:.75rem}
#site-lightbox-next{right:.75rem}
#site-lightbox-stage{max-height:calc(100vh - 5.5rem)}
#site-lightbox-image{max-height:calc(100vh - 5.5rem);border-radius:6px}
#site-lightbox-caption{margin-top:.8rem;font-size:.84rem}
#site-lightbox-close{top:.75rem;right:.75rem;width:2.2rem;height:2.2rem}
}