/* Content pages: library entries, manuals, distributors, blog, audio. */

/* on-this-page list */
.toc ul{list-style:none;margin:0;padding:0;columns:2 260px;column-gap:24px}
.toc li{break-inside:avoid;padding:4px 0}
.toc li::before{content:"> ";font-family:var(--mono);color:var(--orange-text)}

/* library entries */
.entry{scroll-margin-top:80px}
.entry-grid{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.entry-media{flex:1 1 280px;min-width:0;max-width:420px;display:flex;flex-direction:column;gap:10px}
.entry-media:empty{display:none}
.entry-text{flex:999 1 420px;min-width:0}
.entry-text h4{margin:18px 0 4px;font-family:var(--mono);font-size:14px;text-transform:uppercase;letter-spacing:1px;color:var(--text)}
.entry-text p:first-child{margin-top:0}
figure{margin:0}
.entry-media figure,.prose figure{border:1px solid var(--border);background:var(--bg)}
.entry-media img,.prose figure img{display:block;width:100%}
.entry-media figcaption,.prose figure figcaption{padding:6px 10px;font-family:var(--mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim);border-top:1px solid var(--border)}
.in-store{margin:18px 0 0}

/* downloads */
.files-list{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.files-list li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 12px;padding:8px 12px;background:var(--bg);border:1px solid var(--hair);border-left:2px solid var(--blue)}
.files-list a{display:inline-flex;align-items:center;min-height:32px;font-family:var(--mono);font-size:14px;word-break:break-word}

/* audio */
.clip{margin:14px 0;padding:10px 12px;border:1px solid var(--border);border-left:2px solid var(--orange);background:var(--bg)}
.clip figcaption{margin:0 0 8px;font-family:var(--mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--ink-dim)}
.clip audio{display:block;width:100%;color-scheme:dark}

/* lists of panels */
.lib-list,.dist-list,.post-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:16px}
.lib-list h2,.post-list h2{font-size:18px}
.lib-list p,.post-list p{color:var(--ink-dim);margin:0 0 8px}

/* distributors: logos are dark art on transparency, so they sit on white */
.logo-tile{background:#fff;border:1px solid var(--border);padding:16px;display:flex;flex-direction:column;align-items:center;gap:10px}
.logo-tile img{max-height:90px;width:auto}
.logo-tile figcaption{font-family:var(--mono);font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#000;font-weight:700}
.dist p{color:var(--ink-dim)}