/* Editorial page treatments for oksanacarter.com. The shared tokens live in broadsheet.css. */
.story-list { list-style: none; margin: 0; padding: 0; }
.story-list li { border-bottom: .0625rem solid var(--faint); padding: var(--space-3) 0; }
.story-list li:last-child { border-bottom: 0; }
.story-list a { color: var(--ink); font-size: 1.0625rem; font-weight: 600; line-height: 1.25; text-decoration: none; }
.story-list a:hover { color: var(--cyan-dark); }
.story-list .story-date { color: var(--muted); display: block; font-size: .6875rem; letter-spacing: .1em; margin-bottom: .25rem; text-transform: uppercase; }
.archive { columns: 2 16.25rem; column-gap: var(--space-6); }
.archive li { break-inside: avoid; }
.feature-image { margin: var(--space-6) 0; }
.external::after { content: " ↗"; font-size: .8em; }
.social-links { display: flex; gap: var(--space-2); margin-top: var(--space-2); }
.social-links img { height: 1.75rem; width: 1.75rem; }
.social-links a { opacity: .8; }
.social-links a:hover { opacity: 1; }
.poem-card { border-top: .0625rem solid var(--ink); margin-top: var(--space-6); padding-top: var(--space-4); }
.project-cards { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6); }
@media (max-width: 51.25rem) { .project-cards { grid-template-columns: 1fr; } }

@media (max-width: 51.25rem) {
  .front { display: flex; flex-direction: column; gap: 0; padding-top: var(--space-4); }
  .front > article { order: -1; border: 0; border-bottom: .1875rem solid var(--ink); padding: 0 0 var(--space-6); }
  .front > article .hed-xl { font-size: clamp(2.25rem, 11vw, 3.25rem); }
  .front > article figure { margin: var(--space-4) calc(var(--space-4) * -1) 0; }
  .front > article figure figcaption { padding-inline: var(--space-4); }
  .front > section:first-child { border: 0; background: var(--paper-deep); margin-top: var(--space-6); padding: var(--space-4); }
  .front > section:first-child .rail-list { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-2) var(--space-4); }
  .front > section:nth-child(2) { border-top: .1875rem solid var(--cyan); margin-top: var(--space-6); padding-top: var(--space-4); }
  .front > section:nth-child(4) { border-top: .1875rem solid var(--magenta); margin-top: var(--space-6); padding-top: var(--space-4); }
  .front > section:nth-child(4) .filings { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3) var(--space-4); }
  .front > section:nth-child(4) .filings li { padding-bottom: var(--space-3); }
  .front > section:nth-child(5) { border-top: .1875rem solid var(--ink); margin-top: var(--space-6); padding-top: var(--space-4); }
  .front > section:nth-child(5) figure { max-width: 78%; margin-left: auto; }
}

@media (max-width: 30rem) {
  .front > section:nth-child(4) .filings { grid-template-columns: 1fr; }
  .front > article figure { margin-inline: calc(var(--space-2) * -1); }
  .front > article figure figcaption { padding-inline: var(--space-2); }
}