.page-main { min-height: calc(100vh - 72px); background: var(--bg); padding: 1.5rem 1rem; }
.page-container { max-width: 720px; margin: 0 auto; background: var(--surface); border-radius: var(--radius-lg); box-shadow: var(--shadow-card); padding: 1.5rem 2rem; border: 1px solid var(--border); }
.page-container h1 { font-size: 1.5rem; margin-bottom: 0.75rem; }
.page-content { font-size: 1rem; line-height: 1.6; color: var(--text); margin: 1rem 0; }
.page-content br { display: block; content: ""; margin-top: 0.5rem; }
.back-link { margin-top: 1.5rem; font-size: 0.9375rem; }
.back-link a { color: var(--fb-blue); }
.blog-list { margin-top: 1rem; }
.blog-card { background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius); padding: 1rem 1.25rem; margin-bottom: 1rem; }
.blog-card h2 { font-size: 1.125rem; margin-bottom: 0.25rem; }
.blog-card h2 a { color: var(--text); }
.blog-card h2 a:hover { color: var(--fb-blue); }
.blog-date { font-size: 0.875rem; color: var(--text-secondary); margin-bottom: 0.5rem; }
.blog-excerpt { font-size: 0.9375rem; color: var(--text-secondary); margin-bottom: 0.5rem; }
.post-date { margin-bottom: 0.5rem; }
.modal textarea, .form-group textarea { width: 100%; padding: 0.75rem; background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius); color: var(--text); font-family: inherit; resize: vertical; }