:root{
      --accent:#CCC;
      --muted:#E0E0E0;
      --bg:#ffffff;
      --card:#000;
      --glass: rgba(255,255,255,0.04);
      font-family: Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
    }
    *{box-sizing:border-box}
    html,body{height:100%}
    body{
      margin:0; background:linear-gradient(180deg,var(--bg),#ffffff 140%); color:#f7f7f7; -webkit-font-smoothing:antialiased;
    }

    .container{max-width:1100px;margin:0px auto;padding:20px}

    header{display:flex;align-items:center;gap:18px}

/* Anchor Tags */
    a {color: #d20006;}
    a:link {color: #d20006;}
    a:visited {color: #d20006;}
    a:hover {color: #d20006;}
    a:active {color: #d20006;}

.avatar {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size:cover;
    /*border-radius: 50%;*/ /* removed for video cover photo */
    display: inline-block;
    outline: none;
    overflow: hidden;
    position: relative;
    /* border: 2px solid #fff; */
    /* box-shadow: 0 3px 6px #888; */
}

        .avatar img {
            display: block;
            max-height: 100%;
            max-width: 100%;
            opacity: 1;
    }        


.pdf {
    font-size: 90%;
}
    .title{display:flex;flex-direction:column}

    h1{margin:0;font-size:24px}

    .sub{color:var(--muted);font-size:14px}

    .grid{display:grid;grid-template-columns:1fr 360px;gap:20px;margin-top:0px}

    .card{
        background:var(--card);padding:16px;border-radius:12px;box-shadow:0 6px 18px rgba(2,6,23,0.6);
}

    /* Video area */
    .video-wrap{position:relative;border-radius:10px;}
    .video-wrap iframe, .video-wrap video{/*position:absolute;*/border:0}

    /* Key info */
    .info{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
    .chip{background:rgba(255,255,255,0.03);padding:8px 10px;border-radius:10px;font-size:13px;color:var(--muted)}

    /* Highlights list */
    .highlights{display:flex;flex-direction:column;gap:12px;margin-top:12px}
    .clip{display:flex;gap:12px;align-items:center}
    .thumb{width:120px;height:68px;background:#071428;border-radius:8px;flex-shrink:0;display:grid;place-items:center;color:var(--muted);font-size:13px}
    .clip .meta{font-size:13px}
    .meta .title{font-weight:600}

    /* Stats */
    .stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}
    .stat{background:linear-gradient(180deg,rgba(210,0,6,1.08),rgba(153,0,0,1.08));padding:12px;border-radius:8px}
    .stat .num{font-size:18px;font-weight:700}
    .stat .label{font-size:12px;color:var(--muted)}

    /* Contact */
    .contact{display:flex;flex-direction:column;gap:8px}
    a.button{display:inline-block;padding:10px 14px;border-radius:10px;background:var(--accent);color:#021126;text-decoration:none;font-weight:700;text-align:center}

    footer{margin-top:22px;color:var(--muted);font-size:13px;text-align:center}

div.tablecontainer {
  overflow-x: auto;
}

table {
   border: 1px solid #ddd;
   border-radius: 10px;
   width: 100%;
   padding: 2px;
}

tr {
    text-align: left;
    text-align: center !important;
}

td a{
    font-weight: bold;
}

li a{
    font-weight: bold;
}

tr:nth-child(odd) {background-color: rgba(42,42,42,0.8);/*#2A2A2A*/}


    /* Responsive */
    @media (max-width:900px){
        .grid{grid-template-columns:1fr;}

        header{
            display:block;
            margin-left: 5%;
        }
        .avatar img {
            display: block;
            max-height: 100%;
            max-width: 100%;
            opacity: 1;
    }        
    .video-wrap iframe, .video-wrap video{width:100%; height: 100%; border:0}        
    }