/* Reuse the site's local fonts and article layout. No images or animation. */
.area-page .area-heading {max-width: 920px;}
.area-page .area-heading h1 {font-size: clamp(2rem, 3.6vw, 3.1rem); line-height: 1.25; letter-spacing: 0;}
.area-page .area-kicker {margin-bottom: 18px;}
.area-page .area-toc {max-width: 780px; margin: 0 0 36px; padding: 17px 0; border-block: 1px solid rgba(209,154,86,.22); color: #c7bba9; font-family: 'Source Sans 3', sans-serif; font-size: 1rem; line-height: 1.6;}
.area-toc summary {cursor: pointer; width: fit-content; padding: 5px 0;}
.area-toc ol {padding-left: 1.4em; margin: 16px 0 2px;}
.area-toc li {padding: 4px 0;}
.area-toc a {color: #c7bba9; text-underline-offset: .2em;}
.area-page .area-copy h2 {scroll-margin-top: 140px;}
.area-page .area-contact {max-width: 780px; margin-top: 54px; padding: 30px 0 0; border-top: 1px solid rgba(209,154,86,.22); font-family: 'Source Sans 3', sans-serif; line-height: 1.8; color: #d6d0c7;}
.area-contact h2 {font-family: 'Playfair Display', serif; font-size: 1.65rem; font-weight: 600; color: var(--gold); margin: 0 0 18px;}
.area-contact p {font-family: inherit; font-size: 1.05rem; line-height: inherit; margin: 0 0 10px; color: inherit;}
.area-contact a {color: inherit; text-underline-offset: .22em;}
.area-contact .area-contact-link {display: inline-block; padding: 10px 0; margin-top: 8px; color: var(--gold);}
.area-page .logo {text-decoration: none;}
.area-page main {animation: none;}
.area-page .hamburger {border: 0; background: transparent; padding: 10px; min-width: 48px; min-height: 44px; flex-shrink: 0;}
.area-page a:focus-visible, .area-page summary:focus-visible {outline: 2px solid var(--gold); outline-offset: 5px;}
.practice-description .area-read-link {display: inline-block; padding-block: 12px; margin-top: 6px; color: #36463f; font-family: 'Source Sans 3', sans-serif; font-size: 1rem; font-weight: 600; text-decoration: underline; text-underline-offset: .25em;}
.practice-description .area-read-link:hover {color: #6e4927;}
.practice-description .area-read-link:focus-visible {outline: 2px solid #6e4927; outline-offset: 4px;}
@media (max-width: 700px) {
 .area-page .area-heading h1 {font-size: clamp(1.75rem, 7vw, 2.3rem);}
 .area-page .area-copy h2 {scroll-margin-top: 110px;}
 .area-page .area-toc {margin-bottom: 28px;}
 .area-page .area-contact {margin-top: 40px; padding-top: 24px;}
}