html,body{height:100%;overflow:hidden}body.methods-app{display:flex;flex-direction:column;background:var(--methods-bg, #f3f6fb)}.methods-app .site-header-home{display:inline-flex;align-items:baseline;gap:8px;color:inherit;text-decoration:none}.preview-strip{flex:0 0 auto;padding:6px 14px;font-size:12px;color:#9a3412;background:#fff7ed;border-bottom:1px solid #fdba74}.methods-body{flex:1 1 auto;display:flex;min-height:0}.methods-toc{flex:0 0 248px;width:248px;overflow:auto;background:#fff;border-right:1px solid rgba(11,61,145,.16);padding:10px 8px 24px}.methods-toc h2{margin:6px 8px 8px;font-size:11px;font-weight:700;letter-spacing:.08em;color:#5a7394}.toc-group{margin:0 0 4px}.toc-group>summary{list-style:none;cursor:pointer;padding:7px 8px;font-size:13px;font-weight:800;color:var(--methods-brand, #0b3d91);border-radius:8px}.toc-group>summary::-webkit-details-marker{display:none}.toc-group>summary:before{content:"";display:inline-block;width:.38em;height:.38em;margin-right:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);vertical-align:.12em}.toc-group[open]>summary:before{transform:translateY(-1px) rotate(45deg)}.toc-group>summary:hover{background:var(--methods-action-soft, #e8f2ff)}.toc-group .toc-group{margin:0 0 2px 6px}.toc-group .toc-group>summary{font-size:12px;font-weight:700;color:#5a7394;padding:5px 8px}.toc-group .toc-group .toc-list a{padding-left:22px;font-size:12.5px}.toc-list{list-style:none;margin:0 0 6px;padding:0 0 0 6px}.toc-list a{display:block;padding:6px 10px 6px 18px;border-radius:8px;font-size:13px;line-height:1.35;color:#333;text-decoration:none}.toc-list a:hover{background:var(--methods-action-soft, #e8f2ff)}.toc-list a.is-current{background:var(--methods-action-soft, #e8f2ff);color:var(--methods-brand, #0b3d91);font-weight:700}.toc-list a.is-ready:after{content:"";display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--methods-ready, #28a745);vertical-align:1px}.methods-stage{flex:1 1 auto;min-width:0;background:var(--methods-bg, #f3f6fb);position:relative}.methods-stage iframe{display:block;width:100%;height:100%;border:0;background:var(--methods-bg, #f3f6fb)}.stage-stub{display:none;box-sizing:border-box;height:100%;overflow:auto;padding:28px 22px 48px;max-width:640px}.stage-stub.is-on{display:block}.stage-stub h1{margin:0 0 10px;font-size:22px;color:var(--methods-brand, #0b3d91)}.stage-stub p{color:#666;line-height:1.75}.site-header-toc-btn{display:none;flex:0 0 auto;margin-left:-4px;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:#5a7394;font-size:13px;font-weight:600;cursor:pointer}.site-header-toc-btn:hover{background:#1976d214}.toc-backdrop{display:none}@media(max-width:860px){.site-header-toc-btn{display:inline-flex;align-items:center}.site-header-spacer:first-child{display:none}.methods-toc{position:fixed;top:56px;left:0;bottom:0;z-index:40;transform:translate(-105%);transition:transform .2s ease;box-shadow:8px 0 24px #0a2e6e1f}body.toc-open .methods-toc{transform:translate(0)}.toc-backdrop{display:none;position:fixed;top:56px;right:0;bottom:0;left:0;z-index:30;background:#0f172a47}body.toc-open .toc-backdrop{display:block}}:root{--desk: #d8cfc0;--paper: #f3eee4;--ink: #2c261e;--mute: #7a7266;--rule: #cfc6b8;--print: #9c2f3c;--serif: "Noto Serif JP", "Yu Mincho", "Hiragino Mincho ProN", serif;--methods-bg: #f3eee4;--methods-brand: #2c261e;--methods-action: #9c2f3c;--methods-action-soft: #efe8dc;--methods-ready: #5f7a4a}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper)}body.methods-app{font-family:var(--serif);color:var(--ink);background:var(--paper)}.methods-classic-header{position:-webkit-sticky;position:sticky;top:0;display:flex;align-items:flex-end;flex:0 0 auto;min-height:64px;padding:16px 22px 10px 26px;z-index:50;background:var(--paper);border-bottom:0px solid var(--ink);box-shadow:0 3px 0 var(--paper),0 4px 0 var(--rule)}.methods-classic-header .header-center{flex:1;min-width:0}.methods-classic-header .mast{font-family:var(--serif);font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--ink);line-height:1.2}.methods-classic-header .issue{font-size:11px;color:var(--mute);letter-spacing:.22em;margin-top:2px}.methods-classic-header .header-right{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;min-height:36px;padding-bottom:2px}.header-close{padding:0;font-family:var(--serif);font-size:13px;font-weight:500;letter-spacing:.12em;background:none;color:var(--ink);border:none;cursor:pointer}.header-close:hover{color:var(--print)}.toc-rail-btn{display:none}.methods-toc{background:#faf6ef;border-right:1px solid var(--ink);border-radius:0}.methods-toc h2{font-family:var(--serif);color:var(--mute);letter-spacing:.12em}.toc-group>summary{border-radius:0;color:var(--ink)}.toc-group>summary:hover,.toc-list a:hover,.toc-list a.is-current{background:#efe8dc;color:var(--ink)}.toc-list a{color:var(--ink);border-radius:0}.xy-toolbar button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 10px;background:none;border:1px solid var(--ink);border-radius:4px;color:var(--print);font-family:var(--serif);font-size:13px;font-weight:700;box-shadow:none}.xy-toolbar button:hover{border-color:var(--print);color:var(--print);background:none;filter:none}.xy-toolbar button.secondary{background:none;color:var(--print);border-color:var(--ink)}.xy-toolbar button.secondary:hover{border-color:var(--print)}.xy-toolbar .replay-ctl-icon{width:14px;height:14px;display:block;flex:0 0 auto}.methods-stage,.methods-stage iframe{background:var(--paper)}.stage-stub h1{color:var(--ink);font-family:var(--serif)}@media(max-width:860px){.toc-rail-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:72px;left:0;z-index:45;width:auto;height:auto;padding:10px 6px;border:none;background:transparent;color:var(--ink);cursor:pointer;font-family:inherit;font-size:15px;font-weight:500;letter-spacing:.16em;line-height:1.2;writing-mode:vertical-rl;text-orientation:mixed}body.toc-open .toc-rail-btn{display:none}.methods-stage{padding-left:36px}.methods-toc{top:64px;box-shadow:none;border-right:1px solid var(--ink)}.toc-backdrop{top:64px;right:0;bottom:0;left:0;background:#2c261e59}}