*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #000000;--fg: #f5f5f5;--muted: #f91b1b;--border: #ddd;--max-w: 800px;--font-body: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-ui: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif}html{font-size:16px;background:var(--bg);color:var(--fg)}body{font-family:var(--font-body);line-height:1.6}a{color:inherit}img{max-width:100%;display:block}.inner{margin-bottom:10px}.home-intro{position:relative;display:inline-block;width:100%;border:solid 1px;border-color:#ddd;aspect-ratio:4 / 3}.home-intro-base{display:block;width:100%;height:auto}.home-intro-overlay{position:absolute;bottom:0;right:10%;max-width:25%;height:auto}.fake-select{width:150px;border:1px solid #ffffff;font-family:system-ui,sans-serif;font-size:12px;background:#000000e1;color:#fff;margin:30px 0 0 auto}.fake-select summary{list-style:none;padding:6px 7px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.fake-select summary::-webkit-details-marker{display:none}.fake-select summary:after{content:"▿";font-size:12px;color:#ff2f2f}.fake-select a{display:block;padding:6px 10px;color:#fff;text-decoration:none;border-top:1px solid #ffffff}.fake-select a:hover{background:#ff2f2f}header,nav,main{max-width:var(--max-w);margin:0 auto;padding:1rem 1.5rem}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;font-size:10px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}footer p{margin:0}footer noscript{display:inline-block}nav ul{list-style:none;display:flex;gap:1rem}.gen-nav{align-items:center;background:#000;min-height:30px;border-radius:8px;border:2px solid #000000;box-shadow:none;padding:0 16px;position:relative;flex-wrap:wrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;box-sizing:border-box;display:flex}.gen-nav *,.gen-nav *:before,.gen-nav *:after{box-sizing:border-box}.gen-nav ul{list-style:none;margin:0;padding:0}.gen-logo{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-right:auto}.gen-logo-text{color:#fff;font-size:18px;font-weight:600;white-space:nowrap}.gen-nav>ul{display:flex;justify-content:center;flex:1;flex-wrap:wrap}.gen-nav>ul>li{position:relative}.gen-nav>ul>li>a{display:flex;align-items:center;gap:4px;padding:0 16px;height:52px;color:#fff;font-size:14px;font-weight:600;text-transform:none;text-decoration:none;transition:background .2s,color .2s;white-space:nowrap}.gen-nav>ul>li>a:hover,.gen-nav>ul>li:hover>a{background:#f91313;color:#fff}.gen-arrow{font-size:.7em;opacity:.8;vertical-align:middle}.gen-nav>ul>li>ul{display:none;position:absolute;top:100%;left:0;background:#1e3a8a;min-width:170px;border-radius:0 0 6px 6px;box-shadow:0 8px 24px #0000002e;z-index:1000;overflow:hidden}.gen-nav>ul>li:hover>ul{display:block}.gen-nav>ul>li>ul>li>a{display:block;padding:10px 18px;color:#dbeafe;font-size:13px;text-decoration:none;transition:background .15s,color .15s}.gen-nav>ul>li>ul>li>a:hover{background:#1d4ed8;color:#fff}.gen-nav>ul>li>ul>li:last-child{border-radius:0 0 6px 6px;overflow:hidden}.gen-nav>ul>li>ul>li:last-child>a{border-radius:0 0 6px 6px}.blog-header{margin-bottom:2.5rem}.blog-header h1{font-family:var(--font-ui);font-size:.8rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.post-list{list-style:none}.post-list li{border:1px solid var(--border);margin-bottom:10px}.post-list li:first-child{border-top:1px solid var(--border)}.post-list a{display:flex;flex-wrap:nowrap;align-items:center;gap:.5rem;padding:.5rem;text-decoration-line:none}.post-thumbnail{width:200px;height:80px;object-fit:cover;flex-shrink:0;border:solid}.post-info{display:flex;flex:1;flex-direction:column;justify-content:space-between}.post-list a:hover{text-decoration:none}.post-list a:hover .post-title{text-decoration:none;text-decoration-skip:none}.post-title{font-family:var(--font-body);font-size:1.2rem;color:var(--fg)}.post-meta{font-family:var(--font-ui);font-size:.75rem;color:var(--muted);white-space:nowrap;align-self:flex-end}.post-description{display:block;font-family:var(--font-ui);font-size:.78rem;color:var(--muted);font-style:normal}.post-header{margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.post-header .post-title{font-family:var(--font-body);font-size:1.5rem;font-weight:400;line-height:1.4;margin-bottom:.5rem}.post-header .post-meta{font-family:var(--font-ui);font-size:.75rem;color:var(--muted);letter-spacing:.05em}.post-body{font-size:1rem;line-height:1.8}.post-body p+p{margin-top:1.25em}.post-body h2{font-family:var(--font-body);font-size:1.2rem;font-weight:400;letter-spacing:normal;text-transform:none;color:var(--fg);margin-top:2.5em;margin-bottom:.75em}.post-body h3{font-family:var(--font-body);font-size:1rem;font-weight:700;margin-top:2em;margin-bottom:.5em}.post-body ul,.post-body ol{padding-left:1.5em;margin:1em 0}.post-body li+li{margin-top:.3em}.post-body blockquote{border-left:2px solid var(--border);padding-left:1em;color:#bd4a4a;margin:1.5em 0}.post-body code{font-family:Courier New,monospace;font-size:.85em;background:#373737;padding:.1em .3em;border-radius:2px}.post-body pre{background:#ececea;padding:1em;overflow-x:auto;margin:1.5em 0;border-radius:2px}.post-body pre code{background:none;padding:0}.post-body img{margin:1.5em 0}.post-body a{text-decoration:underline;text-underline-offset:2px}.post-nav{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;justify-content:space-between;font-family:var(--font-ui);font-size:.8rem;color:var(--muted)}.post-nav a{color:var(--fg)}main .inner.post-layout{max-width:var(--max-w);display:grid;grid-template-columns:1fr 200px;gap:4rem;align-items:start}.post-content{min-width:0}.archive-bar{margin:2rem 0 1rem}.archive-select{font-family:var(--font-ui);font-size:.78rem;color:var(--muted);background:var(--bg);border:1px solid var(--fg);padding:.3rem .5rem;border-radius:0;cursor:pointer;appearance:auto}.archive-select:focus{outline:1px solid var(--bg)}.post-sidebar{position:sticky;top:2rem}.sidebar-heading{font-family:var(--font-ui);font-size:.75rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:.5rem;margin-bottom:.75rem}.archive-year{margin-bottom:.25rem}.archive-year-toggle{all:unset;cursor:pointer;font-family:var(--font-ui);font-size:.8rem;color:var(--fg);display:flex;align-items:center;gap:.4rem;padding:.3rem 0;width:100%}.archive-year-toggle:before{content:"▸";font-size:.6rem;color:var(--muted);transition:transform .15s;display:inline-block}.archive-year-toggle[aria-expanded=true]:before{transform:rotate(90deg)}.archive-month-list{list-style:none;padding-left:1rem;margin-bottom:.25rem}.archive-month-list li a{display:flex;justify-content:space-between;padding:.2rem 0;font-family:var(--font-ui);font-size:.75rem;color:var(--muted)}.archive-month-list li a:hover{color:var(--fg);text-decoration:none}.archive-count{color:var(--muted);opacity:.6}@media (max-width: 640px){main .inner.post-layout{grid-template-columns:1fr;gap:2.5rem;max-width:var(--max-w)}.post-sidebar{position:static;border-top:1px solid var(--border);padding-top:2rem}}