@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Noto+Serif+JP:wght@400;500&family=Inter:wght@400;500&display=swap";:root{--bg: #e9debe;--accent: #316460;--accent-lt: #4a8480;--ink: #1e3030;--muted: #6b7c6e;--rule: #b8c4a8;--w: 680px;--serif: "EB Garamond", "Noto Serif JP", Georgia, serif;--sans: "Inter", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font-family:var(--serif);font-size:17px;line-height:1.9;color:var(--ink);background:var(--bg)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}.site-wrapper{width:var(--w);margin:0 auto;padding:0 2rem}.site-header{padding:3rem 0 0;text-align:center}.header-image-link{display:inline-block}.header-image{width:320px;height:auto;margin:0 auto;border-radius:4px}.site-title{margin:1.2rem 0 .1rem;font-size:2rem;font-weight:500;letter-spacing:.06em}.site-title a{color:var(--accent)}.site-title a:hover{text-decoration:none}.site-description{margin:0 0 1.2rem;font-size:.9rem;font-style:italic;color:var(--accent-lt);letter-spacing:.04em}.site-nav{display:flex;flex-direction:column;align-items:center;gap:.05rem;margin-bottom:1.4rem}.site-nav a{color:var(--accent);font-size:.95rem;letter-spacing:.04em;padding:.1rem 0}.site-nav a:hover{text-decoration:none;color:var(--accent-lt)}.header-separator{display:flex;align-items:center;gap:.6rem;margin:0 0 2rem;color:var(--rule)}.header-separator:before,.header-separator:after{content:"";flex:1;height:1px;background:var(--rule)}.header-separator-ornament{font-size:.6rem;letter-spacing:-.1em;color:var(--accent);opacity:.5}.site-footer{padding-bottom:3rem;text-align:center}.footer-separator{display:flex;align-items:center;gap:.6rem;margin:2.5rem 0 1.6rem;color:var(--rule)}.footer-separator:before,.footer-separator:after{content:"";flex:1;height:1px;background:var(--rule)}.post-list{list-style:none;margin:0;padding:0}.post-list-item{padding:1.8rem 0;border-bottom:1px solid var(--rule)}.post-list-item:first-child{padding-top:.2rem}.post-list-item .post-title{margin:0 0 .45rem;font-size:1.65rem;font-weight:500;line-height:1.35}.post-list-item .post-title a{color:var(--accent)}.post-list-item .post-title a:hover{text-decoration:none;color:var(--accent-lt)}.post-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-family:var(--sans);font-size:.8rem;color:var(--muted)}.badge{display:inline-block;padding:.05rem .5rem;border:1px solid var(--rule);border-radius:2px;font-size:.75rem;color:var(--muted);background:transparent}.badge:hover{border-color:var(--accent-lt);color:var(--accent);text-decoration:none}.post-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--rule)}.post-header h1{margin:0 0 .6rem;font-size:1.8rem;font-weight:500;line-height:1.45;color:var(--accent)}.post-content{line-height:1.95}.post-content h1,.post-content h2,.post-content h3,.post-content h4{color:var(--accent);font-weight:500;margin-top:2rem;line-height:1.4}.post-content h2{font-size:1.3rem;padding-bottom:.2rem;border-bottom:1px solid var(--rule)}.post-content h3{font-size:1.1rem}.post-content p{margin:0 0 1rem}.post-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.post-content blockquote{margin:1.2rem 0;padding:.5rem 1.2rem;border-left:2px solid var(--accent-lt);color:var(--muted);font-style:italic}.post-content pre{background:#3164600d;border:1px solid var(--rule);border-radius:3px;padding:1rem 1.2rem;overflow-x:auto;font-size:.86rem;font-family:Courier New,Courier,monospace;line-height:1.65}.post-content code{font-size:.86em;font-family:Courier New,Courier,monospace;background:#31646012;padding:.05rem .35rem;border-radius:2px}.post-content pre code{background:none;padding:0}.post-content table{border-collapse:collapse;width:100%;margin:1.2rem 0;font-size:.92rem}.post-content th,.post-content td{border:1px solid var(--rule);padding:.45rem .75rem}.post-content th{background:#31646012;color:var(--accent);font-weight:500}.post-content hr{border:none;border-top:1px solid var(--rule);margin:2rem 0}.post-content img{border-radius:3px;margin:1.2rem auto}.post-content ul,.post-content ol{padding-left:1.5rem;margin:.4rem 0 1rem}.post-content li{margin-bottom:.15rem}.header-separator,.footer-separator{display:flex;align-items:center;gap:.6rem;color:var(--rule)}.header-separator{margin:0 0 2rem}.footer-separator{margin:2.5rem 0 1.6rem}.header-separator:before,.header-separator:after,.footer-separator:before,.footer-separator:after{content:"";flex:1;height:1px;background:var(--rule)}.ornament{font-size:.55rem;color:var(--accent);opacity:.45}.footer-rss{margin-top:.8rem;font-size:.8rem}.footer-rss a{color:var(--muted)}.archive-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--rule)}.archive-label{margin:0;font-size:.75rem;font-family:var(--sans);color:var(--muted);letter-spacing:.1em;text-transform:lowercase}.archive-title{margin:.1rem 0 .2rem;font-size:1.6rem;font-weight:500;color:var(--accent)}.archive-count{margin:0;font-size:.82rem;font-family:var(--sans);color:var(--muted)}.toc{background:#3164600d;border:1px solid var(--rule);border-radius:3px;padding:1rem 1.2rem;margin-bottom:2rem;font-size:.88rem}.toc-title{margin:0 0 .5rem;font-size:.78rem;font-family:var(--sans);color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.toc-list{margin:0;padding-left:1.2rem;line-height:1.7}.toc-item a{color:var(--accent-lt)}.toc-item a:hover{color:var(--accent);text-decoration:underline}.toc-h3{padding-left:1rem;font-size:.84rem}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--rule);font-size:.88rem;font-family:var(--sans)}.pagination-link{color:var(--accent)}.pagination-link:hover{text-decoration:underline}.pagination-disabled{color:var(--rule);cursor:default}.pagination-info{color:var(--muted);font-size:.8rem}.post-thumbnail{width:100%;height:200px;object-fit:cover;border-radius:4px;margin-bottom:.9rem;display:block;transition:opacity .15s}.post-thumbnail:hover{opacity:.88}.post-eyecatch{width:100%;max-height:420px;object-fit:cover;border-radius:4px;margin-bottom:1.8rem}
