/* Public component surfaces, preserving each control's intended shape. */
html[data-browser-app="1"]{--sb-bg:#f3f4f5;--sb-panel:#fff;--sb-raised:#e9ebee;--sb-border:#dedfe2}
html[data-browser-app="1"][data-theme=dark]{--sb-bg:#101114;--sb-panel:#1b1d21;--sb-raised:#282b30;--sb-border:#34373d}
html[data-browser-app="1"] #main .sb-collection-grid a{background:transparent!important;border:0!important;box-shadow:none!important;display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 2px!important;min-width:0;border-radius:0!important;text-align:center}
html[data-browser-app="1"] #main .sb-collection-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 12px;width:min(100%,640px);margin-inline:auto}
html[data-browser-app="1"] #main .sb-collection-icon{display:grid;place-items:center;flex:none;width:64px;height:64px;border-radius:50%!important;background:var(--sb-panel)!important;border:0!important;box-shadow:none!important;color:var(--sb-text)}
html[data-browser-app="1"] #main .sb-collection-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html[data-browser-app="1"] #main .sb-collection-grid a>span:last-child{font:500 13px/1.4 var(--font-ui);overflow-wrap:normal;max-width:100%}
html[data-browser-app="1"] #main .sb-explore-more{background:var(--sb-panel);border:0;border-radius:999px}
html[data-browser-app="1"] body.biography-master main .biography-tabs-host{border:0!important;background:transparent!important;box-shadow:none!important;max-width:640px;padding:0;margin:20px auto 10px}
html[data-browser-app="1"] body.biography-master main .biography-tabs-host :is(.section-tabs,.biography-section-links){display:flex!important;justify-content:center;flex-wrap:wrap;gap:4px 20px!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;border-radius:0!important}
html[data-browser-app="1"] body.biography-master main .biography-tabs-host :is(button,a){flex:0 1 auto!important;min-width:0;max-width:100%;padding:12px 2px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;font-size:clamp(12px,3.6vw,16px)!important;color:var(--sb-secondary)!important}
html[data-browser-app="1"] body.biography-master main .biography-tabs-host :is([aria-selected=true],a:target){color:var(--sb-text)!important;font-weight:650!important;text-decoration:underline;text-underline-offset:8px;text-decoration-thickness:1px}
html[data-browser-app="1"] .biography-tabs-host .sb-tab-motion-ready::before{display:none!important}
html[data-browser-app="1"] #main :is(.search-field,.filter-select,.controls select,.sb-search-filters,.sb-note-editor input,.sb-note-editor textarea,.sb-general-search input,.sb-general-search select){background:var(--sb-panel)!important;border:1px solid var(--sb-border)!important;box-shadow:none!important;color:var(--sb-text)}
html[data-browser-app="1"] :is(button,a,input,select,textarea):focus-visible{outline:2px solid var(--sb-secondary);outline-offset:3px}
html[data-browser-app="1"] .sb-annotation-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin:0 0 12px}
html[data-browser-app="1"] .sb-annotation-toolbar :is(button,a){display:grid;place-items:center;min-width:44px;min-height:44px;border:0!important;background:transparent!important;box-shadow:none!important;padding:10px;color:var(--sb-text)}
.sb-annotation-toolbar svg{width:21px;height:21px}.sb-annotation-toolbar summary{list-style:none}.sb-annotation-toolbar summary::-webkit-details-marker{display:none}
.sb-general-search{border:1px solid var(--sb-border);border-radius:18px;background:var(--sb-bg);color:var(--sb-text);width:min(480px,calc(100% - 32px));box-sizing:border-box;padding:24px}.sb-general-search::backdrop{background:#0009}.sb-general-search form{display:grid;gap:16px}.sb-general-search input{width:100%;box-sizing:border-box;padding:12px;font:16px var(--font-ui);border-radius:12px}.sb-general-search button{min-height:44px}.general-quote-controls [hidden]{display:none!important}
html[data-browser-app="1"] .sb-drawer-inner{display:flex;flex-direction:column;height:100%;min-height:0}.sb-drawer-scroll{flex:1;min-height:0;overflow-y:auto}.sb-drawer-footer{flex:none;background:var(--sb-panel);border:0!important}.sb-drawer-footer a{display:flex;align-items:center;gap:12px;min-height:56px}.sb-drawer-footer img{width:32px;height:32px;border-radius:50%;object-fit:cover}.sb-drawer [data-new-pins],.sb-drawer [data-new-recents]{padding:12px 16px}.sb-drawer h2{font:600 13px var(--font-ui);color:var(--sb-secondary)}.sb-drawer [data-new-pins] p,.sb-drawer [data-new-recents] p{font:13px/1.5 var(--font-ui);color:var(--sb-secondary)}
html[data-browser-app="1"] .sb-gallery :is([data-gallery-prev],[data-gallery-next],.sb-gallery-actions button){border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;min-width:44px;min-height:44px;padding:10px;display:grid;place-items:center;color:var(--sb-text)}
.sb-gallery-actions svg,.sb-gallery-back svg{width:22px;height:22px}.sb-gallery-back{gap:6px}.sb-gallery-actions [data-saved="1"] svg{fill:currentColor}.sb-gallery-actions{margin:4px 0 12px!important;gap:12px}.sb-gallery-controls{margin:0 0 4px!important}.sb-gallery-slide{gap:0;padding-bottom:0}.sb-gallery .sb-gallery-dots span{width:6px!important;height:6px!important;border-radius:50%!important}.sb-gallery .sb-gallery-dots [aria-pressed=true] span{width:6px!important;border-radius:50%!important}.sb-gallery-track{touch-action:pan-x pan-y;overscroll-behavior-x:contain}.sb-gallery-enlarge{font-size:13px}.sb-gallery header{margin-bottom:16px}
@media(max-width:360px){html[data-browser-app="1"] #main .sb-collection-grid{gap:16px 6px}html[data-browser-app="1"] #main .sb-collection-icon{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.sb-gallery-track{scroll-behavior:auto!important}}
html:root[data-browser-app="1"]{--sb-bg:#f3f4f5!important;--sb-panel:#fff!important}
html:root[data-browser-app="1"][data-theme=dark]{--sb-bg:#101114!important;--sb-panel:#1b1d21!important}
html:root[data-browser-app="1"] body.biography-master #main .biography-tabs-host .biography-section-links[hidden]{display:none!important}
html:root[data-browser-app="1"] body.biography-master #main .biography-tabs-host :is(button,a){width:auto!important;flex:0 1 auto!important}
html:root[data-browser-app="1"] body #main .sb-annotation-toolbar{justify-content:flex-end!important;gap:4px!important}
.sb-home-page .sb-gallery h2{font:600 clamp(26px,5vw,38px)/1.2 var(--font-ui);margin:12px 0}
.sb-back-icon{display:inline-block;vertical-align:middle;width:22px;height:22px;margin-right:4px;flex:none}
/* Outrank the shared reading Save style only inside Gallery controls. */
html:root[data-browser-app="1"] body main .sb-gallery .sb-gallery-actions button.save-control{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:10px!important}

html:root[data-browser-app="1"] body :is(.sb-note-dialog,.research-dialog,.sb-general-search) :is(input,textarea,select){background:var(--sb-panel)!important;color:var(--sb-text)!important;border:1px solid var(--sb-border)!important;box-shadow:none!important}
html:root[data-browser-app="1"] body :is(.sb-note-dialog,.research-dialog,.sb-general-search) :is(input,textarea,select):focus-visible{outline:2px solid var(--sb-secondary)!important;outline-offset:3px;box-shadow:none!important}

/* Keep the contextual reading actions together; shared menus otherwise absorb free space. */
html:root[data-browser-app="1"] body #main .sb-annotation-toolbar>.sb-context-menu{margin-inline-start:0!important;margin-left:0!important}