/* Binder: bookmark buttons, the "Saved" state, the header link and the prompt. Builds on the canvas .bl-save styles. */
.bl-card{position:relative}
.bl-save svg path,.bl-savebtn svg path{transition:fill .15s ease}
.bl-save[aria-pressed="true"] svg path,.bl-savebtn[aria-pressed="true"] svg path{fill:currentColor}
.bl-savebtn[aria-pressed="true"]{color:var(--text)}
.bl-save:focus-visible,.bl-savebtn:focus-visible{outline:2px solid var(--focus,#3158C8);outline-offset:2px}
.bl-binderlink{display:inline-flex;align-items:center}
.bl-binderlink[aria-current="page"]{border-color:var(--text)}
.bl-binderfilter{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.bl-binderfilter .bl-tag[aria-current="page"]{background:var(--text);color:var(--canvas);border-color:var(--text)}
.bl-bindertoast{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:9999;width:min(420px,calc(100vw - 32px));box-sizing:border-box;padding:16px 44px 16px 18px;border-radius:8px;background:var(--surface,#fff);color:var(--text,#20251F);border:1px solid var(--divider,#DDDCD2);box-shadow:0 8px 28px rgba(0,0,0,.14);font:400 15px/1.45 var(--sans,"Helvetica Neue",Arial,sans-serif);display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.bl-bindertoast[hidden]{display:none}
.bl-bindertoast p{margin:0}
.bl-bindertoast__t{font-weight:600}
.bl-bindertoast__b{color:var(--muted,#5C6258)}
.bl-bindertoast__x{position:absolute;top:8px;right:8px;width:28px;height:28px;border:0;background:none;color:inherit;font-size:20px;line-height:1;cursor:pointer;border-radius:6px}
.bl-bindertoast__x:hover{background:var(--ad,#F1EFE8)}