/* Church History: interactive pastoral timeline adapted from Natalie's original artwork */
.pastoral-timeline{margin:30px auto 75px}
.timeline-intro{max-width:820px;margin:0 auto 36px;text-align:center}
.timeline-intro h2{font-size:clamp(30px,4.5vw,52px);color:var(--gold);margin:12px 0 20px}
.timeline-intro p{color:#5d5a54;font-size:15px;line-height:1.85}
.timeline-controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;margin:25px auto 14px}
button.timeline-filter{border:1px solid #d8ccb2;background:#fff;color:#5d4c2e;border-radius:24px;padding:8px 17px;font-size:13px;letter-spacing:0}
button.timeline-filter:hover,button.timeline-filter.is-active{background:#09294c;color:white;border-color:#09294c}
.timeline-help{text-align:center;font-size:12px;color:#655f57;margin:0 auto 24px}
.timeline-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#a89474 #eae4d9;padding:10px 12px 25px;border:1px solid #ded8cd;border-radius:12px;background:linear-gradient(180deg,#f7f5f2,#e8e6e2)}
.timeline-scroll:focus-visible{outline:3px solid #3578af;outline-offset:2px}
.timeline-track{display:flex;align-items:stretch;list-style:none;gap:15px;margin:0;padding:16px 10px 30px;min-width:max-content;position:relative}
.timeline-track:before{content:"";position:absolute;height:3px;left:6px;right:6px;bottom:18px;background:#718093}
.timeline-entry{width:198px;display:flex;flex-direction:column;align-items:center;position:relative;min-height:285px}
.timeline-entry[hidden]{display:none!important}
.timeline-entry .timeline-card{width:100%;border:0}
.timeline-card summary{display:flex;flex-direction:column;align-items:center;cursor:pointer;list-style:none;text-align:center}
.timeline-card summary::-webkit-details-marker{display:none}
.timeline-years{display:block;padding:8px 12px;border-radius:7px 7px 0 0;font:700 20px/1.2 Georgia,serif;color:#0a386c;background:#fff;width:100%}
.timeline-person{display:flex;align-items:center;justify-content:center;min-height:106px;padding:15px 13px;background:#071f3d;color:#fff;border-radius:0 0 7px 7px;font:normal 17px/1.25 Georgia,serif;width:100%}
.timeline-open-hint{color:#745b1c;font-size:18px;margin-top:6px}
.timeline-card[open] .timeline-open-hint{transform:rotate(45deg)}
.timeline-detail{width:100%;background:#fff;border:1px solid #d7c7a5;border-top:0;padding:12px 13px;margin-top:1px;border-radius:5px;color:#403c34;text-align:left}
.timeline-detail p{font-size:12px;line-height:1.6;margin:6px 0 0}
.timeline-role{color:#785c19;font-size:12px;font-weight:700}
.timeline-stem{width:2px;background:repeating-linear-gradient(to bottom,#9da8b6 0 4px,transparent 4px 9px);min-height:17px;flex:1}
.timeline-node{height:17px;width:17px;border:4px solid #fff;border-radius:50%;background:#16385b;box-shadow:0 0 0 2px #8090a2;margin-bottom:0;z-index:1}
.timeline-entry:nth-child(even) .timeline-person{background:#123557}
.timeline-card summary:hover .timeline-person,.timeline-card[open] .timeline-person{background:#9a791d}
.timeline-credit{font-size:12px;color:#6b665c;margin-top:18px;text-align:center}
.history-teaser{background:#f0ede6;border:1px solid #e3dbce;padding:38px 42px;margin:35px 0 68px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.history-teaser h3{font-size:clamp(24px,3vw,34px);margin:8px 0 10px}
.history-teaser p{font-size:14px;color:#5f5b54;margin:0}
.history-teaser .button{white-space:nowrap}
.history-timeline-hero{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0 0 36px}
.history-timeline-hero span{font:normal 25px Georgia,serif;text-align:center;padding:13px;background:#e9e2d5;color:#94701a}
@media(max-width:680px){.timeline-entry{width:174px}.timeline-years{font-size:18px}.timeline-person{font-size:15px}.timeline-track{gap:12px}.history-teaser{display:block;padding:28px}.history-teaser .button{margin-top:20px}.history-timeline-hero span{font-size:16px}}