/* Cieplejsze, ciemniejsze powierzchnie wspólne dla desktopu i telefonu. */
:root{--cream:#ddc39e;--paper:#cfb18a;--muted:#58483a}
body{background:#ddc39e;color:#2b1f17}
.site-header{background:#ddc39ef5}
.nav-links{background:#ddc39e}
.guide,.progress-box,.tone-paper,.light{background:#cfad7e}
.reading,.symbol-study,.digital{background:#d3b58d}
textarea,select,fieldset button{background:#e4c99e;color:#2b1f17}
.break-note,.book-copy p,.rule-grid p,.closing-rule p{color:#58483a}
.peer-note{padding:22px;margin-top:24px;border:1px solid #92733e;background:#cfad7e}
.peer-note h3{margin-top:0}
.peer-note p:last-child{margin-bottom:0}
.sandbox-banner{background:#49372a;color:#e4c99e;padding:12px 0;font-size:14px;line-height:1.6}
.sandbox-banner strong{color:#e4c99e}.sandbox-banner a{margin-left:8px;color:#e4c99e}
.grid-3{row-gap:26px}.card{padding:28px!important}
.nav-links{gap:18px}
@media(max-width:1050px){.nav-links{display:none;position:absolute;top:86px;left:0;right:0;padding:18px 24px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.menu{display:block}}
@media(max-width:580px){.nav-links{top:74px}}