.period-timeline{min-width:0;max-width:100%;contain:inline-size;margin-block:1rem;--pt-line:var(--pt-line-light,#584932)}
html[data-bs-theme="dark"] .period-timeline{--pt-line:var(--pt-line-dark,#b9a58b)}
.period-timeline__tools{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-bottom:.5rem}.period-timeline__tools button{min-width:42px;min-height:42px;background:var(--bs-body-bg,#fff);color:inherit;border:1px solid var(--pt-line);border-radius:.4rem;cursor:pointer}.period-timeline__viewport{overflow:auto;max-width:100%;cursor:grab;overscroll-behavior-x:contain}.period-timeline__viewport.is-dragging{cursor:grabbing;user-select:none}
.period-timeline__track{display:flex;align-items:stretch;min-width:100%;width:max-content;padding:0 1px 8px}
.period-timeline__item{display:flex;flex-direction:column;flex:1 0 240px;width:240px;max-width:320px;--pt-bg:var(--pt-background-light,#fff8cc);--pt-text:var(--pt-text-light,#212529);--pt-border:var(--pt-border-light,var(--pt-line))}
html[data-bs-theme="dark"] .period-timeline__item{--pt-bg:var(--pt-background-dark,#584932);--pt-text:var(--pt-text-dark,#fff);--pt-border:var(--pt-border-dark,var(--pt-line))}
.period-timeline__dates{display:flex;justify-content:space-between;gap:.75rem;padding:0 .4rem .6rem;font-size:.85rem;border-bottom:2px solid var(--pt-line);position:relative}.period-timeline__dates:before,.period-timeline__dates:after{content:"";position:absolute;width:1px;height:10px;background:var(--pt-line);bottom:0}.period-timeline__dates:before{left:0}.period-timeline__dates:after{right:0}
.period-timeline__body{flex:1;padding:.7rem;background:var(--pt-bg);color:var(--pt-text);border:1px solid var(--pt-border);overflow-wrap:anywhere;min-width:0}.period-timeline__body h4{font-size:1rem;margin:0 0 .5rem;text-align:center}.period-timeline__body img{display:block;width:100%;max-height:160px;object-fit:contain;margin:0 auto .5rem}.period-timeline__body .national-parks-visual-text{margin-bottom:0}.period-timeline__body p:last-child{margin-bottom:0}.period-timeline__viewport:focus-visible{outline:2px solid var(--pt-line);outline-offset:2px}
@media(max-width:480px){.period-timeline__item{flex-basis:210px;width:210px}}