/* "The file": the one section added to Design 2's page, between its doctrine and its access footer.
   Uses Design 2's own tokens (ink, bone, blood, Big Shoulders, JetBrains Mono). Added as a separate file so Design 2's CSS is untouched. */
.fileidx{position:relative;z-index:2;padding:clamp(80px,12vw,150px) clamp(20px,4vw,56px) clamp(70px,10vw,120px);background:#03070a;color:#dce5ea;border-top:1px solid rgba(190,215,228,.11)}
.fileidx .mono{font-family:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.fileidx .sec-k{margin-bottom:34px;color:#7f8e97}
.fileidx ol{list-style:none;border-top:1px solid rgba(190,215,228,.11);margin:0;padding:0}
.fileidx li a{display:grid;grid-template-columns:72px minmax(0,1.1fr) minmax(0,1.3fr);gap:24px;align-items:baseline;padding:28px 0;border-bottom:1px solid rgba(190,215,228,.11);text-decoration:none;color:inherit}
.fileidx .n{color:#e3252f}
.fileidx .t{font:800 clamp(32px,4.6vw,68px)/.95 'Big Shoulders Display',Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:-.005em}
.fileidx .d{color:#7f8e97;line-height:1.7}
.fileidx li a:hover .t,.fileidx li a:focus-visible .t{color:#e3252f}
.fileidx li a:focus-visible{outline:1px solid #e3252f;outline-offset:4px}
@media (max-width:760px){.fileidx li a{grid-template-columns:44px 1fr;gap:6px 14px}.fileidx .d{grid-column:2}}