.tool{margin-top:1.5rem;padding:clamp(16px,.75rem + 1vw,24px);border-radius:8px;background:#f1f5ee}.tool-label{display:block;color:var(--paper-ink);font-size:var(--step-small);font-weight:600}.tool-text{display:block;box-sizing:border-box;width:100%;min-height:10rem;margin-top:.6rem;padding:.75rem .85rem;border:0;border-radius:8px;background:var(--paper);color:var(--paper-ink);font-family:var(--code);font-size:1rem;line-height:1.55;resize:vertical}.tool-text::placeholder{color:var(--paper-muted);opacity:1}.tool-text:focus-visible{outline:2px solid var(--paper-ink);outline-offset:2px}.tool-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.85rem}.board-site .board-light .tool .button-ghost{background:var(--paper)}.tool-actions .button[disabled]{cursor:progress;opacity:.7}.board-site .board-doc-body .legal-body .tool-note{margin-top:.75rem;color:var(--paper-muted);font-size:var(--step-small)}.tool-result:empty{display:none}.tool-result{margin-top:1.25rem}@media not (min-width:40rem){.tool{padding:12px}.tool-result .guide-table,.tool-result .guide-table :is(caption,tbody,tr,td){display:block}.tool-result .guide-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.tool-result .guide-table tr{padding:12px 0;border-bottom:1px solid var(--border)}.tool-result .guide-table tr:first-child{border-top:1px solid var(--border)}.board-site .board-doc-body .legal-body .tool-result .guide-table td{padding:0;border:0}.tool-result .guide-table td+td{margin-top:4px}.tool-result .guide-table td:first-child{color:var(--paper-ink)}}.board-site .board-doc-body .legal-body .tool-problem{color:var(--danger)}.guide-trail{margin-bottom:1.25rem}.legal-body .guide-table caption{caption-side:top;padding-bottom:.6rem;text-align:left;color:var(--ink);font-size:.8rem;font-weight:550}.legal-body .guide-table :is(th,td){overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}@media not (min-width:40rem){.legal-body .guide-table{font-size:.82rem}.legal-body .guide-table :is(th,td){padding:.6rem .45rem}.legal-body .guide-table :is(th,td):first-child{padding-left:0}}.legal-body .guide-code{margin-top:1rem;font-size:.78rem}.legal-body .guide-list{padding-left:0;list-style:none}.legal-body .guide-list li{margin-top:1rem}.legal-body .guide-list a{font-weight:550}.legal-body .guide-list span{display:block;margin-top:.2rem}.guide-after{margin-top:3rem;padding:1.5rem;border:1px solid var(--line);border-radius:var(--r-card);background:var(--card)}
