:root{
      --bg1:#f0f4f8; --bg2:#d9e2ec; --card:#ffffff;
      --accent:#2563eb; --accent-dark:#1e40af; --muted:#6b7280; --text:#1f2937;
    }
    html,body{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;}
    body{
      background:linear-gradient(135deg,var(--bg1),var(--bg2));
      color:var(--text); -webkit-font-smoothing:antialiased;
    }
    header{background:var(--text); color:#fff; padding:1.25rem; text-align:center; font-weight:600; letter-spacing:0.6px; font-size:1.25rem;}
    .container{max-width:980px;margin:2rem auto;padding:0 1rem;}
    .accordion{background:var(--card);border-radius:12px;box-shadow:0 6px 18px rgba(15,23,42,0.08);overflow:hidden;margin-bottom:1rem;}
    .accordion-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0.9rem 1rem;cursor:pointer;background:var(--accent);color:#fff;font-weight:600;}
    .accordion-header:hover{background:var(--accent-dark);}
    .accordion-title{font-size:1rem;}
    .accordion-content{max-height:0;overflow:hidden;transition:max-height 320ms ease,padding 320ms ease;padding:0 1rem;}
    .accordion-content.open{padding:1rem;}
    .company-dates{color:var(--muted);font-size:0.88rem;margin-bottom:0.6rem;}
    .doc-links{display:flex;flex-wrap:wrap;gap:0.5rem;}
    .doc-links a{
      display:inline-block;text-decoration:none;background:var(--accent);color:#fff;padding:0.28rem 0.7rem;border-radius:6px;
      font-family:Calibri, "Segoe UI", Roboto, Arial, sans-serif;font-size:9pt;
    }
    .doc-links a:hover{background:var(--accent-dark);}
    .arrow{transition:transform 300ms ease;display:inline-block;}
    .arrow.rotate{transform:rotate(90deg);}
    footer{text-align:center;padding:1rem;color:var(--muted);font-size:0.85rem;margin-top:1rem;}
    @media (max-width:520px){ .accordion-header{padding:0.75rem;} .accordion-title{font-size:0.95rem;} }
    .overlay {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.modal {
  background: #fff;
  padding: 20px;
  border-radius: 8px;
  text-align: center;
  width: 300px;
}