/* Kindle clippings tool: layout on top of the site's style.css. */
.kc-drop{border:2px dashed color-mix(in srgb,var(--brand) 45%,var(--line));border-radius:16px;padding:1.6rem 1rem;text-align:center;background:var(--surface);margin:1rem 0}
.kc-drop.over{border-color:var(--brand);background:var(--brand-soft)}
.kc-drop input[type=file]{position:absolute;width:1px;height:1px;opacity:0}
.kc-btn{display:inline-block;font:inherit;background:var(--brand);color:#fff;border:0;border-radius:10px;padding:.6rem 1.05rem;font-weight:650;cursor:pointer;text-decoration:none;margin:.2rem}
.kc-btn.ghost{background:var(--surface);color:var(--brand-ink);border:1px solid var(--line)}
.kc-btn:focus-visible,.kc-drop label:focus-within{outline:3px solid color-mix(in srgb,var(--brand) 55%,transparent);outline-offset:2px}
#kc-paste{width:100%;box-sizing:border-box;min-height:9rem;font:13px/1.4 ui-monospace,monospace;border:1px solid var(--line);border-radius:10px;padding:.5rem;background:var(--surface);color:var(--ink);margin-top:.6rem}
.kc-msg{background:var(--brand-soft);border:1px solid color-mix(in srgb,var(--brand) 35%,var(--line));border-radius:8px;padding:.6rem .8rem}
.kc-msg.bad{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.kc-stats{display:flex;flex-wrap:wrap;gap:.45rem;margin:.6rem 0}
.kc-stat{background:var(--surface-2);border:1px solid var(--line-soft);border-radius:999px;padding:.12rem .7rem;font-size:.88rem}
.kc-stat.warn{background:var(--accent-soft)}
.kc-opts{display:flex;flex-wrap:wrap;gap:.4rem 1.1rem;font-size:.92rem;margin:.4rem 0}
.kc-export{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;margin:.6rem 0;padding:.6rem;border:1px solid var(--line-soft);border-radius:12px;background:var(--surface-2)}
.kc-grid{display:grid;grid-template-columns:290px 1fr;gap:1rem;align-items:start;margin-top:.6rem}
@media (max-width:760px){.kc-grid{grid-template-columns:1fr}}
.kc-side{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.kc-side .bar{display:flex;gap:.4rem;padding:.45rem;border-bottom:1px solid var(--line-soft);font-size:.85rem;align-items:center}
.kc-side .bar input[type=search]{flex:1;min-width:0;font:inherit;padding:.35rem .55rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}
#kc-books{list-style:none;margin:0;padding:0;max-height:62vh;overflow:auto}
#kc-books li{display:flex;gap:.5rem;align-items:flex-start;border-bottom:1px solid var(--line-soft);padding:.45rem .6rem}
#kc-books li.on{background:var(--brand-soft)}
#kc-books button{all:unset;cursor:pointer;flex:1;display:block}
#kc-books .t{display:block;font-weight:600;font-size:.92rem;line-height:1.3}
#kc-books .s{display:block;font-size:.8rem;color:var(--muted)}
#kc-books input{margin-top:.25rem}
#kc-view{max-height:70vh;overflow:auto;padding-right:.3rem}
#kc-view h2{margin-top:0}
.kc-clip{border-bottom:1px solid var(--line-soft);padding:.6rem .1rem}
.kc-clip blockquote{margin:0;border-left:3px solid #fbbf24;padding-left:.8rem;white-space:pre-wrap}
.kc-clip .kc-n{margin:.35rem 0 0 .9rem;color:var(--link);font-size:.93rem;white-space:pre-wrap}
.kc-clip.note .kc-n{margin-left:0;border-left:3px solid #60a5fa;padding-left:.8rem}
.kc-clip .kc-m{font-size:.8rem;color:var(--muted);margin-top:.25rem}
.kc-faq dt{font-weight:600;margin-top:1rem}.kc-faq dd{margin:.2rem 0 0;color:var(--muted)}
@media (prefers-color-scheme:dark){.kc-msg.bad{background:#3a1717;border-color:#7f1d1d;color:#fecaca}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}