:root{--wrap: 1080px;--read: 720px;--bg: #fbfbfc;--surface: #ffffff;--fg: #1f2328;--fg-muted: #6b7280;--border: #e8e8ec;--accent: #b23a48;--accent-weak: #fdf2f4;--code-bg: #f5f6f8;--radius: 14px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(17, 24, 39, .04), 0 4px 12px rgba(17, 24, 39, .05);--shadow-hover: 0 6px 22px rgba(17, 24, 39, .1);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #14161a;--surface: #1b1e24;--fg: #e7e9ee;--fg-muted: #9aa3b2;--border: #2b2f37;--accent: #f2879a;--accent-weak: #24191c;--code-bg: #22262d;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 12px rgba(0, 0, 0, .35);--shadow-hover: 0 6px 22px rgba(0, 0, 0, .45)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--fg);background:var(--bg);line-height:1.8;font-size:16px;overflow-wrap:break-word;word-break:break-word;-webkit-font-smoothing:antialiased}.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:1.1rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 86%,transparent);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border)}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:60px}.brand{font-weight:800;color:var(--fg);font-size:1.1rem;letter-spacing:.01em}.brand:hover{text-decoration:none;color:var(--accent)}.nav{display:flex;gap:1.25rem;font-size:.92rem}.nav a{color:var(--fg-muted);font-weight:600}.nav a:hover{color:var(--accent);text-decoration:none}main{padding-block:2.5rem 3rem;min-height:60vh}.site-footer{border-top:1px solid var(--border);margin-top:4rem;padding-block:2.5rem;color:var(--fg-muted);background:var(--surface)}.site-footer .wrap{display:flex;flex-direction:column;gap:1rem}.foot-nav{display:flex;flex-wrap:wrap;gap:1.25rem;font-size:.9rem}.foot-nav a{color:var(--fg-muted)}.copy{font-size:.82rem}.page-head{margin-bottom:1.8rem}.page-head h1{font-size:1.6rem;margin:0 0 .3rem;letter-spacing:.01em}.page-head .sub{color:var(--fg-muted);font-size:.92rem;margin:0}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1.4rem}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.card a.cover{display:block}.card .thumb,.card .thumb-ph{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:var(--accent-weak)}.card .thumb-ph{display:grid;place-items:center;color:var(--accent);background:linear-gradient(135deg,var(--accent-weak),var(--surface));font-weight:800;font-size:1.3rem}.card .body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.card .title{font-weight:700;font-size:1.02rem;line-height:1.5;color:var(--fg)}.card .title:hover{color:var(--accent);text-decoration:none}.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card .excerpt{color:var(--fg-muted);font-size:.88rem;line-height:1.7;margin:0}.card .meta{color:var(--fg-muted);font-size:.78rem;margin-top:auto;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.post-list{list-style:none;padding:0;margin:0}.post-list li{padding:.95rem 0;border-bottom:1px solid var(--border);display:flex;gap:.9rem;align-items:baseline}.post-list .list-date{color:var(--fg-muted);font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap;flex:0 0 auto}.post-list .title{font-size:1rem;font-weight:600;color:var(--fg)}.post-list .title:hover{color:var(--accent);text-decoration:none}.term-cloud{display:flex;flex-wrap:wrap;gap:.55rem}.chip{display:inline-block;font-size:.84rem;padding:.32rem .8rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--fg)}.chip:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.badge{display:inline-block;font-size:.76rem;padding:.1rem .6rem;border-radius:999px;background:var(--accent-weak);color:var(--accent)}.article{max-width:var(--read);margin-inline:auto}.article>h1{font-size:1.85rem;line-height:1.4;margin:0 0 .8rem;letter-spacing:.01em}.post-meta{color:var(--fg-muted);font-size:.88rem;display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-bottom:1.4rem}.article .hero{width:100%;border-radius:var(--radius);margin:.5rem 0 1.8rem;aspect-ratio:16 / 9;object-fit:cover}.post-body{font-size:1.02rem}.post-body>*+*{margin-top:1.15rem}.post-body h2{font-size:1.4rem;margin-top:2.6rem;padding-bottom:.35rem;border-bottom:2px solid var(--border)}.post-body h3{font-size:1.18rem;margin-top:2rem}.post-body h4{font-size:1.05rem;margin-top:1.6rem}.post-body img{border-radius:var(--radius-sm);display:block;margin-inline:auto}.post-body figure{margin:1.6rem 0}.post-body figcaption{color:var(--fg-muted);font-size:.84rem;text-align:center;margin-top:.5rem}.post-body a{text-decoration:underline;text-underline-offset:2px}.post-body ul,.post-body ol{padding-left:1.4rem}.post-body li+li{margin-top:.35rem}.post-body blockquote{margin:1.6rem 0;padding:.6rem 1.1rem;border-left:4px solid var(--accent);background:var(--accent-weak);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--fg)}.post-body pre{background:var(--code-bg);padding:1rem 1.1rem;border-radius:var(--radius-sm);overflow-x:auto;font-size:.9rem}.post-body code{background:var(--code-bg);padding:.15em .4em;border-radius:5px;font-size:.9em}.post-body pre code{background:none;padding:0}.post-body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;font-size:.92rem}.post-body th,.post-body td{border:1px solid var(--border);padding:.55rem .8rem;text-align:left}.post-body th{background:var(--code-bg);font-weight:700}.post-body hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}.post-body iframe{max-width:100%;border-radius:var(--radius-sm)}.article .tags{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.center{text-align:center}.muted{color:var(--fg-muted)}.more-link{display:inline-block;margin-top:2rem;font-weight:600}@media(max-width:640px){.article>h1{font-size:1.5rem}.post-body{font-size:1rem}main{padding-block:1.8rem 2.4rem}.nav{gap:.9rem;font-size:.86rem}}