@layer quartz-base{.reading-state{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.45rem 0 1.1rem;font-size:.92rem;display:flex}.reading-state-btn{appearance:none;border:1px solid var(--lightgray);background:var(--light);max-width:100%;min-height:2rem;color:var(--darkgray);font:inherit;white-space:nowrap;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;padding:.34rem .68rem;line-height:1;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.reading-state-btn:hover{border-color:var(--secondary);color:var(--dark)}.reading-state-btn:focus-visible{outline:2px solid var(--secondary);outline-offset:2px}.reading-state-btn.is-active{border-color:var(--secondary);background:var(--highlight);color:var(--secondary)}.reading-state-icon{text-align:center;flex:0 0 1em;width:1em}.explorer-reading-state{color:var(--secondary);white-space:nowrap;align-items:baseline;gap:.18rem;margin-left:.35rem;font-size:.86em;font-weight:600;line-height:1;display:inline-flex}.explorer-reading-state .favorite-marker{color:var(--tertiary)}@media (max-width:600px){.reading-state{gap:.4rem}.reading-state-btn{flex:auto}}}