/* Content pages (/say-do-ratio/, /tools/*). Builds on /site.css. */
.article{max-width:820px;margin:0 auto;padding:24px 24px 72px;font-size:17px;line-height:1.65}
.article h1{font-size:48px;margin:8px 0 20px}.article h2{font-size:28px;margin:48px 0 12px}.article h3{font-size:19px;margin:28px 0 8px}
.article blockquote{margin:20px 0;padding:16px 20px;border-left:4px solid var(--accent);background:#f8fafc;border-radius:0 10px 10px 0}.article blockquote p{margin:6px 0}
.article code{font:14px ui-monospace,monospace;background:#f1f5f9;padding:2px 6px;border-radius:5px;word-break:break-word}
.article table{width:100%;font-size:15px;border-collapse:collapse;margin:16px 0;display:block;overflow-x:auto}
.article th,.article td{padding:10px 12px;border-top:1px solid var(--line);text-align:left;font-family:inherit}
.article td:last-child{text-align:left;font-family:inherit}.article thead th{color:var(--muted);font-weight:600;border-top:0}
.article li{margin:6px 0}.ctas{margin:24px 0}.ctas .btn{margin:0 12px 12px 0}.ctas .ghost{margin-left:0}
.calc{margin:24px 0 8px}.calc fieldset{margin:0 0 20px}.calc legend{font-size:18px;margin-bottom:12px}
.calc input[type=text]{max-width:360px}.calc select{max-width:360px}.calc .small{margin:6px 0 0}
.toggle{display:flex;flex-wrap:wrap;gap:6px 20px}.err{color:#dc2626;font-size:14px;margin:6px 0 0}.err:empty{display:none}
input[aria-invalid=true]{border-color:#dc2626}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline}
.results{margin:20px 0 8px}.results:empty{display:none}.results{background:#f8fafc;border:1px solid var(--line);border-radius:12px;padding:16px 20px}
.results p{margin:6px 0}.results .sentence{margin-top:12px;font-weight:600}
@media(max-width:800px){.article h1{font-size:36px}.article h2{font-size:24px}}