:root{--bg:#fbfaf7;--surface:#fff;--ink:#2b2b2b;--ink-soft:#6b6b6b;--line:#e7e3d8;--accent:#b8943e;--max-width:760px}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{min-height:100%;color:var(--ink);background:var(--bg);font-family:var(--font-sans), system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;-webkit-font-smoothing:antialiased;flex-direction:column;line-height:1.8;display:flex}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.site-header__inner{align-items:baseline;gap:14px;padding-top:16px;padding-bottom:16px;display:flex}.site-header__home{color:var(--ink);font-size:1.1rem;font-weight:700;text-decoration:none}.site-header__blog{color:var(--ink-soft);font-size:.95rem;text-decoration:none}.site-header__blog:hover{color:var(--accent)}.site-main{flex:1;padding-top:40px;padding-bottom:64px}.breadcrumb{color:var(--ink-soft);margin-bottom:24px;font-size:.85rem}.breadcrumb a{color:var(--ink-soft);text-decoration:none}.breadcrumb a:hover{color:var(--accent);text-decoration:underline}.breadcrumb span{color:var(--line);margin:0 8px}.page-title{margin-bottom:28px;font-size:1.7rem;font-weight:700}.post-list{flex-direction:column;gap:20px;list-style:none;display:flex}.post-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 22px;transition:border-color .15s,box-shadow .15s}.post-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #b8943e14}.post-card a{color:inherit;text-decoration:none}.post-card__title{color:var(--ink);margin-bottom:6px;font-size:1.15rem;font-weight:700}.post-card__date{color:var(--ink-soft);font-size:.8rem}.post-card__desc{color:var(--ink-soft);margin-top:8px;font-size:.95rem}.empty-state{background:var(--surface);border:1px dashed var(--line);text-align:center;color:var(--ink-soft);border-radius:12px;padding:40px 24px}.article-header{margin-bottom:28px}.article-title{margin-bottom:10px;font-size:1.9rem;font-weight:700;line-height:1.5}.article-date{color:var(--ink-soft);font-size:.85rem}.article-eyecatch{border-radius:12px;width:100%;height:auto;margin-bottom:28px}.article-body{font-size:1.02rem}.article-body h2{border-bottom:1px solid var(--line);margin:36px 0 14px;padding-bottom:6px;font-size:1.35rem}.article-body h3{margin:28px 0 12px;font-size:1.15rem}.article-body p{margin:0 0 18px}.article-body ul,.article-body ol{margin:0 0 18px 1.4em}.article-body li{margin-bottom:6px}.article-body a{color:var(--accent);text-decoration:underline}.article-body img{border-radius:8px;max-width:100%;height:auto}.article-body blockquote{border-left:3px solid var(--accent);color:var(--ink-soft);margin:0 0 18px;padding-left:16px}.article-body h4{margin:22px 0 10px;font-size:1.02rem}.article-body code{border:1px solid var(--line);background:#f3f1ea;border-radius:4px;padding:.1em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}.article-body pre{border:1px solid var(--line);background:#f3f1ea;border-radius:8px;margin:0 0 18px;padding:14px 16px;overflow-x:auto}.article-body pre code{background:0 0;border:none;padding:0;font-size:.88rem}.article-body table{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:.95rem}.article-body th,.article-body td{border:1px solid var(--line);text-align:left;padding:8px 12px}.article-body th{background:#f3f1ea;font-weight:700}.article-body hr{border:none;border-top:1px solid var(--line);margin:28px 0}.site-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--ink-soft);text-align:center;padding:20px 0}