.container { width: min(1120px, 92vw); margin: 0 auto; }
.page { padding: 2rem 0 3rem; min-height: 60vh; }
.narrow { width: min(680px, 92vw); }
.grid { display: grid; gap: 1rem; }
.grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.hero { background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); padding: 2rem; box-shadow: var(--shadow); margin-bottom: 1.2rem; }
.actions { display: flex; gap: 0.75rem; flex-wrap: wrap; }