.plot-page { min-height: 100vh; background: #101612; color: #f7f2e6; }
.plot-head { width: min(100% - 32px, 1120px); margin: 0 auto; padding: 1rem 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.plot-head a { min-height: 44px; display: inline-flex; align-items: center; color: inherit; }
.plot-head div { text-align: right; }
.plot-head span { font: .65rem/1.2 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: #bfc8b6; }
.plot-head h1 { font: 400 clamp(2rem, 5vw, 3.4rem)/.9 var(--serif); }
#main { width: min(100% - 24px, 1200px); margin: 0 auto; padding-bottom: 2rem; }
#plot-root { min-height: 70vh; }
#plot-root button { min-width: 44px; min-height: 44px; }
@media (max-width: 600px) { .plot-head { align-items: flex-start; } }