:root{--bg:#f4f4f2;--card:#fff;--ink:#2a2a2a;--sub:#6b6b6b;--line:#e3e3df;--brand:#a89a4f;--brand-ink:#7d7136;--nav:#222;--nav-ink:#f2f2f2;--link:#1d5fa8;--w:780px}
@media (prefers-color-scheme:dark){:root{--bg:#161616;--card:#202020;--ink:#e7e7e4;--sub:#a3a3a0;--line:#333;--brand:#c9b965;--brand-ink:#d8c978;--nav:#0d0d0d;--link:#7fb2ec}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.9 -apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif}
a{color:var(--link)}img,video,iframe{max-width:100%;height:auto}
header.site{background:var(--card);border-bottom:1px solid var(--line)}
.brand{max-width:1080px;margin:0 auto;padding:18px 16px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.brand a{font:700 30px/1.1 "Times New Roman",Georgia,serif;letter-spacing:.02em;color:var(--brand);text-decoration:none}
.brand span{color:var(--brand-ink);font-weight:700;font-size:15px}
nav.site{background:var(--nav)}nav.site ul{max-width:1080px;margin:0 auto;padding:0 8px;list-style:none;display:flex;flex-wrap:wrap}
nav.site a{display:block;padding:10px 12px;color:var(--nav-ink);text-decoration:none;font-weight:700;font-size:13px;letter-spacing:.06em}
nav.site a:hover{background:#ffffff1a}
main{max-width:var(--w);margin:20px auto;padding:0 16px}
article.post,.list,.box{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:22px 18px}
@media(min-width:700px){article.post{padding:36px 44px}}
.meta{color:var(--sub);font-size:13px}.meta a{color:var(--sub)}
h1.title{font-size:24px;line-height:1.5;margin:.3em 0 .6em}
.body h2{font-size:21px;border-left:5px solid var(--brand);padding:.3em .6em;background:var(--bg);margin:2em 0 1em}
.body h3{font-size:18px;border-bottom:2px solid var(--line);padding-bottom:.25em;margin:1.8em 0 .8em}
.body table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;font-size:14px}
.body td,.body th{border:1px solid var(--line);padding:6px 8px;vertical-align:top}
.body blockquote{margin:1.2em 0;padding:.6em 1em;border-left:4px solid var(--line);color:var(--sub);background:var(--bg)}
.body figure{margin:1.4em 0}.body figcaption{font-size:13px;color:var(--sub);text-align:center}
.body pre{background:#1e1e1e;color:#eee;padding:12px;overflow-x:auto;border-radius:4px;font-size:13px}
.body .wp-block-columns{display:flex;flex-wrap:wrap;gap:16px}.body .wp-block-column{flex:1 1 240px}
.body .aligncenter{display:block;margin-left:auto;margin-right:auto}
.cards{list-style:none;padding:0;margin:0;display:grid;gap:14px}
@media(min-width:620px){.cards{grid-template-columns:1fr 1fr}}
.cards li{background:var(--card);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.cards a{color:inherit;text-decoration:none;display:block}.cards img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;background:var(--line)}
.cards .c{padding:10px 14px 14px}.cards h2{font-size:16px;line-height:1.5;margin:.2em 0}.cards p{font-size:13px;color:var(--sub);margin:.3em 0 0;line-height:1.7}
h1.list-title{font-size:20px;margin:0 0 14px}
.pager{display:flex;justify-content:space-between;margin:18px 0;font-weight:700}
.tags a{display:inline-block;margin:0 6px 6px 0;padding:2px 10px;border:1px solid var(--line);border-radius:99px;font-size:12px;color:var(--sub);text-decoration:none}
footer.site{color:var(--sub);font-size:12px;text-align:center;padding:30px 16px}
.archive-note{font-size:13px;color:var(--sub);background:var(--card);border:1px dashed var(--line);border-radius:6px;padding:10px 14px;margin-bottom:16px}