:focus-visible{outline:3px solid #b76700;outline-offset:3px}
.contact-trap{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}
.review-exercise{margin-block:26px;padding:24px;border:1px solid var(--line);border-radius:14px;background:var(--tint)}
.review-exercise h2{margin-top:0}
button:disabled{cursor:not-allowed}
.dark-mode .calculator,.dark-mode .chatbot,.dark-mode .chat-display{background:var(--paper);color:var(--ink);border-color:var(--line)}
.dark-mode .chat-message.bot{color:var(--ink)}
.palette-color{border:1px solid var(--line);margin-bottom:28px}
.palette-color span{color:var(--ink);background:var(--paper);padding:2px 4px;border-radius:4px}
.dark-mode .review-exercise h2,.dark-mode .review-exercise h3{color:var(--ink)}
:root{--accent:#245fc1}
body.dark-mode{--accent:#a6c9ff}
.dark-mode a,.dark-mode .nav-dropdown summary,.dark-mode .lang-switch a{color:var(--accent)}
.dark-mode main h1,.dark-mode main h2,.dark-mode main h3{color:#c1d8ff}
.dark-mode .studio-hero h2{color:#fff}
.dark-mode .action-button,.dark-mode .copy-prompt,.dark-mode .load-more,.dark-mode .hero-actions a:first-child{background:#245fc1;color:#fff;border-color:#245fc1}
.dark-mode .footer{background:var(--paper);color:var(--muted);border-top:1px solid var(--line)}
.dark-mode .calculator button,.dark-mode #chat-submit{background:#245fc1;color:#fff}
.dark-mode .small-button,.dark-mode .save-button{color:var(--accent)}
.dark-mode .toolbox-hero{background:var(--tint);color:var(--ink)}
.dark-mode .toolbox-hero p{color:var(--ink)}