html{box-sizing:border-box;scroll-behavior:smooth;word-break:break-all}*,*::before,*::after{box-sizing:inherit}html,body{height:100%}body{color:#111;background:#f7f7f5;font-family:"Helvetica Neue",Helvetica,Arial,"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;font-size:16px;font-optical-sizing:auto;line-height:1.6;letter-spacing:.01em;max-width:1280px;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}@media(max-width: 1024px){body{padding-left:1rem;padding-right:1rem}}a{color:inherit;text-decoration:none}a:hover{color:#111;text-decoration:underline;text-decoration-thickness:.08em}img{max-width:100%;height:auto;display:block}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}pre code{font-size:.9rem}@supports(view-transition-name: none){:root{view-transition-name:root}::view-transition-old(root){animation:vt-fade-out .25s ease forwards}::view-transition-new(root){animation:vt-fade-in .25s ease forwards}@keyframes vt-fade-in{from{opacity:0}to{opacity:1}}@keyframes vt-fade-out{from{opacity:1}to{opacity:0}}}.site-title span{view-transition-name:site-title}.l-container{max-width:68rem;margin-inline:auto;padding-inline:1rem}.site-header{line-height:1.3;padding:2.5rem 0 1.75rem;border-bottom:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:.5rem}@media(min-width: 768px){.site-header{align-items:flex-start;flex-direction:row;justify-content:space-between}}.site-title{font-size:1.35rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:0}.site-title a{text-decoration:none;color:inherit}.site-desc{font-size:.9rem;font-style:italic;color:#555;margin:.3rem 0 0;max-width:34rem}.site-nav{display:flex;gap:1.25rem;margin-top:0;font-size:.85rem;letter-spacing:.08em}.site-nav a{text-transform:uppercase;color:inherit;text-decoration:none;padding-bottom:.35rem;border-bottom:1px solid rgba(0,0,0,0)}.site-nav a:hover{text-decoration:none;border-color:#111}.sidebar{position:sticky;top:1rem;height:max-content}.site-footer{font-size:.9rem;color:#555;padding:2.5em 0 3em;margin:2.5em 0 0;border-top:1px solid rgba(0,0,0,.08);display:flex;gap:1.5rem;justify-content:space-between;flex-wrap:wrap}.site-footer small{font-size:.9rem}.site-footer small.site-footer__post-credit{display:block;margin-top:.5em;line-height:1.4}.site-footer small a{text-decoration:underline}.site-footer nav{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.6em 1.25em}@media(max-width: 1024px){.site-footer nav{grid-template-columns:1fr 1fr}}.site-footer nav a{display:block;color:inherit;font-size:.9em}@media(max-width: 1024px){.site-footer{flex-direction:column;gap:1rem}}.lightbox{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:1.5rem;background-color:rgba(0,0,0,.8);cursor:zoom-out;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;overflow:auto}.lightbox.is-active{opacity:1;visibility:visible}.lightbox__picture{max-width:90vw;max-height:90vh;display:block}.lightbox__img{max-width:calc(90vw - 1.5rem*2);max-height:calc(90vh - 1.5rem*2);width:auto;height:auto;object-fit:contain;box-shadow:0 16px 48px rgba(0,0,0,.5);cursor:inherit}@media(max-width: 1024px){.lightbox{padding:1rem}.lightbox__picture{max-width:calc(100vw - 1rem*2);max-height:calc(100vh - 1rem*2);width:100%}.lightbox__img{max-width:100%;max-height:calc(100vh - 1rem*2);width:100%}}body.is-lightbox-open{overflow:hidden}.js-lightbox-target{cursor:zoom-in}.post-entry{position:relative;list-style:none;border-bottom:1px solid rgba(0,0,0,.08);overflow:hidden}.post-entry.has-thumb{--post-thumb-size: 46%}.post-entry.has-thumb::before{z-index:1;content:"";position:absolute;pointer-events:none;background-image:linear-gradient(90deg, rgb(247, 247, 245) 0%, rgb(247, 247, 245) 60%, rgba(247, 247, 245, 0) 100%);width:100%;height:100%}@media(max-width: 1024px){.post-entry.has-thumb::before{display:none}}.post-entry.has-thumb::after{z-index:0;content:"";position:absolute;inset:0;pointer-events:none;display:block;background-image:var(--post-thumb);background-repeat:no-repeat;background-size:cover;background-position:center center;mix-blend-mode:multiply;opacity:.7;filter:grayscale(1);transition:all .15s ease-in-out;width:var(--post-thumb-size);left:calc(100% - var(--post-thumb-size))}@media(max-width: 1024px){.post-entry.has-thumb::after{width:100%;opacity:.175;left:unset}}.post-entry:hover.has-thumb::after{opacity:.85;filter:grayscale(0)}.post-entry.has-thumb .post-link{padding:4rem 0 4rem}.post-link{display:block;color:inherit;padding:2rem 0 2rem;position:relative;z-index:2}.post-link>*{opacity:.5;transition:opacity .2s ease-in-out}@media(max-width: 1024px){.post-link>*{opacity:1}}.post-link:hover{text-decoration:none}.post-link:hover>*{opacity:1}.post-entry-thumb{display:none}.post-entry-body{display:flex;flex-direction:column;gap:1rem;justify-content:center;position:relative;z-index:1}.post-entry-meta{font-size:.9rem;color:#555;display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap}.post-entry-category{text-transform:uppercase;letter-spacing:.04em}.post-entry-title{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;margin:0 0 .25rem;word-break:break-all;letter-spacing:.01em}@media(max-width: 1024px){.post-entry-title{font-size:1.4em}}.post-entry-title a{color:#111}.post-entry-excerpt{color:#555;font-size:.7em;margin:-1.5rem 0 1.5rem;flex:1;line-height:1.6;max-width:62ch}@media(max-width: 1024px){.post-entry-excerpt{font-size:.9em}}.post-entry-tags{display:none}.post-entry-read-more{font-size:.85em;color:#555;text-transform:uppercase;letter-spacing:.08em}.post-list{margin:0;padding:0;position:relative;display:flex;flex-direction:column}.pagination{display:flex;gap:.5rem;align-items:center;justify-content:center;margin:1.5rem 0 2rem;padding-top:1rem}.pagination-pages{display:flex;gap:.5rem}.pagination-page{padding:0;border-radius:0;color:#555;letter-spacing:.04em}.pagination-page.is-current{color:#111;font-weight:700;border-bottom:1px solid #111}.pagination-prev,.pagination-next{color:#111;letter-spacing:.06em}.post{position:relative;display:flex;flex-direction:column;gap:1.5rem}.post-hero{display:flex;flex-direction:column;gap:1rem;padding-top:2.5rem}@media(max-width: 1024px){.post-hero{padding-top:2rem}}.post-title{font-size:clamp(2.6rem,4vw,3.8rem);font-weight:700;line-height:1.05;letter-spacing:.01em;margin:0}@media(max-width: 1024px){.post-title{font-size:clamp(2rem,7vw,2.8rem)}}.post-thumb{z-index:0;width:min(1600px,100vw);margin:2rem 0 2.5rem;position:relative;left:50%;transform:translateX(-50%);max-height:clamp(320px,62vh,720px);overflow:hidden;isolation:isolate;aspect-ratio:16/9}@media(max-width: 1024px){.post-thumb{margin-top:0;margin-left:-1rem;margin-right:-1rem;margin-bottom:2rem;max-height:320px;left:0;transform:none}}.post-thumb img{width:100%;height:100%;display:block;position:absolute;object-fit:cover;filter:grayscale(1);transform:scale(1.02);transform-origin:center;transition:transform .6s ease-in-out}.post-thumb img:first-child{opacity:.95}.post-thumb::after{content:"";display:block;width:100%;height:60%;background:linear-gradient(180deg, rgba(247, 247, 245, 0) 0%, rgba(247, 247, 245, 0.4) 55%, rgba(247, 247, 245, 0.9) 100%);position:absolute;left:0;bottom:0;z-index:1}@media(max-width: 1024px){.post-thumb::after{height:50%;background:linear-gradient(180deg, rgba(247, 247, 245, 0) 0%, rgba(247, 247, 245, 0.55) 70%, #f7f7f5 100%)}}.post--has-thumb .content{margin-top:clamp(-200px,-18vh,-120px)}@media(max-width: 1024px){.post--has-thumb .content{margin-top:0}}.content{position:relative;z-index:1;margin-top:2rem}@media(min-width: 1024px){.content{display:grid;grid-template-columns:1fr 300px;gap:6em}}.content-body{line-height:1.667}.content-body h1,.content-body h2,.content-body h3,.content-body h4,.content-body h5,.content-body h6{margin-top:2em;margin-bottom:.75em;display:flex;gap:.6em;align-items:baseline;letter-spacing:.01em}.content-body h1 a,.content-body h2 a,.content-body h3 a,.content-body h4 a,.content-body h5 a,.content-body h6 a{text-decoration:none;color:#111}.content-body .header-anchor{display:inline-flex;align-items:center;gap:.25rem;color:#555;font-size:.9em;text-decoration:none;text-transform:uppercase;letter-spacing:.08em;opacity:.65;transition:color .2s ease,opacity .2s ease}.content-body .header-anchor:before{content:"";display:block;width:.9rem;height:1px;background:rgba(17,17,17,.28)}.content-body .header-anchor:hover{color:#111;opacity:1}.content-body h1{font-size:2.333em}.content-body>h2:first-child,.content-body>h3:first-child,.content-body>h4:first-child{margin-top:0}.content-body h2{font-size:1.778em;padding-bottom:.5rem}.content-body h3{font-size:1.5em;padding-bottom:.25rem;border-bottom:1px solid rgba(17,17,17,.06)}.content-body h4,.content-body h5,.content-body h6{font-size:1.334em;border-bottom:1px solid rgba(17,17,17,.04);padding-bottom:.25rem}.content-body lite-youtube{width:100%;max-width:100%}@media(max-width: 1024px){.content-body h1{font-size:2em}.content-body h2{font-size:1.667em}.content-body h3{font-size:1.334em}}.content-body blockquote{margin:0;padding:0 1em;border-left:.25em solid #111}.content-body table thead{background:#111;color:#fff}.content-body table tr:hover{background:rgba(247,247,245,.5)}.content-body table th{padding:.25em}.content-body table td{padding:.25em}.content-body iframe{max-width:100%}.content-body picture{display:flex;justify-content:center;align-items:center}.content-body p{margin-top:0}@media(max-width: 1024px){.content-sidebar{margin-top:2rem;padding-top:2rem;border-width:thin 0 0;border-style:solid;border-color:#555}}.post-meta{display:flex;flex-wrap:wrap;font-size:.8em;margin:0}.post-meta dt,.post-meta dd{padding:.25em .5em}.post-meta dt{color:#f7f7f5;background-color:#555;width:30%}.post-meta dd{width:70%;margin:0}.post-meta dd ul{padding:0}.post-meta dd li{margin:0;padding:0;list-style-type:none}.toc-h2{font-size:1em;padding-left:0}.toc-h3,.toc-h4{font-size:.776em;padding-left:.5em}.toc{font-size:.9rem}.toc ol{list-style:none;padding-left:0}.toc li{margin:.1rem 0}.toc a{text-decoration:none;color:#333}.toc a.is-active{color:#1a73e8;font-weight:bold}.taxonomy{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem;margin-bottom:2rem}.taxonomy__header{display:flex;flex-direction:column;gap:.25rem;margin:0}.taxonomy__title{margin:0;font-size:1.667em;font-weight:700}@media(max-width: 1024px){.taxonomy__title{font-size:1.5em}}.taxonomy-list{list-style:none;padding:0;margin:0}.taxonomy-item{margin:0;border-bottom:1px solid rgba(0,0,0,.08)}.taxonomy-item:last-child{border-bottom:none}.taxonomy-item__link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;color:#111;text-decoration:none;transition:color .15s ease,opacity .15s ease}@media(max-width: 1024px){.taxonomy-item__link{padding:.5rem 0}}.taxonomy-item__link:hover{text-decoration:none;color:#111;opacity:.8}.taxonomy-item__name{font-size:1.113em;font-weight:600;word-break:break-word}.taxonomy-item__count{color:#555;font-size:.95em;white-space:nowrap}.taxonomy__empty{margin:0;color:#555}.p-linkcard{display:grid;grid-template-columns:200px 1fr;gap:1rem;align-items:center;padding:1rem;border:1px solid #eee;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.04);color:inherit;text-decoration:none}.p-linkcard__thumb{display:flex;align-items:center;justify-content:center}.p-linkcard__thumb img{width:200px;aspect-ratio:120/80;object-fit:cover;border-radius:6px}.p-linkcard__title{font-weight:600;display:block;margin-bottom:.25rem}.p-linkcard__desc{color:#555;display:block;margin-bottom:.5rem;font-size:.7em}.p-linkcard__meta{display:inline-flex;align-items:center;gap:.5rem;color:#555}.p-linkcard__publisher{font-size:.8em}.p-linkcard__logo{width:16px;height:16px;border-radius:2px}.u-hidden{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}.u-text-muted{color:#555 !important}.u-text-brand{color:#111 !important}.u-mt-3{margin-top:1rem !important}.u-mb-3{margin-bottom:1rem !important}.u-pt-3{padding-top:1rem !important}.u-pb-3{padding-bottom:1rem !important}