:root {
      --bg:#0e0f12;
      --panel:#14161b;
      --ink:#e8e6df;
      --muted:#b3b0a7;
      --accent:#caa76a;
      --accent-2:#914f1e;
      --line:#272a31;
    }
    body {
      margin:0;
      min-height:100vh;
      background:radial-gradient(1200px 600px at 70% -10%, #1b1e24 0%, var(--bg) 55%);
      color:var(--ink);
      font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
    }
	.text-white {
  
		color:#fff !important;
	}
    a {color:var(--accent);text-decoration:none}
    a:hover{opacity:.9}
    .card-custom {
      background:linear-gradient(135deg, rgba(202,167,106,.06), rgba(145,79,30,.05));
      border:1px solid var(--line);
      border-radius:20px;
      position:relative;
      overflow:hidden;
    }
    .badge-custom {
      border:1px solid var(--accent);
      color:var(--accent);
      border-radius:50rem;
      letter-spacing:.06em;
      font-size:.75rem;
      text-transform:uppercase;
      background:transparent;
    }
    .motif {
      position:absolute;
      right:-60px;
      bottom:-60px;
      width:min(52vw,520px);
      opacity:.12;
      filter:blur(1px);
    }
    .form-control {
    
      border:1px solid var(--line);
      color:var(--ink);
    }
    .form-control:focus {
      border-color:var(--accent);
      box-shadow:none;
    }
    .btn-accent {
      background:linear-gradient(180deg, var(--accent), #b79055);
      color:#0e0f12;
      font-weight:700;
      border:none;
    }
    .btn-accent:hover {filter:brightness(1.05)}
    .feature-card {
      border:1px solid var(--line);
      background:var(--panel);
      border-radius:14px;
      padding:1rem;
      height:100%;
    }
    .feature-card h3 {
      font-size:1rem;
      margin-bottom:.5rem;
      color:var(--accent);
    }
    .trust-pill {
      border:1px solid var(--line);
      padding:8px 12px;
      border-radius:50rem;
      font-size:.9rem;
      color:var(--muted);
    }
    footer {
      border-top:1px solid var(--line);
      padding:1rem 0;
      color:var(--muted);
    }
	  #sidebar {
      width: 350px;
      background-color: #f8f9fa;
      border-right: 1px solid #ddd;
      padding: 1rem;
      overflow-y: auto;
      height: 92vh; /* fixed height */
      position: fixed; /* fix sidebar */
	  color: #000;
	  font-size:14px;
    }

    #sidebar ul {
      list-style: none;
      padding-left: 0;
    }

    #sidebar li {
      padding: 0.25rem 0.5rem;
      cursor: pointer;
    }

    #sidebar li:hover {
      background-color: #e9ecef;
    }

    #sidebar .nested {
      padding-left: 1rem;
     
    }

    #sidebar .active {
      display: block;
    }

    .tree-toggle::before {
      content: "\25B6"; /* triangle */
      display: inline-block;
      margin-right: 0.5rem;
      transform: rotate(0deg);
      transition: transform 0.2s;
    }

    .tree-toggle.expanded::before, .active-issue::before{
      transform: rotate(90deg);
    }
	.tree-toggle { cursor: pointer; }
.nested { display: none; }





    .content-area {
      margin-left: 350px; /* leave space for fixed sidebar */
      padding: 2rem;
      flex-grow: 1;
	  background: #fff;
		color: #000;
		min-height:85vh;
    }

	.nested.show { 
	display: block; !important;
	}
	.active-coin > a { font-weight: bold; color: darkred; }
	.active-issue { font-weight: bold; }
	.tree-toggle { cursor: pointer; }
	a.inner-link{
		z-index:999 !Important;
	}
	a.inner-link:hover{
		text-decoration:underline;
	}
	#sidebar ul > li >ul> li >ul >li >ul>li{
		list-style-type:disc !important;
		font-weight: 400 !important;
		text-decoration:underline !important;
	}
	#sidebar ul > li.banknote >ul> li >ul >li {
		list-style-type:disc !important;
		font-weight: 400 !important;
		text-decoration:underline !important;
		

	}
	#sidebar ul > li.banknote >ul> li >ul >li >a,#sidebar ul > li >ul> li >ul >li >ul>li >a{
	color:#darkred !important;
	}