:root{--forest-dark: #1e3a2f;--forest-mid: #3d6b4f;--amber: #ffb86c;--stone: #e8e3d5;--cream: #f5f2e8;--code-purple: #bd93f9;--code-green: #50fa7b;--code-blue: #8be9fd;--code-gray: #6c6f93;--shadow-forest: 0 8px 24px rgba(30,58,47,.25), 0 2px 8px rgba(61,107,79,.15);--shadow-hover: 0 14px 32px rgba(30,58,47,.35), 0 4px 12px rgba(61,107,79,.25);--radius: 16px;--radius-lg: 24px;--black: 30, 58, 47;--gray: 61, 107, 79;--gray-light: 232, 227, 213;--gray-dark: 30, 58, 47;--accent: #3d6b4f;--accent-light: #ffb86c;--accent-dark: #1e3a2f;--accent-gradient: linear-gradient(135deg, #3d6b4f, #1e3a2f);--box-shadow: 0 8px 24px rgba(30,58,47,.25), 0 2px 8px rgba(61,107,79,.15);--box-shadow-lg: 0 14px 32px rgba(30,58,47,.35), 0 4px 12px rgba(61,107,79,.25)}*{box-sizing:border-box}body{margin:0;font-family:Zen Kaku Gothic New,"Noto Serif JP",sans-serif;color:var(--forest-dark);background:var(--cream);background-image:linear-gradient(90deg,rgba(61,107,79,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(61,107,79,.03) 1px,transparent 1px);background-size:20px 20px;line-height:1.8;font-size:16px;position:relative}body:before{content:"";position:fixed;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(61,107,79,.02) 3px,rgba(61,107,79,.02) 6px),radial-gradient(circle at 20% 30%,rgba(80,250,123,.08) 0%,transparent 15%),radial-gradient(circle at 80% 60%,rgba(189,147,249,.08) 0%,transparent 15%),radial-gradient(circle at 40% 80%,rgba(255,184,108,.08) 0%,transparent 15%);background-size:100px 100%,400px 400px,450px 450px,350px 350px;pointer-events:none;z-index:0;opacity:.7}main{width:760px;max-width:calc(100% - 2em);margin:auto;padding:2em 1em;position:relative;z-index:1}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:var(--forest-dark);line-height:1.3;font-family:"Noto Serif JP",serif;font-weight:900}h1{font-size:2em}h2{font-size:1.6em;border-bottom:3px solid var(--forest-mid);padding-bottom:.3em;margin-top:2em}h3{font-size:1.3em}a{color:var(--forest-mid);text-decoration:none;transition:color .2s}a:hover{color:var(--forest-dark)}p{margin-bottom:1.2em}.prose p{margin-bottom:1.5em}img{max-width:100%;height:auto;border-radius:var(--radius)}code{padding:2px 6px;background-color:#3d6b4f14;border-radius:4px;font-size:.9em;font-family:JetBrains Mono,monospace;color:var(--forest-dark)}pre{padding:1.5em;border-radius:var(--radius);background:var(--forest-dark);color:var(--code-green)}pre>code{all:unset}blockquote{border-left:4px solid var(--forest-mid);padding:.5em 1em;margin:1.5em 0;background:#3d6b4f0d;border-radius:0 var(--radius) var(--radius) 0;color:var(--forest-mid)}hr{border:none;border-top:2px solid var(--forest-mid);margin:2em 0}table{width:100%;border-collapse:collapse;margin:1.5em 0}th,td{border:2px solid var(--forest-mid);padding:.75em 1em;text-align:left}th{background:var(--forest-dark);color:var(--stone);font-weight:600}tr:nth-child(2n){background:#3d6b4f08}.page-wrapper{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 300px;gap:32px;padding:32px 24px;align-items:flex-start}.page-wrapper main{min-width:0;width:auto;max-width:100%;margin:0;padding:0}.sidebar{width:300px;flex-shrink:0;display:flex;flex-direction:column;gap:20px;position:sticky;top:90px;align-self:start;max-height:calc(100vh - 100px);overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:var(--forest-mid);border-radius:99px}.sidebar-ad{background:#fff;border:3px solid var(--forest-mid);box-shadow:var(--shadow-forest);border-radius:var(--radius);padding:22px;position:relative}.sidebar-ad:before{content:"🌲 PR";position:absolute;top:-12px;left:16px;background:var(--amber);color:var(--forest-dark);font-size:12px;font-weight:900;padding:4px 14px;border-radius:6px;letter-spacing:1px;border:2px solid var(--forest-mid);box-shadow:0 3px 8px #ffb86c66;font-family:JetBrains Mono,monospace}.sidebar-ad h4{margin:6px 0 10px;font-size:16px;color:var(--forest-dark);font-family:"Noto Serif JP",serif;font-weight:700}.sidebar-ad p{font-size:13px;color:var(--forest-mid);margin:0 0 14px}.sidebar-ad .cta-btn{font-size:14px;padding:10px 24px;width:100%;justify-content:center}.sidebar-popular{background:#fff;border:3px solid var(--forest-mid);box-shadow:var(--shadow-forest);border-radius:var(--radius);padding:1.5em;margin-bottom:1.5em}.sidebar-popular h4{font-size:1.05em;margin-bottom:.8em;color:var(--forest-dark);border-bottom:2px solid var(--forest-mid);padding-bottom:.3em;font-family:"Noto Serif JP",serif;font-weight:700}.sidebar-popular a{display:block;padding:.6em 0;border-bottom:1px solid rgba(61,107,79,.15);font-size:.85em;line-height:1.5;color:var(--forest-dark)}.sidebar-popular a:last-child{border-bottom:none}.sidebar-popular a:hover{color:var(--forest-mid)}.sidebar-adsense{background:#fff;border:3px solid var(--forest-mid);box-shadow:var(--shadow-forest);border-radius:var(--radius);padding:1em;margin-bottom:1.5em;text-align:center;min-height:250px}.sidebar-adsense .ad-label{font-size:.7em;color:var(--forest-mid);margin-bottom:.5em;text-align:left}.sidebar-cta-gradient{background:linear-gradient(135deg,var(--forest-mid),var(--forest-dark));border-radius:var(--radius);box-shadow:var(--shadow-forest);padding:1.5em;margin-bottom:1.5em;text-align:center;color:#fff;border:3px solid var(--forest-mid)}.sidebar-cta-gradient h4{color:var(--stone);font-size:1em;margin-bottom:.5em;font-family:"Noto Serif JP",serif;font-weight:700}.sidebar-cta-gradient p{color:var(--stone);font-size:.85em;margin-bottom:1em;line-height:1.5;opacity:.95}.sidebar-cta-gradient .cta-btn{background:#fff;color:var(--forest-dark)!important;font-size:.9em;padding:.6em 1.5em;box-shadow:0 4px 12px #0003}.sidebar-banner{background:linear-gradient(135deg,#ffb86c26,#ffb86c14);border:2px solid var(--amber);border-radius:var(--radius);padding:1.2em;margin-bottom:1.5em;text-align:center}.sidebar-banner .banner-label{display:inline-block;background:var(--amber);color:var(--forest-dark);font-size:.7em;font-weight:700;padding:.1em .6em;border-radius:4px;margin-bottom:.5em}.sidebar-banner h4{font-size:1em;margin-bottom:.8em;color:var(--forest-dark);font-family:"Noto Serif JP",serif;font-weight:700}.sidebar-banner .cta-btn{display:block;font-size:.9em;padding:.6em 1em}.inline-banner{position:relative;background:#fff;border:3px solid var(--forest-mid);box-shadow:var(--shadow-forest);border-radius:var(--radius);padding:28px 28px 28px 60px;margin:36px 0;overflow:visible}.inline-banner:before{content:"001";position:absolute;top:0;left:0;bottom:0;background:var(--forest-dark);color:var(--amber);font-weight:700;font-size:14px;font-family:JetBrains Mono,monospace;width:44px;display:flex;align-items:center;justify-content:center;border-right:3px solid var(--forest-mid);letter-spacing:-.5px}.inline-banner:after{content:"🌲 おすすめ";position:absolute;top:-14px;left:60px;background:var(--amber);color:var(--forest-dark);font-weight:900;font-size:13px;padding:5px 16px;border-radius:6px;letter-spacing:1px;box-shadow:0 4px 10px #ffb86c66;border:2px solid var(--forest-mid)}.inline-banner h3{margin:8px 0 10px;font-size:22px;color:var(--forest-dark);font-family:"Noto Serif JP",serif;font-weight:700}.inline-banner p{margin:0 0 18px;color:var(--forest-mid);font-size:15px}.cta-box{background:linear-gradient(135deg,#3d6b4f14,#ffb86c14);border:4px solid var(--forest-mid);box-shadow:var(--shadow-forest);border-radius:var(--radius-lg);padding:40px 36px;text-align:center;margin:52px 0;position:relative}.cta-box:before{content:"🍃";position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:36px}.cta-box h3{font-size:26px;margin:0 0 12px;color:var(--forest-dark);font-family:"Noto Serif JP",serif;font-weight:900}.cta-box p{margin:0 0 24px;color:var(--forest-mid);font-size:15px}.cta-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--forest-mid) 0%,var(--forest-dark) 100%);color:#fff!important;font-weight:900;font-size:15px;padding:11px 28px;border-radius:8px;border:2px solid var(--forest-mid);text-decoration:none;box-shadow:0 6px 14px #1e3a2f4d,inset 0 -3px #00000026;transition:.2s;font-family:JetBrains Mono,monospace}.cta-btn:before{content:"$";margin-right:2px}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #1e3a2f66,inset 0 -3px #00000026;color:#fff!important}.tag,.tag-code{display:inline-block;background:var(--forest-dark);color:var(--code-green);font-weight:700;font-size:12px;font-family:JetBrains Mono,monospace;padding:5px 12px;border-radius:6px;margin-bottom:12px;border:2px solid var(--forest-mid);align-self:flex-start}.badge-new,.badge-new-code{background:var(--amber);color:var(--forest-dark);padding:.15em .6em;border-radius:50px;font-size:.75em;font-weight:700;vertical-align:middle}.section-adsense{text-align:center;padding:1em;margin:2em 0;min-height:100px}.section-adsense .ad-label{font-size:.7em;color:var(--forest-mid);margin-bottom:.3em}.article-end-ad{margin:2.5em 0;padding:1.5em;text-align:center;background:#3d6b4f08;border-radius:var(--radius);border:1px solid var(--forest-mid);min-height:120px}.article-end-ad .ad-label{font-size:.7em;color:var(--forest-mid);margin-bottom:.5em}.footer-ad-section{max-width:1200px;margin:0 auto;padding:0 1em 2em}.footer-adsense{text-align:center;min-height:90px;padding:1em}.footer-adsense .ad-label{font-size:.7em;color:var(--forest-mid);margin-bottom:.3em}@media(max-width:1024px){.sidebar{display:none}.page-wrapper{grid-template-columns:1fr;max-width:760px}.page-wrapper main{max-width:100%}.footer-ad-section{padding:0 1em 1em}}@media(max-width:720px){body{font-size:16px}main{padding:1em}h1{font-size:1.6em}h2{font-size:1.3em}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}footer[data-astro-cid-sz7xmlte]{text-align:center;padding:44px 20px;color:var(--forest-mid);font-size:13px;margin-top:44px;border-top:3px solid var(--forest-mid);background:var(--cream)}footer[data-astro-cid-sz7xmlte]:before{content:"🌲 🍃 💻 🌿";display:block;font-size:22px;margin-bottom:14px}.footer-inner[data-astro-cid-sz7xmlte]{max-width:1200px;margin:0 auto;text-align:center}.footer-brand[data-astro-cid-sz7xmlte]{display:inline-flex;align-items:center;gap:.5em;font-weight:700;font-size:1em;color:var(--forest-dark);margin-bottom:.8em;font-family:JetBrains Mono,monospace}.logo-icon[data-astro-cid-sz7xmlte]{display:none}.footer-desc[data-astro-cid-sz7xmlte]{font-size:.9em;margin-bottom:1.5em;color:var(--forest-mid)}.footer-links[data-astro-cid-sz7xmlte]{display:flex;justify-content:center;gap:1.5em;margin-bottom:1.5em}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{color:var(--forest-mid);font-size:.9em;transition:color .2s}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--forest-dark)}.copyright[data-astro-cid-sz7xmlte]{font-size:.85em;margin-bottom:.5em;color:var(--forest-mid)}.disclaimer[data-astro-cid-sz7xmlte]{font-size:.75em;color:var(--forest-mid);opacity:.8}a[data-astro-cid-eimmu3lg]{display:inline-block;text-decoration:none}a[data-astro-cid-eimmu3lg].active{font-weight:bolder;text-decoration:underline}header[data-astro-cid-3ef6ksr2]{position:sticky;top:0;z-index:50;background:#f5f2e8f2;backdrop-filter:blur(12px);border-bottom:3px solid var(--forest-mid);box-shadow:0 4px 12px #1e3a2f26;padding:14px 24px}nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;gap:24px}.logo[data-astro-cid-3ef6ksr2]{font-family:JetBrains Mono,"Noto Serif JP",monospace;font-size:22px;font-weight:700;color:var(--forest-dark);display:flex;align-items:center;gap:10px;letter-spacing:-.5px;text-decoration:none}.logo[data-astro-cid-3ef6ksr2]:before{content:"🌲";font-size:26px}.logo-icon[data-astro-cid-3ef6ksr2]{display:none}.logo-text[data-astro-cid-3ef6ksr2]{font-size:1em}.logo-text[data-astro-cid-3ef6ksr2]:before{content:"/";color:var(--forest-mid);font-weight:400;font-size:18px;margin-left:4px;margin-right:4px}.internal-links[data-astro-cid-3ef6ksr2]{display:flex;gap:20px;margin-left:auto;font-weight:700;font-size:15px}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2],.internal-links[data-astro-cid-3ef6ksr2] a{color:var(--forest-dark);text-decoration:none;position:relative;padding:6px 14px;border-radius:8px;transition:.2s;border:2px solid transparent}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover,.internal-links[data-astro-cid-3ef6ksr2] a:hover{background:#3d6b4f1a;border-color:var(--forest-mid)}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active,.internal-links[data-astro-cid-3ef6ksr2] a.active{background:#3d6b4f1a;border-color:var(--forest-mid)}.menu-btn[data-astro-cid-3ef6ksr2]{display:none;background:none;border:none;padding:.5em;cursor:pointer;color:var(--forest-dark)}@media(max-width:720px){.menu-btn[data-astro-cid-3ef6ksr2]{display:block}.internal-links[data-astro-cid-3ef6ksr2]{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#f5f2e8fa;border-bottom:3px solid var(--forest-mid);padding:.5em;box-shadow:0 4px 12px #1e3a2f26}.internal-links[data-astro-cid-3ef6ksr2].open{display:flex}}