/* Services page detail sections (Owner 2026-10-06): the description ran in a 760px column and left a wide black gap on
   the right. It now runs the full content width, both edges flush with the gallery and the section border, justified
   (left-aligned on phones, where justified short lines leave gaps). The inline page style caps .detail-head at 760px;
   the id selector outranks it without touching the hashed inline style. */
#svcDetails .detail-head { max-width: none; }
#svcDetails .detail-head > div:last-child { flex: 1 1 auto; min-width: 0; }
#svcDetails .detail-head p { max-width: none; text-align: justify; }
/* entry point to the homepage "What ET Expo Does" summary, under the overview intro */
.what-we-do-entry { margin-top: 14px; }
.what-we-do-entry a { color: var(--accent); font-weight: 600; text-decoration: none; }
.what-we-do-entry a::after { content: " \2192"; }
.what-we-do-entry a:hover, .what-we-do-entry a:focus-visible { text-decoration: underline; text-underline-offset: 4px; }
/* sub-headings and lists built by services-detail-format.js from the CMS "## " / "- " lines */
#svcDetails .svc-detail-body > p + p, #svcDetails .svc-detail-body > ul + p { margin-top: 12px; }
#svcDetails .svc-detail-sub { margin: 22px 0 8px; color: var(--text-primary, #fff); font-size: 1.05rem; line-height: 1.35; }
#svcDetails .svc-detail-list { margin: 8px 0 0; padding-left: 1.2em; color: var(--text-secondary); font-size: var(--text-lead); line-height: var(--leading-relaxed); }
#svcDetails .svc-detail-list li + li { margin-top: 4px; }
@media (max-width: 720px) { #svcDetails .detail-head p { text-align: left; } }