.hse-performance-page{
      --navy: #102e52;
      --blue: #1769aa;
      --blue-2: #2c86c9;
      --green: #189a67;
      --green-soft: #eaf8f2;
      --amber: #d89a1d;
      --ink: #17212f;
      --muted: #637083;
      --line: #dce5ef;
      --surface: #ffffff;
      --page: #f3f7fb;
      --shadow: 0 18px 45px rgba(16, 46, 82, 0.09);
      --radius: 18px;
    }.hse-performance-page *{ box-sizing: border-box; }.hse-performance-page{
      margin: 0;
      color: var(--ink);
      background:
        radial-gradient(circle at 8% 2%, rgba(44, 134, 201, .12), transparent 26rem),
        var(--page);
      font-family: Inter, "Segoe UI", Arial, sans-serif;
      line-height: 1.5;
    }.hse-performance-page button{ font: inherit; }.hse-performance-page .hse-performance{
      width: min(1180px, calc(100% - 32px));
      margin: 0 auto;
      padding: 64px 0 72px;
    }.hse-performance-page .eyebrow{
      display: inline-flex;
      align-items: center;
      gap: 9px;
      margin-bottom: 14px;
      color: var(--green);
      font-size: .82rem;
      font-weight: 800;
      letter-spacing: .1em;
      text-transform: uppercase;
    }.hse-performance-page .eyebrow::before{
      width: 9px;
      height: 9px;
      border-radius: 999px;
      background: var(--green);
      box-shadow: 0 0 0 6px rgba(24, 154, 103, .12);
      content: "";
    }.hse-performance-page .section-head{
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 32px;
      margin-bottom: 30px;
    }.hse-performance-page .section-head h1{
      max-width: 760px;
      margin: 0;
      color: var(--navy);
      font-size: clamp(2.1rem, 5vw, 4rem);
      line-height: 1.02;
      letter-spacing: -.045em;
    }.hse-performance-page .section-head p{
      max-width: 430px;
      margin: 0 0 5px;
      color: var(--muted);
      font-size: 1rem;
    }.hse-performance-page .summary-grid{
      display: grid;
      grid-template-columns: 1.35fr repeat(3, 1fr);
      gap: 16px;
      margin-bottom: 22px;
    }.hse-performance-page .summary-card{
      position: relative;
      min-height: 210px;
      overflow: hidden;
      padding: 25px;
      border: 1px solid rgba(220, 229, 239, .95);
      border-radius: var(--radius);
      background: var(--surface);
      box-shadow: var(--shadow);
    }.hse-performance-page .summary-card.primary{
      color: white;
      border: 0;
      background: linear-gradient(140deg, var(--navy), var(--blue));
    }.hse-performance-page .summary-card.primary::after{
      position: absolute;
      right: -58px;
      bottom: -88px;
      width: 220px;
      height: 220px;
      border: 35px solid rgba(255, 255, 255, .08);
      border-radius: 50%;
      content: "";
    }.hse-performance-page .card-top{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 12px;
    }.hse-performance-page .card-label{
      color: var(--muted);
      font-size: .78rem;
      font-weight: 800;
      letter-spacing: .075em;
      text-transform: uppercase;
    }.hse-performance-page .primary .card-label{ color: rgba(255, 255, 255, .72); }.hse-performance-page .icon{
      display: grid;
      width: 42px;
      height: 42px;
      place-items: center;
      color: var(--blue);
      border-radius: 12px;
      background: #edf6fd;
    }.hse-performance-page .primary .icon{
      color: white;
      background: rgba(255, 255, 255, .13);
    }.hse-performance-page .icon svg{ width: 22px; height: 22px; }.hse-performance-page .summary-number{
      position: relative;
      z-index: 1;
      margin: 31px 0 4px;
      color: var(--navy);
      font-size: clamp(2.65rem, 5vw, 4.35rem);
      font-weight: 800;
      line-height: .95;
      letter-spacing: -.05em;
    }.hse-performance-page .primary .summary-number{ color: white; }.hse-performance-page .summary-caption{
      position: relative;
      z-index: 1;
      color: var(--muted);
      font-size: .86rem;
    }.hse-performance-page .primary .summary-caption{ color: rgba(255, 255, 255, .72); }.hse-performance-page .zero-state{
      display: inline-flex;
      align-items: center;
      gap: 6px;
      margin-top: 14px;
      padding: 5px 9px;
      color: #147d56;
      border-radius: 999px;
      background: var(--green-soft);
      font-size: .75rem;
      font-weight: 800;
    }.hse-performance-page .zero-state::before{
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background: var(--green);
      content: "";
    }.hse-performance-page .performance-panel{
      padding: 26px;
      border: 1px solid var(--line);
      border-radius: 22px;
      background: var(--surface);
      box-shadow: var(--shadow);
    }.hse-performance-page .panel-head{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
      margin-bottom: 22px;
    }.hse-performance-page .panel-head h2,.hse-performance-page .comparison h2{
      margin: 0;
      color: var(--navy);
      font-size: 1.25rem;
      letter-spacing: -.02em;
    }.hse-performance-page .year-tabs{
      display: flex;
      gap: 7px;
      padding: 5px;
      border-radius: 12px;
      background: #eef3f8;
    }.hse-performance-page .year-tab{
      min-height: 36px;
      padding: 6px 13px;
      color: var(--muted);
      border: 0;
      border-radius: 9px;
      background: transparent;
      font-size: .86rem;
      font-weight: 750;
      cursor: pointer;
    }.hse-performance-page .year-tab:hover{ color: var(--navy); }.hse-performance-page .year-tab[aria-selected="true"]{
      color: white;
      background: var(--blue);
      box-shadow: 0 6px 14px rgba(23, 105, 170, .24);
    }.hse-performance-page .detail-grid{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
    }.hse-performance-page .detail-card{
      min-height: 130px;
      padding: 18px;
      border: 1px solid #e2eaf2;
      border-radius: 15px;
      background: linear-gradient(180deg, #fff, #fbfdff);
    }.hse-performance-page .detail-value{
      margin: 15px 0 2px;
      color: var(--navy);
      font-size: 1.75rem;
      font-weight: 800;
      line-height: 1;
      letter-spacing: -.035em;
    }.hse-performance-page .detail-label{
      color: var(--muted);
      font-size: .8rem;
      font-weight: 700;
    }.hse-performance-page .comparison{
      display: grid;
      grid-template-columns: .8fr 1.2fr;
      gap: 16px;
      margin-top: 22px;
    }.hse-performance-page .chart-card,.hse-performance-page .table-card{
      padding: 25px;
      border: 1px solid var(--line);
      border-radius: 20px;
      background: var(--surface);
      box-shadow: var(--shadow);
    }.hse-performance-page .chart-subtitle{
      margin: 4px 0 26px;
      color: var(--muted);
      font-size: .82rem;
    }.hse-performance-page .bars{
      display: grid;
      min-height: 230px;
      grid-template-columns: repeat(3, 1fr);
      align-items: end;
      gap: 20px;
      padding: 12px 14px 0;
      border-bottom: 1px solid var(--line);
      background: repeating-linear-gradient(to top, transparent 0 54px, #edf2f7 55px);
    }.hse-performance-page .bar-group{
      display: flex;
      height: 100%;
      flex-direction: column;
      justify-content: end;
      align-items: center;
      gap: 9px;
    }.hse-performance-page .bar-value{
      color: var(--navy);
      font-size: .78rem;
      font-weight: 800;
    }.hse-performance-page .bar{
      width: min(62px, 75%);
      min-height: 12px;
      border-radius: 10px 10px 2px 2px;
      background: linear-gradient(180deg, var(--blue-2), var(--blue));
      box-shadow: inset 0 1px rgba(255, 255, 255, .3);
    }.hse-performance-page .bar.ytd{ background: linear-gradient(180deg, #3fbe8a, var(--green)); }.hse-performance-page .bar-year{
      color: var(--muted);
      font-size: .78rem;
      font-weight: 750;
    }.hse-performance-page .table-wrap{ overflow-x: auto; }.hse-performance-page table{
      width: 100%;
      margin-top: 18px;
      border-collapse: collapse;
      font-size: .83rem;
    }.hse-performance-page th,.hse-performance-page td{
      padding: 11px 10px;
      text-align: right;
      border-bottom: 1px solid #e6edf4;
      white-space: nowrap;
    }.hse-performance-page th:first-child,.hse-performance-page td:first-child{ text-align: left; }.hse-performance-page th{ color: var(--muted); font-size: .73rem; text-transform: uppercase; letter-spacing: .05em; }.hse-performance-page td:first-child{ color: var(--ink); font-weight: 700; }.hse-performance-page tbody tr:last-child td{ border-bottom: 0; }.hse-performance-page .ytd-text{ color: var(--green); }.hse-performance-page .source-note{
      display: flex;
      align-items: flex-start;
      gap: 10px;
      margin-top: 16px;
      padding: 13px 15px;
      color: var(--muted);
      border: 1px solid #dce8f3;
      border-radius: 13px;
      background: #f6faff;
      font-size: .78rem;
    }.hse-performance-page .source-note svg{ width: 17px; min-width: 17px; color: var(--blue); }@media (max-width: 960px){.hse-performance-page .section-head{ align-items: flex-start; flex-direction: column; gap: 14px; }.hse-performance-page .summary-grid{ grid-template-columns: repeat(2, 1fr); }.hse-performance-page .detail-grid{ grid-template-columns: repeat(2, 1fr); }.hse-performance-page .comparison{ grid-template-columns: 1fr; }
    }@media (max-width: 600px){.hse-performance-page .hse-performance{ width: min(100% - 20px, 1180px); padding: 38px 0 48px; }.hse-performance-page .summary-grid,.hse-performance-page .detail-grid{ grid-template-columns: 1fr; }.hse-performance-page .summary-card{ min-height: 178px; }.hse-performance-page .performance-panel,.hse-performance-page .chart-card,.hse-performance-page .table-card{ padding: 18px; border-radius: 16px; }.hse-performance-page .panel-head{ align-items: flex-start; flex-direction: column; }.hse-performance-page .year-tabs{ width: 100%; }.hse-performance-page .year-tab{ flex: 1; padding-inline: 7px; }.hse-performance-page .detail-card{ min-height: 112px; }.hse-performance-page th,.hse-performance-page td{ padding: 10px 8px; }
    }@media (prefers-reduced-motion: no-preference){.hse-performance-page .summary-card,.hse-performance-page .detail-card,.hse-performance-page .year-tab{ transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }.hse-performance-page .summary-card:hover{ transform: translateY(-3px); }.hse-performance-page .detail-card:hover{ transform: translateY(-2px); box-shadow: 0 10px 24px rgba(16, 46, 82, .08); }
    }
  
html[dir=rtl] .hse-performance-page th:first-child,html[dir=rtl] .hse-performance-page td:first-child{text-align:right} .hse-performance-page h1{color:#102e52} .hse-performance-page button{color:#102e52} html[lang=ar] .hse-performance-page{font-family:Tahoma,Arial,sans-serif;letter-spacing:0}.hse-performance-page .section-head{display:block}.hse-performance-page .section-head h1{max-width:950px;font-size:clamp(30px,4vw,52px);line-height:1.4;margin-bottom:18px}.hse-performance-page .section-head p{max-width:850px}.hse-performance-page .hse-performance>a{display:block;margin-bottom:14px}.hse-performance-page .eyebrow{letter-spacing:0}.hse-performance-page .chart-card,.hse-performance-page .table-card{min-width:0}.hse-performance-page .year-tabs{flex-wrap:wrap}

.hse-performance-page{scroll-margin-top:130px}.hse-performance-page .hse-performance-title{font-size:clamp(28px,4vw,48px);line-height:1.4;color:#102e52;max-width:950px;margin-bottom:18px;letter-spacing:0}