#search{max-width:760px;width:calc(100% - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:38px clamp(20px,5vw,36px) 28px;background:var(--viewer-bg,#f0f0f0);font-family:"Didot LT Pro",Didot,"Times New Roman",serif;color:#4f5947;scrollbar-color:#b7bcb1 transparent}
#search::backdrop{background:#f0f0f0c9;backdrop-filter:blur(4px)}
#search h2{margin:0 32px 24px 0}
#book-search label{display:block;margin-bottom:8px;font-size:14px}
#search .search-row{display:flex;align-items:stretch;gap:8px}
#query{box-sizing:border-box;min-width:0;width:100%;flex:1;border:1px solid #bec4b7;border-radius:3px;background:#fafbf8;color:#333b2d;padding:10px 12px;font:400 16px/1.3 "Didot LT Pro",Didot,"Times New Roman",serif}
#query::placeholder{color:#8a9281;opacity:1}
#query:focus-visible{outline:2px solid #77816f;outline-offset:2px}
#search .search-row button{flex:none;border:1px solid #bec4b7;border-radius:3px;padding:9px 16px;font-size:15px;color:#46533b;background:#e8ebe3}
#search .search-row button:hover{background:#dfe5d7}
#result-status{min-height:1.5em;margin:18px 0;color:#727b68;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
#results,#spread-list{list-style:none;padding:0;margin:0}
#results:empty{display:none}
#results li{margin:0 0 22px}
#results a,#spread-list a{color:#3e4b34;font-size:16px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
#results a:hover,#spread-list a:hover{text-decoration:underline;text-underline-offset:3px}
#results p{margin:6px 0 0;font-size:14px;line-height:1.65;color:#727b68;overflow-wrap:anywhere}
#results mark{background:#dce4d3;color:#303a29;padding:0 1px}
#search details{margin-top:24px;border-top:1px solid #dce0d5;padding-top:14px}
#search summary{cursor:pointer;font-size:16px;line-height:1.5;color:#4a5740;padding:4px 0}
#search summary:focus-visible{outline:2px solid #77816f;outline-offset:4px}
#spread-list{padding-top:16px}
#spread-list li+li{margin-top:12px}
@media(max-width:480px){#search{padding-top:34px;padding-bottom:22px}#search h2{font-size:25px;margin-bottom:20px}#search .search-row button{padding-inline:12px}#results a,#spread-list a{font-size:15px}}
