:root{color:#233247;font-synthesis:none;--accent:#2694ff;--link:#0765bb;--border:#dce7f1;background:#f8fbff;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;line-height:1.8}*{box-sizing:border-box}body{margin:0}a{color:var(--link);text-underline-offset:.2em}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}h1,h2,h3,h4{letter-spacing:.02em;overflow-wrap:anywhere;line-height:1.45}h1{font-size:clamp(1.8rem,4vw,3rem)}h2{font-size:1.5rem}p{overflow-wrap:anywhere}.container{width:min(1080px,100% - 48px);margin:auto}.site-header{border-bottom:1px solid var(--border);background:#fff}.header-inner{justify-content:space-between;align-items:center;gap:20px;min-height:92px;display:flex}.brand{color:#233247;align-items:center;gap:12px;font-size:1.1rem;font-weight:800;line-height:1.4;text-decoration:none;display:flex}.brand-mark{background:var(--accent);color:#fff;border-radius:15px;place-items:center;width:44px;height:44px;font-size:1.5rem;display:grid}.brand-sub{letter-spacing:.15em;font-size:.75rem;font-weight:500;display:block}.all-articles{font-size:.9rem;font-weight:700;text-decoration:none}.hero{padding:68px 0 48px}.eyebrow{color:var(--link);letter-spacing:.16em;font-size:.75rem;font-weight:800}.hero h1{margin:16px 0 22px}.hero>p:last-child{color:#536579}.category-nav{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}.category-nav a{border:1px solid var(--border);background:#fff;border-radius:999px;padding:8px 24px;font-weight:700;text-decoration:none}.category-section{margin:0 0 48px;scroll-margin-top:24px}.section-title{align-items:center;gap:16px;display:flex}.section-title span{color:#5c6e80;font-size:.8rem}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.article-card{border:1px solid var(--border);color:inherit;background:#fff;border-radius:16px;flex-direction:column;padding:28px;text-decoration:none;transition:border-color .15s;display:flex}.article-card:hover{border-color:var(--accent)}.article-card h3{margin:14px 0 8px;font-size:1.2rem}.article-card p{color:#536579;margin:0 0 24px;font-size:.95rem}.tag{color:var(--link);background:#eaf4ff;border-radius:5px;align-self:flex-start;padding:3px 10px;font-size:.75rem;font-weight:700}.card-link{color:var(--link);justify-content:space-between;margin-top:auto;padding-top:20px;font-size:.85rem;font-weight:700;display:flex}.site-footer{border-top:1px solid var(--border);color:#536579;justify-content:space-between;gap:16px;margin-top:80px;padding:30px 0;font-size:.8rem;display:flex}.breadcrumbs{gap:12px;margin:30px 0;font-size:.85rem;display:flex}.document{border:1px solid var(--border);background:#fff;border-radius:18px;max-width:820px;margin:0 auto;padding:clamp(22px,5vw,56px)}.document-header h1{margin:18px 0;font-size:clamp(1.7rem,3.5vw,2.4rem)}.description{color:#536579}.updated{color:#596b7d;font-size:.8rem}.toc{border:1px solid var(--border);background:#f3f8fe;border-radius:10px;margin:30px 0;padding:16px 22px}.toc summary{cursor:pointer;font-weight:700}.toc ul{margin-bottom:0;padding:0;list-style:none}.toc li{margin:5px 0;font-size:.9rem}.toc .depth-2{padding-left:16px}.toc .depth-3{padding-left:32px}.prose{overflow-wrap:anywhere}.prose h2,.prose h3,.prose h4{margin:2em 0 1em;scroll-margin-top:24px}.prose h2{border-bottom:2px solid #e1effd;padding-bottom:12px}.prose p{white-space:pre-wrap;margin:1em 0}.prose li{white-space:pre-wrap;margin:6px 0}.prose ul,.prose ol{padding-left:1.7em}.prose figure{margin:24px 0}.prose img{border-radius:8px;max-width:100%;height:auto;display:block}.prose figcaption{text-align:center;color:#596b7d;margin-top:8px;font-size:.85rem}.prose pre{color:#edf6ff;background:#17283c;border-radius:10px;padding:22px;line-height:1.65;overflow:auto}.prose code{background:#eef4fa;border-radius:4px;padding:.15em .35em;font-family:ui-monospace,Consolas,monospace;font-size:.9em}.prose pre code{white-space:pre;background:0 0;padding:0}.prose blockquote{border-left:4px solid var(--accent);white-space:pre-wrap;background:#f5faff;margin:24px 0;padding:10px 20px}.callout{white-space:pre-wrap;background:#edf6ff;border-radius:10px;margin:24px 0;padding:18px 22px}.prose details{border:1px solid var(--border);border-radius:8px;margin:20px 0;padding:16px}.prose summary{cursor:pointer;font-weight:700}.table-scroll{overflow-x:auto}.prose table{border-collapse:collapse;width:100%;margin:24px 0;font-size:.9rem}.prose td,.prose th{border:1px solid var(--border);text-align:left;min-width:100px;padding:12px}.prose th{background:#eff6fd}.columns{gap:24px;display:flex}.columns>div{flex:1;min-width:0}.prose hr{border:0;border-top:1px solid var(--border);margin:32px 0}.todo{margin:10px 0}.muted{color:#596b7d;font-size:.85rem}.back-link{border-top:1px solid var(--border);margin-top:48px;padding-top:24px}.empty-state{padding:80px 0}.sample-banner{text-align:center;background:#fff0ce;padding:8px;font-size:.85rem}.skip{z-index:10;background:#fff;padding:12px;position:fixed;top:-100px;left:16px}.skip:focus{top:12px}@media (width<=640px){.container{width:calc(100% - 32px)}.header-inner{min-height:78px}.hero{padding:40px 0 32px}.article-grid{grid-template-columns:1fr}.article-card{padding:24px}.site-footer{flex-direction:column;margin-top:48px}.document{padding:22px 18px}.columns{display:block}.desktop-break{display:none}}