/* The answer pages (/execution, /data-for-ai-agents, /data-warehouse, /mcp,
   /learn/connect-ai-to-stock-data and one page per runnable library strategy,
   /library/<slug>). Written by scripts/answer-pages.mjs; the look is the
   compare pages' (Night only, like every site page but the home). The site
   header and footer are polish.css. ASCII only. */
:root{color-scheme:dark;--ground:#0A0D13;--surface:#10151E;--line:#212A38;--line-strong:#2E3A4D;--ink:#E7ECF4;--body:#B1BAC8;--muted:#8B96A8;--amber:#F0A83C;--amber-hover:#F6B954;--up:#43BD85;--down:#DF605E;--sans:"Segoe UI",Selawik,system-ui,sans-serif;--cond:"Bahnschrift","D-DIN","Arial Narrow",sans-serif;--mono:"Cascadia Mono",Consolas,Cascadia Mono Web,monospace;--radius:3px;--ease:cubic-bezier(.2,.7,.25,1);--fast:160ms}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.75;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{background:rgba(240,168,60,.26);color:var(--ink)}
.wrap{max-width:960px;margin:0 auto;padding:clamp(1.25rem,4vw,3rem) clamp(1rem,4vw,2rem) 5rem}
main{margin:clamp(1.5rem,5vw,3rem) 0 0}
.crumb{margin:0 0 1rem;color:var(--muted);font:600 .625rem/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.crumb a{color:var(--muted)}
h1{max-width:20ch;margin:0 0 1rem;font-family:var(--cond);font-size:clamp(2.2rem,6.4vw,3.7rem);font-weight:800;line-height:1;letter-spacing:.02em;text-wrap:balance}
.d{max-width:64ch;color:var(--muted);font:600 .625rem/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase}
h2{max-width:64ch;margin:clamp(2.75rem,7vw,3.5rem) 0 .9rem;padding-top:1.05rem;border-top:1px solid var(--line);color:var(--amber);font:600 .6875rem/1.45 var(--mono);letter-spacing:.14em;text-transform:uppercase}
h3{max-width:64ch;margin:2rem 0 .5rem;color:var(--ink);font-family:var(--cond);font-size:clamp(1.15rem,3vw,1.35rem);font-weight:700;line-height:1.3;letter-spacing:.02em}
p,li{max-width:64ch;color:var(--body);font-size:1rem;line-height:1.8}
p{margin:.85rem 0}
ul,ol{padding-left:1.25rem}
li{margin:.35rem 0}
b{color:var(--ink)}
a{border-bottom:1px solid transparent;border-radius:var(--radius);color:var(--amber);text-decoration:none;transition:border-color var(--fast) var(--ease),color var(--fast) var(--ease)}
@media(hover:hover){a:hover{border-color:var(--amber);color:var(--amber-hover)}}
a:active{color:var(--muted);border-color:var(--muted)}a:focus{outline:0}a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
code{font-family:var(--mono);font-size:.85em;color:var(--ink);background:rgba(231,236,244,.06);border:1px solid var(--line);border-radius:var(--radius);padding:.05rem .35rem;overflow-wrap:anywhere}
pre{max-width:64ch;margin:1rem 0;padding:.9rem 1rem;overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);font:500 .82rem/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}
.short{max-width:64ch;margin:1.4rem 0 0;padding:1rem 1.15rem;border:1px solid rgba(240,168,60,.45);border-radius:var(--radius);background:rgba(240,168,60,.045)}
.short p{margin:.5rem 0}
.short .lab{display:block;color:var(--amber);font:600 .625rem/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase}
.toc{list-style:none;margin:1.2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;font:600 .6875rem/1.6 var(--mono);letter-spacing:.1em;text-transform:uppercase}
.toc li{margin:0}
.tw{margin:1.2rem 0 0}
.cmp{width:100%;border-collapse:collapse;font-size:.88rem;line-height:1.55}
.cmp caption{caption-side:bottom;padding-top:.8rem;color:var(--muted);font-size:.8rem;text-align:left}
.cmp th,.cmp td{text-align:left;vertical-align:top;padding:.65rem .55rem;border-top:1px solid var(--line);color:var(--body);overflow-wrap:break-word}
.cmp thead th{color:var(--muted);font:600 .6rem/1.4 var(--mono);letter-spacing:.12em;text-transform:uppercase;border-top:0;border-bottom:1px solid var(--line-strong)}
.cmp tbody th{color:var(--ink);font-weight:600}
/* polish.css keeps a compare table's headers on one line; these tables wrap them */
table.cmp th{white-space:normal}
.cmp tr.us th,.cmp tr.us td{background:rgba(240,168,60,.045)}
.num td,.num th{font-variant-numeric:tabular-nums}
.num td{white-space:nowrap}
.yrs{max-width:30rem}
.yrs td,.yrs th{padding:.35rem .55rem}
.yrs td{text-align:right;font-family:var(--mono);font-size:.82rem}
.yrs thead th:not(:first-child){text-align:right}
.lo{color:var(--down)}
.steps{counter-reset:s;list-style:none;padding:0}
.steps li{position:relative;padding:.2rem 0 .2rem 2.4rem}
.steps li::before{counter-increment:s;content:counter(s);position:absolute;left:0;top:.35rem;width:1.6rem;height:1.6rem;border:1px solid var(--line-strong);border-radius:50%;color:var(--amber);font:600 .75rem/1.55rem var(--mono);text-align:center}
.faq h3{margin-top:1.8rem}
.rel{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.6rem}
.rel li{margin:0;max-width:none}
.rel a{display:block;height:100%;padding:.8rem .95rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:.95rem;line-height:1.5}
.rel a span{display:block;color:var(--muted);font:600 .6rem/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase}
@media(hover:hover){.rel a:hover{border-color:var(--amber);color:var(--ink)}}
.legal-notice{max-width:64ch;margin-top:4rem!important;padding-top:1rem;border-top:1px solid var(--line-strong);color:var(--muted);font-size:.85rem;line-height:1.7}
@media(max-width:760px){
  .cmp.stack,.cmp.stack tbody,.cmp.stack tr,.cmp.stack th,.cmp.stack td{display:block;width:auto}
  .cmp.stack thead{display:none}
  .cmp.stack caption{display:block;padding:0 0 .8rem}
  .cmp.stack tr{margin:0 0 1rem;padding:.35rem .9rem .6rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
  .cmp.stack tr.us{border-color:rgba(240,168,60,.45)}
  .cmp.stack tr.us th,.cmp.stack tr.us td{background:transparent}
  .cmp.stack tbody th{padding:.55rem 0 .45rem;border-top:0;font-size:1.02rem}
  .cmp.stack td{padding:.45rem 0}
  .cmp.stack td::before{content:attr(data-label);display:block;margin-bottom:.1rem;color:var(--muted);font:600 .6rem/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase}
  .cmp.stack th,.cmp.stack td{white-space:normal;overflow-wrap:anywhere}
  .num{table-layout:fixed}
  .num th,.num td{white-space:normal;overflow-wrap:break-word}
  .num thead th{letter-spacing:.06em}
  .num tbody th{width:44%}
}
@media(max-width:600px){p,li{font-size:.97rem;line-height:1.78}.legal-notice{margin-top:3rem!important}}
@media(max-width:480px){.wrap{padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(3rem,calc(2rem + env(safe-area-inset-bottom))) max(1rem,env(safe-area-inset-left))}h1{font-size:clamp(2rem,10.5vw,2.8rem)}p,li{overflow-wrap:anywhere}.toc a{display:inline-block;min-height:44px;padding:.7rem 0}.cmp{font-size:.84rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:1ms!important}}