:root{
      --marker-size: 26px;
      --marker-bg: #ffd400;
      --marker-text: #111;
      --marker-border: rgba(0,0,0,.55);
      --found-bg: #2ecc71;
      --found-text: #0b2b14;

      --bg: #0b0c10;
      --card: rgba(255,255,255,.06);
      --border: rgba(255,255,255,.12);
      --text: #e9eef7;
      --muted: #aab3c2;
    }

    body{
      margin:0;
      font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      background: var(--bg);
      color: var(--text);
    }

html{
  scroll-behavior: smooth;
}

    .wrap{
      max-width: 1100px;
      margin: 0 auto;
      padding: 18px 14px 26px;
    }

    .topbar{
      display:flex;
      flex-wrap:wrap;
      align-items:center;
      gap:10px;
      padding: 12px 12px;
      border: 1px solid var(--border);
      background: var(--card);
      border-radius: 14px;
      margin-bottom: 14px;
    }

    .title{
      display:flex;
      flex-direction:column;
      gap:2px;
    }
    .title h1{
      font-size: 22px;
      margin:0;
      line-height:1.2;
    }
    .title .sub{
      font-size: 12px;
      color: var(--muted);
      line-height: 1.35;
    }

    .spacer{ flex:1; }

    .btn{
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.08);
      color: #fff;
      padding: 8px 10px;
      border-radius: 10px;
      cursor:pointer;
      font-size: 13px;
      white-space:nowrap;
    }
    .btn:hover{ background: rgba(255,255,255,.12); }

    .pill{
      font-size: 12px;
      border: 1px solid rgba(255,255,255,.18);
      background: rgba(255,255,255,.08);
      padding: 7px 10px;
      border-radius: 999px;
      white-space:nowrap;
    }

    .map-wrap{
      display:flex;
      justify-content:center;
      align-items:flex-start;
    }
    .map{
      position: relative;
      width: min(900px, 100%);
      user-select:none;
    }
    .map img{
      width:100%;
      height:auto;
      display:block;
      border-radius: 14px;
      box-shadow: 0 10px 30px rgba(0,0,0,.35);
      -webkit-user-drag:none;
    }

    .marker{
      position:absolute;
      width: var(--marker-size);
      height: var(--marker-size);
      transform: translate(-50%, -50%);
      border-radius: 999px;
      background: var(--marker-bg);
      color: var(--marker-text);
      border: 1px solid var(--marker-border);
      display:flex;
      align-items:center;
      justify-content:center;
      font-weight: 800;
      font-size: 12px;
      cursor:pointer;
      box-shadow: 0 6px 16px rgba(0,0,0,.35);
      user-select:none;
    }
    .marker:hover{ transform: translate(-50%, -50%) scale(1.06); }
    .marker.found{
      background: var(--found-bg);
  color: var(--found-text);
  opacity: .92;
    }


    /* Optional collapsible list (hidden by default) */
    .drawer{
      margin-top: 12px;
      border: 1px solid var(--border);
      background: var(--card);
      border-radius: 14px;
      overflow:hidden;
      display:none;
    }
    .drawer.open{ display:block; }

    .drawer-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding: 10px 12px;
      border-bottom: 1px solid rgba(255,255,255,.10);
      font-size: 13px;
    }
    .drawer-body{
      max-height: 280px;
      overflow:auto;
      padding: 10px 12px 12px;
    }
    .list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
    .item{
      display:flex; align-items:center; gap:10px;
      padding: 10px 10px;
      border-radius: 12px;
      border: 1px solid rgba(255,255,255,.08);
      background: rgba(255,255,255,.04);
      cursor:pointer;
    }
    .item input{ width: 18px; height:18px; accent-color: var(--found-bg); cursor:pointer; }
    .item .label{ font-size:13px; color: var(--text); }
    .item.found{ border-color: rgba(46,204,113,.35); background: rgba(46,204,113,.12); }

    @media (max-width: 520px){
      :root{ --marker-size: 24px; }
      .title .sub{ display:none; }
    }




.pl-45 {
	padding-left: 45px;
}

a.bluelink{
  color: #FFD400;          /* cornflower blue */
  text-decoration: none;
  font-weight: 500;
}

a.bluelink:hover{
  color: #4a79d8;
  text-decoration: underline;
}

a.bluelink:visited{
  color: #5b7fcf;
}

a.bluelink:focus,
a.bluelink:active{
  color: #3f6fc4;
  outline: none;
}

.custom-list li{
  font-size: 14px;
  color: #aab3c2;
  list-style: disc;
  margin-left: 18px;
}
.custom-list li a{
  color:#34C46E;
  text-decoration:none;
}

.custom-list li a:hover{
  text-decoration:underline;
}

.jump-link{
  color:#3f6fc4;
  font-size:12px;
  text-decoration:none;
}

.jump-link:hover{
  text-decoration:underline;
}

#intel-videos{
  scroll-margin-top: 80px; /* adjust to header height */
}

hr{
  border: none;
  border-top: 1px dashed #efefef;
}