.content-page .site-header { position: sticky; top: 14px; transform: none; left: auto; margin: 14px auto 0; }
.page-main { padding-top: 24px; }
.page-hero { padding: 92px 0 42px; background: linear-gradient(135deg, #fffaf0, #eadbc0); }
.page-hero h1 { color: var(--ink); font-size: clamp(3.2rem, 8vw, 7rem); max-width: 980px; }
.page-hero .hero-actions { margin-top: 26px; }
.dark-secondary { background: var(--ink); color: white; }
.page-content { padding: 54px 0 110px; background: var(--cream); }
.page-content-card { background: var(--paper); border-radius: 32px; padding: clamp(24px, 5vw, 64px); box-shadow: var(--shadow); overflow: hidden; }
.page-content-card main, .page-content-card article, .page-content-card section, .page-content-card div { max-width: 100%; }
.page-content-card h1 { color: var(--ink); font-size: clamp(2.8rem, 7vw, 5.5rem); margin: 0 0 22px; }
.page-content-card h2 { font-size: clamp(2.1rem, 5vw, 4.4rem); margin: 42px 0 18px; color: var(--ink); }
.page-content-card h3 { margin: 30px 0 12px; color: var(--ink); }
.page-content-card p, .page-content-card li { font-size: 1.08rem; color: #394236; max-width: 78ch; }
.page-content-card a { color: var(--cedar); font-weight: 800; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.page-content-card img { border-radius: 22px; margin: 18px 0; box-shadow: 0 14px 40px rgba(41,54,38,.12); }
.page-content-card ul, .page-content-card ol { padding-left: 1.4rem; }
.page-content-card table { width: 100%; border-collapse: collapse; margin: 24px 0; overflow-x: auto; display: block; }
.page-content-card th, .page-content-card td { border-bottom: 1px solid var(--line); padding: 12px; text-align: left; }
@media (max-width: 760px) { .content-page .site-header { width: calc(100% - 24px); } .page-hero { padding-top: 58px; } .page-content-card { border-radius: 22px; } }