@layer components{.mobile-solution-panel{min-width:0}.mobile-solution-controls{display:grid;gap:.75rem}.reader-shell-mobile .mobile-solution-controls{position:sticky;top:var(--mobile-reader-header-height,3.5rem);z-index:20;margin-inline:-1rem;padding:.25rem 1rem;gap:0;background:var(--color-paper-50);border-bottom:1px solid var(--color-line-soft)}.mobile-solution-toolbar{display:flex;align-items:stretch;gap:.5rem;min-width:0}.mobile-solution-reference{flex:0 0 6.5rem}.mobile-solution-reference>button{width:100%;height:100%;justify-content:flex-start;gap:.375rem;text-align:left;padding:.25rem .5rem;border-radius:var(--radius-control);font-size:.875rem;line-height:1.25;white-space:normal}.reader-shell-mobile .mobile-solution-toolbar{gap:.375rem}.reader-shell-mobile .mobile-solution-reference{flex-basis:2.75rem}.reader-shell-mobile .mobile-solution-reference>button,.reader-shell-mobile .mobile-solution-reset{flex-shrink:0;width:2.75rem;min-height:2.75rem;justify-content:center;padding:0;border-radius:var(--radius-control)}.reader-shell-mobile .mobile-solution-reference [data-reference-label]{display:none}.reader-shell-mobile .mobile-solution-reference svg{width:1.25rem;height:1.25rem}.mobile-solution-start{display:grid;gap:.5rem}.mobile-solution-actions{display:flex;flex-wrap:wrap;gap:.5rem}.mobile-solution-actions>button:first-child{flex:1}.mobile-solution-actions[data-initial]:not([data-docked])>button:first-child{flex-basis:100%}.mobile-solution-actions[data-docked]{flex:1;min-width:0;flex-wrap:nowrap;gap:.375rem}.mobile-solution-actions[data-docked]>button{min-width:0;padding:.25rem .625rem;font-size:.875rem;line-height:1.25}.mobile-solution-actions[data-docked]>button:first-child{white-space:normal}.mobile-solution-actions[data-docked]>button:first-child>svg{display:none}.mobile-solution-actions[data-docked]>button+button{flex-shrink:0}.mobile-step-list{display:grid;gap:1rem}.mobile-step{display:grid;grid-template-columns:1.25rem minmax(0,1fr);align-items:start;gap:.5rem}.mobile-step-number{display:grid;width:1.25rem;height:1.25rem;place-items:center;border-radius:999px;background:var(--color-forest-800);color:white;font-size:.6875rem;font-weight:700;scroll-margin-top:5rem}body:has(.mobile-reader-dock){--footer-height:var(--mobile-reader-dock-height,8rem)}.mobile-reader-dock.reader-footer{position:fixed;inset-inline:0;bottom:0;z-index:30;display:flex;align-items:center;gap:.5rem;padding:.75rem .75rem max(.75rem,env(safe-area-inset-bottom));background:var(--color-paper-50);border-top:1px solid var(--color-line);backdrop-filter:none}.mobile-reader-sequence{position:relative;display:flex;flex-shrink:0;align-items:center;gap:.25rem;margin-inline-start:auto}.mobile-reader-sequence>a{flex:0 0 2.75rem;width:2.75rem;min-height:2.75rem;padding:0}.mobile-solution-actions[data-docked]+.mobile-reader-sequence{padding-inline-start:.5rem}.mobile-solution-actions[data-docked]+.mobile-reader-sequence:before{content:"";position:absolute;inset-block:.5rem;inset-inline-start:0;width:1px;background:var(--color-line)}@media (width < 360px){.mobile-solution-reference{flex-basis:2.75rem}.mobile-solution-reference>button{justify-content:center}.mobile-solution-reference [data-reference-label]{display:none}.mobile-reader-dock.reader-footer{padding-inline:.5rem}}}.mobile-solution-toolbar>[role=group]{flex:1;min-width:0;width:auto}.mobile-solution-toolbar>[role=group] button{min-height:2.75rem;padding-inline:.25rem;white-space:normal}.reader-shell-mobile .mobile-solution-toolbar>[role=group]{padding:.125rem}.reader-shell-mobile .mobile-solution-toolbar>[role=group]>[aria-hidden]{inset:.125rem}