:root {
    --btc-orange: #f7931a;
    --black: #0d0d0d;
  }
  * { 
	box-sizing: border-box; 
	margin: 0; 
	padding: 0; 
  }
  a {
   color: var(--black);
  }

  a:hover {
	  text-decoration:none;
  }
  
  div.node-list ul.vertical-list li ul {
	  display:flex;
  }
  
  div.node-list ul.vertical-list li ul li:first-child {
		flex: 0 0 10.5em;   /* fixed width, won't grow or shrink */
	} 
  
  div.node-list ul.vertical-list li ul li:nth-child(2) {
	flex: 1 1 auto;  /* takes all remaining width */
	}
  
  ul.horizontal-list, ul.vertical-list {
	  margin:0;
	  padding:0;
  }
  
  ul.horizontal-list li, ul.vertical-list li {
	  list-style-type:none;
	  display:inline-block;
	  vertical-align:top;
  }
  
  ul.vertical-list li {
	  display:block;
	  width:100%!important;
  }
  
  ul.vertical-list li ul {
	  width:100%;
  }
  
  ul.vertical-list li ul li {
	  display:inline-block;
  } 

  ul.standard-ul li {
	  margin-left:2em;
  }

  body {
    background: var(--btc-orange);
    color: var(--black);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    line-height: 1.5;
  }
  header {
    padding: 6rem 1.5rem 4rem;
    max-width: 780px;
    margin: 0 auto;
    text-align: center;
	padding-top:1em;
	padding-bottom:1em;
  }
  header h1, header p.page-title {
    font-size: clamp(2.5rem, 6vw, 4.5rem);
    font-weight: 900;
    letter-spacing: -0.02em;
    margin-bottom: 1rem;
  }
  header p.tagline {
    font-size: 1.25rem;
    font-weight: 600;
    opacity: 0.85;
  }
  section {
    max-width: 780px;
    margin: 0 auto;
    padding: 2.5rem 1.5rem;
    border-top: 2px solid rgba(13,13,13,0.15);
  }
  section h2, section h1 {
    font-size: 1.6rem;
    font-weight: 800;
    margin-bottom: 1rem;
  }
  section p {
    font-size: 1.05rem;
    margin-bottom: 1rem;
  }
  ul.actions {
    list-style: none;
    display: grid;
    gap: 0.75rem;
    margin-top: 1rem;
  }
  ul.actions li {
    background: var(--black);
    color: var(--btc-orange);
    padding: 1rem 1.25rem;
    border-radius: 4px;
    font-weight: 700;
  }
  ul.actions li a {
    color: inherit;
    text-decoration: none;
  }
  ul.actions li a:hover {
    text-decoration: underline;
  }

ul.actions li.about {
	background-color:var(--btc-orange);
}

ul.actions li.about p.about {
	color: var(--black);
}

ul.actions li.about p.about a {
	text-decoration:underline;
}

ul.actions li.about p.aboutx a:hover {
	text-decoration:none;
	font-weight:bold;
}
  .cta {
    display: inline-block;
    background: var(--black);
    color: var(--btc-orange);
    font-weight: 800;
    padding: 0.9rem 2rem;
    border-radius: 4px;
    text-decoration: none;
    margin-top: 0.5rem;
  }
  .cta:hover { opacity: 0.85; }
  footer {
    text-align: center;
    padding: 3rem 1.5rem 4rem;
    font-size: 0.9rem;
    opacity: 0.7;
  }
  .content {
	  margin-left:auto;
	  margin-right:auto;
 }
  .note, .notice {
	  color:blue;
  }
  .error {
	  color:red;
  }

 header img.logo {
  height: 5rem;
  position: static;
  margin: 0 auto 1.5rem;
  display: block;
}

nav.main-menu ul {
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  max-width: 780px;
  margin: 0 auto 2rem;
  padding: 0 1.5rem;
}
nav.main-menu li {
  background: var(--black);
  border-radius: 4px;
}
nav.main-menu a {
  display: block;
  color: var(--btc-orange);
  text-decoration: none;
  font-weight: 700;
  padding: 0.6rem 1.1rem;
}
nav.main-menu a:hover { opacity: 0.85; }
/*
nav.main-menu li.active {
  background: var(--btc-orange);
}
nav.main-menu li.active a {
  color: var(--black);
}
*/

nav.main-menu li.active {
  background: var(--black);
  border: 2px solid var(--black);
  box-shadow: inset 0 0 0 2px #f7931a;
}
nav.main-menu li.active a {
  color: #f7931a;
}

footer nav.footer-menu ul {
  list-style: none !important;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}
footer nav.footer-menu li {
  display: block;
  border-radius: 4px;
}
footer nav.footer-menu a {
  display: block;
  padding: 0.4rem 0.8rem;
  color: var(--black);
  text-decoration: none;
  font-weight: 600;
  opacity: 0.85;
}
footer nav.footer-menu li.active {
  background: var(--black);
  box-shadow: inset 0 0 0 2px #f7931a;
}
footer nav.footer-menu li.active a {
  color: #f7931a;
  opacity: 1;
}
footer nav.footer-menu a:hover {
  opacity: 1;
  text-decoration: underline;
}

h2.project-title {
  margin: 0;
  margin-bottom:0.25em;
}

h2.project-title img.project-logo {
  display: inline-block;
  vertical-align: middle;
  height: 1.2em;
  margin-right: 0.5rem;
  margin-top:-0.4em;
}

span.btcd-text {
	font-weight:normal;
	font-size:0.5em;
}

ul.contact-content {
  display: table;
  width: 100%;
}
ul.contact-content li {
  display: table-row;
}
ul.contact-content li ul {
  display: table;
  width: 100%;
}
ul.contact-content li ul li {
  display: table-cell;
}
ul.contact-content li ul li:first-child {
  width: 10.5em;
}
ul.contact-content li ul li:nth-child(2) {
  width: auto;
}

ul.contact-content h2 {
	font-size:1.2rem;
}

.bitcoin-commons-title img {
	height:2.8rem;
}

.bitcoin-important video {
	width:80%;
	height:auto;
}