@layer components{.reader-shell-mobile{min-height:100dvh}.mobile-reader-header{position:sticky;top:0;z-index:30;display:grid;min-width:0;padding:.25rem .75rem;border-bottom:1px solid var(--color-line-soft);background:var(--color-paper-50)}.mobile-reader-toolbar{display:grid;grid-template-columns:2.75rem minmax(0,1fr) 2.75rem;align-items:center;gap:.25rem}.mobile-reader-identity{display:flex;flex-wrap:wrap;align-items:center;gap:.125rem .5rem;min-width:0;padding-block:.25rem}.mobile-reader-identity h1{min-width:0;overflow-wrap:anywhere;font-size:1.25rem;font-weight:800;line-height:1.25}.mobile-reader-identity [data-difficulty]{padding:.125rem .5rem;font-size:.75rem;line-height:1rem}.mobile-reader-title-controls{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.mobile-reader-header .content-environment-trigger{gap:.25rem;padding-inline:.5rem;border-color:var(--color-line-soft);border-radius:var(--radius-control);font-size:.75rem;line-height:1rem}.mobile-reader-page{display:grid;align-content:start;gap:1rem;min-width:0;width:min(100%,46rem);margin-inline:auto;padding:.75rem 1rem calc(var(--footer-height) + 2rem)}body:has(.mathbro-companion) .mobile-reader-page{padding-bottom:calc(var(--footer-height) + 6.5rem)}.mobile-reader-exercise{display:grid;gap:1.5rem;min-width:0;margin-bottom:3px}.mobile-reader-notebook,.mobile-reader-question,.mobile-reader-stem{min-width:0}.mobile-reader-question{--question-card-gap:1.375rem;--study-aid-column-gap:0.75rem;padding:1.25rem;border:2px solid var(--color-notebook-edge);border-radius:var(--radius-surface);background:var(--color-notebook-sheet);box-shadow:0 3px 0 var(--color-notebook-edge)}.mobile-reader-notebook .mobile-reader-question{position:relative;border-radius:0 0 var(--radius-surface) var(--radius-surface)}.mobile-reader-exercise .question-content>:where(p,ol,ul){font-size:1rem}.mobile-reader-question .reader-study-aids>button{gap:.375rem;padding-inline:0;font-size:.875rem}}