:root{--color-bg:#fff;--color-bg-soft:#f7f8f6;--color-text:#232823;--color-text-soft:#5b625b;--color-border:#e3e6e1;--color-primary:#2f7a52;--color-primary-dark:#235f3f;--color-accent-bg:#eef6f0;--color-notice-bg:#fff8ea;--color-notice-border:#eddca0;--font-body:"Hiragino Sans", "Yu Gothic", "Noto Sans JP", system-ui, -apple-system, sans-serif;--max-width:880px;--radius:8px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.8}img{max-width:100%;height:auto}a{color:var(--color-primary-dark)}a:hover{color:var(--color-primary)}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.site-header__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1080px;margin:0 auto;padding:14px 20px;display:flex}.site-logo{color:var(--color-text);letter-spacing:.02em;font-size:1.1rem;font-weight:700;text-decoration:none}.site-nav{flex-wrap:wrap;gap:18px;font-size:.92rem;display:flex}.site-nav a{color:var(--color-text-soft);text-decoration:none}.site-nav a:hover{color:var(--color-primary-dark)}.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg-soft);color:var(--color-text-soft);margin-top:64px;padding:32px 0 40px;font-size:.85rem}.site-footer__links{flex-wrap:wrap;gap:16px;margin-bottom:12px;display:flex}.site-footer__links a{color:var(--color-text-soft)}.breadcrumbs{color:var(--color-text-soft);margin:20px 0;font-size:.8rem}.breadcrumbs a{color:var(--color-text-soft);text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs__sep{color:var(--color-border);margin:0 6px}.category-badge{color:var(--color-primary-dark);background:var(--color-accent-bg);border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-block}.category-badge:hover{background:#e0efe4}.affiliate-notice{color:#7a6a2f;background:var(--color-notice-bg);border:1px solid var(--color-notice-border);border-radius:var(--radius);margin:20px 0;padding:10px 14px;font-size:.82rem}.article-hero{padding:8px 0 0}.article-hero__title{margin:8px 0 12px;font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.45}.article-meta{color:var(--color-text-soft);flex-wrap:wrap;align-items:center;gap:10px 16px;margin-bottom:8px;font-size:.85rem;display:flex}.article-body{margin-top:28px}.article-body h1{margin:.6em 0 .8em;font-size:clamp(1.25rem,3.2vw,1.6rem);line-height:1.55}.article-body h2{border-bottom:2px solid var(--color-accent-bg);margin-top:2.4em;padding-bottom:.4em;font-size:1.4rem}.article-body h3{margin-top:2em;font-size:1.15rem}.article-body p{margin:1em 0}.article-body ul,.article-body ol{padding-left:1.4em}.article-body li{margin:.4em 0}.article-body blockquote{background:var(--color-bg-soft);border-left:4px solid var(--color-primary);border-radius:0 var(--radius) var(--radius) 0;color:var(--color-text-soft);margin:1.4em 0;padding:.8em 1.2em;font-size:.92rem}.article-body table{border-collapse:collapse;width:100%;margin:1.6em 0;font-size:.92rem;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--color-border);text-align:left;padding:8px 12px}.article-body th{background:var(--color-bg-soft)}.article-body a{text-decoration:underline;text-decoration-color:var(--color-border);text-underline-offset:3px}.article-body hr{border:none;border-top:1px solid var(--color-border);margin:2.4em 0}.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin:24px 0;display:grid}.post-card{border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);background:var(--color-bg);flex-direction:column;gap:8px;padding:18px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:flex}.post-card:hover{transform:translateY(-1px);box-shadow:0 4px 14px #23282314}.post-card__title{color:var(--color-text);font-size:1rem;font-weight:700;line-height:1.5}.post-card__desc{color:var(--color-text-soft);font-size:.85rem;line-height:1.6}.post-card__meta{color:var(--color-text-soft);margin-top:auto;font-size:.75rem}.section-title{margin:40px 0 4px;font-size:1.2rem}.cta-box{background:var(--color-accent-bg);border-radius:var(--radius);text-align:center;border:1px solid #cfe8d7;margin:32px 0;padding:15px 20px}.cta-box__lead{color:var(--color-text-soft);margin:0 0 8px;font-size:.88rem}.cta-button{background:var(--color-primary);color:#fff;border-radius:10px;padding:14px 36px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-block}.cta-button:hover{background:var(--color-primary-dark);color:#fff}.cta-bar{background:var(--color-accent-bg);border-radius:var(--radius);color:var(--color-primary-dark);border:1px solid #cfe8d7;justify-content:space-between;align-items:center;gap:12px;margin:28px 0;padding:16px 24px;font-size:1rem;font-weight:700;text-decoration:none;display:flex}.cta-bar:hover{border-color:var(--color-primary);color:var(--color-primary-dark);background:#e0efe4}.cta-bar__label:before{content:"▶";color:var(--color-primary);margin-right:10px;font-size:.65em;display:inline-block}.cta-bar__arrow{color:var(--color-primary);font-weight:400}.related-posts{border-top:1px solid var(--color-border);margin-top:48px;padding-top:24px}.hero{background:var(--color-accent-bg);text-align:center;padding:48px 0}.hero h1{margin:0 0 12px;font-size:clamp(1.5rem,4vw,2rem)}.hero p{color:var(--color-text-soft);max-width:620px;margin:0 auto}.category-list{flex-wrap:wrap;gap:10px;margin:16px 0 32px;display:flex}.page-title{margin:32px 0 8px;font-size:1.6rem}.static-page{padding:32px 0 60px}.static-page h2{margin-top:2em;font-size:1.2rem}.static-page p,.static-page li{color:var(--color-text-soft)}@media (width<=640px){.site-nav{gap:12px;font-size:.85rem}}