:root{color-scheme:light dark;--bg:#fbfbfa;--surface:#fff;--surface-2:#f4f5f3;--fg:#1c1f1d;--fg-muted:#5a635d;--border:#e4e7e3;--border-strong:#d3d8d2;--accent:#15795a;--accent-strong:#0f5f47;--accent-soft:#e7f2ec;--accent-contrast:#fff;--shadow-sm:0 1px 2px #141e190d, 0 1px 3px #141e190a;--shadow-md:0 4px 14px #141e1912, 0 2px 6px #141e190d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-sm:6px;--radius:10px;--radius-lg:16px;--content-width:1080px;--prose-width:44rem;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#101413;--surface:#171c1a;--surface-2:#1e2523;--fg:#e8ece9;--fg-muted:#9aa5a0;--border:#2a322f;--border-strong:#384039;--accent:#45c396;--accent-strong:#63d3ab;--accent-soft:#16241f;--accent-contrast:#08120e;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 6px 20px #0006}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;flex-direction:column;min-height:100vh;font-size:1rem;line-height:1.75;display:flex}h1,h2,h3{letter-spacing:-.01em;font-weight:700;line-height:1.3}p{margin:0 0 var(--space-4)}a{color:var(--accent);text-underline-offset:2px;text-decoration:underline 1px}a:hover{color:var(--accent-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}code{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);word-break:break-word;padding:.1rem .35rem;font-size:.88em}img{max-width:100%;height:auto}.skip-link{background:var(--accent);color:var(--accent-contrast);padding:var(--space-2) var(--space-4);border-radius:0 0 var(--radius) 0;z-index:20;text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.wrap{width:100%;max-width:var(--content-width);padding-inline:var(--space-5);margin:0 auto}.page{width:100%;padding-block:var(--space-7) var(--space-8);flex:1 0 auto}.prose{max-width:var(--prose-width)}.prose h2{margin:var(--space-7) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--border);font-size:1.35rem}.prose h3{margin:var(--space-5) 0 var(--space-2);font-size:1.08rem}.prose ul,.prose ol{margin:0 0 var(--space-4);padding-left:1.4rem}.prose li{margin-bottom:var(--space-2)}.site-header{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 85%, transparent);backdrop-filter:saturate(1.2)blur(6px)}.site-header .wrap{justify-content:space-between;align-items:center;gap:var(--space-4);padding-block:var(--space-4);flex-wrap:wrap;display:flex}.brand{align-items:center;gap:var(--space-3);color:var(--fg);font-size:1.02rem;font-weight:700;text-decoration:none;display:inline-flex}.brand img{border-radius:8px;flex-shrink:0;width:30px;height:30px}.site-nav{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.site-nav a{color:var(--fg-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.94rem;text-decoration:none}.site-nav a:hover{color:var(--fg);background:var(--surface-2)}.site-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--fg-muted);flex-shrink:0;font-size:.88rem}.site-footer .wrap{padding-block:var(--space-6);gap:var(--space-2);flex-direction:column;display:flex}.site-footer a{color:var(--fg-muted)}.site-footer a:hover{color:var(--accent)}.hero{gap:var(--space-5);padding-block:var(--space-6) var(--space-7);align-items:center;display:grid}.hero-icon{border-radius:var(--radius-lg);width:72px;height:72px;box-shadow:var(--shadow-md)}.hero h1{margin:0 0 var(--space-3);font-size:clamp(1.8rem,4vw,2.6rem)}.hero .lead{color:var(--fg-muted);max-width:42rem;margin:0;font-size:clamp(1.02rem,1.6vw,1.18rem)}.badge-row{gap:var(--space-2);margin:var(--space-4) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.badge{align-items:center;gap:var(--space-2);color:var(--accent-strong);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:999px;padding:.22rem .75rem;font-size:.8rem;font-weight:600;display:inline-flex}.badge--muted{color:var(--fg-muted);background:var(--surface-2);border-color:var(--border)}.cta-row{gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius);border:1px solid #0000;font-size:.96rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn--primary{background:var(--accent);color:var(--accent-contrast)}.btn--primary:hover{background:var(--accent-strong);color:var(--accent-contrast)}.btn--ghost{color:var(--fg);border-color:var(--border-strong);background:0 0}.btn--ghost:hover{background:var(--surface-2);color:var(--fg)}.section{margin-top:var(--space-7)}.section-title{margin:0 0 var(--space-2);font-size:1.3rem}.section-intro{color:var(--fg-muted);margin:0 0 var(--space-5);max-width:42rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid}.feature h3{margin:0 0 var(--space-2);font-size:1.02rem}.feature p{color:var(--fg-muted);margin:0;font-size:.94rem}.extension-list{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));margin:0;padding:0;list-style:none;display:grid}.extension-card{gap:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);color:inherit;align-items:flex-start;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.extension-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);color:inherit;transform:translateY(-2px)}.extension-card img{border-radius:10px;flex-shrink:0;width:48px;height:48px}.extension-card h3{margin:0 0 var(--space-1);color:var(--fg);font-size:1.08rem}.extension-card p{color:var(--fg-muted);margin:0;font-size:.92rem}.extension-card .arrow{color:var(--accent);margin-top:var(--space-1);font-weight:700}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.94rem}th,td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:top}tbody tr:last-child th,tbody tr:last-child td{border-bottom:none}thead th{background:var(--surface-2);color:var(--fg-muted);text-transform:none;font-size:.86rem}.note{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:var(--radius);padding:var(--space-4) var(--space-5);margin:var(--space-5) 0}.note p:last-child{margin-bottom:0}.u-note{margin-top:var(--space-4);color:var(--fg-muted)}.u-flush{margin-bottom:0}.u-tight{margin-bottom:var(--space-2)}.u-center{justify-content:center}.notfound{text-align:center;padding-block:var(--space-8);max-width:32rem;margin-inline:auto}.notfound .code{color:var(--accent);margin:0 0 var(--space-4);font-size:clamp(3rem,12vw,5rem);font-weight:800;line-height:1}@media (width>=720px){.hero{gap:var(--space-6);grid-template-columns:auto 1fr}}@media (width<=720px){.page{padding-block:var(--space-6) var(--space-7)}.section{margin-top:var(--space-6)}.hero{padding-block:var(--space-5) var(--space-6);gap:var(--space-4)}.hero-icon{width:60px;height:60px}}@media (width<=600px){.wrap{padding-inline:var(--space-4)}.site-header .wrap{padding-block:var(--space-3);gap:var(--space-2)}.brand{gap:var(--space-2);font-size:.98rem}.brand img{width:26px;height:26px}.site-nav{width:100%;margin-inline:calc(var(--space-3) * -1)}.site-nav a{padding:var(--space-2) var(--space-3);align-items:center;min-height:40px;display:inline-flex}.hero h1{margin-bottom:var(--space-2)}.card,.extension-card{padding:var(--space-4)}.btn{min-height:44px;padding:var(--space-3) var(--space-4)}.cta-row{gap:var(--space-2)}.prose h2{margin-top:var(--space-6)}.table-wrap{background:0 0;border:none;border-radius:0;overflow-x:visible}.table-wrap table,.table-wrap tbody,.table-wrap tr,.table-wrap th,.table-wrap td{width:100%;display:block}.table-wrap thead{display:none}.table-wrap tr{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.table-wrap tr:last-child{margin-bottom:0}.table-wrap th,.table-wrap td{border:none;padding:0}.table-wrap th[scope=row],.table-wrap td[data-label]:before{margin-bottom:var(--space-1);color:var(--fg-muted);font-size:.8rem;font-weight:600;display:block}.table-wrap td[data-label]:before{content:attr(data-label)}.table-wrap td+td{margin-top:var(--space-3)}}@media (width<=380px){.hero-icon{width:52px;height:52px}.badge{font-size:.76rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.extension-card:hover{transform:none}}