:root{--color-bg: #ffffff;--color-text: #1a1a1a;--color-text-muted: #555555;--color-accent: #0a66c2;--color-accent-soft: #e8f0fb;--color-warning: #f5b400;--color-border: #e5e5e5;--color-code-bg: #f6f8fa;--max-width: 760px;--max-width-wide: 1040px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Yu Gothic UI", "Meiryo", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace}*{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}main.container{max-width:var(--max-width);margin:0 auto;padding:2rem 1.25rem 4rem}main.wide{max-width:var(--max-width-wide)}h1,h2,h3,h4{line-height:1.35;font-weight:700}h1{font-size:1.9rem;margin:1.5rem 0 1rem}h2{font-size:1.45rem;margin:2.2rem 0 1rem;padding-bottom:.35rem;border-bottom:2px solid var(--color-border)}h3{font-size:1.2rem;margin:1.6rem 0 .8rem}p{margin:.9rem 0}code{font-family:var(--font-mono);background:var(--color-code-bg);padding:.15em .35em;border-radius:3px;font-size:.92em}pre{background:var(--color-code-bg);padding:1rem;border-radius:6px;overflow-x:auto;font-size:.9rem}pre code{background:transparent;padding:0}blockquote{margin:1.2rem 0;padding:.6rem 1rem;border-left:4px solid var(--color-accent);background:var(--color-accent-soft);color:var(--color-text)}table{border-collapse:collapse;width:100%;margin:1rem 0;font-size:.95rem}th,td{border:1px solid var(--color-border);padding:.55rem .75rem;text-align:left}th{background:var(--color-code-bg)}img{max-width:100%;height:auto;display:block}.site-header{border-bottom:1px solid var(--color-border);background:#fff;position:sticky;top:0;z-index:50}.site-header .inner{max-width:var(--max-width-wide);margin:0 auto;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.site-header .brand{font-weight:800;font-size:1.05rem;color:var(--color-text)}.site-header .brand small{display:block;font-weight:400;font-size:.75rem;color:var(--color-text-muted);margin-top:.15rem}.site-header .site-nav{display:flex;align-items:center;gap:.25rem;flex-wrap:wrap}.site-header .site-nav a{font-size:.9rem;color:var(--color-text);padding:.35rem .7rem;border-radius:4px;white-space:nowrap}.site-header .site-nav a:hover{background:var(--color-accent-soft);text-decoration:none}.site-header .site-nav a.cta{color:#fff;background:var(--color-accent);padding:.4rem .8rem}.site-header .site-nav a.cta:hover{text-decoration:none;opacity:.9;background:var(--color-accent)}.site-header .nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:28px;height:22px;background:none;border:none;cursor:pointer;padding:0;gap:5px}.site-header .nav-toggle span{display:block;height:2px;background:var(--color-text);border-radius:2px;transition:transform .3s,opacity .3s}.site-header .nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.site-header .nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.site-header .nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:768px){.site-header .inner{position:relative;flex-direction:row;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem .9rem;flex-wrap:nowrap}.site-header .brand{display:block;text-align:left;font-size:1rem;flex:1;min-width:0}.site-header .brand small{text-align:left;font-size:.7rem}.site-header .nav-toggle{display:flex;flex-shrink:0}.site-header .site-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:.4rem 0;z-index:99}.site-header .site-nav.open{display:flex}.site-header .site-nav a{margin:0;padding:.85rem 1.2rem;font-size:.95rem;text-align:left;border:none;border-bottom:1px solid var(--color-border);border-radius:0;background:transparent;white-space:normal}.site-header .site-nav a:last-child{border-bottom:none}.site-header .site-nav a:hover,.site-header .site-nav a:active{background:var(--color-accent-soft);text-decoration:none}.site-header .site-nav a.cta{margin:.4rem .9rem .2rem;padding:.7rem;background:var(--color-accent);color:#fff;border-radius:6px;text-align:center;font-weight:700}.site-header .site-nav a.cta:hover{background:var(--color-accent);opacity:.9}}.site-footer{border-top:1px solid var(--color-border);padding:2.5rem 1.25rem;margin-top:4rem;background:#fafafa;font-size:.9rem;color:var(--color-text-muted);text-align:center}.site-footer .cta-block{max-width:480px;margin:0 auto 1.5rem;padding:1rem 1.25rem;background:#fff;border:1px solid var(--color-border);border-radius:6px}.site-footer .cta-block a{display:inline-block;margin-top:.5rem;padding:.55rem 1.1rem;background:var(--color-accent);color:#fff;border-radius:4px}.post-card{display:block;padding:1.1rem 0;border-bottom:1px solid var(--color-border);color:var(--color-text)}.post-card:hover{background:#fafafa}.post-card .meta{font-size:.8rem;color:var(--color-text-muted);margin-bottom:.25rem}.post-card .meta .cat{background:var(--color-accent-soft);color:var(--color-accent);padding:.1rem .5rem;border-radius:3px;margin-right:.5rem;font-weight:600}.post-card h2{border:none;font-size:1.15rem;margin:0 0 .3rem;padding:0}.post-card .desc{font-size:.92rem;color:var(--color-text-muted);margin:0}.breadcrumbs{font-size:.85rem;color:var(--color-text-muted);margin-bottom:1rem}.breadcrumbs a{color:var(--color-text-muted)}.tag-list{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.tag-list a{font-size:.8rem;background:var(--color-code-bg);padding:.2rem .55rem;border-radius:999px;color:var(--color-text-muted)}.notice{margin:1rem 0;padding:.8rem 1rem;border-left:4px solid var(--color-warning);background:#fff8e1;font-size:.9rem}.combo-cta{margin:2.5rem 0 1rem;padding:1.25rem;background:#fafafa;border:1px solid var(--color-border);border-radius:6px}.combo-cta h3{margin-top:0}.site-footer .subscribe-wrap{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:980px;margin:0 auto 1.5rem;text-align:left}@media(max-width:720px){.site-footer .subscribe-wrap{grid-template-columns:1fr}}.site-footer .subscribe-card{padding:1.25rem 1.25rem 1rem;background:#fff;border:1px solid var(--color-border);border-radius:6px}.site-footer .subscribe-card strong{display:block;font-size:1rem;color:var(--color-text);margin-bottom:.35rem}.site-footer .subscribe-card>p{margin:0 0 .9rem;font-size:.85rem;line-height:1.6;color:var(--color-text-muted)}.site-footer .subscribe-note{margin-top:.6rem!important;font-size:.75rem!important;color:#888!important}.site-footer .rss-button{display:inline-block;padding:.55rem 1.1rem;background:var(--color-accent);color:#fff;border-radius:4px;font-size:.9rem;font-weight:600}.site-footer .rss-button:hover{text-decoration:none;opacity:.9}.site-footer .footer-meta{margin-top:1rem;font-size:.8rem;color:var(--color-text-muted)}.site-footer .ai-disclosure{margin:0 auto .75rem;max-width:720px;padding:.55rem .9rem;font-size:.78rem;color:var(--color-text-muted);background:#fafafa;border:1px solid var(--color-border);border-radius:4px;text-align:center}.site-footer .kit-form-slot .formkit-form{margin:0!important;max-width:100%!important;background:transparent!important}.site-footer .kit-form-slot [data-style=clean]{padding:0!important;width:100%}.site-footer .kit-form-slot .formkit-fields{display:flex!important;flex-wrap:wrap;gap:.5rem;margin:0!important}.site-footer .kit-form-slot .formkit-field{flex:1 1 200px;margin:0!important}.site-footer .kit-form-slot .formkit-input{width:100%;padding:.55rem .7rem!important;font-size:.9rem!important;border:1px solid var(--color-border)!important;border-radius:4px!important;line-height:1.4!important;background:#fff!important;color:var(--color-text)!important}.site-footer .kit-form-slot .formkit-submit{flex:0 0 auto;margin:0!important;padding:0!important;border:0!important;background-color:var(--color-accent)!important;color:#fff!important;border-radius:4px!important;font-size:.9rem!important;font-weight:600!important;cursor:pointer}.site-footer .kit-form-slot .formkit-submit>span{padding:.6rem 1.1rem!important}.site-footer .kit-form-slot .formkit-submit:hover{opacity:.9}.site-footer .kit-form-slot .formkit-alert{margin:.5rem 0!important;padding:.6rem .8rem!important;font-size:.85rem!important;text-align:left!important}.site-footer .kit-form-slot .formkit-powered-by-convertkit-container{display:none!important}