/* Site layout + interactive bits the component CSS (dangerous-list.css) doesn't cover: page wrappers, the card grid, the SFW-first NSFW reveal, and tag filtering. Component look-and-feel stays in dangerous-list.css. */ /* Moved from inline styles (the block and the .dla host in baseof.html) to allow a strict CSP without style-src 'unsafe-inline'. */ html, body { margin: 0; } /* Default text colour: without it, unstyled content (e.g. the About prose) inherits the browser default black on the dark background. */ body { background: var(--dl-void); min-height: 100vh; color: var(--text-body); } /* Prose pages (About) - the markdown content had no styling at all. */ .dl-prose { line-height: 1.7; } .dl-prose p, .dl-prose li { color: var(--text-body); } .dl-prose h2, .dl-prose h3 { font-family: var(--font-heading); color: var(--text-body); margin-top: 1.8rem; } .dl-prose a { color: var(--color-link); text-decoration: underline; } .dl-prose a:hover { color: var(--color-link-hover); } /* Atmosphere host: full-viewport fixed layer sitting behind all content. */ .dla { position: fixed; inset: 0; z-index: -1; } .dl-wrap { max-width: 1120px; margin: 0 auto; padding: 0 1.25rem; } .dl-section { padding: 2.75rem 0; } .dl-section__head { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; margin: 0 0 1.4rem; } .dl-section__title { font-family: var(--font-heading); color: var(--text-body); font-size: clamp(1.35rem, 1rem + 1.6vw, 1.9rem); font-weight: 700; margin: 0; } .dl-grid { display: grid; gap: 1.2rem; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); } /* .dl-filters lives in dangerous-list.css (the component file) - keep it single-sourced. */ /* SFW-first NSFW reveal - CSS-checkbox hack (see docs/design-system-integration). #nsfw-reveal is a sibling that precedes the card grids / episode table. The checkbox is visually hidden but kept in the tab order and accessibility tree (a bare `hidden` attribute removes it from both, leaving keyboard and screen-reader users unable to reveal the content). The