/* 詳細だけで読み込む。JSや動きが無効でも入力・説明・結果を利用できる。 */
.detail-main .ch-tool-intro{font-size:.9375rem;color:var(--muted);margin:0 0 1rem;line-height:1.65}
.detail-main .ch-tool-details{margin:1rem 0 1.5rem;border:1px solid var(--line);padding:.625rem .875rem;background:var(--panel)}
.ch-tool-details>summary{cursor:pointer;color:var(--ink);font-size:.875rem;min-height:24px}
.ch-tool-optional{margin-top:.75rem}.ch-tool-optional>summary{cursor:pointer;font-size:.875rem;min-height:44px}.ch-tool-optional[open]>summary{margin-bottom:.75rem}
.ch-tool-details .lead{margin:1rem 0}.ch-tool-details .division{margin-bottom:.5rem}
.detail-main .ch-tool-status{padding:.75rem 1rem;margin:0 0 1rem;border-left:3px solid var(--accent);background:var(--tint);font-size:.875rem;scroll-margin-top:84px}
.ch-tool-status[data-state=pending]::before{content:"";display:inline-block;width:.875rem;height:.875rem;margin-right:.5rem;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;vertical-align:-.125rem;animation:ch-tool-spin .8s linear infinite}
.ch-tool-status[data-state=error]{border-color:#c2402f}
.detail-main [data-ch-tool-share][hidden],.detail-main .ch-tool-status[hidden]{display:none}
[data-ch-tool-form][aria-busy=true] button[type=submit]{cursor:wait;opacity:.7}
.detail-main .ch-tool-arrived{scroll-margin-top:84px;animation:ch-tool-arrive 1.8s ease-out;outline:2px solid var(--accent);outline-offset:3px}
@keyframes ch-tool-spin{to{transform:rotate(360deg)}}
@keyframes ch-tool-arrive{from{box-shadow:0 0 0 5px var(--tint)}to{box-shadow:0 0 0 0 transparent}}
@media(max-width:640px){.detail-main form.check textarea{min-height:8rem}.detail-main h1.app{font-size:1.375rem;line-height:1.5}}
@media(prefers-reduced-motion:reduce){.ch-tool-status[data-state=pending]::before,.detail-main .ch-tool-arrived{animation:none}}