/* Extra styles for the generated source pages (docs/source/**) and the skills-and-code catalogue (page 15).
   Uses the variables of docs.css; nothing here changes the other pages. */

.crumbs { margin: 0 0 0.4rem; font-size: 13px; color: var(--muted); }
.crumbs a { color: var(--muted); }
.crumbs span.sep { margin: 0 0.35em; opacity: 0.6; }

/* a repo file name that links to its page */
a.srclink { text-decoration: none; }
a.srclink code { border-bottom: 1px solid var(--accent); }
a.srclink:hover code { background: var(--accent-soft); }

/* file view */
.srcmeta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 13px; color: var(--muted); margin: 0.2rem 0 1rem; }
.srcmeta b { color: var(--fg); font-weight: 600; }
pre.src { max-height: 78vh; overflow: auto; font-size: 12.5px; line-height: 1.5; }
details.raw { margin-top: 1.6rem; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); padding: 0.4rem 0.9rem; }
details.raw > summary { cursor: pointer; font-weight: 600; color: var(--muted); }
blockquote { margin: 0.8rem 0; padding: 0.2rem 0.9rem; border-left: 3px solid var(--line); color: var(--muted); }

/* sidebar tree inside a skill or folder */
.side p.grp.sub { text-transform: none; letter-spacing: 0; font-size: 12px; opacity: 0.85; margin-top: 0.7rem; }
.side li a.cur { font-weight: 650; }

/* catalogue */
.filelist { columns: 2 18rem; column-gap: 1.6rem; list-style: none; padding: 0; margin: 0.4rem 0 0; }
.filelist li { break-inside: avoid; margin: 0 0 0.25rem; font-size: 14px; }
.filelist .d { color: var(--muted); font-size: 12.5px; display: block; }
details.folder { margin-top: 0.8rem; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); padding: 0.4rem 0.9rem; }
details.folder > summary { cursor: pointer; font-weight: 600; }
.small { font-size: 13px; color: var(--muted); }