:root{--bg: #faf7f2;--surface: #ffffff;--ink: #3d3a34;--ink-soft: #6f6a60;--accent: #4a7c6f;--accent-warm: #c98d5f;--line: #e5dfd5;--max-width: 680px;--radius: 10px;font-size:17px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Noto Sans JP,sans-serif;line-height:2.05;letter-spacing:.01em;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}.site-header{border-bottom:1px solid var(--line);background:var(--surface)}.site-header .header-main{display:flex;align-items:center;gap:1rem;padding-top:1.1rem;padding-bottom:1.1rem;flex-wrap:wrap}.header-titles{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.site-title{font-size:1.35rem;font-weight:700;color:var(--ink)}.site-title:hover{text-decoration:none}.site-tagline{font-size:.8rem;color:var(--ink-soft)}.site-header.has-banner .header-main{background:url(/images/banner-strip.webp) right center / cover no-repeat;border-radius:var(--radius);margin-top:.8rem;min-height:165px;padding:1.2rem 1.5rem}.site-header.has-banner .header-titles{flex-direction:column;gap:.4rem;align-items:flex-start}.site-header.has-banner .site-tagline{font-size:.9rem}@media(max-width:600px){.site-header.has-banner .header-main{min-height:120px;padding:1rem 1.1rem}}.site-nav{display:flex;gap:.9rem;flex-wrap:wrap;font-size:.85rem;padding-bottom:.9rem}.site-footer{border-top:1px solid var(--line);margin-top:4rem;padding:2rem 0 3rem;font-size:.8rem;color:var(--ink-soft)}.footer-links{display:flex;gap:1.1rem;flex-wrap:wrap}.article-list{list-style:none;padding:0;margin:0;display:grid;gap:1.3rem}.article-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow .15s ease}.article-card:hover{box-shadow:0 3px 14px #3d3a3414}.article-card .card-link{display:flex;gap:0;color:inherit;text-decoration:none;align-items:stretch}.article-card .card-link:hover{text-decoration:none}.article-card .card-thumb{flex:0 0 220px;background:#efe9df}.article-card .card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.article-card .card-body{padding:1.2rem 1.5rem;min-width:0}.article-card h2{margin:.4rem 0 .3rem;font-size:1.05rem;line-height:1.6;color:var(--ink)}.article-card .card-link:hover h2{color:var(--accent)}.article-card p{margin:.2rem 0 .3rem;font-size:.88rem;color:var(--ink-soft)}@media(max-width:600px){.article-card .card-link{flex-direction:column}.article-card .card-thumb{flex:none;aspect-ratio:16 / 9}}.meta{font-size:.78rem;color:var(--ink-soft);display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}.badge{display:inline-block;font-size:.72rem;padding:.05rem .55rem;border-radius:999px;background:#f2e8dd;color:var(--accent-warm)}.badge.cat{background:#e4efe9;color:var(--accent)}.badge.draft{background:#f5e0e0;color:#a05252}.article-body h1{font-size:1.5rem;line-height:1.75;margin:2rem 0 1rem}.article-body h2{font-size:1.18rem;margin:3.4rem 0 1.2rem;padding-left:.7rem;border-left:4px solid var(--accent);line-height:1.7}.article-body h3{font-size:1.02rem;margin:2.4rem 0 .8rem}.article-body p{margin:1.5em 0}.article-body img{max-width:100%;border-radius:var(--radius)}.article-body blockquote{margin:1.8rem 0;padding:1rem 1.3rem;background:var(--surface);border-left:4px solid var(--accent-warm);border-radius:0 var(--radius) var(--radius) 0;color:var(--ink-soft);font-size:.95rem}.article-body blockquote p{margin:.4em 0}.article-body hr{border:none;border-top:1px solid var(--line);margin:2.2rem 0}.article-body ul,.article-body ol{padding-left:1.4em;margin:1.5em 0}.article-body li{margin:.5em 0}.page-title{font-size:1.4rem;margin:2rem 0 1.2rem}.section-label{font-size:.85rem;color:var(--ink-soft);margin-bottom:1rem}.taglist{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.video-frame{aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:#efe9df}.video-frame iframe{width:100%;height:100%;border:0;display:block}.notice{background:#f7f1e3;border:1px solid #e8dcc0;border-radius:var(--radius);padding:.7rem 1rem;font-size:.82rem;color:var(--ink-soft);margin:1.2rem 0}.share{margin:2.4rem 0 1.2rem}.share-label{display:block;font-size:.8rem;color:var(--ink-soft);margin-bottom:.6rem}.share-buttons{display:flex;gap:.6rem;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink-soft);font-size:.82rem;font-family:inherit;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.share-btn svg{width:15px;height:15px;flex:none}.share-btn:hover{background:#f2ede4;color:var(--ink);border-color:#d8d0c2}.share-btn.x:hover{color:var(--ink)}.share-btn.line:hover{color:var(--accent);border-color:var(--accent)}@media(max-width:480px){.share-buttons{gap:.45rem}.share-btn{padding:.45rem .75rem;font-size:.78rem}}