:root{--dark: #1a1f24;--dark-soft: #2a3038;--teal: #0a8a8a;--teal-hover: #078080;--bg: #faf9f5;--surface: #ffffff;--text: #1a1f24;--text-soft: #6b7280;--border: #e5e7eb;--code-bg: #f3f4f6;--accent: #0a8a8a;--radius: 6px;--max-width: 1100px;--content-width: 760px;--font-sans: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;--font-serif: Georgia, "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--font-mono: "SF Mono", Menlo, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;border-radius:var(--radius)}.top-bar{background:var(--dark);color:#8a9099;font-size:.75rem;letter-spacing:.05em;padding:.45rem 1.5rem;display:flex;justify-content:space-between;align-items:center}.top-bar-center{color:#cdd1d6}header.site-header{background:var(--dark);border-bottom:1px solid #2e343b;padding:0}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;height:60px;display:flex;align-items:center;gap:2rem}a.logo{display:flex;flex-direction:column;gap:0;text-decoration:none;flex-shrink:0}.logo-main{font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:-.01em;line-height:1.2}.logo-sub{font-size:.6rem;color:#6b7380;letter-spacing:.08em;text-transform:uppercase}nav.header-nav{display:flex;gap:0;flex:1}nav.header-nav a{color:#9ca3af;font-size:.85rem;padding:0 .9rem;height:60px;display:flex;align-items:center;text-decoration:none;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}nav.header-nav a:hover{color:#fff;border-bottom-color:var(--teal)}.header-cta{flex-shrink:0;background:var(--teal);color:#fff!important;font-size:.8rem;font-weight:600;padding:.45rem 1rem;border-radius:var(--radius);text-decoration:none!important;white-space:nowrap;transition:background .15s}.header-cta:hover{background:var(--teal-hover)}.hero-section{background:var(--dark);padding:3.5rem 1.5rem 3rem}.hero-inner{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1fr 340px;gap:3rem;align-items:start}.hero-badge{display:inline-block;background:var(--teal);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.12em;padding:.25rem .6rem;border-radius:2px;margin-bottom:1.25rem}.hero-title{font-family:var(--font-serif);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;line-height:1.25;letter-spacing:-.02em;margin-bottom:1.25rem}.hero-title a{color:#fff;text-decoration:none}.hero-title a:hover{color:var(--teal)}.hero-desc{color:#9ca3af;font-size:1rem;line-height:1.7;margin-bottom:1.5rem;max-width:520px}.hero-meta{color:#6b7380;font-size:.85rem;display:flex;align-items:center;gap:.4rem;margin-bottom:1.5rem}.hero-meta-sep{color:#3a4048}.hero-read{display:inline-block;color:var(--teal);font-size:.9rem;font-weight:600;text-decoration:none;border-bottom:1px solid var(--teal);padding-bottom:1px;transition:opacity .15s}.hero-read:hover{opacity:.75;text-decoration:none}.hero-side{background:#232a32;border:1px solid #2e343b;border-radius:var(--radius);padding:1.75rem}.hero-side-label{display:block;font-size:.65rem;letter-spacing:.12em;color:var(--teal);font-weight:700;margin-bottom:.75rem}.hero-side-title{font-family:var(--font-serif);font-size:1.2rem;font-weight:700;line-height:1.4;margin-bottom:.75rem}.hero-side-title a{color:#e5e7eb;text-decoration:none}.hero-side-title a:hover{color:var(--teal)}.hero-side-desc{color:#6b7380;font-size:.875rem;line-height:1.65}.posts-section{padding:3rem 1.5rem 4rem}.posts-inner{max-width:var(--max-width);margin:0 auto}.section-heading{font-size:.75rem;letter-spacing:.12em;font-weight:700;color:var(--text-soft);text-transform:uppercase;border:none;padding:0;margin:0 0 1.5rem}.post-grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-bottom:2.5rem}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s,transform .15s}.post-card:hover{box-shadow:0 4px 16px #00000014;transform:translateY(-2px)}.post-card a{display:block;padding:1.5rem;color:var(--text);text-decoration:none;height:100%}.post-card-cat{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal);margin-bottom:.6rem}.post-card-title{font-size:1.05rem;font-weight:700;line-height:1.45;margin-bottom:.6rem;color:var(--text)}.post-card-desc{font-size:.875rem;color:var(--text-soft);line-height:1.6;margin-bottom:1rem}.post-card-date{font-size:.78rem;color:#9ca3af}.no-posts{color:var(--text-soft);padding:2rem 0}.all-link{text-align:center;margin-top:1rem}.all-link a{font-size:.9rem;font-weight:600;color:var(--teal);text-decoration:none;border-bottom:1px solid var(--teal);padding-bottom:1px}.all-link a:hover{opacity:.75}footer.site-footer{background:var(--dark);border-top:1px solid #2e343b;padding:2rem 1.5rem;color:#6b7380;font-size:.85rem;text-align:center}footer.site-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.25rem 1.25rem;margin-bottom:1rem}footer.site-footer nav a{color:#6b7380;text-decoration:none}footer.site-footer nav a:hover{color:#9ca3af}.container{max-width:var(--content-width);margin:0 auto;padding:0 1.5rem}article.post{padding:2.5rem 0 4rem}article.post .meta{color:var(--text-soft);font-size:.9rem;margin-bottom:.5rem}article.post .category{display:inline-block;background:var(--teal);color:#fff;padding:.15rem .6rem;border-radius:999px;font-size:.8rem;margin-right:.5rem}article.post .tags{margin-top:2rem;font-size:.9rem;color:var(--text-soft)}article.post .tags span{margin-right:.4rem;background:var(--code-bg);padding:.2rem .6rem;border-radius:4px}h1{font-size:2rem;line-height:1.3;margin:2rem 0 1rem}h2{font-size:1.5rem;line-height:1.4;margin:2.5rem 0 1rem;border-bottom:1px solid var(--border);padding-bottom:.5rem}h3{font-size:1.25rem;line-height:1.4;margin:2rem 0 .75rem}p{margin:0 0 1.25rem}code{font-family:var(--font-mono);background:var(--code-bg);padding:.15em .4em;border-radius:4px;font-size:.92em}pre{background:var(--dark);color:#e2e8f0;padding:1.25rem;border-radius:var(--radius);overflow-x:auto;line-height:1.6;margin:0 0 1.25rem}pre code{background:transparent;color:inherit;padding:0}blockquote{border-left:4px solid var(--teal);background:#f0fafa;padding:1rem 1.25rem;margin:1.5rem 0;border-radius:0 var(--radius) var(--radius) 0;color:var(--text-soft)}hr{border:none;border-top:1px solid var(--border);margin:3rem 0}table{width:100%;border-collapse:collapse;margin:1.5rem 0}th,td{padding:.6rem .8rem;border:1px solid var(--border);text-align:left}th{background:var(--code-bg);font-weight:600}ul.post-list{list-style:none;padding:0}ul.post-list li{padding:1.25rem 0;border-bottom:1px solid var(--border)}ul.post-list li a{display:block;color:var(--text)}ul.post-list li a:hover{color:var(--teal);text-decoration:none}ul.post-list li h3{margin:0 0 .25rem;font-size:1.2rem}ul.post-list li .date{color:var(--text-soft);font-size:.85rem}ul.post-list li .excerpt{color:var(--text-soft);margin-top:.3rem;font-size:.95rem}@media(max-width:768px){.top-bar-left,.top-bar-right{display:none}.top-bar{justify-content:center}.hero-inner{grid-template-columns:1fr;gap:2rem}.hero-side{display:none}nav.header-nav{display:none}.header-inner{gap:1rem}.post-grid{grid-template-columns:1fr}h1{font-size:1.6rem}h2{font-size:1.3rem}}