/* TLQ v163 — compact one-search and one reading-library card */
.q100-index .q100-index-search.q163-search{display:flex;align-items:center;gap:10px;padding:9px 9px 9px 15px;margin:0 0 12px;min-height:60px;background:#fff;border-color:#c9e3d2}
.q163-search .q163-search-icon{display:grid;place-items:center;color:#217b5b;flex:none}
.q163-search input{background:transparent;border:0!important;box-shadow:none!important;outline:0!important;flex:1;min-width:0;width:100%;font-size:14px!important;color:#234d39}
.q163-search input::placeholder{color:#8ea79b}
.q163-search #q163-search-submit{display:grid;place-items:center;background:#0b865c;color:#fff;border-radius:11px;border:0;flex:0 0 40px;width:40px;height:40px}
.q163-results[hidden]{display:none!important}.q163-results{max-height:390px;overflow:auto;background:#fff;border:1px solid #d9ebdd;border-radius:16px;margin:0 0 15px;box-shadow:0 12px 25px #074c3010}
.q163-section-label{padding:13px 15px 4px;color:#6e927d;font-size:10px;font-weight:900;letter-spacing:.13em}
.q163-result{display:flex;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid #edf3ec;text-decoration:none;color:#0f6546}
.q163-result:last-child{border-bottom:0}
.q163-result>span{flex:none;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#eaf5eb}
.q163-result>div{flex:1;min-width:0}
.q163-result b{font-size:13px;display:block}
.q163-result small{color:#789184;font-size:11px;line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:4px}
.q163-empty{padding:17px;color:#718878;font-size:12px}
.q163-recent-saved{border:1px solid #d7e8d9;background:linear-gradient(180deg,#f4faf4,#fff);border-radius:20px;margin:18px 0;padding:17px 16px 14px;box-shadow:0 6px 19px #075c3808;overflow:hidden}
.q163-library-title{display:flex;align-items:center;gap:10px;font-size:14px;color:#165c3c;margin:0 0 13px}
.q163-library-title>b{font-weight:900}
.q163-recent-saved .q100-recent{margin:0!important;padding:0 0 10px!important;border:0!important;background:none!important;box-shadow:none!important}
.q163-recent-saved .q100-sectionline h2{font-size:14px!important}
.q163-recent-saved .q100-sectionline small{font-size:10px}
.q163-recent-saved .q100-continue{margin-top:9px}
.q163-bookmark-container{margin:9px 0 0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.q163-saved-details{border-top:1px solid #d9e9dc;padding-top:12px}
.q163-saved-details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;min-height:44px;color:#176a49}
.q163-saved-details>summary::-webkit-details-marker{display:none}
.q163-saved-details>summary>span{display:inline-flex;gap:8px;align-items:center}
.q163-saved-details>summary b{font-size:13px;font-weight:900}
.q163-saved-counter{font-size:11px;color:#6d907b}
.q163-saved-details[open] .q163-saved-counter svg{transform:rotate(90deg)}
.q163-saved-details .q125-saved-list{margin-top:12px}
.q163-chart-shell{border:1px solid #d8e8da;background:#fff;border-radius:18px;overflow:hidden;margin:18px 0}
.q163-chart-shell>summary{list-style:none;display:flex;align-items:center;gap:13px;cursor:pointer;padding:18px 17px;min-height:75px;color:#205c42}
.q163-chart-shell>summary::-webkit-details-marker{display:none}
.q163-chart-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#e6f4e9;color:#0c7951;flex:none}
.q163-chart-shell>summary>span:nth-child(2){display:grid;gap:5px;min-width:0;flex:1}
.q163-chart-shell>summary b{font-size:14px;font-weight:900}
.q163-chart-shell>summary small{font-size:10px;color:#7f9989}
.q163-chart-total{display:flex;align-items:center;gap:7px;font-size:11px;color:#2a8965;font-weight:750}
.q163-chart-shell[open]>summary{border-bottom:1px solid #e4eee4}
.q163-chart-shell[open] .q163-chart-total svg{transform:rotate(90deg)}
.q163-chart-shell>.q149-progress-card{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:22px 14px 15px!important}
#tlq-audio-floating .tlq-audio-floating-label{cursor:pointer;touch-action:manipulation;border-radius:10px}
#tlq-audio-floating .tlq-audio-floating-label:focus-visible{outline:2px solid #d2ecb8;outline-offset:4px}
@media(max-width:400px){.q163-chart-total{max-width:90px;text-align:right;font-size:10px}.q163-search input{font-size:12px!important}}