.tool-guide{max-width:1040px;color:var(--ink,#06482b);border:1px solid var(--line,#ccd8cd);background:#fff;margin:2rem auto;padding:clamp(1rem,4vw,2.5rem);font-size:1rem;line-height:1.7}.tool-guide h2{margin:0 0 1rem;font-size:clamp(1.4rem,3vw,2rem);line-height:1.25}.tool-guide h3{margin:1.6rem 0 .7rem;font-size:1.2rem}.tool-guide p,.tool-guide li{font-size:1rem}.tool-guide ol{padding-left:1.5rem}.tool-guide li+li{margin-top:.65rem}.guide-table{overflow-x:auto}.guide-table table{border-collapse:collapse;width:100%;font-size:1rem}.guide-table caption,.tool-guide figcaption{text-align:left;margin:.5rem 0;font-size:.875rem}.guide-table th,.guide-table td{text-align:left;vertical-align:top;border:1px solid #ccd8cd;min-width:130px;padding:.8rem}.guide-table th,.guide-example{background:#eef5ee}.guide-example{border-left:3px solid #21813b;padding:1rem}.tool-guide .guide-note{font-size:.875rem}.tool-guide details{border-top:1px solid #ccd8cd;padding:1rem 0}.tool-guide summary{cursor:pointer;font-weight:700}.tool-guide figure{margin:1.5rem 0}.tool-guide svg{width:100%;height:auto;font-size:16px;display:block}.guide-screenshot{background:#eef5ee;border:1px solid #ccd8cd;padding:clamp(.5rem,2vw,1rem)}.guide-screenshot img{border:1px solid #a8b9aa;width:100%;height:auto;display:block}.guide-screenshot figcaption{color:#56645a}.guide-faq{margin-top:2rem}.guide-focus{flex-direction:column;gap:.5rem;display:flex}.guide-focus input{accent-color:#21813b;width:100%;min-height:44px}.guide-related{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.guide-related a{color:inherit;text-decoration:underline}.tool-guide :focus-visible{outline-offset:4px;outline:3px solid #21813b}
