.essay-entry{display:flex;align-items:center;gap:10px;width:100%;border:1px solid #ffd2b1;border-radius:12px;background:linear-gradient(120deg,#fff2e6,#fffaf5);padding:16px 12px;margin-bottom:26px;text-align:left;color:#d9630c}.essay-entry>svg{width:22px;height:22px}.essay-entry strong{display:block;font-size:16px;font-weight:650}.essay-entry small{display:block;font-size:12px;line-height:1.6;color:#b88862;margin-top:5px}.essay-entry-arrow{margin-left:auto;font-size:19px}.essay-entry:hover{border-color:#ff6900;box-shadow:0 4px 15px #ff690010}.essay-dialog{padding:0;border:1px solid #e6e8ec;border-radius:20px;width:min(980px,94vw);max-width:94vw;height:min(850px,88dvh);max-height:88dvh;color:#34383e;background:#f9fafb;box-shadow:0 25px 100px #21262f33;overflow:hidden}.essay-dialog[open]{display:flex;flex-direction:column}.essay-dialog::backdrop{background:#2025306b;backdrop-filter:blur(5px)}.essay-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:28px 30px 24px;background:#fff}.essay-dialog-header .eyebrow{font-size:12px}.essay-dialog-header h2{font-size:25px;font-weight:600;margin:12px 0 0;letter-spacing:-.5px}.essay-categories{display:flex;gap:12px;padding:0 30px 22px;background:white}.essay-category{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid #e4e7ec;border-radius:9px;background:white;color:#69717c;font-size:15px;font-weight:550}.essay-category[aria-pressed=true]{background:#fff0e4;border-color:#ffbb87;color:#d35a09}.essay-category span{background:#f0f2f5;padding:2px 7px;border-radius:5px;font-size:12px}.essay-category[aria-pressed=true] span{background:#ffe0c6;color:#d35a09}.essay-filters{padding:20px 30px 12px;display:flex;gap:15px;border-top:1px solid #edeff2}.essay-filters label{display:flex;flex-direction:column;gap:8px;min-width:220px}.essay-filters label>span{font-size:12px;color:#88909c}.essay-search-label{flex:1}.essay-filters input{font:inherit;font-size:14px;width:100%;padding:11px 13px;border:1px solid #e2e5ea;border-radius:8px;background:white;color:#444c56}.essay-filters select{height:43px}.essay-results-heading{display:flex;justify-content:space-between;gap:15px;padding:8px 30px 16px;color:#9299a3;font-size:12px;line-height:1.6}.essay-results-heading>span:first-child{flex-shrink:0;color:#646e7a}.essay-results{overflow:auto;min-height:0;flex:1;padding:0 30px 28px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-content:start}.essay-card{border:1px solid #e6e9ed;border-radius:12px;padding:20px;background:white;display:flex;flex-direction:column;gap:12px}.essay-card-top{display:flex;justify-content:space-between;gap:8px;align-items:start}.essay-topic-tag{font-size:12px;color:#bd6a30;background:#fff3e8;border-radius:5px;padding:4px 7px;line-height:1.5}.essay-card-meta{color:#a0a6ae;font-size:12px;white-space:nowrap;padding-top:5px}.essay-card h3{font-size:18px;line-height:1.55;margin:0;font-weight:600}.essay-card p{font-size:14px;color:#7d858f;line-height:1.8;margin:0}.essay-card-question{padding:10px 12px;border-radius:7px;background:#f6f7f9;color:#8b929b;font-size:12px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.essay-card-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:5px}.essay-read{border:0;background:#ff6900;color:white;padding:9px 14px;border-radius:7px;font-size:14px}.essay-read:hover{background:#e75f00}.essay-source{font-size:12px;color:#a17b5c;text-decoration:underline;text-underline-offset:4px}.essay-empty{grid-column:1/-1;text-align:center;padding:65px 20px;font-size:15px;color:#929aa5;line-height:2}.essay-empty button{display:block;margin:20px auto 0}.essay-context{margin:18px 30px 10px;border:1px solid #f6d7c0;border-radius:12px;background:#fffaf5;padding:18px 20px}.essay-context-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.essay-context-head span{font-size:12px;color:#cc6a23}.essay-context-head button{border:0;background:none;color:#db6a19;font-size:14px;padding:0}.essay-context-summary{color:#807267;font-size:14px;line-height:1.8;margin:12px 0}.essay-question-title{margin:16px 0 9px;color:#554a41;font-size:14px;font-weight:600}.essay-question{white-space:pre-wrap;font-size:16px;line-height:1.9;color:#62584e;margin:0}.essay-context details{border-top:1px solid #f1e3d8;margin-top:16px;padding-top:13px;font-size:14px;color:#8b796b;line-height:1.9}.essay-context summary{cursor:pointer}.essay-context details p{white-space:pre-wrap;margin:10px 0}.essay-content-kind{font-size:12px;color:#ae9682;margin:12px 0 0}.essay-context[hidden]{display:none!important}@media(max-width:640px){.essay-entry{margin:0 0 17px;padding:12px}.essay-entry small{display:none}.essay-dialog{width:96vw;max-width:96vw;height:92dvh;max-height:92dvh;border-radius:14px}.essay-dialog-header{padding:20px}.essay-dialog-header h2{font-size:21px}.essay-categories{padding:0 20px 16px;gap:8px}.essay-category{font-size:14px;padding:10px;gap:8px}.essay-filters{padding:16px 20px 8px;flex-direction:column;gap:12px}.essay-results-heading{padding:8px 20px 14px;flex-direction:column;gap:4px}.essay-results{grid-template-columns:1fr;padding:0 20px 20px}.essay-context{margin:15px 18px 10px;padding:16px}.essay-card h3{font-size:17px}}

/* Reading collection filters and notes */
.essay-filters{flex-wrap:wrap;gap:12px}.essay-filters label{min-width:135px;flex:1}.essay-filters .essay-search-label{min-width:210px;flex:2}.favorite-article{background:#fff3e6!important;color:#ad682b!important;border:1px solid #f4d9bc!important;border-radius:9px;padding:9px 14px}.saved-quote{font-size:18px!important;line-height:1.9!important;color:#4b4036!important;border-left:3px solid #dda06b;padding-left:18px;white-space:pre-wrap}.study-outline p{font-size:14px;line-height:1.8}.essay-card-actions{flex-wrap:wrap;gap:10px}.selection-bar>div{flex-wrap:wrap}.essay-context .essay-content-kind{line-height:1.8}@media(max-width:760px){.essay-dialog-header{flex-wrap:wrap;gap:10px}.essay-filters label{min-width:120px}.essay-results-heading{flex-wrap:wrap}.essay-card{padding:20px}.selection-bar{flex-wrap:wrap}}
