/* A legible directory in braigetori's existing display palette. */
body.pubnix-page main{width:min(100% - 36px,1080px)}
body.pubnix-page .reader-page{max-width:none;margin:0;padding:0}
body.pubnix-page main>h1.compact{margin:26px 0 0;font-size:clamp(26px,4vw,36px);color:var(--accent);letter-spacing:-.04em;line-height:1.25}
.pub-directory{font-size:calc(13px * var(--display-scale));line-height:1.65}
.pub-directory [hidden]{display:none!important}.pub-directory p{margin:8px 0 14px}
.pub-intro{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:4px 0 12px;color:var(--muted)}.pub-intro p{margin:8px 0}.pub-intro pre{font:13px/1.2 ui-monospace,monospace;color:var(--signal);margin:0 12px}
.pub-search>label:first-child{display:block;color:var(--muted);font-size:calc(11px * var(--display-scale));margin-bottom:6px}
.pub-search>div{display:flex;align-items:center;gap:12px;border:1px solid var(--edge);padding:5px 6px 5px 14px;background:var(--panel)}
.pub-search>div>span{color:var(--signal);flex:none}.pub-search input{width:100%;border:0;background:transparent;padding:9px 0;min-width:0}.pub-search input::placeholder{color:var(--muted);opacity:1}.pub-search button{flex:none;border-color:var(--signal);color:var(--signal)}
.pub-select{display:block;margin:12px 0;font-size:calc(12px * var(--display-scale))}.pub-select select{max-width:100%}.pub-enhanced .pub-select{display:none}
.pub-filters{display:flex!important;flex-wrap:wrap;gap:7px;margin:12px 0 16px!important;padding:0!important;justify-content:flex-start!important}
.pub-filters a{font-size:calc(11px * var(--display-scale));padding:3px 9px;border:1px solid var(--edge);color:var(--muted);text-decoration:none}
.pub-filters a:hover{color:var(--accent);border-color:var(--accent)}.pub-filters a[aria-current=true]{color:var(--signal);border-color:var(--signal);background:var(--panel)}
.pub-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0 12px}.pub-toolbar p{font-size:calc(11px * var(--display-scale));margin:0;color:var(--muted)}
.pub-toolbar>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pub-toolbar button,.pub-toolbar a{font-size:calc(11px * var(--display-scale))}
#pub-saved[aria-pressed=true]{color:var(--signal);border-color:var(--signal)}
.pub-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:inherit;margin:0}
.pub-table>thead th{text-align:left;background:var(--panel);color:var(--muted);font-size:calc(10px * var(--display-scale));font-weight:normal;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);padding:10px 12px;text-transform:uppercase;letter-spacing:.05em}
.pub-table>thead th:nth-child(1){width:22%}.pub-table>thead th:nth-child(2){width:43%}.pub-table>thead th:nth-child(3){width:29%}.pub-table>thead th:nth-child(4){width:6%}
.pub-card{background:var(--bg)}.pub-card:nth-child(even){background:var(--panel)}.pub-card:hover,.pub-card:focus-within{outline:1px solid var(--edge);outline-offset:-1px}
.pub-card>th,.pub-card>td{padding:16px 12px;border-bottom:1px solid var(--edge);vertical-align:top;text-align:left;font-weight:normal;overflow-wrap:anywhere}
.pub-card h2{font-size:calc(14px * var(--display-scale));margin:0 0 5px;line-height:1.45}.pub-domain{display:block;font-size:calc(9px * var(--display-scale));color:var(--muted)}
.pub-card p.pub-description{font-size:calc(12px * var(--display-scale));margin:0 0 6px}
.pub-new{display:inline-block;font-size:calc(9px * var(--display-scale));color:var(--warm);margin-top:8px}
.pub-tags{display:flex;flex-wrap:wrap;gap:3px 8px;margin-bottom:9px}.pub-tags span{font-size:calc(10px * var(--display-scale));color:var(--signal)}
.pub-notes{font-size:calc(11px * var(--display-scale));margin-top:6px}.pub-notes summary{font-size:calc(10px * var(--display-scale));color:var(--muted)}.pub-notes .pub-sources{font-size:calc(10px * var(--display-scale));color:var(--muted)}
.pub-links{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:calc(10px * var(--display-scale))}.pub-links a:first-child{color:var(--signal)}
.pub-card .pub-save{padding:0;width:30px;height:30px;min-height:30px;border-color:transparent;font-size:22px;line-height:1}.pub-save[aria-pressed=true]{color:var(--warm)}
.pub-discovery{border:1px solid var(--warm);background:var(--panel);padding:12px 16px;margin-bottom:14px}.pub-discovery>span{font-size:calc(10px * var(--display-scale));color:var(--warm)}.pub-discovery h2{font-size:calc(18px * var(--display-scale));margin:4px 0}.pub-discovery p{font-size:calc(12px * var(--display-scale))}.pub-discovery>a{font-size:calc(12px * var(--display-scale));color:var(--signal)}
.pub-empty{padding:25px 16px;border:1px dashed var(--edge);color:var(--muted);text-align:center}
.pub-pocket-note,.pub-status{font-size:calc(10px * var(--display-scale));color:var(--muted);padding:8px 0}
.pub-guide{margin-top:14px;border-top:1px dashed var(--edge);padding-top:8px;font-size:calc(12px * var(--display-scale))}.pub-guide summary{color:var(--accent)}.pub-guide li{margin:10px 0;overflow-wrap:anywhere}.pub-guide ul{padding-left:20px}
.pub-colophon{font-size:calc(10px * var(--display-scale));color:var(--muted);margin-top:20px!important}
.pub-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:720px){
body.pubnix-page main{width:calc(100% - 28px)}.pub-intro pre{display:none}
.pub-table,.pub-table>tbody{display:block}.pub-table>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.pub-card{display:grid;grid-template-columns:minmax(0,1fr) 34px;position:relative;border-top:1px solid var(--edge);padding:15px 12px}
.pub-card>th,.pub-card>td{display:block;border:0;padding:0}.pub-card>th{grid-column:1;grid-row:1;margin-bottom:10px}.pub-card>.pub-save-cell{grid-column:2;grid-row:1}.pub-card>.pub-about,.pub-card>.pub-services{grid-column:1/-1}.pub-card>.pub-services{margin-top:12px}
.pub-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.pub-search>div{gap:8px;padding-left:9px}.pub-search button{padding:7px}.pub-filters{gap:6px}
}
html[data-size="150"] .pub-table,html[data-size="175"] .pub-table,html[data-size="200"] .pub-table,html[data-size="150"] .pub-table>tbody,html[data-size="175"] .pub-table>tbody,html[data-size="200"] .pub-table>tbody{display:block}
html[data-size="150"] .pub-table>thead,html[data-size="175"] .pub-table>thead,html[data-size="200"] .pub-table>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html[data-size="150"] .pub-card,html[data-size="175"] .pub-card,html[data-size="200"] .pub-card{display:grid;grid-template-columns:minmax(0,1fr) 34px;border-top:1px solid var(--edge);padding:15px 12px}
html[data-size="150"] .pub-card>*,html[data-size="175"] .pub-card>*,html[data-size="200"] .pub-card>*{display:block;border:0;padding:0}
html[data-size="150"] .pub-card>th,html[data-size="175"] .pub-card>th,html[data-size="200"] .pub-card>th{grid-column:1;grid-row:1;margin-bottom:10px}
html[data-size="150"] .pub-save-cell,html[data-size="175"] .pub-save-cell,html[data-size="200"] .pub-save-cell{grid-column:2;grid-row:1}
html[data-size="150"] .pub-about,html[data-size="150"] .pub-services,html[data-size="175"] .pub-about,html[data-size="175"] .pub-services,html[data-size="200"] .pub-about,html[data-size="200"] .pub-services{grid-column:1/-1}
html[data-size="150"] .pub-services,html[data-size="175"] .pub-services,html[data-size="200"] .pub-services{margin-top:12px}

.pub-guide h2{font-size:calc(14px * var(--display-scale));color:var(--accent);margin:6px 0}

.pub-directory-note{font-size:calc(10px * var(--display-scale));color:var(--muted);padding-bottom:8px}
.pub-directory-note a,.pub-correction{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.pub-directory-note a:hover,.pub-correction:hover{color:var(--accent)}
.pub-joining{display:inline-block;font-size:calc(10px * var(--display-scale));color:var(--warm)}
.pub-correction{font-size:calc(10px * var(--display-scale))}