.writings-terminal{grid-template-rows:32px 24px minmax(0,1fr) 42px 24px}
.writings-layout{display:grid;grid-template-columns:208px minmax(0,1fr);gap:8px}
.panel-inset{position:absolute;inset:5px;pointer-events:none}
.categories{padding:32px 18px 18px;display:flex;flex-direction:column}.sidebar-title{font-size:18px;line-height:26px;margin:0 10px 36px}
.category-list{display:flex;flex-direction:column;gap:10px}.category-list button{display:block;flex-shrink:0;text-align:left;cursor:pointer;background:transparent;border:1px solid transparent;padding:9px 8px;font-size:15px;line-height:20px;white-space:nowrap}.category-list button[aria-pressed=true]{border-color:var(--ink);outline:1px dotted #8d8d87;outline-offset:2px}.category-list button:hover{background:#1b1b19}
.sidebar-bottom{margin-top:auto}.planet{display:block;width:178px;height:auto;margin:18px auto 20px;mix-blend-mode:screen}blockquote{font-size:15px;line-height:24px;margin:0 10px;white-space:nowrap}.short-rule{font-size:18px;line-height:20px}.sidebar-bottom .short-rule{margin:10px}.sidebar-caption{font-size:10px;line-height:15px;margin-left:10px}
.writings-panel{display:grid;grid-template-columns:minmax(0,1fr) 232px;padding:8px 10px 9px 22px;gap:20px}.main-column{display:flex;flex-direction:column;padding:23px 0 6px}.writings-heading{position:relative;flex-shrink:0}.writings-heading h1{font-size:34px;font-weight:500;line-height:44px;letter-spacing:3px}.english-title{font-size:18px;line-height:28px;margin-top:1px}.writings-intro{font-size:18px;line-height:29px;letter-spacing:.5px;margin-top:9px;white-space:nowrap}.writings-heading .short-rule{margin:1px 0 12px}.ideas-caption{position:absolute;right:17px;top:9px;font-size:10px;line-height:14px}.ideas-caption span{display:block;font-size:18px;margin-top:10px}
.tabs{display:flex;gap:11px;margin:0 0 16px;flex-shrink:0}.tabs button{min-width:80px;padding:4px 17px;background:var(--bg);border:1px dotted #a4a49e;font-size:12px;line-height:18px;cursor:pointer;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--bg);background:var(--ink);outline:1px solid #91918a;outline-offset:2px}.tabs button:hover{border-style:solid}
#article-results{flex:1;min-height:0;border:1px solid #aaa;position:relative;background:var(--bg);overflow:auto}.article-list{display:flex;flex-direction:column}.article-row{display:grid;grid-template-columns:26px minmax(0,1fr) 102px 78px 12px;align-items:center;gap:10px;padding:12px 10px;border-bottom:1px dashed #45453f;flex:none;min-height:72px}.article-row:last-child{border-bottom:0}.article-row:hover{background:#161614}.article-row:hover h2{text-decoration:underline;text-underline-offset:4px}.article-row:focus-visible{outline-offset:-3px}.article-number{font-size:14px}.article-copy h2{font-size:13px;font-weight:400;line-height:20px;overflow-wrap:anywhere}.article-copy p{font-size:11px;line-height:18px;color:var(--muted);margin-top:3px}.article-tags{display:flex;flex-wrap:wrap;gap:5px}.article-tags span{border:1px dotted #85857e;padding:4px;font-size:10px;line-height:13px;white-space:nowrap}.article-row time{font-size:10px;white-space:nowrap}.external-arrow{font-size:16px}.results-caption{display:flex;justify-content:space-between;font-size:9px;line-height:16px;color:var(--muted);margin-top:9px;flex-shrink:0}
.empty-state{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.empty-state img{width:190px;height:auto;mix-blend-mode:screen}.empty-state h2{font-size:18px;font-weight:400;letter-spacing:3px}
.right-rail{position:relative;border-left:1px dashed #a3a39c;overflow:hidden}.right-rail img{position:absolute;top:14px;left:0;width:100%;height:auto;mix-blend-mode:screen;pointer-events:none}.sky-caption{position:absolute;right:8px;top:20px;font-size:10px;line-height:15px}.right-rail p span{display:block;margin-top:10px;font-size:18px}.words-caption{position:absolute;left:15px;bottom:38px;font-size:11px;line-height:16px}.rail-footer{position:absolute;right:7px;bottom:8px;font-size:10px;line-height:16px}
.writings-message{display:flex;align-items:center;padding:3px 26px;gap:20px}.prompt-mark{font-size:24px;width:65px;border-right:1px dashed #aaa;line-height:30px}.writings-message p{font-size:18px;letter-spacing:3px}.slashes{margin-left:auto;font-size:25px}[hidden]{display:none!important}
@media(max-width:1100px){.writings-terminal{grid-template-rows:32px 24px minmax(0,1fr) 42px 24px}}


/* The panel fills available space; rows keep their own height and scroll inside. */
#article-results{overflow:auto;scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#85857e var(--bg)}
#article-results::-webkit-scrollbar{width:10px;height:10px}
#article-results::-webkit-scrollbar-track{background:var(--bg)}
#article-results::-webkit-scrollbar-thumb{background:#85857e;border:2px solid var(--bg)}

.empty-state img{max-height:60%;object-fit:contain;flex-shrink:1}