:root{--color-bg:#f6f4ef;--color-surface:#fff;--color-ink:#26291f;--color-ink-soft:#5c5e52;--color-ink-faint:#8b8c7e;--color-forest:#3d6650;--color-forest-deep:#274436;--color-clay:#b85a3e;--color-line:#e7e2d6;--color-line-soft:#efebe0;--font-display:"dnp-shuei-gothic-gin-std", "Noto Sans JP", sans-serif;--font-body:"dnp-shuei-gothic-gin-std", "Noto Sans JP", sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.1875rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.375rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4.5rem;--sp-9:6.5rem;--max-width:780px;--max-width-wide:1040px;--radius-sm:6px;--radius-md:12px;--shadow-xs:0 1px 2px #26291f0d;--shadow-sm:0 1px 2px #26291f0a, 0 4px 10px #26291f0d;--shadow-md:0 6px 16px #26291f0f, 0 16px 40px #26291f12;--ease-out:cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);letter-spacing:.01em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.85}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);letter-spacing:.02em;color:var(--color-ink);margin:0;font-weight:700;line-height:1.55}p{margin:0}.section-label{font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--color-forest);margin-bottom:var(--sp-3);font-weight:700;display:block}.site-header{z-index:20;-webkit-backdrop-filter:blur(10px)saturate(1.1);border-bottom:1px solid var(--color-line-soft);background:#f6f4efe0;position:sticky;top:0}.site-header__inner{max-width:var(--max-width);padding:var(--sp-4) var(--sp-5);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.site-title{font-family:var(--font-display);font-size:var(--text-md);letter-spacing:.04em;color:var(--color-forest-deep);transition:opacity .2s var(--ease-out);font-weight:800}.site-title:hover{opacity:.72}.site-nav{gap:var(--sp-5);display:flex}.site-nav a{font-size:var(--text-sm);color:var(--color-ink-soft);transition:color .2s var(--ease-out);font-weight:500;position:relative}.site-nav a:after{content:"";height:1px;transition:right .25s var(--ease-out);background:currentColor;position:absolute;bottom:-3px;left:0;right:100%}.site-nav a:hover{color:var(--color-ink)}.site-nav a:hover:after{right:0}.site-main{max-width:var(--max-width);padding:var(--sp-7) var(--sp-5) var(--sp-8);margin:0 auto}.site-main--wide{max-width:var(--max-width-wide)}.hero-intro{padding-bottom:var(--sp-5)}.hero-intro h1{font-size:var(--text-2xl);margin-bottom:var(--sp-4);max-width:15em;line-height:1.6}.hero-intro p{color:var(--color-ink-soft);font-size:var(--text-base);max-width:30em;line-height:1.95}.page-title{font-size:var(--text-2xl);margin-bottom:var(--sp-6)}.page-meta{font-size:var(--text-xs);color:var(--color-ink-soft);margin-top:calc(var(--sp-1) * -1);margin-bottom:var(--sp-5)}.ai-badge{align-items:center;gap:var(--sp-1);font-size:var(--text-xs);letter-spacing:.04em;padding:var(--sp-1) var(--sp-3);color:var(--color-forest);border:1px solid var(--color-line);margin-left:var(--sp-2);vertical-align:middle;background:0 0;border-radius:999px;font-weight:600;display:inline-flex}.ai-badge:before{content:"✦";font-size:.7em}.ai-note{margin:var(--sp-6) 0;padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);font-size:var(--text-sm);color:var(--color-ink-faint);background:0 0;line-height:1.9}.category-tag{font-size:var(--text-xs);letter-spacing:.05em;padding:var(--sp-1) var(--sp-3);color:var(--color-forest-deep);background:#3d665012;border-radius:999px;font-weight:700;display:inline-block}.post-grid{gap:var(--sp-6);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.post-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .45s var(--ease-out), box-shadow .45s var(--ease-out);overflow:hidden}.post-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.post-card .thumb{aspect-ratio:4/3;background:var(--color-line);display:block;overflow:hidden}.post-card .thumb img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.post-card:hover .thumb img{transform:scale(1.045)}.thumb--empty{width:100%;height:100%;min-height:120px;font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-forest);background:var(--color-line-soft);justify-content:center;align-items:center;font-weight:700;display:flex}.post-card .card-body{padding:var(--sp-5)}.post-card time{font-size:var(--text-xs);color:var(--color-ink-faint);margin:var(--sp-3) 0 var(--sp-2);letter-spacing:.03em;display:block}.post-card h2{font-size:var(--text-base);letter-spacing:.01em;margin-bottom:var(--sp-2);font-weight:700;line-height:1.65}.post-card h2 a{transition:color .2s var(--ease-out)}.post-card h2 a:hover{color:var(--color-clay)}.post-card p{font-size:var(--text-sm);color:var(--color-ink-soft);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.8;display:-webkit-box;overflow:hidden}.breadcrumb{font-size:var(--text-xs);color:var(--color-ink-soft);margin-bottom:var(--sp-5)}.breadcrumb a:hover{color:var(--color-clay)}.breadcrumb span[aria-current]{color:var(--color-ink)}.post-header{margin-bottom:var(--sp-6)}.post-header time{font-size:var(--text-sm);color:var(--color-ink-soft);margin-top:var(--sp-3);display:block}.post-header h1{font-size:var(--text-2xl);margin:var(--sp-3) 0 var(--sp-1);line-height:1.5}.hero-image{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);width:100%;height:auto;margin-top:var(--sp-5)}.post-content{font-size:var(--text-base)}.post-content h2{font-size:var(--text-lg);margin-top:var(--sp-8);margin-bottom:var(--sp-3);line-height:1.6}.post-content h3{font-size:var(--text-md);margin-top:var(--sp-6);margin-bottom:var(--sp-2);line-height:1.6}.post-content p{margin:var(--sp-4) 0}.post-content img{border-radius:var(--radius-md);margin:var(--sp-6) 0;box-shadow:var(--shadow-sm)}.post-content blockquote{margin:var(--sp-6) 0;padding:var(--sp-4) var(--sp-5);background:var(--color-surface);border-left:2px solid var(--color-forest);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-ink-soft);font-size:var(--text-base);line-height:1.9}.post-content ul,.post-content ol{margin:var(--sp-4) 0;padding-left:var(--sp-5)}.post-content li{margin:var(--sp-2) 0}.post-content table{border-collapse:collapse;width:100%;margin:var(--sp-5) 0;font-size:var(--text-sm);background:var(--color-surface);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);overflow:hidden}.post-content th,.post-content td{padding:var(--sp-3) var(--sp-4);text-align:left;border-bottom:1px solid var(--color-line)}.post-content th{color:var(--color-forest-deep);background:#3d66500f;font-weight:700}.post-content tr:last-child td{border-bottom:none}.ad-slot{margin:var(--sp-6) auto;text-align:center;overflow:hidden}.ad-slot:empty{display:none}.post-tags{font-size:var(--text-xs);color:var(--color-ink-soft);margin-top:var(--sp-5)}.comments-section{margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--color-line)}.comments-section h2{font-size:var(--text-lg);margin-bottom:var(--sp-4)}.comment-form{gap:var(--sp-3);background:var(--color-surface);padding:var(--sp-5);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--sp-6);display:grid}.comment-form .row{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.comment-form input,.comment-form textarea{font-family:var(--font-body);font-size:var(--text-base);padding:var(--sp-3);border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-ink);resize:vertical;transition:border-color .2s var(--ease-out)}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--color-forest);outline:none}.comment-form button{font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);letter-spacing:.02em;padding:var(--sp-3) var(--sp-6);background:var(--color-forest);color:#fff;cursor:pointer;transition:background .25s var(--ease-out), transform .25s var(--ease-out);border:none;border-radius:999px;justify-self:start}.comment-form button:hover{background:var(--color-forest-deep);transform:translateY(-1px)}.comment-form button:active{transform:translateY(0)}.comment-form .form-note{font-size:var(--text-xs);color:var(--color-ink-faint)}.comment-list{gap:var(--sp-4);margin:0;padding:0;list-style:none;display:grid}.comment-item{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-5);box-shadow:var(--shadow-sm)}.comment-item .comment-meta{align-items:baseline;gap:var(--sp-3);font-size:var(--text-xs);margin-bottom:var(--sp-2);display:flex}.comment-item .comment-author{color:var(--color-forest-deep);font-weight:700}.comment-item .comment-date{color:var(--color-ink-soft)}.comment-item .comment-body{font-size:var(--text-base);white-space:pre-wrap;line-height:1.8}.comment-empty{color:var(--color-ink-soft);font-size:var(--text-sm)}.site-footer{border-top:1px solid var(--color-line);text-align:center;padding:var(--sp-7) var(--sp-4);font-size:var(--text-xs);color:var(--color-ink-soft)}.site-footer p{margin:var(--sp-2) 0}.site-footer a:hover{color:var(--color-clay)}.reveal{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(12px)}.reveal.on{opacity:1;transform:translateY(0)}@media (width<=480px){.site-nav{gap:var(--sp-4)}.comment-form .row{grid-template-columns:1fr}}