.lore-search-field label{display:flex;justify-content:space-between;align-items:center}
.lore-search-field kbd{font:11px var(--serif);padding:1px 6px;border:1px solid var(--border);border-radius:3px;color:var(--muted)}
.archive-filter-row{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr 1fr auto;align-items:end;gap:16px;border-top:1px solid var(--border);padding-top:18px}
.archive-filter-row>div{min-width:0}
#lore-page button:focus-visible,#lore-page a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.archive-filter-row button,.archive-view-controls button,.archive-subjects button,.archive-active-filters button,.archive-pagination button{border:1px solid var(--border);border-radius:4px;background:#192119;color:var(--muted);font-size:max(calc(11 * var(--px)), var(--text-min));padding:10px 12px;cursor:pointer}
.archive-filter-row button{min-height:44px;white-space:nowrap}
#lore-page button:disabled{opacity:.4;cursor:default}
.archive-view-controls{display:flex;gap:5px}
.archive-view-controls button[aria-pressed=true],.archive-subjects button[aria-pressed=true],.archive-pagination button[aria-current]{border-color:#8b774b;background:#302f21;color:#e2cf9c}
.lore-layout[data-mode=browse]{grid-template-columns:minmax(0,1fr)}
.lore-layout[data-mode=browse] .lore-reader{display:none}
.lore-layout[data-mode=browse] .lore-index{position:static;background:linear-gradient(135deg,#1d261e,#151d17)}
.lore-index-heading{flex-wrap:wrap;padding:24px;scroll-margin-top:20px}
.lore-index-heading h2{font-size:max(calc(32 * var(--px)), var(--text-min))}
.archive-catalog-label{font-size:max(calc(8 * var(--px)), var(--text-min));margin:0 0 10px}
#lore-count{margin-left:auto;font-size:max(calc(11 * var(--px)), var(--text-min));color:var(--muted)}
.archive-subjects{display:flex;flex-wrap:wrap;gap:8px;padding:20px 24px 10px}
.archive-subjects button{display:flex;align-items:center;gap:10px;font-size:max(calc(11 * var(--px)), var(--text-min))}
.archive-subjects button span{font-size:max(calc(10 * var(--px)), var(--text-min));opacity:.75;border-left:1px solid var(--border);padding-left:9px}
.archive-active-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 24px 22px;overflow-wrap:anywhere}
.archive-active-filters button{padding:6px 10px;color:#d0c29c;font-size:max(calc(10 * var(--px)), var(--text-min));max-width:100%;overflow-wrap:anywhere;text-align:left}
.archive-active-filters button span{margin-left:8px}
.archive-filter-caption{font-size:max(calc(8 * var(--px)), var(--text-min));letter-spacing:1.2px;margin-right:4px;color:var(--muted)}
.archive-browse-hint{font-size:max(calc(11 * var(--px)), var(--text-min));color:var(--muted);line-height:1.7}
.lore-layout[data-mode=browse] #lore-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-height:none;overflow:visible;padding:0 24px 24px}
.lore-layout[data-mode=browse] .lore-result{display:flex;flex-direction:column;gap:14px;min-width:0;padding:21px;border:1px solid #3b4332;border-radius:5px;background:linear-gradient(145deg,#242d22,#1b231c);transition:border-color .15s,background .15s}
.lore-layout[data-mode=browse] .lore-result:hover{border-color:#958054;background:#293023}
.archive-result-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.archive-result-top .lore-result-type{margin:0;font-size:max(calc(9 * var(--px)), var(--text-min));letter-spacing:.8px}
.archive-content-badge{border:1px solid #47573b;border-radius:20px;padding:4px 7px;font-size:max(calc(8 * var(--px)), var(--text-min));color:#b9c6a3;white-space:nowrap}
.archive-content-badge.is-outline{color:#b3ac96;border-color:#4d4c3e;border-style:dashed}
.lore-layout[data-mode=browse] .lore-result strong{font-family:var(--serif);font-size:max(calc(28 * var(--px)), var(--text-min));font-weight:400;line-height:1.12;overflow-wrap:anywhere}
.archive-preview{color:#aeb7a1;font-size:max(calc(12 * var(--px)), var(--text-min));line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.lore-layout[data-mode=browse] .lore-result small{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid var(--border);font-size:max(calc(9 * var(--px)), var(--text-min));line-height:1.6;color:#8f9d80}
.lore-result small>span{color:var(--gold);font-size:max(calc(16 * var(--px)), var(--text-min))}
.lore-layout[data-view=list][data-mode=browse] #lore-results{grid-template-columns:1fr;gap:8px}
.lore-layout[data-view=list][data-mode=browse] .lore-result{display:grid;grid-template-columns:1fr 1.5fr;gap:10px 28px}
.lore-layout[data-view=list][data-mode=browse] .archive-result-top{grid-column:1;justify-content:flex-start}
.lore-layout[data-view=list][data-mode=browse] .lore-result strong{grid-column:1;grid-row:2}
.lore-layout[data-view=list][data-mode=browse] .archive-preview{grid-column:2;grid-row:1/3}
.lore-layout[data-view=list][data-mode=browse] .lore-result small{grid-column:1/-1}
#lore-results>.lore-empty{grid-column:1/-1;text-align:center;padding:35px 20px}
.archive-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--border);padding:18px 24px}
.archive-pagination[hidden]{display:none}
.archive-pagination>div{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:center}
.archive-pagination button{min-height:36px;min-width:34px;padding:8px 10px}
.archive-page-gap{color:var(--muted);font-size:max(calc(11 * var(--px)), var(--text-min))}
.archive-reading-nav{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;padding:20px 0;border-block:1px solid var(--border);margin:22px 0}
.archive-reading-nav a{min-width:0;color:#c9bd99;display:flex;flex-direction:column;gap:8px}
.archive-reading-nav a:last-child{text-align:right}
.archive-reading-nav a>span{font-size:max(calc(8 * var(--px)), var(--text-min));letter-spacing:1.2px}
.archive-reading-nav a>strong{font-family:var(--serif);font-size:max(calc(21 * var(--px)), var(--text-min));font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.archive-reading-nav .archive-return{text-align:center;font-size:max(calc(13 * var(--px)), var(--text-min));padding:10px 16px;border:1px solid var(--border);border-radius:4px}
.archive-return small{font-size:max(calc(9 * var(--px)), var(--text-min));color:var(--muted)}
.archive-nav-edge{font-size:max(calc(10 * var(--px)), var(--text-min));color:var(--muted)}
.archive-nav-edge:last-child{text-align:right}
.archive-outside-filter{font-size:max(calc(11 * var(--px)), var(--text-min));line-height:1.8;color:var(--muted)}
.lore-layout[data-mode=reading] .archive-catalog-label,.lore-layout[data-mode=reading] .archive-view-controls,.lore-layout[data-mode=reading] .archive-subjects,.lore-layout[data-mode=reading] .archive-preview{display:none}
.lore-layout[data-mode=reading] .lore-index-heading{padding:18px;gap:8px}
.lore-layout[data-mode=reading] .lore-index-heading h2{font-size:max(calc(24 * var(--px)), var(--text-min))}
.lore-layout[data-mode=reading] #lore-count{margin-left:0;font-size:max(calc(10 * var(--px)), var(--text-min))}
.lore-layout[data-mode=reading] .archive-active-filters{padding:12px 18px;border-bottom:1px solid var(--border)}
.lore-layout[data-mode=reading] .archive-content-badge{display:none}
.lore-layout[data-mode=reading] .archive-pagination{padding:12px 8px;gap:4px;flex-wrap:wrap;justify-content:center}
.lore-layout[data-mode=reading] .archive-pagination>button span{display:none}
.lore-layout[data-mode=reading] .archive-pagination button{min-width:27px;padding:6px;font-size:max(calc(10 * var(--px)), var(--text-min))}
@media(max-width:1100px){.lore-layout[data-mode=browse] #lore-results{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.lore-layout[data-mode=reading]{display:flex;flex-direction:column}.lore-layout[data-mode=reading] .lore-reader{order:-1;width:100%}.lore-layout[data-mode=reading] .lore-index{width:100%}.archive-filter-row{grid-template-columns:1fr 1fr}.archive-filter-row button{align-self:end}.lore-layout[data-mode=reading] #lore-results{max-height:360px}}
@media(max-width:650px){.archive-filter-row{gap:16px;grid-template-columns:1fr}.lore-index-heading{padding:20px 16px;gap:16px}.archive-catalog-label{font-size:max(calc(7 * var(--px)), var(--text-min));letter-spacing:1px}.lore-index-heading h2{font-size:max(calc(29 * var(--px)), var(--text-min))}#lore-count{font-size:max(calc(10 * var(--px)), var(--text-min))}.archive-view-controls{width:100%}.archive-subjects{padding:16px 16px 8px;gap:6px}.archive-subjects button{font-size:max(calc(10 * var(--px)), var(--text-min));padding:9px}.archive-active-filters{padding:12px 16px 20px}.lore-layout[data-mode=browse] #lore-results{grid-template-columns:1fr;padding:0 16px 16px}.lore-layout[data-view=list][data-mode=browse] .lore-result{display:flex;gap:12px}.archive-pagination{padding:16px 10px;flex-wrap:wrap;justify-content:center}.archive-pagination>div{order:2;width:100%}.archive-pagination>button{flex:1}.archive-reading-nav{gap:10px}.archive-reading-nav a>strong{font-size:max(calc(18 * var(--px)), var(--text-min))}.archive-reading-nav .archive-return{padding:9px}.archive-nav-edge{font-size:max(calc(9 * var(--px)), var(--text-min))}}
