/* Warm accents for curiosity and helpful notes; blue stays the action color.
   Mathematical term colors and success/error colors keep their meaning. */
:root{--sun:#f5dc8b;--sun-hover:#efd071;--sun-pale:#fff9e9;--sun-line:#e8d79f;--sun-ink:#5e491c}
.math-break-button{display:inline-flex;align-items:center;gap:9px;background:linear-gradient(135deg,#fae8ad,var(--sun));border-color:#dec36e;color:#493b1d;font-size:13px;font-weight:650;padding:10px 17px;border-radius:14px;box-shadow:0 3px 0 #d9bd6b,0 5px 14px #bba05a20;min-height:44px}
.math-break-button:hover{background:var(--sun-hover);border-color:#c7a751;color:#382b10;box-shadow:0 3px 0 #c9a950,0 6px 18px #bba05a35}
.math-break-button:active{box-shadow:0 1px 0 #c9a950;transform:translateY(2px)}
.math-break-button:focus-visible{outline:3px solid #245de9;outline-offset:4px}
.math-break-spark{display:grid;place-items:center;background:#fff8dd;border:1px solid #d9bd6b80;border-radius:50%;width:25px;height:25px;font-size:18px;color:#806018;flex-shrink:0}
.math-break-visual{background:linear-gradient(120deg,#fff8e1,#f9ebba);border-color:var(--sun-line);color:var(--sun-ink)}
.math-break-top>span{color:#806527}
.math-break-more{background:var(--sun-pale);border:1px solid #eee1b8}
.math-break-more summary{color:#705623}
#math-break-next{background:#fff6d9;border-color:var(--sun-line);color:var(--sun-ink)}
#math-break-next:hover{background:#fae8ad}
.topic-intro{background:var(--sun-pale);border-color:var(--sun-line);border-left:4px solid #e5c56c}
.topic-tag{color:#806527}
.topic-intro p{color:#645b46}
.learning-note{background:var(--sun-pale);border:1px solid #eee1b8}
.learning-note>span{color:#806527}
.learning-note p{color:#675e48}
.side-note>span{color:#edda9b}
@media(max-width:600px){.math-break-button{font-size:12px;padding:8px 12px}}
@media(prefers-reduced-motion:no-preference){.math-break-button{transition:background .15s ease,box-shadow .15s ease,transform .15s ease}}