@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=JetBrains+Mono:wght@400;500&display=swap";

:root{--ink-900:#0e1622;--ink-800:#1b2533;--ink-700:#2c3848;--ink-500:#5a6678;--ink-400:#828d9d;--ink-300:#aeb6c2;--ink-200:#d6dbe3;--ink-100:#e7eaef;--ink-50:#f2f4f7;--paper:#fff;--paper-soft:#fbfcfd;--paper-muted:#f5f7f9;--brand-800:#224f00;--brand-700:#2c6900;--brand-600:#388600;--brand-500:#4a9e12;--brand-300:#a4d77c;--brand-100:#eaf4dc;--brand-50:#f4faec;--moss-700:#155c3f;--moss-600:#1e7a53;--moss-300:#8fcfb0;--moss-100:#e3f1ea;--sand-500:#c98a3a;--sand-100:#f7ecda;--success-600:#1e7a53;--success-100:#e3f1ea;--warning-600:#b7791f;--warning-100:#faf0dc;--danger-600:#c0392b;--danger-100:#fbe7e4;--info-600:#2563c9;--info-100:#e6effb;--text-strong:var(--ink-900);--text-body:var(--ink-700);--text-muted:var(--ink-500);--text-subtle:var(--ink-400);--text-on-brand:#fff;--text-on-dark:#fff;--text-link:var(--brand-600);--surface-page:var(--paper-soft);--surface-card:var(--paper);--surface-muted:var(--paper-muted);--surface-inset:var(--ink-50);--surface-dark:var(--ink-900);--surface-brand:var(--brand-600);--border-subtle:var(--ink-100);--border-default:var(--ink-200);--border-strong:var(--ink-300);--border-focus:var(--brand-500);--action-primary:var(--brand-600);--action-primary-hover:var(--brand-700);--action-primary-press:var(--brand-800)}
:root{--font-sans:"Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fw-regular:400;--fw-medium:500;--fw-bold:700;--fw-black:900;--fs-display-lg:56px;--fs-display:44px;--fs-h1:34px;--fs-h2:27px;--fs-h3:21px;--fs-h4:18px;--fs-body-lg:17px;--fs-body:15px;--fs-sm:13px;--fs-caption:12px;--fs-overline:12px;--lh-display-lg:1.12;--lh-display:1.16;--lh-h1:1.22;--lh-h2:1.3;--lh-h3:1.4;--lh-h4:1.5;--lh-body-lg:1.75;--lh-body:1.75;--lh-sm:1.6;--lh-caption:1.5;--lh-overline:1.4;--ls-display-lg:-.02em;--ls-display:-.02em;--ls-h1:-.015em;--ls-h2:-.01em;--ls-h3:-.005em;--ls-h4:0;--ls-body:0;--ls-sm:0;--ls-caption:.01em;--ls-overline:.14em}
:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--container-max:1200px;--container-narrow:760px;--section-y:96px;--gutter:24px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px}
:root{--shadow-xs:0 1px 2px #0e16220f;--shadow-sm:0 1px 2px #0e16220f, 0 2px 6px #0e16220d;--shadow-md:0 4px 12px #0e162212, 0 1px 3px #0e16220d;--shadow-lg:0 12px 28px #0e16221a, 0 2px 6px #0e16220f;--shadow-card:0 1px 2px #0e16220d, 0 8px 24px #0e16220f;--focus-ring:0 0 0 3px var(--brand-100), 0 0 0 1.5px var(--brand-500);--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--surface-page);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}::selection{background:var(--brand-100)}a{text-decoration:none}.article-body{color:var(--text-body);font-size:16px;line-height:1.95}.article-body>:first-child{margin-top:0}.article-body h2{letter-spacing:-.01em;color:var(--text-strong);margin:56px 0 18px;padding-top:8px;font-size:26px;font-weight:900;line-height:1.4}.article-body h3{color:var(--text-strong);margin:36px 0 14px;font-size:20px;font-weight:700;line-height:1.5}.article-body p{margin:0 0 20px}.article-body ul,.article-body ol{margin:0 0 22px;padding-left:1.4em}.article-body li{margin:0 0 10px}.article-body li p{margin:0}.article-body a{color:var(--text-link);font-weight:700}.article-body strong{color:var(--text-strong);font-weight:700}.article-body blockquote{border-left:3px solid var(--brand-600);background:var(--surface-muted);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-muted);margin:24px 0;padding:16px 22px}.article-body blockquote p{margin:0}.article-body img{border-radius:var(--radius-lg);max-width:100%;height:auto;margin:24px 0}.article-body table{border-collapse:collapse;width:100%;margin:24px 0;font-size:14px}.article-body th,.article-body td{border:1px solid var(--border-subtle);text-align:left;padding:10px 14px}.article-body th{background:var(--surface-muted);color:var(--text-strong);font-weight:700}.article-body hr{border:none;border-top:1px solid var(--border-subtle);margin:40px 0}.article-body code{font-family:var(--font-mono);background:var(--surface-inset);border-radius:var(--radius-xs);padding:2px 6px;font-size:.9em}:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-xs);outline:none}@media (max-width:880px){[data-cols]{grid-template-columns:1fr!important}[data-cols-2]{grid-template-columns:1fr!important;gap:32px!important}[data-flow]{grid-template-columns:1fr!important;gap:24px!important}[data-flow-arrow],[data-nav]{display:none!important}[data-mobile-only],[data-mobile-menu]{display:flex!important}[data-hero-h1]{font-size:clamp(30px,8vw,44px)!important}[data-section-h2]{font-size:clamp(24px,6vw,34px)!important}[data-wrap]{padding-left:20px!important;padding-right:20px!important}[data-footer-cols]{grid-template-columns:1fr 1fr!important;gap:28px!important}}@media (max-width:520px){[data-footer-cols],[data-form-row]{grid-template-columns:1fr!important}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}