/* Timeline hub only: overview chart T00-I001 with clickable era regions.
   Loaded only by timeline/index.html. Region positions are percentages of the
   1774x887 image, measured in Image Cleanup Pilot/timeline-v01-fixed/columns.json. */
.tl-intro{grid-template-columns:1fr;max-width:860px}
.tl-overview{margin:44px 0 0}
.tl-overview-frame{position:relative;border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow)}
.tl-overview-frame img{width:100%;height:auto}
.tl-overview .tl-hot{position:absolute;display:block;border-radius:3px;text-decoration:none;transition:background-color .15s ease,box-shadow .15s ease}
.tl-overview .tl-hot:hover{background:rgba(214,167,47,.22);box-shadow:inset 0 0 0 3px var(--gold)}
.tl-overview .tl-hot:focus-visible{outline:3px solid var(--gold);outline-offset:-3px;background:rgba(214,167,47,.18);box-shadow:inset 0 0 0 6px rgba(8,36,58,.55)}
.tl-overview figcaption{margin-top:14px;color:var(--ink);font-size:.95rem}
.tl-overview figcaption p{margin:0 0 6px}
.tl-overview .tl-note{color:var(--body);font-size:.84rem}
.tl-overview .tl-actions{margin:14px 0 0}
.tl-overview .tl-phone{display:none}
@media(max-width:560px){.tl-overview .tl-phone{display:block}}
.tl-overview .tl-h1{left:0.000%;width:9.414%;top:17.136%;height:36.866%}
.tl-overview .tl-h2{left:9.583%;width:9.357%;top:17.136%;height:36.866%}
.tl-overview .tl-h3{left:19.109%;width:9.583%;top:17.136%;height:36.866%}
.tl-overview .tl-h4{left:28.861%;width:9.301%;top:17.136%;height:36.866%}
.tl-overview .tl-h5{left:38.331%;width:8.963%;top:17.136%;height:36.866%}
.tl-overview .tl-h6{left:47.407%;width:8.906%;top:17.136%;height:36.866%}
.tl-overview .tl-h7{left:56.483%;width:8.512%;top:17.136%;height:36.866%}
.tl-overview .tl-h8{left:65.163%;width:8.005%;top:17.136%;height:36.866%}
.tl-overview .tl-h9{left:73.337%;width:7.666%;top:17.136%;height:36.866%}
.tl-overview .tl-h10{left:81.172%;width:9.076%;top:17.136%;height:36.866%}
.tl-overview .tl-h11{left:90.417%;width:9.357%;top:17.136%;height:36.866%}
.tl-overview .tl-h12{left:89.064%;width:10.936%;top:55.242%;height:16.122%}
.tl-overview .tl-newtab{margin-left:.45em;color:var(--parchment);font-family:'Source Sans 3',Arial,sans-serif;font-weight:400;text-transform:none;letter-spacing:0}