.hnl{font:1rem/1.7 system-ui,sans-serif;color:#47352a;background:#fff;padding:1rem;max-width:76rem;margin:auto}.hnl *{box-sizing:border-box}.hnl button,.hnl select,.hnl input,.hnl audio{font:inherit;max-width:100%;min-height:44px}.hnl button,.hnl-button{display:inline-block;padding:.6rem 1rem;background:#804230;color:#fff;border:0;border-radius:.5rem;text-decoration:none;cursor:pointer}.hnl button:disabled{opacity:.5}.hnl :focus-visible{outline:3px solid #00667d;outline-offset:3px}.hnl label{display:flex;flex-direction:column;gap:.25rem}.hnl select,.hnl input{padding:.5rem;border:1px solid #8b7767;border-radius:.4rem}.hnl-filters,.hnl-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem;margin:1rem 0}.hnl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:1rem}.hnl article{border:1px solid #d7c8bc;border-radius:.6rem;padding:1rem}.hnl article img{width:100%;height:auto;max-height:20rem;object-fit:contain}.hnl h1,.hnl h2{font-family:Georgia,serif;line-height:1.25;overflow-wrap:anywhere}.hnl-reader iframe{width:100%;height:65vh;min-height:24rem;border:1px solid #c7b8ac;border-radius:.5rem}.hnl-reader audio{display:block;width:100%;margin:1rem 0}.hnl [data-cues]{display:flex;flex-wrap:wrap;gap:.6rem}.hnl [data-cues] button[aria-pressed=true]{background:#44362e;outline:3px solid #d5ad2b}.hnl-status,.hnl-note{padding:.7rem;background:#f5ede5}.hnl [data-bookmarks] button{margin:.4rem}.hnl fieldset{margin:1rem 0;border:1px solid #9b8878}.hnl fieldset label{display:block}.hnl fieldset input{min-height:initial}.hnl .hnl-recording{font-size:.875rem}@media(prefers-reduced-motion:reduce){.hnl *{scroll-behavior:auto!important}}