.tl-quicknav{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.5rem 0 2rem;padding:1rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0}.tl-quicknav a{flex:1;min-width:180px;padding:.6rem .85rem;border-radius:.5rem;background:#fff;color:#4338ca;text-decoration:none;font-size:.85rem;font-weight:600;text-align:center;border:1px solid #e2e8f0;transition:all .15s}.tl-quicknav a:hover{background:#eef2ff;border-color:#c7d2fe;transform:translateY(-1px)}.tl-era{position:relative;margin:3rem 0;padding:2rem 1.5rem;border-radius:1rem;border-left:5px solid #6366f1;background:linear-gradient(to right,#f8fafc 0,#fff 60%)}.tl-era#era-pioneer{border-left-color:#b45309;background:linear-gradient(to right,#fef3c7 0,#fff 50%)}.tl-era#era-mass{border-left-color:#047857;background:linear-gradient(to right,#d1fae5 0,#fff 50%)}.tl-era#era-standard{border-left-color:#1d4ed8;background:linear-gradient(to right,#dbeafe 0,#fff 50%)}.tl-era#era-modern{border-left-color:#7c3aed;background:linear-gradient(to right,#ede9fe 0,#fff 50%)}.tl-era#era-contemp{border-left-color:#be185d;background:linear-gradient(to right,#fce7f3 0,#fff 50%)}.tl-era-header{margin-bottom:2rem;max-width:800px}.tl-era-range{display:inline-block;padding:.3rem .85rem;background:rgba(99,102,241,.12);color:#4338ca;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.tl-era#era-pioneer .tl-era-range{background:rgba(180,83,9,.12);color:#b45309}.tl-era#era-mass .tl-era-range{background:rgba(4,120,87,.12);color:#047857}.tl-era#era-standard .tl-era-range{background:rgba(29,78,216,.12);color:#1d4ed8}.tl-era#era-modern .tl-era-range{background:rgba(124,58,237,.12);color:#7c3aed}.tl-era#era-contemp .tl-era-range{background:rgba(190,24,93,.12);color:#be185d}.tl-era h2{font-size:1.85rem;font-weight:800;margin:.6rem 0 .75rem;color:#0f172a}.tl-era-intro{color:#475569;font-size:1rem;line-height:1.65;margin:0 0 .75rem}.tl-era-count{color:#94a3b8;font-size:.85rem;font-style:italic;margin:0}.tl-era-tests{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.tl-card{display:flex;gap:1rem;padding:1.1rem 1.25rem;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;text-decoration:none;color:inherit;transition:all .18s}.tl-card:hover{border-color:#c7d2fe;transform:translateY(-2px);box-shadow:0 8px 20px -10px rgba(99,102,241,.3)}.tl-card-year{flex-shrink:0;font-size:1.5rem;font-weight:800;color:#6366f1;line-height:1;padding-top:.15rem;min-width:4rem}.tl-era#era-pioneer .tl-card-year{color:#b45309}.tl-era#era-mass .tl-card-year{color:#047857}.tl-era#era-standard .tl-card-year{color:#1d4ed8}.tl-era#era-modern .tl-card-year{color:#7c3aed}.tl-era#era-contemp .tl-card-year{color:#be185d}.tl-card-body{flex:1;min-width:0}.tl-card-body h3{font-size:1rem;font-weight:700;margin:0 0 .25rem;color:#0f172a;line-height:1.3}.tl-card-byline{font-size:.82rem;color:#64748b;font-style:italic;margin:0 0 .4rem}.tl-card-lead{font-size:.85rem;color:#475569;line-height:1.5;margin:0 0 .6rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tl-card-badge{display:inline-block;padding:.18rem .55rem;background:#f1f5f9;color:#64748b;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.tl-badge-interactive{background:#dcfce7;color:#15803d}@media (max-width:720px){.tl-era{padding:1.25rem .85rem}.tl-era h2{font-size:1.5rem}.tl-era-tests{grid-template-columns:1fr}.tl-card-year{font-size:1.2rem;min-width:3.2rem}.tl-quicknav a{min-width:100%}}