/* 互動練習工具頁（tools/）共用樣式，配合 article.css 使用 */
.tool-head{padding:4px 0 18px}
.tool-head h1{margin-bottom:.35em}
.tool-head .lead{margin:0;max-width:44em}
.tool-frame-wrap{max-width:1180px;margin:8px auto 0;padding:0 16px}
.tool-frame{display:block;width:100%;height:80vh;min-height:560px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 24px 50px -40px rgba(0,0,0,.4)}
.tool-alt{text-align:right;margin:8px 4px 0}
.tool-alt a{color:var(--ink-2)}
.tool-grid{display:grid;gap:12px;grid-template-columns:1fr}
@media(min-width:640px){.tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.tool-grid{grid-template-columns:repeat(3,1fr)}}
.tool-card{display:flex;flex-direction:column;gap:2px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;text-decoration:none;transition:transform .25s var(--ease),border-color .25s}
.tool-card:hover{transform:translateY(-2px);border-color:var(--accent)}
.tool-card b{font-family:var(--serif);font-size:18px;font-weight:900}
.tool-card span{font-size:14px;color:var(--ink-2)}
.tool-card small{font-size:13.5px;color:var(--ink-3);line-height:1.6;margin-top:6px}
.tool-page .related h2{margin-top:0}