.site-header h1 { margin: 0; font: 400 clamp(25px, 4vw, 42px) Georgia, serif; }
.site-header nav { display: flex; flex-wrap: wrap; gap: 12px 24px; }
.experimental-notice { padding: 16px 20px; border: 1px solid var(--warning); color: var(--ink); background: var(--surface-alt); line-height: 1.6; margin: 24px 0 32px; }
.experiment-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-bottom: 48px; }
.experiment-list article { border: 1px solid var(--rule); padding: 24px; background: var(--surface-raised); }
.experiment-list h2 { font: 400 30px Georgia, serif; }
.experiment-list p { line-height: 1.6; }
@media (max-width: 700px) { .experiment-list { grid-template-columns: 1fr; } .site-header { flex-wrap: wrap; gap: 20px; } }