@import"https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@400&display=swap";:root{--color-bg: #f5f4f0;--color-text-primary: #2a2a2a;--color-text-secondary: #767676;--color-sidebar-bg: #111111;--color-sidebar-text: #eeeeee;--color-border-medium: #999999;--color-border-light: #cccccc;--color-border-subtle: #e8e8e8;--color-accent: #8fa89e;--color-white: #ffffff;--font-primary: "Noto Sans JP", sans-serif;--font-heading: "Noto Sans JP", sans-serif;--font-code: "Source Code Pro", monospace;--space-xs: 8px;--space-sm: 16px;--space-md: 32px;--space-lg: 64px;--space-xl: 120px;--space-sidebar: 0px;--space-content-margin: 0px;--text-xs: 13px;--text-sm: 14px;--text-base: 15px;--text-md: 18px;--text-lg: 21px;--text-xl: 23px;--text-2xl: 27px;--text-3xl: 38px}*,*:before,*:after{box-sizing:border-box}#main-content,[data-reveal],[data-reveal-header],[data-reveal-title],[data-reveal-article],[data-reveal-body],[data-reveal-breadcrumb]{opacity:0}noscript~#main-content,noscript~#main-content [data-reveal],noscript~#main-content [data-reveal-header],noscript~#main-content [data-reveal-title]{opacity:1}html{scroll-behavior:smooth;background:var(--color-bg)}body{margin:0;min-height:100vh;overflow-x:hidden;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--text-base);font-weight:400;line-height:1.9}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;line-height:1.5;margin-top:1.6em;margin-bottom:.5em}h1:first-child,h2:first-child,h3:first-child{margin-top:0}main{max-width:720px;margin:0 auto;padding:0 24px;min-height:100vh}.sidebar{display:none}.sidebar__hamburger{background:none;border:none;cursor:pointer;padding:8px;display:flex;flex-direction:column;gap:5px}.sidebar__hamburger span{display:block;width:22px;height:1px;background:var(--color-sidebar-text);transition:transform .3s ease,opacity .3s ease}.sidebar__hamburger.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.sidebar__hamburger.is-open span:nth-child(2){opacity:0}.sidebar__hamburger.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.sidebar__sitename{writing-mode:vertical-rl;color:var(--color-sidebar-text);font-family:var(--font-code);font-size:var(--text-sm);letter-spacing:.1em;opacity:.7;margin:0}.drawer{position:fixed;inset:0;right:var(--space-sidebar);background:#333;z-index:90;display:flex;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer.is-open{opacity:1;pointer-events:auto}.drawer__brand{width:30%;display:flex;flex-direction:column;justify-content:center;padding:0 40px;background:#ffffff0d}.drawer__logo{font-family:var(--font-code);font-size:var(--text-3xl);color:#eee;letter-spacing:.08em;margin:0}.drawer__tagline{font-size:var(--text-sm);color:#999;line-height:180%;font-weight:400;letter-spacing:.03em;margin:12px 0 0}.drawer__body{flex:1;padding:60px 48px;display:flex;flex-direction:column;justify-content:center}.drawer__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 64px}.drawer__group-title{font-size:var(--text-xl);font-weight:400;letter-spacing:.06em;color:#eee;display:block;transition:opacity .2s}.drawer__group-title:hover{opacity:.6}.site-header{background:var(--color-bg);padding:0 var(--space-content-margin);min-height:160px;display:flex;flex-direction:column}.nav-bar{display:flex;justify-content:flex-end;padding-top:24px}.nav-bar__links{display:flex;gap:32px;list-style:none;margin:0;padding:0}.nav-bar__links a{font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-primary);font-weight:400;position:relative;padding-bottom:4px}.nav-bar__links a.is-active:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:30px;height:1px;background:var(--color-text-primary)}.header-body{flex:1;display:flex;align-items:flex-end;padding-bottom:32px}.header-brand__name{font-family:var(--font-code);font-size:var(--text-2xl);font-weight:400;letter-spacing:.1em;color:var(--color-text-primary);margin:0}.site-header--compact{min-height:100px}.site-header--compact .header-body{padding-bottom:20px}.section{padding:var(--space-lg) var(--space-content-margin)}.section-title{font-size:var(--text-2xl);font-weight:400;letter-spacing:.06em;color:var(--color-text-primary);margin:0;position:relative;padding-bottom:12px}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:30px;height:1px;background:var(--color-text-primary)}.article-list{list-style:none;margin:0;padding:0}.article-row{border-bottom:1px solid var(--color-border-subtle)}.article-row:first-child{border-top:1px solid var(--color-border-subtle)}.article-row__link{display:grid;grid-template-columns:100px 1fr;gap:0 16px;padding:16px 0;text-decoration:none;color:inherit;align-items:baseline;transition:opacity .2s}.article-row__link:hover{opacity:.6}.article-row__date{font-size:var(--text-xs);color:var(--color-text-secondary);letter-spacing:.03em;font-family:var(--font-code);white-space:nowrap}.article-row__title{font-size:var(--text-base);font-weight:400;color:var(--color-text-primary);letter-spacing:.03em;line-height:1.6}.site-footer{padding:var(--space-md) var(--space-content-margin) var(--space-sm);border-top:1px solid var(--color-border-subtle)}.footer-nav{list-style:none;margin:0 0 var(--space-sm);padding:0;display:flex;flex-wrap:wrap;gap:6px 24px}.footer-nav a{font-size:var(--text-sm);color:var(--color-text-secondary);letter-spacing:.04em;transition:color .2s}.footer-nav a:hover{color:var(--color-text-primary)}.footer-copyright{font-size:var(--text-xs);color:var(--color-text-secondary);letter-spacing:.04em;margin:0;padding-top:var(--space-sm);border-top:1px solid var(--color-border-subtle)}.breadcrumb{display:flex;align-items:center;gap:8px;padding:var(--space-md) var(--space-content-margin) 16px;border-bottom:1px solid var(--color-border-subtle);font-size:var(--text-xs);color:var(--color-text-secondary);letter-spacing:.05em;flex-wrap:wrap}.breadcrumb a{color:var(--color-text-secondary);transition:color .2s}.breadcrumb a:hover{color:var(--color-text-primary)}.breadcrumb__sep{color:var(--color-border-light)}.breadcrumb__current{color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.article-header-section{padding:var(--space-lg) var(--space-content-margin) var(--space-md)}.article-title{font-size:var(--text-2xl);font-weight:400;letter-spacing:.04em;color:var(--color-text-primary);margin:0 0 var(--space-sm);line-height:1.4}.article-date{display:block;font-size:var(--text-xs);color:var(--color-text-secondary);letter-spacing:.03em;font-family:var(--font-code);margin-bottom:var(--space-md)}.article-header-rule{width:30px;height:1px;background:var(--color-text-primary)}.article-body-section{padding:var(--space-md) var(--space-content-margin) var(--space-lg)}.article-body{max-width:680px;font-size:var(--text-base);font-weight:400;color:var(--color-text-primary);line-height:200%;letter-spacing:.03em}.article-body p{margin:0 0 1.6em}.article-body h2{font-size:var(--text-lg);font-weight:400;font-family:var(--font-heading);letter-spacing:.04em;margin:var(--space-md) 0 var(--space-sm);padding-bottom:8px;border-bottom:1px solid var(--color-border-subtle)}.article-body h3{font-size:var(--text-md);font-weight:400;font-family:var(--font-heading);letter-spacing:.04em;margin:var(--space-sm) 0 12px}.article-body blockquote{border-left:2px solid var(--color-border-light);padding-left:var(--space-sm);margin:var(--space-md) 0;color:var(--color-text-secondary);line-height:200%}.article-body hr{border:none;position:relative;height:1.5em;margin:3em 0;width:100%}.article-body hr:before{content:"· · ·";position:absolute;left:0;color:var(--color-border-medium);letter-spacing:.5em;font-size:var(--text-sm);font-family:var(--font-primary)}.article-body iframe{width:100%;aspect-ratio:16/9;border:none;display:block;margin:var(--space-md) 0}.article-body img{width:100%;height:auto;display:block;margin:var(--space-md) 0}.article-body code{font-family:var(--font-code);font-size:var(--text-xs);background:var(--color-border-subtle);padding:2px 6px;color:var(--color-text-secondary)}.article-body ul,.article-body ol{padding-left:1.5em;margin:0 0 1.6em}.article-body li{margin-bottom:.4em}.article-nav{padding:var(--space-md) var(--space-content-margin) var(--space-lg);border-top:1px solid var(--color-border-subtle);display:flex;gap:var(--space-md)}.article-nav__link{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit;max-width:360px}.article-nav__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);transition:color .2s}.article-nav__link:hover .article-nav__label{color:var(--color-text-primary)}.article-nav__title{font-size:var(--text-sm);color:var(--color-text-secondary);letter-spacing:.03em;line-height:160%;transition:color .2s}.article-nav__link:hover .article-nav__title{color:var(--color-text-primary)}dialog.lightbox{position:fixed;inset:0;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:none;z-index:200;display:none}dialog.lightbox[open]{display:flex;align-items:center;justify-content:center;background:#0a0a0aeb;animation:lightbox-fade-in .2s ease}dialog.lightbox::backdrop{display:none}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox__img{max-width:min(90vw,1200px);max-height:88vh;width:auto;height:auto;object-fit:contain;display:block}.lightbox__close{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff9;font-size:20px;cursor:pointer;line-height:1;padding:8px 10px;transition:color .2s}.lightbox__close:hover{color:#fff}@media(max-width:768px){.sidebar{display:flex;position:fixed;top:0;right:0;width:auto;height:auto;background:transparent;padding:0;z-index:100}.sidebar__sitename{display:none}.sidebar__hamburger{padding:16px 12px}.sidebar__hamburger span{background:var(--color-text-primary);width:22px;height:1px;display:block;transition:transform .3s ease,opacity .3s ease,background .3s ease}.sidebar__hamburger.is-open span{background:#eee}.drawer{right:0;overflow:hidden}.drawer__brand{display:none}.drawer__body{overflow-y:auto;padding:40px 24px;-webkit-overflow-scrolling:touch}.drawer__grid{grid-template-columns:1fr;gap:32px}.nav-bar{display:none}.article-row__link{grid-template-columns:1fr;gap:4px}.article-title{font-size:var(--text-lg)}.article-body{max-width:100%}}