/*
Theme Name: NDS24
Description: Jednostronicowy motyw dla Niezależnych Dziennikarzy Śledczych.
Version: 1.0.0
Requires at least: 5.2
Requires PHP: 7.4
Text Domain: nds24
*/
* { box-sizing: border-box; }
body { margin: 0; background: #000; color: #fff; font: 1rem/1.65 system-ui, sans-serif; }
a { color: inherit; text-underline-offset: .3em; }
a:focus-visible, summary:focus-visible { outline: 2px solid #fff; outline-offset: 5px; }
.wrap { width: min(100% - 3rem, 66rem); margin-inline: auto; }
header { border-bottom: 1px solid #353535; }
nav { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .75rem 2rem; padding-block: 1.1rem; }
nav a { text-decoration: none; }
nav a:hover { text-decoration: underline; }
.brand { font-weight: 800; letter-spacing: .12em; }
nav ul { display: flex; flex-wrap: wrap; gap: .5rem 1.4rem; list-style: none; padding: 0; margin: 0; }
.hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(12rem, 20rem); gap: 2rem; align-items: center; padding-block: clamp(3rem, 9vw, 7rem); }
.hero img { display: block; width: 100%; height: auto; }
h1, h2, h3 { line-height: 1.12; }
h1 { margin: 0 0 1.4rem; font-size: clamp(2.5rem, 6.5vw, 5rem); letter-spacing: -.055em; }
h2 { margin: 0; font-size: clamp(2rem, 4vw, 2.85rem); letter-spacing: -.04em; }
h3 { margin: 1.55rem 0 .65rem; font-size: 1.1rem; }
p { max-width: 65ch; margin: 0 0 1rem; }
p:last-child { margin-bottom: 0; }
section { display: grid; grid-template-columns: minmax(9rem, 1fr) minmax(0, 2.6fr); gap: 1.35rem 2rem; border-top: 1px solid #353535; padding-block: clamp(2.5rem, 6vw, 4rem); }
details { border-bottom: 1px solid #353535; padding-block: .75rem; }
details:first-child { padding-top: 0; }
summary { cursor: pointer; font-weight: 600; }
details p { margin: .55rem 0 .25rem; }
footer { border-top: 1px solid #353535; padding-block: 1.4rem; }
@media (max-width: 650px) {
  .hero, section { grid-template-columns: 1fr; }
  .hero img { width: min(100%, 15rem); grid-row: 1; }
}
