/* Editriq tool pages — shared UI (light theme, matches lp.css tokens) */
:root{
  --bg:#fff;--surface:#f5f7fa;--border:#e2e8f0;--hover:#edf2f7;
  --accent:#e94560;--accent-hover:#d63454;--cyan:#0891b2;--cyan-light:#4cc9f0;
  --text:#334155;--text-dim:#64748b;--text-heading:#0f172a;--white:#fff;
  --ok:#047857;--warn:#b45309;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;background:var(--bg);color:var(--text);line-height:1.7;min-height:100vh;display:flex;flex-direction:column}
a{color:var(--cyan)}
main{flex:1;padding:76px 0 40px}
.container{max-width:880px;margin:0 auto;padding:0 20px}
.tool-head{margin-bottom:22px}
.tool-head h1{font-size:1.75rem;color:var(--text-heading);margin-bottom:8px;line-height:1.35}
.tool-head .sub{color:var(--text-dim);font-size:.95rem}
.tool-sections{margin-top:52px}
.tool-sections h2{font-size:1.3rem;color:var(--text-heading);margin:36px 0 14px}
.tool-sections h3{font-size:1rem;color:var(--text-heading);margin-bottom:4px}
.steps-ol{margin:0 0 8px 1.2em;line-height:1.9}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.feat-card{border:1px solid var(--border);border-radius:10px;padding:15px;background:var(--surface)}
.feat-card p{font-size:.85rem;color:var(--text-dim);margin-top:4px}
.faq-item{border-bottom:1px solid var(--border);padding:12px 0}
.faq-item summary{cursor:pointer;font-weight:600;color:var(--text-heading);font-size:.92rem}
.faq-item p{margin-top:8px;font-size:.87rem;color:var(--text-dim)}
.related-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.related-link{display:inline-block;padding:8px 16px;border:1px solid var(--border);border-radius:999px;font-size:.84rem;text-decoration:none;color:var(--text);background:var(--surface)}
.related-link:hover{border-color:var(--cyan);color:var(--cyan)}
.site-foot{border-top:1px solid var(--border);margin-top:40px;padding:22px 0;font-size:.8rem;color:var(--text-dim);text-align:center}
@media (max-width:600px){main{padding:70px 0 30px}.tool-head h1{font-size:1.4rem}.panel{padding:16px}}