/* Small recovery annotations and keyboard focus; original visual design retained. */
.native-timeline-root{scroll-padding-top:calc(var(--header-height,120px) + 16px)}
.native-timeline-page #main{position:relative;z-index:10}
.native-timeline-page .site-header-shell{position:sticky;top:0;z-index:1100;background:#fffdf6;color:#111127;isolation:isolate}
.native-timeline-page .site-header-shell a:not(.brand),.native-timeline-page :is(.breadcrumbs,.site-breadcrumbs) a{text-decoration:underline;text-underline-offset:.2em}
.native-timeline-page .site-header-shell :focus-visible,.native-timeline-page :is(.breadcrumbs,.site-breadcrumbs) :focus-visible{outline:3px solid #d28a08;outline-offset:4px}
.native-timeline-page :is(.breadcrumbs,.site-breadcrumbs){position:relative;z-index:10;background:#fffdf6;color:#111127}
.native-timeline-page .recovery-timeline-status{position:relative;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;max-width:1400px;margin:0 auto;padding:24px 50px}
.native-timeline-page .recovery-timeline-progress{display:flex;align-items:center;gap:12px;flex:1;min-width:220px}
.native-timeline-page .recovery-timeline-status .timeline-progress{width:200px;min-width:80px;flex:1;max-width:280px}
.native-timeline-page .recovery-status-label{font-size:.8rem;color:#b8b8b8;white-space:nowrap}
.native-timeline-page .recovery-timeline-year{display:flex;align-items:center;gap:8px}
.native-timeline-page .recovery-snapshot-download{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #00ff884d;border-radius:24px;color:#00ff88;font-size:.9rem;text-decoration:underline;text-underline-offset:.2em}
.native-timeline-page .recovery-snapshot-download:hover{background:#00ff881a}
.native-timeline-page .filter-panel{top:var(--header-height,120px);height:calc(100vh - var(--header-height,120px));height:calc(100dvh - var(--header-height,120px))}
.recovery-notice{color:#b8b8b8;font-size:.95rem;line-height:1.6;max-width:900px;margin:1rem auto 1.5rem}
.insights-table-container{overflow-x:auto}
.recovery-table-status{color:#d0d0d0;font-size:.9rem;line-height:1.5;margin:0;padding:0 24px 20px}
.insights-table-container:focus-visible{outline:2px solid #00ff88;outline-offset:5px}
.recovery-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
[role="button"]:focus-visible,[role="checkbox"]:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,th[tabindex]:focus-visible{outline:2px solid #00ff88;outline-offset:5px}
/* Mobile cards need room for native titles; the recovered inline padding requires an override. */
@media(max-width:768px){
  .native-timeline-page .recovery-timeline-status{gap:12px;padding:20px}
  .native-timeline-page .recovery-timeline-progress{flex-basis:100%;min-width:0}
  .native-timeline-page .recovery-timeline-status .year-display{font-size:1.5rem}
  html{scroll-padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}
  body{padding-bottom:calc(108px + env(safe-area-inset-bottom,0px))}
  .floating-menu{left:0;right:0;top:auto;bottom:0;transform:none;z-index:1002;flex-direction:row;justify-content:center;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:#0a0a0af5;border-top:1px solid #ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
  .floating-menu .menu-item{width:80px;height:64px;min-width:80px;min-height:64px;flex:0 0 auto;flex-direction:column-reverse;gap:4px;border-radius:14px}
  .floating-menu .menu-item:hover{transform:none}
  .floating-menu .menu-tooltip{display:block;position:static;right:auto;top:auto;transform:none;opacity:1;padding:0;background:none;font-size:.68rem;line-height:1.2;white-space:nowrap}
  .native-timeline-page .filter-panel{height:calc(100vh - var(--header-height,120px) - 89px - env(safe-area-inset-bottom,0px));height:calc(100dvh - var(--header-height,120px) - 89px - env(safe-area-inset-bottom,0px));z-index:1001;padding-bottom:32px}
  .filter-header{justify-content:space-between}
  .filter-close{min-width:44px;min-height:44px}
  .scroll-indicator{bottom:calc(108px + env(safe-area-inset-bottom,0px))}
  .timeline-container{padding:0 20px}
  .timeline-event:nth-child(odd),.timeline-event:nth-child(2n){padding-left:40px;padding-right:0}
  .timeline-path{left:30px}
  .timeline-event .event-node{left:10px}
  .timeline-event .event-card{padding:24px 20px!important;min-width:0;height:auto;max-height:none}
  .timeline-grid .grid-item{padding:24px 20px;min-width:0}
  .timeline-event .event-title,.timeline-grid .event-title{font-size:clamp(1.35rem,6vw,1.6rem)!important;overflow-wrap:anywhere;word-break:normal;white-space:normal;height:auto;max-height:none}
  .timeline-event .event-description,.timeline-grid .event-description{font-size:1rem!important;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.timeline-event,.grid-item{opacity:1!important;transform:none!important}.cursor,.cursor-follower,#particleCanvas,.loader,.scroll-indicator{display:none!important}}
