/* Favorites share one responsive panel on every page. */
#sec-bookmark{position:relative;flex-shrink:0;z-index:10;width:max-content;background:#fff;border:1px solid #b0d2dd;border-radius:8px;color:#467b8d}
#sec-bookmark>summary{cursor:pointer;padding:5px 12px;background:transparent;color:inherit;font-size:13px;white-space:nowrap;border-radius:8px;list-style:none}
#sec-bookmark>summary::-webkit-details-marker{display:none}
#sec-bookmark[open]{border-color:#85b1bd}
#sec-bookmark[open]>summary{background:#c9e9f2;color:#285e70}
#sec-bookmark>summary:before{content:'▶';display:inline-block;width:18px;margin-right:6px;font-size:18px;line-height:1;vertical-align:middle}
#sec-bookmark[open]>summary:before{content:'▼'}
#sec-bookmark>summary .icon-star{color:#ffb151}
#bookmark-count:before{content:'('}
#bookmark-count:after{content:')'}
.bookmark-flight{position:fixed;z-index:110;width:32px;height:32px;translate:-50% -50%;color:#ffb151;pointer-events:none}
#bookmark-content{display:flex;flex-direction:column;max-height:min(300px,60dvh)}
/* Keep long bookmark lists on their own opaque scrolling surface. */
#bookmark-content>.section-list{overflow:auto;overscroll-behavior:contain;padding:0 10px 8px;background:#fff;scrollbar-width:thin;min-height:0;border-radius:0 0 7px 7px}
#bookmark-content .site-row-head{min-height:38px}
#bookmark-content .site-logo{width:40px;height:20px}
#bookmark-content .section-item:last-child{border-bottom:0}
.bookmark-empty{padding:12px}
.visitor-actions{display:flex;justify-content:flex-end;gap:8px;padding:4px 10px;flex-shrink:0;background:#edf7fa;border-bottom:1px solid #c4dee6;border-radius:7px 7px 0 0}
.visitor-actions button,.action-menu-toggle,[data-bookmarks=retry]{border:1px solid #bfd6df;border-radius:5px;background:#f2f8fa;color:#467b8d;padding:5px 9px;cursor:pointer;font:inherit;font-size:12px}
.action-menu-toggle{display:flex;align-items:center;justify-content:center;gap:4px}
.action-menu-toggle span{display:inline-block}
#bookmark-menu[open] summary span{transform:rotate(180deg)}
#bookmark-menu{position:relative}
#bookmark-menu summary{list-style:none}
#bookmark-menu summary::-webkit-details-marker{display:none}
.action-menu-items{position:absolute;top:calc(100% + 4px);right:0;min-width:145px;padding:4px;background:white;border:1px solid #bfd6df;border-radius:8px;box-shadow:0 4px 16px #28576733;z-index:3}
.action-menu-items button{display:block;text-align:left;width:100%;border:0;background:transparent;padding:10px;overflow-wrap:anywhere}
.action-menu-items button:hover{background:#e3f4f8}
#bookmark-menu [data-bookmarks=share]{display:none}
@media(min-width:768px){
#bookmark-content{position:absolute;top:calc(100% + 6px);right:-1px;width:460px;max-width:calc(100vw - 30px);background:white;border:1px solid #85b1bd;border-radius:8px;box-shadow:0 8px 24px #28576733}
}
@media(max-width:767px){
#sec-bookmark{position:fixed;right:10px;bottom:15px;max-width:calc(100% - 30px);box-shadow:0 4px 14px #28576733}
#sec-bookmark[open]{width:460px;right:15px;box-shadow:0 6px 20px #28576740}
#sec-bookmark[open]>summary{border-radius:7px 7px 0 0;border-bottom:1px solid #aad0dc}
#bookmark-content .site-row-head{flex-wrap:wrap}
#bookmark-content .site-row-title{flex-basis:calc(100% - 30px)}
#bookmark-content .site-row-actions{margin-left:auto}
#sec-bookmark>summary{min-height:44px;padding:10px 14px;font-size:14px}
/* Keep the closed mobile control compact; its accessible label still includes the count. */
#sec-bookmark:not([open])>summary{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px}
#sec-bookmark:not([open]) #bookmark-label{display:none}
#sec-bookmark:not([open])>summary:before,#sec-bookmark:not([open]) #bookmark-count:before,#sec-bookmark:not([open]) #bookmark-count:after{content:none}
.visitor-actions button,.action-menu-toggle,[data-bookmarks=retry]{min-height:44px;font-size:14px}
.visitor-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-radius:0}
.bookmark-btn{min-width:44px;min-height:44px}
#bookmark-menu .action-menu-items{top:auto;bottom:calc(100% + 4px);left:0;right:auto}
}
@media(max-width:480px){
#bookmark-menu [data-bookmarks=export]{display:none}
#bookmark-menu [data-bookmarks=share]{display:block}
}