/* STEP 10 content pages. External stylesheet only: _headers CSP forbids inline styles. */
.answer{background:#eef4fc;border-left:4px solid var(--accent);padding:18px 20px;border-radius:0 6px 6px 0;font-size:18px;color:var(--ink);max-width:70ch;margin:0 0 20px}
.answer strong{font-weight:600}
table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px;max-width:70ch}
caption{caption-side:top;text-align:left;font-size:14px;color:var(--muted);margin-bottom:8px}
th,td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
th{font-weight:500;background:#f4f4f4;border-top:1px solid var(--line)}
code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f4f4f4;padding:2px 5px;border-radius:3px;font-size:13px;overflow-wrap:anywhere}
pre{background:#f4f4f4;border-radius:6px;padding:14px 16px;overflow-x:auto;font-size:13px;line-height:1.6;max-width:70ch;margin:0 0 24px}
pre code{background:transparent;padding:0;font-size:13px}
ol{max-width:70ch;padding-left:22px;margin:0 0 16px}
ol li,ul li{margin-bottom:8px}
details{border-top:1px solid var(--line);padding:14px 0;max-width:70ch}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-weight:500;margin-bottom:8px}
.aside{font-size:14px;color:var(--muted)}
figure{margin:0 0 28px;max-width:70ch}
figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:8px;background:#fff}
figcaption{font-size:14px;color:var(--muted);margin-top:8px}
@media(max-width:700px){table{font-size:14px}th,td{padding:8px}pre{font-size:12px}.answer{font-size:17px}}