.feed{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid var(--noe-border-subtle);scroll-margin-top:120px}.feed.highlight{box-shadow:inset 3px 0 0 var(--noe-brand);background:color-mix(in srgb,var(--noe-brand) 6%,transparent);padding-left:14px;margin-left:-14px;border-radius:0 var(--noe-radius) var(--noe-radius) 0}.feed-time{padding-top:4px;font:500 12px/1 var(--noe-mono);color:var(--noe-text-2)}.feed-body{min-width:0}.feed-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}.feed-author{font:400 12px/1 var(--noe-sans);color:var(--noe-text-2)}.feed-title{margin:0;font:500 19px/1.45 var(--noe-serif);letter-spacing:-.005em;color:var(--noe-text-strong);overflow-wrap:anywhere}.feed-text{margin-top:8px;font:400 14.5px/1.75 var(--noe-sans);color:var(--noe-text);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feed-text:empty{display:none}.feed-text.expanded{display:block;-webkit-line-clamp:unset}.feed-text a{color:var(--noe-brand-text);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--noe-brand-border)}.feed-actions{display:flex;gap:16px;margin-top:10px;opacity:0;transition:opacity .15s ease}.feed:hover .feed-actions,.feed:focus-within .feed-actions,.feed.highlight .feed-actions{opacity:1}@media(hover:none){.feed-actions{opacity:1}}.feed-actions button{padding:0;border:0;background:none;cursor:pointer;font:600 12px/1 var(--noe-sans);color:var(--noe-text-2)}.feed-actions button:hover{color:var(--noe-brand-text)}@media(max-width:860px){.feed{grid-template-columns:minmax(0,1fr);gap:6px}}.canvas{max-width:1180px;margin:0 auto;padding:0 var(--noe-gutter) 80px;position:relative;z-index:1}.feeds-layout{display:grid;grid-template-columns:220px minmax(0,720px);gap:56px;padding-top:32px}.feeds-layout>*{min-width:0}.feeds-side{position:sticky;top:80px;align-self:start}.feeds-search input{width:100%;height:36px;padding:0 12px;border-radius:var(--noe-radius);border:1px solid var(--noe-border);background:color-mix(in srgb,var(--noe-surface) 85%,transparent);font:400 14px/1 var(--noe-sans);color:var(--noe-text-strong);outline:none}.feeds-search input:focus{border-color:var(--noe-focus)}.feeds-side__h{margin:22px 0 8px;font:600 11px/16px var(--noe-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--noe-text-2)}.feeds-srcs{display:flex;flex-direction:column}.feeds-src{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:6px;width:calc(100% + 16px);margin:0 -8px;padding:7px 8px;border:0;border-radius:6px;background:none;text-align:left;font:500 14px/1.2 var(--noe-sans);color:var(--noe-text);cursor:pointer}.feeds-src:hover{background:color-mix(in srgb,var(--noe-text-strong) 5%,transparent);color:var(--noe-text-strong)}.feeds-src i{width:6px;height:6px;border-radius:50%;background:var(--c, var(--noe-gray-8))}.feeds-src .n{font:500 11px/1 var(--noe-mono);color:var(--noe-text-2)}.feeds-src.active .n{color:var(--noe-brand-text)}.feeds-day{position:sticky;top:56px;z-index:2;display:flex;align-items:baseline;gap:10px;padding:14px 0 10px;background:var(--noe-scrim);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--noe-text-strong)}.feeds-day:not(:first-child){margin-top:20px}.feeds-day b{font:500 18px/1 var(--noe-serif);color:var(--noe-text-strong)}.feeds-day span{font:500 12px/1 var(--noe-mono);color:var(--noe-text-2)}.feeds-back{color:var(--noe-brand-text);font-weight:600;text-decoration:underline;text-underline-offset:3px}.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px}.pager .noe-btn:disabled{opacity:.4;cursor:default}.pager-info{font:500 13px/1 var(--noe-mono);color:var(--noe-text-2)}.pager-info b{color:var(--noe-text-strong)}.state{padding:48px 0;text-align:center;font:italic 400 17px/1.5 var(--noe-serif);color:var(--noe-text-2)}.state .spinner{width:18px;height:18px;border-radius:999px;border:2px solid var(--noe-border-subtle);border-top-color:var(--noe-brand);display:inline-block;vertical-align:middle;margin-right:10px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:860px){.feeds-layout{grid-template-columns:minmax(0,1fr);gap:0;padding-top:20px}.feeds-side{position:static}.feeds-side__h{display:none}.feeds-srcs{flex-direction:row;gap:6px;margin-top:12px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.feeds-src{flex:none;width:auto;margin:0;border:1px solid var(--noe-border-subtle)}}