.era-chronicle-header{padding:0 0 1.5rem;margin-bottom:0.25rem;border-bottom:1px solid rgba(201,162,39,0.2)}.era-chronicle-lead{font-family:'Crimson Text',serif;font-size:1rem;line-height:1.65;color:var(--text-muted);font-style:italic;margin:0.35rem 0 0;max-width:65ch}.era-timeline{display:flex;flex-direction:column;gap:0;margin:1.5rem 0 2rem}.era-entry{display:grid;grid-template-columns:88px 22px 1fr;column-gap:0;text-decoration:none;color:inherit}.era-entry:hover .era-entry__card{border-color:var(--gold);transform:translateX(4px);box-shadow:0 5px 22px rgba(0,0,0,0.45),0 0 0 1px rgba(201,162,39,0.2)}.era-entry:hover .era-entry__dot{background:var(--gold);box-shadow:0 0 18px rgba(201,162,39,0.9)}.era-entry:hover .era-entry__date-label{color:var(--gold-light,#e8c84a);text-shadow:0 0 12px rgba(201,162,39,0.45)}.era-entry__date-label{grid-column:1;text-align:right;padding-right:0.7rem;padding-top:1.25rem;font-family:'Crimson Text',serif;font-size:0.88rem;font-style:italic;color:var(--text-dim);line-height:1.4;transition:color 0.2s,text-shadow 0.2s;white-space:nowrap;overflow:hidden}.era-entry__date-label em{display:block;font-size:0.7rem;font-style:normal;color:var(--text-dim);opacity:0.6;margin-bottom:0.1rem}.era-entry__spine{grid-column:2;display:flex;flex-direction:column;align-items:center;padding-top:1.25rem;position:relative}.era-entry__dot{width:13px;height:13px;border-radius:50%;border:2px solid var(--gold);background:var(--bg-deep);box-shadow:0 0 8px rgba(201,162,39,0.4);flex:0 0 auto;z-index:2;transition:background 0.2s,box-shadow 0.2s}.era-entry__connector{position:absolute;top:1.25rem;bottom:-1.1rem;left:50%;width:2px;background:linear-gradient(180deg,rgba(201,162,39,0.55) 0%,rgba(201,162,39,0.12) 65%,transparent 100%);transform:translateX(-50%);z-index:1}.era-entry:last-child .era-entry__connector{display:none}.era-entry__card{flex:1 1 auto;margin:0.9rem 0 2.2rem;padding:1.1rem 1.4rem 1.2rem;background:var(--bg-card);border:1px solid var(--border-dim);border-left:3px solid var(--gold);border-radius:8px;box-shadow:0 3px 12px rgba(0,0,0,0.3);transition:border-color 0.2s,transform 0.2s ease,box-shadow 0.2s}.era-entry__name{font-family:'Cinzel',serif;font-size:1.18rem;color:var(--gold-light);margin:0 0 0.4rem;letter-spacing:0.03em}.era-entry__badges{display:flex;flex-wrap:wrap;gap:0.4rem;margin-bottom:0.65rem}.era-entry__badge{font-family:'Crimson Text',serif;font-size:0.78rem;padding:0.1rem 0.6rem;border-radius:12px;background:rgba(201,162,39,0.09);border:1px solid rgba(201,162,39,0.28);color:var(--gold)}.era-entry__summary{font-family:'Crimson Text',serif;font-size:0.9rem;line-height:1.58;color:var(--text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.era-hero{padding:1.5rem 0 2rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(201,162,39,0.2);position:relative}.era-hero::before{content:'⸻ ⚜ ⸻';display:block;font-size:0.8rem;color:rgba(201,162,39,0.4);letter-spacing:0.2em;margin-bottom:0.75rem}.era-hero__eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:0.6rem;margin-bottom:0.6rem}.era-hero__state{font-family:'Cinzel',serif;font-size:0.72rem;color:var(--gold);text-transform:uppercase;letter-spacing:0.12em;padding:0.2rem 0.9rem;border:1px solid rgba(201,162,39,0.45);border-radius:20px;background:rgba(201,162,39,0.08)}.era-hero__date{font-family:'Crimson Text',serif;font-size:0.9rem;color:var(--text-dim);font-style:italic}.era-hero__title{font-family:'Cinzel',serif;font-size:2.1rem;color:var(--gold);margin:0 0 0.5rem;letter-spacing:0.05em;text-shadow:0 0 24px rgba(201,162,39,0.18);line-height:1.2}.era-hero__characteristics{display:flex;flex-wrap:wrap;gap:0.4rem;margin-top:1rem;padding-top:0.9rem;border-top:1px dashed rgba(201,162,39,0.25)}.era-hero__tag{font-family:'Crimson Text',serif;font-size:0.8rem;padding:0.15rem 0.65rem;border-radius:12px;background:rgba(201,162,39,0.06);border:1px solid rgba(201,162,39,0.2);color:var(--text-dim)}@media (max-width:680px){.era-entry{grid-template-columns:66px 20px 1fr}.era-entry__date-label{font-size:0.76rem;padding-right:0.4rem}.era-entry__date-label em{font-size:0.64rem}.era-entry__card{padding:0.9rem 1rem;margin:0.7rem 0 1.6rem}.era-entry__name{font-size:1.05rem}.era-hero__title{font-size:1.65rem}.era-hero::before{font-size:0.7rem}}@media (max-width:480px){.era-entry{grid-template-columns:54px 18px 1fr}.era-entry__date-label{font-size:0.68rem;padding-right:0.3rem}}.era-entry__banner{margin:-1.1rem -1.4rem 1rem;border-radius:8px 8px 0 0;overflow:hidden;background:#0d0d1a}
.era-entry__banner img{display:block;width:100%;height:auto;max-height:220px;object-fit:cover}
@media (max-width:640px){.era-entry__banner{margin:-0.9rem -1rem 0.8rem}.era-entry__banner img{max-height:160px}}

/* Era hero with integrated background image */
.era-hero--with-bg{padding:2rem 2rem 2.2rem;margin-bottom:2rem;border:1px solid rgba(201,162,39,0.22);border-radius:14px;overflow:hidden;min-height:320px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;box-shadow:0 10px 36px rgba(0,0,0,0.55)}
.era-hero--with-bg::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,13,26,0.12) 0%,rgba(13,13,26,0.55) 55%,rgba(13,13,26,0.94) 100%);z-index:1;color:transparent;display:block;font-size:0;margin:0;letter-spacing:0}
.era-hero--with-bg .era-hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0.85}
.era-hero--with-bg .era-hero__eyebrow,
.era-hero--with-bg .era-hero__title,
.era-hero--with-bg .era-hero__characteristics{position:relative;z-index:2}
.era-hero--with-bg .era-hero__title{color:var(--gold-light);font-size:2.6rem;text-shadow:0 3px 14px rgba(0,0,0,0.85),0 0 28px rgba(201,162,39,0.35)}
.era-hero--with-bg .era-hero__date,
.era-hero--with-bg .era-hero__state{color:#fff3d4;background:rgba(13,13,26,0.6);border-color:rgba(201,162,39,0.6);text-shadow:0 1px 3px rgba(0,0,0,0.7)}
.era-hero--with-bg .era-hero__tag{background:rgba(13,13,26,0.55);border-color:rgba(201,162,39,0.45);color:#fff3d4;text-shadow:0 1px 3px rgba(0,0,0,0.7)}
.era-hero--with-bg .era-hero__characteristics{border-top-color:rgba(201,162,39,0.45)}
@media (max-width:640px){
  .era-hero--with-bg{min-height:240px;padding:1.2rem 1.1rem 1.4rem}
  .era-hero--with-bg .era-hero__title{font-size:1.7rem}
}