:root{--c-text:#2e2e2e;--c-h2:#3a5a40;--c-h3:#4a7c59;--c-toc-bg:#f9f9f9;--c-toc-border:#e0e0e0;--c-link:#4a7c59;--c-link-hover:#3a5a40;--c-toc:#4a7c59;--toc-accent:#8fbf9a;--toc-accent-2:#b7d8bf;--sp-1:0.5rem;--sp-2:0.75rem;--sp-3:1rem;--sp-4:1.5rem;--sp-5:2rem;--radius:8px;--shadow:0 2px 4px rgba(0,0,0,0.1);--toc-label-w:56px}.guide-body{font-family:Noto Sans JP,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--c-text);line-height:1.75;font-size:1rem;padding:var(--sp-3);text-wrap:pretty}.guide-body h2{font-size:clamp(1.5rem,2.5vw,2rem);margin:var(--sp-5) 0 var(--sp-3);color:var(--c-h2);border-left:4px solid var(--c-h2);padding-left:var(--sp-2);scroll-margin-top:96px}.guide-body h3{font-size:clamp(1.25rem,2vw,1.5rem);margin:var(--sp-4) 0 var(--sp-2);color:var(--c-h3);scroll-margin-top:96px}.guide-body p{margin-bottom:var(--sp-3)}.guide-body ol,.guide-body ul{margin:var(--sp-3) 0;padding-left:var(--sp-3)}.guide-body .guide-list,.guide-body .guide-list--numbered{list-style:none;padding-left:0;margin-top:.75rem;margin-bottom:1.25rem}.guide-body .guide-list{background:#f8faf8;border:1px solid #e3e8e3;padding:1rem 1.25rem;border-radius:8px}.guide-body .guide-list li{position:relative;padding-left:1.2rem;margin-bottom:.55rem;line-height:1.7}.guide-body .guide-list li:before{content:"";position:absolute;left:.2rem;top:.7rem;width:6px;height:6px;border-radius:50%;background:var(--toc-accent)}.guide-body .guide-list--numbered{counter-reset:guide-num}.guide-body .guide-list--numbered li{position:relative;padding-left:2.6rem;margin-bottom:1rem;line-height:1.7}.guide-body .guide-list--numbered li:before{counter-increment:guide-num;content:counter(guide-num);position:absolute;left:0;top:.1rem;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;border-radius:999px;background:var(--toc-accent);color:#fff;font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums}.guide-body .guide-list-title{display:block;font-weight:600;margin-bottom:.25rem;line-height:1.6}.guide-step{margin-bottom:var(--sp-3);display:flex;align-items:flex-start;justify-content:center;gap:var(--sp-3);max-width:100%;border-radius:.5rem;box-shadow:var(--shadow);padding:12px}.guide-step img{display:block;width:100%;height:auto;aspect-ratio:5/3;object-fit:cover}.guide-step.guide-step--fit img{aspect-ratio:auto;object-fit:contain;max-width:720px;margin-inline:auto;box-shadow:none}.guide-step-context{flex:2;display:flex;flex-direction:column}.guide-step--double{display:flex;flex-direction:row;gap:var(--sp-3)}.guide-step--double img{width:50%;height:auto;aspect-ratio:5/3;object-fit:cover;border-radius:.5rem}.toc{position:relative;padding:var(--sp-3);margin:var(--sp-5) 0;box-shadow:var(--shadow),4px 4px 0 rgba(0,0,0,.03);background:var(--c-toc-bg);border:1px solid var(--c-toc-border);border-radius:var(--radius)}.toc h3{display:flex;align-items:center;gap:.5rem;border-bottom:none;margin-bottom:var(--sp-2);padding-bottom:0}.toc h3:after,.toc h3:before{content:"";flex:1 1 auto;height:3px;background:var(--toc-accent);border-radius:2px}.toc ul{padding-left:0;margin:0}.toc li{list-style:none;position:relative;padding-left:1.25rem;margin:.35rem 0}.toc li>a{display:block;line-height:1.6;text-wrap:balance;color:var(--c-text);text-decoration:none;padding:.35rem .4rem;border-radius:6px;transition:color .2s ease,background-color .2s ease}.toc li>a:hover{color:var(--c-link-hover);background:color-mix(in srgb,var(--toc-accent) 10%,transparent)}.toc li>a:focus-visible{outline:2px solid var(--c-link);outline-offset:2px;border-radius:6px}.toc>ul>li:before{content:"✎";position:absolute;left:0;top:50%;translate:0 -50%;color:var(--c-h3);font-weight:700;font-size:.95rem}.toc li ul{margin-left:.5rem}.toc li ul>li{padding-left:1rem}.toc li ul>li:before{content:"";position:absolute;left:.2rem;top:.95em;width:6px;height:6px;border-radius:999px;background:var(--toc-accent-2);opacity:.9}.toc li+li{border-top:1px dotted rgba(0,0,0,.06)}.toc li ul>li+li{border-top-style:dashed}.toc a.is-active{position:relative;font-weight:600;color:var(--c-link-hover);background:color-mix(in srgb,var(--toc-accent) 12%,transparent)}.toc a.is-active:before{content:"";position:absolute;left:-.5rem;top:50%;translate:0 -50%;width:3px;height:1.4em;border-radius:2px;background:var(--toc-accent)}.toc.toc--sticky{position:sticky;top:84px;max-height:calc(100vh - 120px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.22) transparent}.toc.toc--sticky::-webkit-scrollbar{width:8px}.toc.toc--sticky::-webkit-scrollbar-thumb{background:rgba(0,0,0,.22);border-radius:8px}.toc.toc--sticky::-webkit-scrollbar-track{background:transparent}.toc.toc--numbered>ul{counter-reset:toc}.toc.toc--numbered>ul>li{counter-increment:toc}.toc.toc--numbered>ul>li:before{content:counter(toc) ".";color:var(--c-h3);font-weight:700;font-variant-numeric:tabular-nums;width:1.2rem;text-align:center;left:-.2rem}@media (max-width:480px){.toc.is-collapsed li>ul{display:none}.toc.is-collapsed li.has-children>a:after{content:"＋";float:right;font-weight:700;color:var(--c-h3)}.toc.is-collapsed li.is-open>ul{display:block}.toc.is-collapsed li.is-open>a:after{content:"－"}}.summary{margin-top:var(--sp-5);margin-bottom:var(--sp-5);padding:calc(var(--sp-4) + 2px);background:var(--c-toc-bg);border:1px solid var(--c-toc-border);border-radius:var(--radius);box-shadow:var(--shadow)}.summary h2{font-size:clamp(1.5rem,2.3vw,1.875rem);margin:0 0 var(--sp-3);color:var(--c-h2);border-left:4px solid var(--c-h2);padding-left:var(--sp-2)}.summary .lead{font-weight:500;color:var(--c-text);margin-bottom:var(--sp-3);line-height:1.8}.summary .keypoints{list-style:none;padding-left:0;margin:0 0 var(--sp-3)}.summary .keypoints li{position:relative;padding-left:calc(var(--sp-3) + 8px);margin:0 0 var(--sp-2);line-height:1.8}.summary .keypoints li:before{content:"✓";position:absolute;left:0;top:.1rem;color:var(--c-h3);font-weight:700}.summary .note{padding:var(--sp-3);border-left:4px solid var(--c-h3);background:#f5fbf7;border-radius:6px;margin:var(--sp-4) 0}.summary .next-steps{counter-reset:step;list-style:none;padding-left:0;margin:var(--sp-4) 0 var(--sp-3)}.summary .next-steps li{counter-increment:step;position:relative;padding-left:calc(var(--sp-3) + 22px);margin-bottom:var(--sp-2);line-height:1.8}.summary .next-steps li:before{content:counter(step);position:absolute;left:0;top:.05rem;width:26px;height:26px;display:inline-grid;place-items:center;border-radius:999px;background:var(--c-h2);color:#fff;font-size:.9rem;font-weight:700}.summary .tags{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-3)}.summary .tag{display:inline-block;border:1px solid var(--c-toc-border);background:#fff;color:var(--c-link-hover);padding:.25rem .5rem;border-radius:999px;font-size:.85rem;line-height:1}.summary .cta{margin-top:var(--sp-4);padding:var(--sp-3);border:1px dashed var(--c-h2);border-radius:var(--radius);background:#f6fff8}.summary .cta a{color:var(--c-link);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease;outline-offset:2px}.summary .cta a:hover{color:var(--c-link-hover);border-color:var(--c-link-hover)}.summary .cta a:focus-visible{outline:2px solid var(--c-link);border-radius:4px}.summary .back-to-top{display:inline-block;margin-top:var(--sp-3);font-size:.9rem;color:var(--c-link);text-decoration:none}.summary .back-to-top:hover{color:var(--c-link-hover);text-decoration:underline}@media (prefers-reduced-motion:reduce){.guide-body *,.guide-step,.toc{transition:none!important}}@media (max-width:480px){.toc{font-size:.95rem}.toc li{margin:.25rem 0}.toc li>a{padding:.5rem .25rem;line-height:1.5;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toc>ul>li:before{font-size:.85rem}}@media (min-width:481px) and (max-width:1023px){.toc li{margin:.3rem 0}.toc li>a{padding:.4rem .25rem;white-space:normal;overflow:visible;text-overflow:clip}}@media (min-width:1024px){.toc li>a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toc.toc--cols{column-count:2;column-gap:var(--sp-4)}.toc.toc--cols li,.toc.toc--cols>ul{break-inside:avoid}}@media (pointer:coarse){.toc li>a{min-height:40px;display:flex;align-items:center}}@media (max-width:768px){.guide-body{padding:var(--sp-1);font-size:.95rem;line-height:1.8}.guide-step{flex-direction:column}.summary{padding:var(--sp-3)}.summary .next-steps li:before{top:.1rem}}@media (min-width:769px){.guide-body{padding:var(--sp-5)}}@media print{.summary{box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.summary .cta{border-style:solid}}