.reading-page{max-width:1200px;margin:0 auto}.articles-scroll{display:flex;gap:.75rem;overflow-x:auto;padding-top:.75rem;padding-bottom:.75rem;scroll-snap-type:x mandatory;transform:scaleY(-1)}.articles-scroll>*{transform:scaleY(-1)}.articles-scroll::-webkit-scrollbar{height:4px}.articles-scroll::-webkit-scrollbar-thumb{background:#cd7f32;border-radius:2px}.articles-scroll::-webkit-scrollbar-track{background:#cd7f3226;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;flex-shrink:0;width:220px;scroll-snap-align:start}.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}.article-date-stamp{position:absolute;bottom:.35rem;right:.5rem;font-size:.65em;color:#b4ebcb!important;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;filter:none!important;opacity:.6;font-weight:400}.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}.add-article-btn{background:none;border:1px solid var(--link-hover);border-radius:4px;color:var(--link-hover);cursor:pointer;font-size:.8em;padding:0 .45rem;margin-left:.5rem;vertical-align:middle;transition:all .2s ease;line-height:1.4}.add-article-btn:hover{background:var(--link-hover);color:#1e1e1e}.add-article-form{padding:.75rem;border:1px solid var(--link-hover);border-radius:6px;margin-bottom:.75rem;max-width:400px}.add-error{font-size:.75em;color:#e06c75;margin:.3rem 0 0}.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;color:var(--link-hover)}.article-content p{margin:.5em 0}.article-content ul,.article-content ol{margin:.5em 0;padding-left:1.5em}.article-content code{background:#0000004d;padding:.15em .3em;border-radius:3px;font-size:.9em}.article-content pre{background:#0000004d;padding:.75em;border-radius:4px;overflow-x:auto}.article-content pre code{background:none;padding:0}.article-content blockquote{border-left:3px solid var(--link-hover);margin:.5em 0;padding-left:.75em;opacity:.8}.article-content a{color:var(--link)}.article-content a:hover{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){.article-card{width:180px}}