:root{--bg:#fff;--text:#424242;--text-sub:#616161;--text-faint:#757575;--line-weak:#ecebeb;--line:#ddd;--line-strong:#ccc;--surface:#f5f5f5;--surface-mid:#eee;--button-quiet:#f1f3f5;--accent:#1a8cff;--accent-text:#0b6bcb;--accent-soft:#e8f3ff;--highlight:#e8590c;--tier-go:#2e7d32;--tier-go-bg:#eef7f0;--tier-ask:#a35f00;--tier-ask-bg:#fff8e6;--tier-no:#c62828;--tier-no-bg:#fdecec;--callout-note:#e5f8e2;--callout-caution:#fdf9e2;--callout-warning:#ffdbdb;--font-sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic UI", "Yu Gothic", Meiryo, "Noto Sans CJK JP", sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-s:4px;--radius-m:8px;--radius-pill:999px;--header-h:64px;--container:1320px;--anim-hover:50ms;--anim-state:.18s}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:calc(var(--header-h) + 16px);-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0;font-size:13px;line-height:1.4}a{color:var(--accent-text);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2,h3{font-feature-settings:"palt";color:var(--text)}@media (width>=768px){h1,h2,h3{text-wrap:balance}}.skip-link{z-index:100;background:var(--bg);border-radius:var(--radius-s);padding:8px 12px;position:absolute;top:8px;left:-9999px}.skip-link:focus{left:12px}.container{max-width:var(--container);margin-inline:auto;padding-inline:12px}.site-header{z-index:20;height:calc(var(--header-h) + 1px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line-weak);background:#ffffffe6;position:sticky;top:0}.site-header .container{height:var(--header-h);justify-content:space-between;align-items:center;gap:16px;display:flex}.logo{color:var(--text);letter-spacing:.01em;align-items:center;gap:8px;font-size:17px;font-weight:700;display:inline-flex}.logo:hover{text-decoration:none}.logo-mark{flex:none;width:26px;height:26px;display:block}.site-header .container{position:relative}.site-nav{align-items:center;gap:24px;display:flex}.nav-menu{position:relative}.nav-menu summary{color:var(--text-sub);cursor:pointer;align-items:center;gap:6px;padding:6px 0;font-size:14px;list-style:none;display:inline-flex}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:6px;height:6px;transform:translateY(-2px)rotate(45deg)}.nav-menu[open] summary{color:var(--text)}.nav-dropdown{z-index:30;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-m);min-width:200px;max-height:calc(100vh - 96px);padding:16px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.nav-dropdown ul{margin:0;padding:0;list-style:none}.nav-dropdown li a{border-radius:var(--radius-s);color:var(--text-sub);padding:6px 8px;font-size:14px;display:block}.nav-dropdown li a:hover{background:var(--accent-soft);color:var(--accent-text);text-decoration:none}.nav-dropdown-categories{grid-template-columns:1fr 1fr;gap:16px;width:420px;display:grid}.nav-major{border:1px solid var(--line);border-radius:var(--radius-s);color:var(--text);margin-bottom:6px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.nav-major:hover{background:var(--accent-soft);color:var(--accent-text);text-decoration:none}.nav-toggle{border-radius:var(--radius-pill);background:var(--button-quiet);min-height:36px;color:var(--text);font:inherit;cursor:pointer;border:0;padding:0 12px;font-weight:700;display:none}.site-footer{border-top:1px solid var(--line-weak);color:var(--text-sub);margin-top:64px;padding-block:64px 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.4fr;gap:48px;display:grid}.footer-lead{max-width:420px;margin:12px 0 0;line-height:1.6}.footer-title{margin:0 0 12px;font-size:13px;font-weight:700}.site-footer ul{margin:0;padding:0;list-style:none}.site-footer li{margin-bottom:8px}.site-footer li a{color:var(--text-sub)}.footer-bottom{border-top:1px solid var(--line-weak);margin:48px 0 0;padding-top:16px}.layout{grid-template-columns:minmax(0,3fr) minmax(0,1fr);margin-top:24px;display:grid}.layout-main{min-width:0;padding-right:24px}.layout-side{border-left:1px solid var(--line-weak);min-width:0;padding-left:20px}.side-title{margin:0 0 12px;font-size:18px;font-weight:500}.side-title-next{margin-top:32px}.badge:hover{text-decoration:none}.badge{border-radius:var(--radius-s);padding:2px 6px;font-size:12px;font-weight:700;display:inline-block}.badge-trend{color:var(--accent-text);background:var(--accent-soft)}.badge-basics{color:var(--text);background:var(--surface-mid)}.badge-hands-on{color:var(--text);border:1px solid var(--line-strong)}.tag-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tag{background:var(--button-quiet);border-radius:var(--radius-pill);color:var(--text);padding:3px 8px;font-size:12px;font-weight:700;display:inline-block}.tag:hover,.tag[aria-current=page],.quiet-button:hover{background:var(--accent-soft);color:var(--accent-text);text-decoration:none}.quiet-button{border-radius:var(--radius-pill);background:var(--button-quiet);color:var(--text);padding:7px 16px;font-size:13px;font-weight:700;display:inline-block}.meta{color:var(--text-sub);font-size:13px;font-weight:700}.breadcrumb ol{color:var(--text-sub);flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.breadcrumb li+li:before{content:"›";color:var(--text-faint);margin-right:6px}.breadcrumb a{color:var(--text-sub)}.lead{color:var(--text-sub);margin:16px 0 0}.section-head{justify-content:space-between;align-items:baseline;margin:0 0 24px;display:flex}.section-head h1{margin:0;font-size:24px;font-weight:700}.section-head span{color:var(--text-sub)}.card{grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px;margin-bottom:48px;display:grid}.card-body{min-width:0}.card:hover .card-thumb{opacity:.7}.card:hover .card-title a{text-decoration:underline}.card-thumb:hover{text-decoration:none}.card-thumb{aspect-ratio:16/9;border-radius:var(--radius-s);background:var(--surface);color:var(--text-faint);text-align:center;transition:opacity var(--anim-hover);align-self:start;place-items:center;padding:8px;font-weight:700;display:grid}.card-thumb.has-image{background:var(--bg);border:1px solid var(--line-weak);padding:0;display:block;overflow:hidden}.card-thumb.has-image img{object-fit:cover;width:100%;height:100%;display:block}.card-head{color:var(--text-sub);flex-wrap:wrap;align-items:center;gap:8px;font-weight:700;display:flex}.card-head a:not(.badge){color:inherit}.card-title{margin:8px 0;font-size:20px;font-weight:700;line-height:1.4}.card-title a{color:var(--text)}.card-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 8px;font-size:14px;line-height:1.6;display:-webkit-box;overflow:hidden}.card-meta{flex-wrap:wrap;gap:4px 16px;margin:0 0 8px;display:flex}.side-cats{margin:0;padding:0;list-style:none}.side-cats>li{margin-bottom:12px}.side-cats ul{margin:2px 0 0;padding-left:12px;list-style:none}.side-link{border-radius:var(--radius-s);color:var(--text-sub);justify-content:space-between;gap:8px;padding:4px 8px;font-size:14px;display:flex}.side-link:hover{background:var(--surface);text-decoration:none}.side-major{color:var(--text);font-weight:700}.side-count{color:var(--text-faint);font-size:12px;font-weight:400}.side-link[aria-current=page]{background:var(--accent-soft);color:var(--accent-text)}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin:16px 0 24px;display:flex}.page-number,.page-link{border-radius:var(--radius-pill);min-height:30px;color:var(--text-sub);align-items:center;padding:6px 12px;font-size:13px;line-height:1;display:inline-flex}.page-number:hover,.page-link:hover{background:var(--accent-soft);color:var(--accent-text);text-decoration:none}.page-number.is-current{background:var(--accent);color:#fff;font-weight:700}.page-gap{color:var(--text-faint);padding-inline:6px}.list-head{margin-bottom:32px}.list-label{color:var(--text-sub);margin:0 0 4px;font-size:12px;font-weight:700}.list-title-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.list-title-row h1{margin:0;font-size:clamp(26px,1.325rem + .9vw,32px);font-weight:800;line-height:1.3}.list-count{color:var(--text-sub);flex:none;font-size:14px}.list-desc{color:var(--text-sub);margin:8px 0 0;line-height:1.6}.list-intro{margin:12px 0 0;font-size:15.6px;line-height:1.75}.chip-list{flex-wrap:wrap;gap:6px;margin:16px 0 0;padding:0;list-style:none;display:flex}.chip{border-radius:var(--radius-pill);background:var(--button-quiet);color:var(--text-sub);padding:5px 12px;font-size:13px;font-weight:700;display:inline-block}.chip:hover,.chip[aria-current=page]{background:var(--accent-soft);color:var(--accent-text);text-decoration:none}.tabs{border-bottom:1px solid var(--line-weak);flex-wrap:wrap;gap:24px;margin:20px 0 0;padding:0;list-style:none;display:flex}.tab{color:var(--text-sub);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 0;font-size:14px;display:block}.tab:hover{color:var(--text);text-decoration:none}.tab[aria-current=page]{border-bottom-color:var(--accent);color:var(--text);font-weight:700}.article-head h1{margin:12px 0;font-size:clamp(26px,1.325rem + .9vw,32px);font-weight:800;line-height:1.3}.article-meta{flex-wrap:wrap;gap:4px 16px;margin:0 0 12px;display:flex}.article-meta abbr{cursor:help;text-decoration:underline dotted}.article-body{overflow-wrap:anywhere;margin-top:32px;font-size:15.6px;line-height:1.75}.article-body p,.article-body li{margin:0 0 16px}.article-body li{margin-bottom:6px}.article-body ul,.article-body ol{margin:0 0 16px;padding-left:1.6em}.article-body h2{border-bottom:1px solid var(--line-weak);margin:56px 0 12px;padding-bottom:8px;font-size:24px;font-weight:700;line-height:1.4;position:relative}.article-body h3{margin:32px 0 10px;font-size:20px;font-weight:700;line-height:1.4;position:relative}.article-body a{text-underline-offset:2px;text-decoration:underline}.heading-anchor{opacity:0;width:20px;font-weight:400;position:absolute;top:0;left:-20px;color:var(--accent-text)!important;text-decoration:none!important}@media (hover:hover){h2:hover>.heading-anchor,h3:hover>.heading-anchor,.heading-anchor:focus-visible{opacity:1}}.article-body :not(pre)>code{background:var(--surface-mid);border-radius:var(--radius-s);font-family:var(--font-mono);padding:.25em .4em;font-size:.875em}.article-body details{border:1px solid var(--line);border-radius:var(--radius-m);margin:0 0 24px;padding:10px 14px;font-size:14px}.article-body summary{cursor:pointer;font-weight:700}.article-body details>:last-child{margin-bottom:0}.article-body img{max-width:100%;height:auto;margin-inline:auto;display:block}.article-body p:has(>img){margin:24px 0 8px}.article-body p:has(>img)+p:has(>strong:first-child){color:var(--text-sub);text-align:center;margin-bottom:32px;font-size:13px}.article-body table{border-collapse:collapse;width:max-content;max-width:100%;margin:0 0 24px;font-size:14px;line-height:1.6;display:block;overflow-x:auto}.article-body th,.article-body td{border:1px solid var(--line-strong);text-align:left;vertical-align:top;padding:8px 12px}.article-body th{background:var(--surface);font-weight:700}.code-block{margin:0 0 24px}.code-bar{justify-content:space-between;align-items:flex-end;display:flex}.code-lang{background:var(--surface);border-radius:var(--radius-m) var(--radius-m) 0 0;color:var(--text-sub);padding:6px 12px;font-size:12px;font-weight:700}.code-actions{gap:4px;padding-bottom:4px;display:flex}.code-actions button{background:var(--button-quiet);color:var(--text-sub);font:inherit;border-radius:var(--radius-pill);cursor:pointer;border:0;padding:3px 8px;font-size:12px}.code-actions button:hover{background:var(--accent-soft);color:var(--accent-text)}.article-body pre{border-radius:var(--radius-m);font-family:var(--font-mono);margin:0 0 24px;padding:15px 20px;font-size:13px;line-height:1.4;overflow-x:auto;background:var(--surface)!important}.code-block pre{border-top-left-radius:0;margin:0}.code-block.is-wrapped pre{white-space:pre-wrap;overflow-wrap:anywhere}.article-body .tiers{gap:10px;margin:0 0 24px;padding:0;list-style:none;display:grid}.article-body .tier{border-radius:var(--radius-m);border:1px solid var(--tier-color);background:var(--tier-bg);border-left-width:8px;margin:0;padding:12px 16px 12px 20px}.article-body .tier p{margin:0}.article-body .tier-name{color:var(--tier-color);font-size:17px;font-weight:700}.article-body .tier-what{color:var(--text);margin-top:2px;font-weight:700}.article-body .tier-note{color:var(--text-sub);margin-top:2px;font-size:14px}.tier-go{--tier-color:var(--tier-go);--tier-bg:var(--tier-go-bg)}.tier-ask{--tier-color:var(--tier-ask);--tier-bg:var(--tier-ask-bg)}.tier-no{--tier-color:var(--tier-no);--tier-bg:var(--tier-no-bg)}.callout{border-radius:var(--radius-m);background:var(--surface);margin:0 0 24px;padding:12px 16px 12px 48px;position:relative}.callout:before{content:"";background:var(--callout-icon,var(--text-sub));width:20px;height:20px;mask:var(--callout-mask) center / contain no-repeat;position:absolute;top:14px;left:16px}.callout>:last-child{margin-bottom:0}.callout-title{font-size:13px;font-weight:700;margin-bottom:4px!important}.callout-point{background:var(--accent-soft);--callout-icon:var(--accent-text);--callout-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E %3Cpath d=%22M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5%22 /%3E %3Cpath d=%22M9 18h6%22 /%3E %3Cpath d=%22M10 22h4%22 /%3E %3C/svg%3E")}.callout-note{background:var(--callout-note);--callout-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E %3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22 /%3E %3Cpath d=%22M12 16v-4%22 /%3E %3Cpath d=%22M12 8h.01%22 /%3E %3C/svg%3E")}.callout-caution{background:var(--callout-caution);--callout-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E %3Cpath d=%22m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3%22 /%3E %3Cpath d=%22M12 9v4%22 /%3E %3Cpath d=%22M12 17h.01%22 /%3E %3C/svg%3E")}.callout-warning{background:var(--callout-warning);--callout-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E %3Cpath d=%22M12 16h.01%22 /%3E %3Cpath d=%22M12 8v4%22 /%3E %3Cpath d=%22M15.312 2a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586l-4.688-4.688A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2z%22 /%3E %3C/svg%3E")}.article-box{margin-top:48px}.article-box h2{margin:0 0 12px;font-size:20px;font-weight:700}.verify-list{grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:14px;line-height:1.6;display:grid}.verify-list dt{color:var(--text-sub);font-weight:700}.verify-list dd{margin:0}.source-list{margin:0;padding-left:1.4em;font-size:14px;line-height:1.8}.book-card{border:1px solid var(--line);border-radius:var(--radius-m);grid-template-columns:80px minmax(0,1fr);gap:16px;margin-top:40px;padding:16px;display:grid}.book-cover img{border-radius:var(--radius-s);width:80px;height:auto;display:block}.book-body{min-width:0}.book-label{color:var(--text-sub);align-items:center;gap:8px;margin:0 0 6px;font-size:12px;font-weight:700;display:flex}.book-pr{border:1px solid var(--line-strong);border-radius:var(--radius-s);padding:1px 5px}.book-title{margin:0 0 4px;font-size:15.6px;font-weight:700;line-height:1.5}.book-title a{color:var(--text)}.book-summary{color:var(--text-sub);margin:0 0 10px;font-size:13px;line-height:1.6}.related{border-top:1px solid var(--line-weak);margin-top:56px;padding-top:32px}.related h2{margin:0 0 16px;font-size:24px;font-weight:700}.related-list{margin:0;padding:0;list-style:none}.related-row{border-bottom:1px solid var(--line-weak);grid-template-columns:128px minmax(0,1fr);align-items:center;gap:16px;padding:12px 0;display:grid}.related-thumb{aspect-ratio:16/9;border-radius:var(--radius-s);background:var(--surface);width:128px;color:var(--text-faint);text-align:center;place-items:center;padding:2px;font-size:11px;font-weight:700;display:grid;overflow:hidden}.related-thumb.has-image{background:var(--bg);outline:1px solid var(--line-weak);outline-offset:-1px;padding:0;display:block}.related-thumb.has-image img{object-fit:cover;width:100%;height:100%;display:block}.related-thumb:hover{text-decoration:none}.related-row:hover .related-thumb{opacity:.7}.related-row:hover .related-title a{text-decoration:underline}.related-title{margin:0 0 4px;font-size:15.6px;line-height:1.5}.related-title a{color:var(--text)}.related-meta{flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0;display:flex}.share{border-top:1px solid var(--line-weak);margin-top:40px;padding-top:24px}.share-title{color:var(--text-sub);margin:0 0 12px;font-size:14px;font-weight:700}.share-buttons{flex-wrap:wrap;gap:8px;display:flex}.share-btn{border-radius:var(--radius-pill);background:var(--button-quiet);min-height:44px;color:var(--text);font:inherit;cursor:pointer;transition:background var(--anim-hover), border-color var(--anim-hover), color var(--anim-hover);border:1px solid #0000;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:700;line-height:1;display:inline-flex}@media (hover:hover){.share-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-text);text-decoration:none}}.share-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.share-btn svg{fill:currentColor;flex:none;width:20px;height:20px}.share-copy svg,.share-native svg{fill:none}.share-btn[hidden]{display:none}.share-x svg{color:#000}.share-hatena svg{color:#00a4de}@media (width<=480px){.share-buttons{grid-template-columns:1fr 1fr;display:grid}.share-btn{justify-content:center;padding:0 8px}}.toc{max-height:calc(100vh - 104px);position:sticky;top:88px;overflow-y:auto}.toc ol{margin:0;padding:0;list-style:none}.toc-link{border-radius:var(--radius-s);color:var(--text-sub);padding:5px 8px;font-size:13px;line-height:1.5;display:block}.toc-link:hover{color:var(--text);background:var(--surface);text-decoration:none}.toc-link.depth-3{padding-left:20px;font-size:12px}.toc-link[aria-current=location]{background:var(--surface-mid);color:var(--text);font-weight:700}.toc-mobile{border:1px solid var(--line);border-radius:var(--radius-m);margin-top:24px;padding:10px 12px;display:none}.toc-mobile summary{cursor:pointer;font-size:14px;font-weight:700}.toc-mobile ol{margin:8px 0 0;padding:0;list-style:none}.not-found{text-align:center;padding-block:80px}.not-found .not-found-code{color:var(--line-strong);margin:0;font-size:48px;font-weight:800;line-height:1.2}.not-found-actions{justify-content:center;gap:8px;display:flex}.not-found h1{margin:8px 0;font-size:24px;font-weight:700}.not-found p{color:var(--text-sub);margin:0 0 24px}@media (width<=1024px){.site-header{position:relative}html{scroll-padding-top:16px}.layout{grid-template-columns:minmax(0,1fr)}.layout-main{padding-right:0}.layout-side{display:none}.layout-side.keep{border-left:0;margin-top:32px;padding-left:0;display:block}.toc-mobile{display:block}.heading-anchor{display:none}}@media (width<=991px){.nav-toggle{display:block}.site-nav{z-index:30;background:var(--bg);border-bottom:1px solid var(--line-weak);flex-direction:column;align-items:stretch;gap:0;max-height:calc(100vh - 80px);padding:8px 12px 16px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.site-nav.is-open{display:flex}.nav-menu summary{justify-content:space-between;padding:12px 0;display:flex}.nav-dropdown{border:0;border-radius:0;width:auto;max-height:none;padding:0 0 8px;position:static}.nav-dropdown-categories,.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=767px){.layout-side.keep{display:none}.article-body pre,.callout,.code-block pre{border-radius:0;margin-inline:-12px}.article-body table{max-width:100%}.verify-list{grid-template-columns:1fr}}@media (width<=575px){.card{grid-template-columns:1fr;gap:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*{transition:none!important}}