.page-section { border: 3px solid #2b2119; background-color: #f4ecdb; box-shadow: 6px 6px 0 rgba(43, 33, 25, 0.85); margin-bottom: 24px; }
.page-section .page-header { padding: 14px 16px; border-bottom: 3px solid #2b2119; background-color: #c8371f; color: #f4ecdb; }
.page-section .page-title { font-size: 18px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; }
.page-section .page-body { padding: 20px 16px; }
.page-section .page-body h2 { font-size: 15px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; margin-top: 22px; margin-bottom: 8px; }
.page-section .page-body h2:first-child { margin-top: 0; }
.page-section .page-body p { font-size: 14px; line-height: 1.6; margin-bottom: 12px; }
.page-section .page-body ul { font-size: 14px; line-height: 1.6; margin: 0 0 12px; padding-left: 22px; }
.page-section .page-body li { margin-bottom: 6px; }
.page-section .page-updated { font-size: 11px; font-style: italic; color: #6d5c44; margin-top: 20px; }
.page-section .back-link { display: inline-block; margin-top: 18px; border: 2px solid #2b2119; background-color: #2b2119; color: #f4ecdb; padding: 8px 18px; font-size: 12px; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; text-decoration: none; border-radius: 4px; }
.page-section .back-link:hover { background-color: #c8371f; border-color: #2b2119; }
.site-footer .footer-links { display: flex; justify-content: center; gap: 18px; margin-top: 8px; }
.site-footer .footer-links a { font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; color: #2b2119; text-decoration: underline; }
.site-footer .footer-links a:hover { color: #c8371f; }
@media (min-width: 768px) {
  .page-section .page-body { padding: 26px 28px; }
  .page-section .page-body p, .page-section .page-body ul { font-size: 15px; }
}