.am-timeline { color:var(--ctp-text); min-width:0; }
.atl-intro,.atl-time-meaning,.atl-chart-help,.atl-source-period { font-size:13px; line-height:1.6; color:var(--ctp-subtext0); margin:10px 0 16px; }
.atl-record-status { display:flex; align-items:center; gap:6px; font-size:13px; color:#137333; }
.atl-record-status.is-late { color:#8a5100; }.atl-record-status.is-late .at-status-dot { background:#b56b08; }
.atl-coverage { font-size:13px; line-height:1.6; color:var(--ctp-subtext0); margin:8px 0 16px; }.atl-coverage strong { color:var(--ctp-text); }
.atl-controls { display:flex; gap:12px; flex-wrap:wrap; }
.atl-controls label,.atl-custom label { display:flex; flex-direction:column; gap:5px; font-size:13px; font-weight:500; flex:1 1 130px; }
.atl-controls select,.atl-custom input { width:100%; min-width:0; min-height:44px; background:#fff; border:1px solid var(--am-border); border-radius:7px; color:var(--ctp-text); padding:8px 10px; font:inherit; }
.am-timeline button { border:1px solid var(--am-border); border-radius:7px; padding:8px 12px; min-height:44px; color:var(--at-accent); background:#fff; font-size:13px; font-weight:500; }
.am-timeline button:hover { background:#f3f7ff; }.am-timeline button:disabled { opacity:.5; cursor:default; }
.am-timeline button:focus-visible,.am-timeline select:focus-visible,.am-timeline input:focus-visible,.am-timeline summary:focus-visible { outline:2px solid var(--at-accent); outline-offset:2px; }
.atl-time-meaning { background:#f5f8fc; padding:10px 12px; border-radius:7px; margin:12px 0; }
.atl-time-meaning strong { color:var(--ctp-text); }.atl-time-meaning span { display:block; }
.atl-navigation { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
.atl-nav-buttons { display:flex; gap:5px; }.atl-nav-buttons button { min-width:44px; font-size:19px; padding:6px 10px; }
.am-timeline .atl-live-button { margin-left:auto; }.atl-live-button[aria-pressed=true] { border-color:#188038; color:#137333; background:#f1f8f3; }
.atl-custom { margin:12px 0; font-size:13px; }.atl-custom summary { cursor:pointer; color:var(--at-accent); padding:6px 0; }
.atl-custom form { display:flex; flex-wrap:wrap; align-items:flex-end; gap:12px; padding:12px 0; }.atl-custom form p { width:100%; margin:0; line-height:1.6; }
.atl-viewport-meta { display:flex; flex-wrap:wrap; align-items:center; gap:6px 12px; font-size:12px; line-height:1.6; padding:12px 0; }
.atl-viewport-meta strong { font-size:13px; }.atl-viewport-meta>span { color:var(--ctp-subtext0); }
.atl-plot { height:290px; touch-action:none; user-select:none; }
.atl-chart-help { margin:12px 0; }.atl-hover { font-size:13px; line-height:1.6; background:#f5f8fc; border-radius:6px; padding:8px 10px; }
.atl-details { container-type:inline-size; container-name:period-details; margin-top:28px; border-top:1px solid var(--am-border); padding-top:24px; }
.atl-period-header { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; }
.atl-details h3 { margin:0 0 9px; font-size:18px; font-weight:600; letter-spacing:-.02em; }
.atl-period-date,.atl-period-clock { margin:0; display:flex; flex-wrap:wrap; align-items:center; gap:6px 10px; font-size:13px; line-height:1.7; }
.atl-period-date { color:var(--ctp-subtext0); }.atl-period-clock { margin-top:3px; font-variant-numeric:tabular-nums; }.atl-period-clock>span { color:var(--ctp-subtext0); font-size:12px; }
.atl-period-duration { border:1px solid var(--am-border); border-radius:20px; background:#f7f9fc; padding:1px 8px; font-size:12px; white-space:nowrap; }
.atl-period-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:10px; }
.atl-coverage-badge { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:500; color:#7b500b; background:#fff7e8; padding:5px 9px; border-radius:20px; white-space:nowrap; }
.atl-coverage-badge::before { content:''; width:5px; height:5px; border-radius:50%; background:currentColor; }
.atl-totals { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin:22px 0 18px; }
.atl-totals>div { padding:0 22px; border-left:1px solid var(--am-border); }.atl-totals>div:first-child { padding-left:0; border-left:0; }
.atl-totals>div>span { display:block; font-size:13px; color:var(--ctp-subtext0); line-height:1.5; }
.atl-totals strong { display:block; margin-top:5px; font-size:28px; font-weight:600; line-height:1.25; font-variant-numeric:tabular-nums; }
.atl-baseline-note { margin:0 0 14px; border-left:3px solid #b8cef1; padding:10px 12px; font-size:13px; line-height:1.6; background:#f5f8fc; color:var(--ctp-subtext0); }.atl-baseline-note strong { color:var(--ctp-text); font-weight:500; }
.atl-data-notes { margin:0 0 20px; border-bottom:1px solid var(--am-border); font-size:13px; }
.atl-data-notes summary { padding:10px 0 14px; cursor:pointer; font-weight:500; color:var(--at-accent); min-height:44px; }
.atl-data-notes summary span { margin-left:14px; color:var(--ctp-subtext0); font-weight:400; font-size:12px; }
.atl-data-notes>div { padding:0 0 14px; max-width:75ch; }.atl-data-notes p { line-height:1.65; margin:6px 0 12px; }
.atl-record-table { width:100%; border-collapse:collapse; table-layout:fixed; font-size:13px; }
.atl-record-table caption { text-align:left; padding:0 0 12px; font-size:12px; color:var(--ctp-subtext0); }
.atl-col-query { width:auto; }.atl-col-country { width:118px; }.atl-col-number { width:92px; }.atl-col-position { width:75px; }.atl-col-action { width:92px; }
.atl-record-table th { background:#f7f9fc; font-size:12px; font-weight:500; color:var(--ctp-subtext0); padding:11px 10px; text-align:left; border-block:1px solid var(--am-border); }
.atl-record-table td { padding:12px 10px; vertical-align:middle; border-bottom:1px solid var(--am-border); }
.atl-record-table th:first-child,.atl-record-table td:first-child { padding-left:0; }.atl-record-table th:first-child { padding-left:10px; }
.atl-record-table .atl-number { text-align:center; font-variant-numeric:tabular-nums; }.atl-number strong { font-size:15px; font-weight:500; }
.atl-record-row:hover,.atl-record-row.is-open { background:#fafcff; }
.am-timeline .atl-query { padding:0; margin:0; min-height:28px; text-align:left; border:0; border-radius:3px; font-size:14px; line-height:1.5; font-weight:500; color:#1967d2; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; overflow-wrap:anywhere; }
.am-timeline .atl-query:hover { background:transparent; text-decoration:underline; }
.atl-site-line { display:flex; align-items:center; gap:5px 8px; flex-wrap:wrap; margin-top:3px; }
.atl-site { display:inline-flex; align-items:center; gap:5px; min-width:0; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; color:var(--ctp-subtext0); }.atl-site img { width:16px; height:16px; object-fit:contain; flex:none; }
.atl-kind { font-size:12px; line-height:1.5; font-weight:500; color:#526273; background:#eef2f6; border-radius:4px; padding:1px 5px; white-space:nowrap; }.atl-kind.is-change { color:#1967d2; background:#edf4ff; }
.atl-country { display:flex; align-items:center; gap:6px; color:var(--ctp-subtext0); font-size:12px; overflow-wrap:anywhere; }.atl-country img { width:18px; height:13px; object-fit:cover; flex:none; }
.am-timeline .atl-record-action button { display:flex; align-items:center; gap:6px; padding:6px 8px; border-color:transparent; font-size:12px; white-space:nowrap; min-height:44px; }.atl-record-action svg { transition:transform .12s; }.atl-record-action [aria-expanded=true] svg { transform:rotate(180deg); }
.atl-expanded-row>td { background:#f7f9fc; padding:16px!important; }
.atl-record-provenance { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 24px; margin:0; }
.atl-record-provenance .atl-full-url { grid-column:1/-1; }.atl-record-provenance dt { font-size:12px; color:var(--ctp-subtext0); margin-bottom:4px; }.atl-record-provenance dd { font-size:13px; line-height:1.6; margin:0; overflow-wrap:anywhere; }.atl-record-provenance a { color:#1967d2; }
.atl-expanded-row p { margin:16px 0 0; font-size:12px; color:var(--ctp-subtext0); line-height:1.6; }
.atl-mobile-label { display:none; }.atl-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.atl-source { margin-top:16px; }.atl-source p { font-size:13px; line-height:1.7; }
@container period-details (max-width:720px) {
 .atl-period-header { flex-wrap:wrap; gap:10px; }.atl-period-actions { justify-content:flex-start; }
 .atl-record-table,.atl-record-table tbody { display:block; }.atl-record-table colgroup { display:none; }.atl-record-table caption { display:block; }
 .main-content .atl-record-table { min-width:0; overflow:visible; }
 .atl-record-table thead { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); }
 .atl-record-table .atl-record-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; padding:14px 0; border-top:1px solid var(--am-border); }
 .atl-record-table .atl-record-row td { display:block; border:0; padding:0; min-width:0; }
 /* Cards do not scroll sideways; the shared sticky first column would cover Details. */
 .main-content .atl-record-table tbody td:first-child { position:static; left:auto; z-index:auto; background:transparent; }
 .atl-query-cell { grid-column:1/-1; grid-row:1; padding-right:76px!important; }.atl-country-cell { grid-column:1/3; grid-row:2; margin-top:8px; }
 .atl-record-table .atl-number { text-align:left; margin-top:14px; padding-right:10px!important; }.atl-cell-clicks { grid-column:1; grid-row:3; }.atl-cell-impressions { grid-column:2; grid-row:3; }.atl-cell-position { grid-column:3; grid-row:3; }
 .atl-record-table .atl-record-action { grid-column:3; grid-row:1/3; justify-self:end; align-self:start; }
 .atl-mobile-label { display:block; font-size:12px; line-height:1.5; color:var(--ctp-subtext0); margin-bottom:3px; }.atl-number strong { font-size:18px; }
 .atl-record-table .atl-expanded-row,.atl-expanded-row>td { display:block; }.atl-record-provenance { grid-template-columns:minmax(0,1fr); gap:12px; }
 .atl-site { white-space:normal; overflow-wrap:anywhere; }.atl-kind { font-size:12px; }
 .atl-data-notes summary span { display:block; margin:5px 0 0 15px; }.atl-totals>div { padding:0 12px; }.atl-totals>div:first-child { padding-left:0; }
}
@media(max-width:480px) { .atl-controls { gap:8px; }.atl-controls label { flex-basis:90px; }.atl-plot { height:230px; }.atl-navigation .atl-live-button { margin-left:0; }.atl-totals>div>span { font-size:12px; }.atl-totals strong { font-size:26px; }.atl-period-clock>span { width:100%; }.atl-details { padding-top:20px; } }