/* THINKWAYAI Learning Studio — the reviewer's stylesheet with the rules that reverse locked decisions removed.
   Dropped: white header buttons (green is locked), grey header line (black is locked), pane proportions (entry 11),
   the <=900px header block (conflicts with the tested responsive layout), explain-strip recolor (amber stays). */
:root { --tw-electric:#19e85a; --tw-ink:#111719; --tw-slate:#1d2729; --tw-border:#dce5e1; --tw-muted:#60716c; --tw-radius:16px; }
.top h1 .home img { border-radius:10px; object-fit:contain; }
.top .stepLbl { color:var(--tw-muted); font-weight:500; }
.fsBtn { transition:background .15s,border-color .15s,box-shadow .15s; }
.fsBtn:hover { filter:brightness(.96); }
.fsBtn:focus-visible, button:focus-visible, a:focus-visible { outline:3px solid #148b43; outline-offset:3px; }
.appBtn:hover { background:var(--tw-slate); border-color:var(--tw-slate); }
.pane { border:1px solid var(--tw-border); border-radius:var(--tw-radius); box-shadow:0 8px 28px rgba(17,23,25,.055); }
.controls { border-top:1px solid var(--tw-border); box-shadow:0 -4px 20px rgba(17,23,25,.035); }
.stepTitle { color:var(--tw-ink); font-weight:700; }
@media (prefers-reduced-motion:reduce) { .fsBtn { transition:none; } }