/* Area-page project detail and local planning; homepage styling remains shared. */
.area-context { border-top: 1px solid var(--line, #d9d2c5); }
.area-planning-checks { padding-left: 1.15rem; margin: 1.2rem 0; }
.area-planning-checks li { margin: .65rem 0; }
.area-local-notes { border-block: 1px solid var(--line, #d9d2c5); padding: 1rem 0; margin: 1.25rem 0; }
.area-local-notes summary, .area-project-detail summary { cursor: pointer; font-weight: 500; color: var(--ink, #22211d); }
.area-local-notes p { font-size: .92rem; line-height: 1.7; }
.area-local-notes a { text-decoration: underline; text-underline-offset: .18em; }
.area-project-story .area-project-lesson { border-left: 2px solid #a48047; padding-left: .85rem; color: #68563a; }
.area-project-detail { padding: .8rem 0; margin-bottom: .75rem; border-block: 1px solid #ded7c9; }
.area-project-detail p { margin: .75rem 0; }
.area-project-detail .arrowlink { font-size: .9rem; }
.area-project-story .gallery img { object-position: center; }
.area-context a:focus-visible, .area-project-story a:focus-visible, .area-context summary:focus-visible, .area-project-detail summary:focus-visible { outline: 2px solid #8d6b3a; outline-offset: 5px; }
@media (max-width: 760px) { .area-context { gap: 2rem; } .area-local-notes summary, .area-project-detail summary { padding-block: .4rem; } }