.power21 { color:rgb(var(--ink)); }
.power21-intro, .power21-card>p { color:rgb(var(--muted)); line-height:1.6; margin-bottom:1rem; }
.power21-card { margin:1.2rem 0; padding:1.25rem; border:1px solid rgb(var(--line)); border-radius:1rem; background:rgb(var(--surface)); }
.power21-card h3 { font-size:1.1rem; font-weight:750; margin:0 0 .45rem; }
.power21-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.power21-fields label { display:flex; flex-direction:column; gap:.3rem; font-weight:650; font-size:.9rem; }
.power21-fields input { width:100%; box-sizing:border-box; color:rgb(var(--ink)); background:rgb(var(--surface2)); padding:.65rem .8rem; border:1px solid rgb(var(--line)); border-radius:.7rem; font:inherit; }
.power21-fields small { font-weight:400; color:rgb(var(--muted)); font-size:.75rem; }
.power21 input:focus-visible,.power21 button:focus-visible,.power21 a:focus-visible { outline:3px solid rgb(var(--accent)/.5); outline-offset:3px; }
.power21-actions { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin:1rem 0; }
.power21-actions button { padding:.65rem 1rem; border-radius:.65rem; border:1px solid rgb(var(--line)); cursor:pointer; font-weight:650; }
.power21-actions button[type=submit] { background:rgb(var(--accent)); color:rgb(var(--surface)); }
.power21-actions a,.v21-sources a,.ex21-topic-links a { color:rgb(var(--accent)); text-decoration:underline; text-underline-offset:3px; }
.power21-values { display:grid; grid-template-columns:repeat(auto-fit,minmax(175px,1fr)); gap:.7rem; }
.power21-value { background:rgb(var(--accent)/.07); border:1px solid rgb(var(--accent)/.2); border-radius:.8rem; padding:.85rem; }
.power21-value>span { display:block; font-size:.75rem; color:rgb(var(--muted)); }
.power21-value strong { display:block; font-size:1.4rem; color:rgb(var(--accent)); }
.power21-value strong small { font-size:.8rem; }
.power21-result { line-height:1.7; font-size:.9rem; }
.power21-result ol { list-style:decimal; padding-left:1.3rem; margin:1rem 0; }
.power21-note { border-left:3px solid rgb(var(--accent)); padding-left:1rem; }
.power21-error { color:rgb(var(--bad,190 35 45)); padding:.8rem; border:1px solid currentColor; border-radius:.65rem; }
.power21-pending { color:rgb(var(--muted)); }
.v21-sources { margin:1.5rem 0; border-top:1px solid rgb(var(--line)); padding-top:1rem; font-size:.8rem; }
.v21-sources a { display:inline-block; margin:.5rem 1rem .2rem 0; }
.v21-topic .leading-relaxed span { white-space:pre-line; }
.ex21-topic-links { border:1px solid rgb(var(--line)); border-radius:1rem; padding:1rem; margin:1.2rem 0; }
.ex21-topic-links summary { font-weight:700; cursor:pointer; }
.ex21-topic-links ul { display:flex; flex-wrap:wrap; gap:.6rem; margin:1rem 0 0; list-style:none; padding:0; }
.ex21-topic-links a { display:block; border:1px solid rgb(var(--line)); padding:.5rem .75rem; border-radius:.65rem; }
@media(max-width:600px) { .power21-fields { grid-template-columns:1fr; } .power21-card { padding:1rem; } .power21-values { grid-template-columns:1fr; } }