/* v1.2.3 Content & UX Pass */

/* Better excerpts / wrapping */
.card,.article-card,.wiki-card,.gallery-card,.operation-card,.article-content{overflow:hidden}
.card p,.article-card p,.wiki-card p,.gallery-card p,.operation-card p,.article-content p,.article-content div{white-space:normal;overflow-wrap:anywhere;word-break:normal}
.card-excerpt,.wiki-card .muted,.article-card .muted,.operation-card .muted{display:block;max-width:100%;margin-top:12px;margin-bottom:18px;line-height:1.65;white-space:normal;overflow-wrap:anywhere}
.wiki-card,.article-card{min-width:0}
.article-content{line-height:1.75}
.article-content p{margin:0 0 1.1rem}
.wiki-body{white-space:normal;overflow-wrap:anywhere}

/* Footer 4-column */
.footer-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.footer-bottom{grid-column:1/-1;border-top:1px solid var(--border);padding-top:18px;color:var(--muted)}

/* Timeline filters */
.timeline-filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 34px}
.timeline-filter.active{background:var(--primary);color:#fff}
.legend-dot{display:inline-block;width:10px;height:10px;margin-right:8px;transform:rotate(45deg);border:1px solid rgba(255,255,255,.35)}
.timeline-item.is-hidden{display:none!important}

/* Timeline hard marker override */
.timeline.timeline-split{--timeline-gap:90px;--timeline-line:#8a6733;position:relative!important;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important;padding:0!important;border-left:0!important}
.timeline.timeline-split::before{content:""!important;position:absolute!important;left:50%!important;top:0!important;bottom:0!important;width:2px!important;background:var(--timeline-line)!important;transform:translateX(-50%)!important;z-index:1!important}
.timeline.timeline-split .timeline-item{position:relative!important;width:calc(50% - var(--timeline-gap))!important;margin-top:0!important;margin-bottom:32px!important;padding:20px!important;z-index:2!important}
.timeline.timeline-split .timeline-left{margin-left:0!important;margin-right:auto!important;text-align:right!important}
.timeline.timeline-split .timeline-right{margin-left:calc(50% + var(--timeline-gap))!important;margin-right:0!important;text-align:left!important}
.timeline.timeline-split .timeline-dot{position:absolute!important;top:32px!important;width:20px!important;height:20px!important;margin:0!important;border:2px solid #4f3a18!important;z-index:20!important;pointer-events:none!important}
.timeline.timeline-split .timeline-left .timeline-dot{left:auto!important;right:calc(-1 * var(--timeline-gap))!important;transform:translate(50%,-50%) rotate(45deg)!important}
.timeline.timeline-split .timeline-right .timeline-dot{right:auto!important;left:calc(-1 * var(--timeline-gap))!important;transform:translate(-50%,-50%) rotate(45deg)!important}

@media(max-width:960px){.footer-grid-4{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.timeline.timeline-split{--timeline-gap:60px;max-width:100%!important}.timeline.timeline-split::before{left:24px!important;transform:none!important}.timeline.timeline-split .timeline-item,.timeline.timeline-split .timeline-left,.timeline.timeline-split .timeline-right{width:auto!important;margin-left:60px!important;margin-right:0!important;text-align:left!important}.timeline.timeline-split .timeline-left .timeline-dot,.timeline.timeline-split .timeline-right .timeline-dot{left:-36px!important;right:auto!important;transform:translate(-50%,-50%) rotate(45deg)!important}}
@media(max-width:700px){.footer-grid-4{grid-template-columns:1fr}}