:root{color-scheme:light dark;--bg:#edf5f0;--bg-soft:#FBFCFB;--ink:#1B211E;--ink-soft:#5D6560;--line:#D7DDD9;--accent:#2E7D58;--accent-soft:#E6F1EB;--brand:#398B66;--topic-tech:#1A66C7;--topic-money:#B45309;--danger:#D32F2F;--code-bg:#edf5f0;--code-ink:#1B211E;--shadow:0 1px 2px rgba(0,0,0,.05),0 4px 14px -8px rgba(20,30,25,.18);--shadow-lift:0 18px 40px -20px rgba(20,30,25,.4);--tap-min:24px;--space-xs:4px;--space-s:8px;--space-base:24px;--space-l:48px;--space-xl:72px;--radius-sm:8px;--radius:16px;--radius-pill:999px;--font:"M PLUS Rounded 1c","Hiragino Maru Gothic ProN",system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif;--w-container:1160px;--w-wide:1600px;--w-article:650px;--w-search:460px;--w-toc:250px;--text-s:.875rem;--text-base:1.0625rem;--text-l:1.25rem;--text-xl:1.5rem;--weight-normal:400;--weight-bold:700}@media (prefers-color-scheme:dark){:root{--bg:#14241D;--bg-soft:#2A302D;--ink:#FAFBFA;--ink-soft:#8F9892;--line:#444A46;--accent:#4AA67C;--accent-soft:#14241D;--topic-tech:#7CA9F0;--topic-money:#E0925A;--danger:#FF8A80;--code-bg:#14241D;--code-ink:#FAFBFA;--shadow:0 1px 2px rgba(0,0,0,.4),0 6px 18px -10px rgba(0,0,0,.6);--shadow-lift:0 18px 44px -20px rgba(0,0,0,.7)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-weight:var(--weight-normal);font-size:var(--text-base);line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}*,:before,:after{border-width:0;border-style:solid}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}p,blockquote,figure,pre,dl,dd,hr,fieldset{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,svg,video,canvas{display:block;vertical-align:middle}img,video{height:auto}button,input,select,textarea,optgroup{font:inherit;color:inherit;margin:0;padding:0}button,[type=button],[type=submit],[type=reset]{background-color:transparent;background-image:none;-webkit-appearance:button;cursor:pointer}table{border-collapse:collapse}.wrap{max-width:var(--w-container);margin:0 auto;padding:0 var(--space-base)}.wrap.wide{max-width:var(--w-wide)}h1,h2,h3{letter-spacing:-.02em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{position:absolute;left:8px;top:-120px;z-index:100;background:var(--accent);color:var(--bg);padding:var(--space-s) var(--space-base);border-radius:var(--radius);font-weight:var(--weight-bold);font-size:var(--text-s);box-shadow:var(--shadow-lift);transition:top .15s}.skip-link:focus{top:8px}#main:focus{outline:none}@media (prefers-reduced-motion:reduce){.skip-link{transition:none}}.top{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px)}.top .wrap{max-width:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-base);height:80px}.brand{flex:0 0 auto;font-weight:var(--weight-bold);font-size:var(--text-l);display:flex;align-items:center;letter-spacing:-.01em;color:var(--ink)}.brand:hover{color:var(--accent)}.hd-search{flex:0 0 auto;width:clamp(220px,24vw,var(--w-search));display:flex;align-items:center;gap:var(--space-s);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius-pill);padding:0 var(--space-base);height:42px;transition:border-color .2s,box-shadow .2s}.hd-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.hd-search-ic{flex:0 0 auto;color:var(--ink-soft);display:grid;place-items:center}.hd-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--ink);font-family:inherit;font-size:var(--text-base);outline:none}.hd-search input::placeholder{color:var(--ink-soft)}.top nav{flex:0 0 auto;display:flex;gap:var(--space-l)}.top nav a{display:inline-flex;align-items:center;gap:var(--space-s);font-size:var(--text-s);font-weight:var(--weight-normal);color:var(--ink-soft)}.top nav a:hover{color:var(--accent)}.top nav a:active,.brand:active,.crumb a:active,.footer-primary a:active,.footer-nav a:active,.hd-search-btn:active{color:var(--accent)}.top nav a span,.hd-search-btn span{margin-top:3px}.rd-icon{flex:0 0 auto;display:block}.hd-actions{flex:0 0 auto;display:flex;align-items:center;gap:var(--space-l)}.nav-tool-short{display:none}.hd-search-btn{display:none;flex-direction:column;align-items:center;gap:var(--space-xs);color:var(--ink-soft);font-size:var(--text-s);font-weight:var(--weight-normal);text-align:center;line-height:1.15}.hd-search-btn:hover{color:var(--accent)}@media (min-width:721px){.top nav a{border-bottom:3px solid transparent;padding-bottom:2px}.top nav a:hover{border-bottom-color:var(--accent)}}.btn{display:inline-flex;align-items:center;gap:var(--space-s);min-height:var(--tap-min);border-radius:var(--radius-pill);padding:var(--space-s) var(--space-base);font-size:var(--text-s);line-height:1.4;cursor:pointer;border:1px solid transparent;transition:transform .1s ease,background-color .15s ease,border-color .15s ease}.btn-solid,.btn-ghost{background:var(--bg-soft);border-color:var(--line);color:var(--ink)}.btn-solid:hover,.btn-ghost:hover{border-color:var(--accent)}.btn:active{transform:translateY(1px);background:var(--accent-soft);border-color:var(--accent)}.btn:disabled,.btn[disabled]{background:var(--line);border-color:var(--line);color:var(--ink-soft);cursor:not-allowed}.btn:disabled:hover,.btn[disabled]:hover{border-color:var(--line)}.topic{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--text-s);font-weight:var(--weight-bold);letter-spacing:.02em;white-space:nowrap}.topic:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.t-tech{color:var(--topic-tech)}.t-money{color:var(--topic-money)}.cat{display:inline-flex;align-items:center;font-size:var(--text-s);font-weight:var(--weight-bold);color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-pill);padding:1px 9px;white-space:nowrap}.art-cat{font-weight:var(--weight-bold);color:var(--accent)}a.art-cat{transition:color .15s ease}a.art-cat:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:3px}.shead{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-base);margin:0 0 var(--space-base)}.shead h2{font-size:clamp(var(--text-xl),3.2vw,calc(var(--text-xl) * 1.1));margin:0;font-weight:var(--weight-bold)}.shead p{margin:var(--space-s) 0 0;color:var(--ink-soft);font-size:var(--text-s)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-base)}.acard{display:flex;flex-direction:column;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s}.acard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--accent)}.acard:active{transform:translateY(-1px);box-shadow:var(--shadow)}.acard .media{position:relative}.acard .body{padding:var(--space-base);display:flex;flex-direction:column;gap:var(--space-base)}.acard h3{font-size:var(--text-base);line-height:1.4;margin:0;font-weight:var(--weight-bold)}.acard .meta{display:flex;align-items:center;gap:var(--space-s);color:var(--ink-soft);font-size:var(--text-s)}.toolgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-base)}.tcard{display:flex;gap:var(--space-base);align-items:flex-start;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-base);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s}.tcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--accent)}.tcard:active{transform:translateY(-1px);box-shadow:var(--shadow)}.tcard .ic{width:44px;height:44px;border-radius:12px;color:var(--ink-soft);display:grid;place-items:center;font-size:var(--text-l);flex:0 0 auto}.tcard .tt{display:flex;flex-direction:column;gap:var(--space-xs)}.tcard b{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--ink)}.tcard .td{color:var(--ink-soft);font-size:var(--text-s)}.lcard{display:flex;gap:var(--space-base);align-items:flex-start;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-base);transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s,border-color .2s}.lcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift);border-color:var(--accent)}.lcard:active{transform:translateY(-1px);box-shadow:var(--shadow)}.lcard .ic{width:44px;height:44px;border-radius:12px;color:var(--accent);display:grid;place-items:center;font-size:var(--text-l);flex:0 0 auto}.lcard .tt{display:flex;flex-direction:column;gap:var(--space-xs)}.lcard b{font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--ink)}.lcard .td{color:var(--ink-soft);font-size:var(--text-s)}.tagbtns{display:flex;flex-wrap:wrap;gap:var(--space-s)}.tagbtn{display:inline-flex;align-items:center;gap:.4em;padding:.5em .9em;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--bg-soft);color:var(--ink);text-decoration:none;font-size:var(--text-s);line-height:1;transition:border-color .15s ease,background .15s ease}.tagbtn:hover{border-color:var(--accent)}.tagbtn-e{font-size:1.1em;line-height:1}.art-meta-tags{margin:0}.center{text-align:center;margin-top:var(--space-l)}.wrap:has(>.crumb){max-width:none}.crumb{display:flex;gap:var(--space-s);align-items:center;color:var(--ink-soft);font-size:var(--text-s);padding:var(--space-base) 0;flex-wrap:wrap}.crumb a{border-bottom:3px solid transparent;padding-bottom:2px}.crumb>span:not(.sep){border-bottom:3px solid transparent;padding-bottom:2px}.crumb a:hover{color:var(--accent);border-bottom-color:var(--accent)}.crumb .sep{opacity:.5}.chips{display:flex;gap:var(--space-base);flex-wrap:wrap;margin:var(--space-s) 0 var(--space-l)}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-min);border:1px solid var(--line);color:var(--ink-soft);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-s);font-size:var(--text-s);font-weight:var(--weight-bold);line-height:1.4;cursor:pointer;text-decoration:none;transition:transform .1s ease,background-color .15s ease,border-color .15s ease}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip:not(.on):hover{background:var(--bg-soft)}.chip:active{transform:translateY(1px);border-color:var(--accent)}.sec{padding:var(--space-l) 0}.sec.soft{background:var(--bg-soft)}.hero-full{position:relative}.hero-visual{height:clamp(320px,46vw,560px);position:relative;overflow:hidden;background:var(--bg-soft)}.hero-visual img{width:100%;height:100%;object-fit:cover;display:block}.article-band{background:var(--bg-soft)}.article{max-width:var(--w-article);margin:0 auto;padding:var(--space-base) var(--space-base) var(--space-xl)}.artnav{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-base);padding-bottom:var(--space-xl)}.artnav .is-prev{grid-column:1}.artnav .is-next{grid-column:-2 / -1;grid-row:1}.artnav .artnav-dir{color:var(--accent);font-size:var(--text-s)}@media (min-width:1201px){.artnav{grid-template-columns:repeat(4,1fr)}}@media (max-width:980px){.artnav{grid-template-columns:1fr 1fr}}@media (max-width:680px){.artnav{grid-template-columns:1fr}.artnav .is-next{grid-column:1;grid-row:auto}}.art-head{padding:0 0 var(--space-base)}.art-head h1{font-size:clamp(var(--text-xl),4vw,calc(var(--text-xl) * 1.1));line-height:1.4;margin:var(--space-base) 0 0;font-weight:var(--weight-bold)}.art-meta{display:flex;align-items:center;gap:var(--space-base);margin:var(--space-base) 0 0;color:var(--ink-soft);font-size:var(--text-s);flex-wrap:wrap}.art-hero{margin:0}.prose{font-size:var(--text-base);line-height:1.9}.prose>*+*{margin-block-start:var(--space-base)}.prose>:is(h2,h3)+*{margin-block-start:var(--space-base)}.prose h2{font-size:clamp(var(--text-xl),3.4vw,calc(var(--text-xl) * 1.1));line-height:1.4;font-weight:var(--weight-bold);padding-top:var(--space-xl);margin-top:var(--space-xl);position:relative}.prose h2:before{content:"";position:absolute;left:0;top:0;width:80px;height:8px;border-radius:0 10px 10px 0;background:var(--accent)}@media (max-width:680px){.prose h2:before{margin-left:calc(-1 * var(--space-base))}}.prose h3{font-size:clamp(var(--text-l),2.6vw,calc(var(--text-l) * 1.1));font-weight:var(--weight-bold);margin-top:var(--space-l)}.prose h2,.prose h3{scroll-margin-top:100px}.prose .toc{padding:var(--space-base);background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius)}.prose .toc-title{margin:0 0 var(--space-s);font-weight:var(--weight-bold);font-size:var(--text-s);color:var(--ink)}.prose .toc ul{list-style:none;margin:0;padding:0}.prose .toc li{position:relative;margin:var(--space-s) 0;padding:0;line-height:1.4}.prose .toc li:before{content:none;display:none}.prose .toc a{color:var(--accent);text-decoration:none;font-size:var(--text-s);line-height:1.4}.prose .toc a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:3px}.prose .toc .toc-h2{padding-left:1em}.prose .toc .toc-h3{padding-left:1.4em}.prose .toc .toc-h3 a{color:var(--ink-soft);font-size:var(--text-s)}.prose .toc a.is-active{font-weight:var(--weight-bold);color:var(--accent)}.prose .toc a.is-active:before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;border-radius:50%;background:var(--accent)}@media (min-width:1200px){.prose .toc{position:fixed;top:110px;right:max(20px,calc(50% - var(--w-article) / 2 - var(--space-base) - var(--w-toc)));left:auto;width:var(--w-toc);max-height:calc(100vh - 130px);overflow:auto;margin:0;z-index:20;transition:opacity .2s ease}.prose .toc.is-hidden{opacity:0;visibility:hidden;pointer-events:none}}@media (prefers-reduced-motion:reduce){.prose .toc{transition:none}}.prose p{color:var(--ink)}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.prose a:hover{text-decoration-color:var(--accent);text-decoration-thickness:3px;text-underline-offset:3px}.prose ul{list-style:none;padding-left:0}.prose ul li{position:relative;padding-left:1.3em;margin:var(--space-s) 0}.prose ul li:before{content:"";position:absolute;left:.1em;top:.78em;width:6px;height:6px;border-radius:50%;background:var(--accent)}.prose ol{list-style:none;padding-left:0;counter-reset:step}.prose ol li{position:relative;margin:0;padding:0 0 1.2rem 40px;counter-increment:step}.prose ol li:before{content:counter(step);position:absolute;left:0;top:1px;width:26px;height:26px;border-radius:50%;background:var(--accent);color:var(--bg);font-weight:var(--weight-bold);font-size:var(--text-s);display:grid;place-items:center;z-index:1}.prose ol li:after{content:"";position:absolute;left:12px;top:29px;height:calc(100% - 29px);width:2px;background:color-mix(in srgb,var(--accent) 35%,var(--line))}.prose ol li:last-child{padding-bottom:0}.prose ol li:last-child:after{display:none}.prose figcaption{margin-top:var(--space-s);font-size:var(--text-s);color:var(--ink-soft);line-height:1.7;text-align:center}.prose img{border-radius:var(--radius);height:auto;border:1px solid var(--line)}.prose blockquote{padding:var(--space-s) var(--space-base);border-left:4px solid var(--line);color:var(--ink-soft)}.prose strong{font-weight:var(--weight-bold);background:linear-gradient(transparent 62%,color-mix(in srgb,var(--accent) 22%,transparent) 0);padding:0 .05em}.prose .example{padding:var(--space-s) var(--space-base);background:var(--accent-soft);border-radius:var(--radius);font-size:var(--text-base);color:var(--ink)}.prose .annotation{font-size:var(--text-s);color:var(--ink-soft);line-height:1.7}.prose code{background:var(--code-bg);color:var(--code-ink);border:1px solid var(--line);border-radius:6px;padding:var(--space-xs);margin:0 2px;font-size:.9em}.prose pre{background:var(--code-bg);color:var(--code-ink);border:0;border-radius:var(--radius);padding:var(--space-l) var(--space-base);overflow-x:auto;line-height:1.7}.prose pre code{background:none;color:inherit;border:0;padding:0;margin:0}.prose pre span{color:var(--shiki-light)}@media (prefers-color-scheme:dark){.prose pre span{color:var(--shiki-dark)}}.prose .code-block{position:relative}.prose .code-copy{position:absolute;top:var(--space-s);right:var(--space-s);display:inline-flex;align-items:center;gap:var(--space-xs);min-height:var(--tap-min);padding:.3rem .6rem;background:none;color:var(--code-ink);border:1px solid var(--line);border-radius:var(--radius-pill);font:inherit;font-size:var(--text-s);line-height:1.4;cursor:pointer;transition:border-color .15s ease,color .15s ease}.prose .code-copy:hover{border-color:var(--accent)}.prose .code-copy:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.prose .code-copy.is-done{color:var(--accent);border-color:var(--accent)}.prose .code-copy svg{width:16px;height:16px;fill:currentColor}@media (prefers-reduced-motion:reduce){.prose .code-copy{transition:none}}.prose hr{border:0;border-top:1px solid var(--line)}.prose .table-wrapper{overflow-x:auto}.prose table{width:100%;border-collapse:collapse;font-size:var(--text-s)}.prose th,.prose td{border:1px solid var(--line);padding:var(--space-s);text-align:left}.prose th{background:var(--bg-soft);font-weight:var(--weight-bold)}@media (max-width:680px){.prose table{min-width:34rem}}.rel{max-width:none;padding-top:var(--space-l)}.rel-track{--rel-gap:var(--space-base);--rel-cols:5.2;display:flex;gap:var(--rel-gap);overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;margin-inline:calc(-1 * var(--space-base));scroll-padding-inline:var(--space-base);padding:var(--space-s) var(--space-base) var(--space-l);scrollbar-width:thin}.rel-track>.acard{flex:0 0 calc((100% - (var(--rel-cols) - 1) * var(--rel-gap)) / var(--rel-cols));min-width:230px;scroll-snap-align:start}@media (max-width:1200px){.rel-track{--rel-cols:4.2}}@media (max-width:980px){.rel-track{--rel-cols:3.2}}@media (max-width:720px){.rel-track{--rel-gap:var(--space-base);--rel-cols:2.2}}@media (max-width:480px){.rel-track{--rel-cols:1.2}}footer{padding:var(--space-l) 0}footer .wrap{max-width:none}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-l);padding:0 0 var(--space-base)}.footer-brandblock{display:flex;flex-direction:column;gap:var(--space-s)}.footer-brandblock .brand{font-size:var(--text-l)}.footer-tagline{color:var(--ink-soft);font-size:var(--text-s);font-weight:var(--weight-normal)}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-base)}.footer-primary{display:flex;gap:var(--space-base)}.footer-primary a{display:inline-flex;align-items:center;gap:var(--space-s);color:var(--ink-soft);font-size:var(--text-s);border-bottom:3px solid transparent;padding-bottom:2px}.footer-primary a:hover{color:var(--accent);border-bottom-color:var(--accent)}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--space-base);padding-top:var(--space-base)}.footer-nav{display:flex;gap:var(--space-base);flex-wrap:wrap;justify-content:flex-end}.footer-nav a{color:var(--ink-soft);font-size:var(--text-s);border-bottom:3px solid transparent;padding-bottom:2px}.footer-nav a:hover{color:var(--accent);border-bottom-color:var(--accent)}footer .cp{color:var(--ink-soft);font-size:var(--text-s)}.prose .about-profile{display:flex;align-items:center;gap:var(--space-base)}.prose .about-profile img{width:120px;height:120px;border-radius:50%;margin:0;flex:0 0 auto;background:var(--bg-soft);object-fit:cover}.prose .about-profile .name{font-weight:var(--weight-bold)}.prose .about-profile .role{color:var(--ink-soft);font-size:var(--text-s)}@media (max-width:720px){.footer-main{flex-direction:column;align-items:stretch;gap:var(--space-base)}.footer-links{align-items:flex-start;gap:var(--space-base)}.footer-primary{gap:var(--space-base)}.footer-nav{justify-content:flex-start;flex-direction:column;gap:var(--space-s);align-items:flex-start;flex-wrap:nowrap}}@media (min-width:1201px){.grid,.toolgrid{grid-template-columns:repeat(4,1fr)}}@media (max-width:980px){.grid,.toolgrid{grid-template-columns:1fr 1fr}.top nav{gap:var(--space-base)}}@media (max-width:720px){.hd-search{display:none}.hd-search-btn{display:flex}.nav-tool-full{display:none}.nav-tool-short{display:inline}.top .wrap{display:flex;justify-content:space-between;gap:var(--space-base);padding-left:var(--space-base);padding-right:var(--space-base)}.hd-actions{gap:var(--space-base)}.top nav{gap:var(--space-base)}.hd-search-btn,.top nav a{min-width:46px;min-height:var(--tap-min);justify-content:center}.top nav a{flex-direction:column;gap:var(--space-xs);font-size:var(--text-s);text-align:center;line-height:1.15}.brand{font-size:var(--text-l)}}@media (max-width:680px){.grid,.toolgrid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.acard,.tcard,.lcard,.btn,.chip{transition:none}.acard:hover,.tcard:hover,.lcard:hover,.acard:active,.tcard:active,.lcard:active,.btn:active,.chip:active{transform:none}}