:root{--bg:#fafafa;--card-bg:#ffffff;--text-primary:#0a0a0a;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border:#e5e7eb;--border-hover:#d1d5db;--accent-indigo:#6366f1;--accent-emerald:#10b981;--accent-amber:#f59e0b;--accent-indigo-light:#eef2ff;--accent-emerald-light:#ecfdf5;--accent-amber-light:#fffbeb;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.06), 0 4px 6px -2px rgba(0,0,0,.04);--shadow-hover:0 20px 25px -5px rgba(0,0,0,.08), 0 10px 10px -5px rgba(0,0,0,.04);--radius:12px;--radius-lg:16px;--accent-gradient: linear-gradient(135deg, var(--accent-indigo), var(--accent-emerald));--accent: #6366f1;--accent-light: #eef2ff;--accent-dark: #4f46e5;--box-shadow: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -1px rgba(0,0,0,.03);--box-shadow-lg: 0 10px 15px -3px rgba(0,0,0,.06), 0 4px 6px -2px rgba(0,0,0,.04);--gray: 107, 114, 128;--gray-light: 243, 244, 246;--gray-dark: 30, 41, 59}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans JP,Inter,system-ui,-apple-system,sans-serif;color:var(--text-primary);background:var(--bg);line-height:1.6;font-size:15px;position:relative}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(to right,var(--border) 1px,transparent 1px),linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;opacity:.5;z-index:0}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:var(--text-primary);line-height:1.3;font-feature-settings:"palt"}h1{font-size:2em}h2{font-size:1.6em;border-bottom:3px solid var(--accent-indigo);padding-bottom:.3em;margin-top:2em}h3{font-size:1.3em}a{color:var(--accent-indigo);text-decoration:none;transition:color .2s}a:hover{color:#4f46e5}p{margin-bottom:1.2em}img{max-width:100%;height:auto;border-radius:var(--radius)}code{padding:2px 6px;background-color:#f3f4f6;border-radius:4px;font-size:.9em}pre{padding:1.5em;border-radius:var(--radius);background:#1f2937;color:#f3f4f6}pre>code{all:unset}blockquote{border-left:4px solid var(--accent-indigo);padding:.5em 1em;margin:1.5em 0;background:var(--accent-indigo-light);border-radius:0 var(--radius) var(--radius) 0}hr{border:none;border-top:1px solid var(--border);margin:2em 0}table{width:100%;border-collapse:collapse;margin:1.5em 0}th,td{border:1px solid var(--border);padding:.75em 1em;text-align:left}th{background:var(--accent-indigo);color:#fff;font-weight:600}tr:nth-child(2n){background:#f9fafb}.badge-new{background:var(--accent-emerald);color:#fff;padding:.15em .6em;border-radius:50px;font-size:.75em;font-weight:700;vertical-align:middle}.tag{display:inline-flex;align-items:center;font-size:12px;font-weight:600;color:var(--accent-indigo);background:var(--accent-indigo-light);padding:4px 10px;border-radius:6px;width:fit-content}.cta-box{background:linear-gradient(135deg,var(--card-bg) 0%,#f9fafb 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:48px 40px;text-align:center;margin:64px 0;position:relative;overflow:hidden}.cta-box:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,var(--accent-indigo-light) 0%,transparent 60%);opacity:.2;pointer-events:none}.cta-box h3{font-family:Inter,sans-serif;font-size:26px;font-weight:700;margin-bottom:12px;letter-spacing:-.02em;position:relative;z-index:2}.cta-box p{color:var(--text-secondary);margin-bottom:24px;font-size:16px;position:relative;z-index:2}.cta-btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent-indigo),#5b5fc7);color:#fff!important;font-weight:600;font-size:15px;padding:14px 32px;border-radius:8px;text-decoration:none;transition:.2s;box-shadow:var(--shadow-md)}.cta-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.inline-banner{background:var(--card-bg);border-left:3px solid var(--accent-indigo);border-radius:var(--radius);padding:28px 32px;margin:32px 0;box-shadow:var(--shadow-sm);position:relative}.inline-banner:before{content:"FEATURED";position:absolute;top:-10px;left:32px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.1em;background:var(--card-bg);color:var(--accent-indigo);padding:2px 8px;border:1px solid var(--accent-indigo);border-radius:4px}.inline-banner h3{font-family:Inter,sans-serif;font-size:20px;font-weight:600;margin-bottom:10px;letter-spacing:-.01em}.inline-banner p{color:var(--text-secondary);margin-bottom:18px}.section-title{font-family:Inter,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.02em;margin:64px 0 28px;color:var(--text-primary);display:flex;align-items:center;gap:12px}.section-title:after{content:"";flex:1;height:1px;background:linear-gradient(to right,var(--border),transparent)}.page-wrapper{position:relative;z-index:1;max-width:1280px;margin:0 auto;padding:48px 32px;display:grid;grid-template-columns:1fr 320px;gap:48px}main{min-width:0}.sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:90px;align-self:start}.sidebar-ad{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow-sm);position:relative}.sidebar-ad:before{content:"SPONSORED";position:absolute;top:-9px;left:20px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;letter-spacing:.1em;background:var(--card-bg);color:var(--text-tertiary);padding:2px 8px;border:1px solid var(--border);border-radius:4px}.sidebar-ad h4{font-family:Inter,sans-serif;font-size:16px;font-weight:600;margin-bottom:8px;letter-spacing:-.01em;color:var(--text-primary)}.sidebar-ad p{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.sidebar-ad .cta-btn{font-size:13px;padding:10px 20px;width:100%;justify-content:center}.sidebar-popular{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5em;margin-bottom:1.5em;border:1px solid var(--border)}.sidebar-popular h4{font-size:1.05em;margin-bottom:.8em;color:var(--text-primary);border-bottom:2px solid var(--accent-indigo);padding-bottom:.3em}.sidebar-popular a{display:block;padding:.6em 0;border-bottom:1px solid var(--border);font-size:.85em;line-height:1.5;color:var(--text-primary);transition:color .2s}.sidebar-popular a:last-child{border-bottom:none}.sidebar-popular a:hover{color:var(--accent-indigo)}.sidebar-cta-gradient{background:linear-gradient(135deg,var(--accent-indigo),#5b5fc7);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1.5em;margin-bottom:1.5em;text-align:center;color:#fff}.sidebar-cta-gradient h4{color:#fff;font-size:1em;margin-bottom:.5em}.sidebar-cta-gradient p{color:#ffffffe6;font-size:.85em;margin-bottom:1em;line-height:1.5}.sidebar-cta-gradient .cta-btn{background:#fff;color:var(--accent-indigo)!important;font-size:.9em;padding:.6em 1.5em;box-shadow:0 4px 12px #0003}.sidebar-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:var(--radius);padding:1.2em;margin-bottom:1.5em;text-align:center}.sidebar-banner .banner-label{display:inline-block;background:#f59e0b;color:#fff;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:#92400e}.sidebar-adsense{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1em;margin-bottom:1.5em;text-align:center;min-height:250px;border:1px solid var(--border)}.sidebar-adsense .ad-label{font-size:.7em;color:var(--text-tertiary);margin-bottom:.5em;text-align:left}.prose{max-width:760px}.prose p{margin-bottom:1.5em;line-height:1.8}.prose h2{font-size:1.6em;border-bottom:3px solid var(--accent-indigo);padding-bottom:.3em;margin-top:2em;margin-bottom:1em}.prose h3{font-size:1.3em;margin-top:1.8em;margin-bottom:.8em}.prose ul,.prose ol{margin:1em 0 1.5em 1.5em;line-height:1.8}.prose li{margin-bottom:.5em}.prose a{color:var(--accent-indigo);text-decoration:underline}.prose a:hover{color:#4f46e5}.prose img{margin:2em auto;display:block;border-radius:var(--radius)}.section-adsense{text-align:center;padding:1em;margin:2em 0;min-height:100px}.section-adsense .ad-label{font-size:.7em;color:var(--text-tertiary);margin-bottom:.3em}.article-end-ad{margin:2.5em 0;padding:1.5em;text-align:center;background:#f9fafb;border-radius:var(--radius);border:1px solid var(--border);min-height:120px}.article-end-ad .ad-label{font-size:.7em;color:var(--text-tertiary);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(--text-tertiary);margin-bottom:.3em}@media(max-width:1024px){.page-wrapper{grid-template-columns:1fr;padding:32px 24px}.sidebar{display:none}.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]{background:#0a0a0a;color:var(--text-tertiary);padding:48px 32px;margin-top:64px;border-top:1px solid var(--border);text-align:center;font-size:13px}.footer-inner[data-astro-cid-sz7xmlte]{max-width:1280px;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:1.1em;color:#fff;margin-bottom:.8em}.logo-icon[data-astro-cid-sz7xmlte]{background:linear-gradient(135deg,var(--accent-indigo),var(--accent-emerald));color:#fff;padding:.2em .5em;border-radius:8px;font-size:.8em;font-weight:800}.footer-desc[data-astro-cid-sz7xmlte]{font-size:.9em;margin-bottom:1.5em;color:var(--text-tertiary)}.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(--text-tertiary);font-size:.9em;transition:color .2s}.footer-links[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:#fff}.copyright[data-astro-cid-sz7xmlte]{font-size:.85em;margin-bottom:.5em;color:var(--text-tertiary)}.disclaimer[data-astro-cid-sz7xmlte]{font-size:.75em;color:var(--text-secondary)}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:100;background:#fafafad9;backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--border)}nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:0 auto;padding:16px 32px}.logo[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary);font-weight:700;font-family:Inter,sans-serif;font-size:20px;letter-spacing:-.02em}.logo[data-astro-cid-3ef6ksr2]:before{content:"";width:28px;height:28px;background:linear-gradient(135deg,var(--accent-indigo),var(--accent-emerald));border-radius:6px;display:inline-block}.logo-icon[data-astro-cid-3ef6ksr2]{display:none}.logo-text[data-astro-cid-3ef6ksr2]{font-size:1em}.internal-links[data-astro-cid-3ef6ksr2]{display:flex;gap:28px;font-weight:500;font-size:14px}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2],.internal-links[data-astro-cid-3ef6ksr2] a{padding:6px 12px;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:6px;transition:background .2s,color .2s}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover,.internal-links[data-astro-cid-3ef6ksr2] a:hover{background:#00000008;color:var(--text-primary)}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active,.internal-links[data-astro-cid-3ef6ksr2] a.active{color:var(--text-primary);background:#00000008}.menu-btn[data-astro-cid-3ef6ksr2]{display:none;background:none;border:none;padding:.5em;cursor:pointer;color:var(--text-primary)}@media(max-width:720px){.menu-btn[data-astro-cid-3ef6ksr2]{display:block}nav[data-astro-cid-3ef6ksr2]{padding:12px 16px}.internal-links[data-astro-cid-3ef6ksr2]{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;border-bottom:1px solid var(--border);padding:.5em;box-shadow:0 4px 12px #0000001a;gap:0}.internal-links[data-astro-cid-3ef6ksr2].open{display:flex}}