.reading-layout{display:flex;gap:2rem;max-width:1200px;margin:0 auto;align-items:flex-start}.reading-left{flex:1;min-width:0}.reading-right{width:300px;flex-shrink:0;border-left:1px solid var(--link-hover);padding-left:2rem;opacity:.9}.articles-column h3{margin-top:0}.articles-list{max-height:600px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding-right:.25rem}.articles-list::-webkit-scrollbar{width:4px}.articles-list::-webkit-scrollbar-thumb{background:var(--link-hover);border-radius:2px}.article-card{display:block;position:relative;padding:.6rem .75rem;border:1px solid var(--link-hover);border-radius:6px;text-decoration:none;transition:all .2s ease;cursor:pointer}.article-card:hover{background:#cd7f321a;border-color:var(--link)}.article-title{font-size:.85em;margin:0;font-weight:600;padding-right:1.25rem;line-height:1.3}.notes-icon{position:absolute;top:.5rem;right:.5rem;font-size:.75em;opacity:.7;line-height:1}.edit-icon{position:absolute;bottom:.4rem;right:.4rem;background:none;border:none;cursor:pointer;font-size:.7em;opacity:0;transition:opacity .2s ease;padding:.1rem .25rem;color:var(--link-hover)}.article-card:hover .edit-icon{opacity:.7}.edit-icon:hover{opacity:1!important}.article-card.editing{cursor:default}.edit-label{display:block;font-size:.7em;opacity:.6;margin-bottom:.4rem}.edit-input{display:block;width:100%;margin-top:.15rem;padding:.3rem .4rem;font-size:1.1em;font-family:var(--font);background:#0003;border:1px solid var(--link-hover);border-radius:4px;color:var(--link);box-sizing:border-box}.edit-textarea{resize:vertical;min-height:2.5rem}.edit-actions{display:flex;gap:.4rem;margin-top:.5rem}.edit-btn{font-size:.7em;font-family:var(--font);padding:.25rem .6rem;border-radius:4px;cursor:pointer;border:1px solid var(--link-hover);background:none;color:var(--link);transition:all .2s ease}.edit-btn.save:hover{background:var(--link-hover);color:#1e1e1e}.edit-btn.cancel:hover{opacity:.7}.article-notes-page{max-width:640px;margin:0 auto;padding:1rem}.article-notes-page h1{margin-bottom:.25rem}.article-date{font-size:.8em;opacity:.6;margin:0 0 1rem}.article-link{display:inline-block;margin-bottom:1.5rem;font-size:.85em}.article-link a{color:var(--link);text-decoration:none}.article-link a:hover{color:var(--link-hover)}.article-notes-divider{border:none;border-top:1px solid var(--link-hover);margin:0 0 1.5rem;opacity:.4}.article-content{font-size:.9em;line-height:1.7;white-space:pre-wrap;color:var(--link-hover)}.article-back{display:inline-block;margin-top:2rem;font-size:.8em;color:var(--link);text-decoration:none}.article-back:hover{color:var(--link-hover)}.article-header-row{display:flex;align-items:baseline;gap:.75rem}.article-header-row h1{margin-bottom:.25rem}.article-edit-btn{background:none;border:1px solid var(--link-hover);border-radius:4px;color:var(--link-hover);cursor:pointer;font-size:.9rem;padding:.2rem .5rem;transition:all .2s ease;flex-shrink:0}.article-edit-btn:hover{background:var(--link-hover);color:#1e1e1e}.article-edit-form{margin-top:1rem}.article-edit-label{display:block;font-size:.8em;opacity:.6;margin-bottom:.75rem}.article-edit-input{display:block;width:100%;margin-top:.25rem;padding:.5rem .6rem;font-family:var(--font);font-size:1rem;background:#14141480;border:1px solid var(--link-hover);border-radius:4px;color:var(--link);box-sizing:border-box;outline:none}.article-edit-input:focus{border-color:var(--link)}.article-edit-textarea{min-height:300px;line-height:1.6;resize:vertical}.article-edit-toolbar{display:flex;gap:.5rem;margin-top:1rem}@media (max-width: 768px){.reading-layout{flex-direction:column}.reading-right{width:100%;border-left:none;padding-left:0;border-top:1px solid var(--link-hover);padding-top:1rem}.articles-list{max-height:400px}}