h1 { color:#00CCC5; text-shadow:1px 1px 0px #999; }
body { margin-top:65px; }

.footer-pill {
  border-radius: 15px;
  background: #f4f4f4;
  padding: 15px;
}

.footer-pill a {
  display:inline-block; padding:4px 12px; text-decoration:none;
}

.dim { color:#ccc; }
.actionable { cursor:pointer; }
.font8 { font-size:8pt; }
.font9 { font-size:9pt; }

/* Main Layout */
.app-container {
  display: flex;
  width: 100vw; /* Ensures the container spans the entire viewport width */
  min-height: 100vh; /* Optional: Makes the container fill the entire viewport height */
}
.fixed-width {
  width: 80px; border-right:1px solid #ddd; text-align:center; font-size:0.8em;
}
.flexible-width {
  flex: 1; /* Flexible width for the second div */
  padding:15px;
}
.fixed-width ul { list-style:none; margin:0; padding:0; }
.fixed-width ul li { padding:10px 0; }
.fixed-width ul li a { text-decoration:none; color:#008682; }
.fixed-width ul li a i { font-size:2em; padding:10px; border:1px solid #fff; border-radius:10px; }
.fixed-width ul li a:hover i { border:1px solid #ccc; }
.fixed-width ul li .children-list { display:none; text-align:left; border:1px solid #ccc; border-radius:10px; font-size:1.25em; padding:10px; background:#fff; position:absolute; left:80px; margin-top:-70px; margin-left:-10px; z-index:199; }
.fixed-width ul li:hover .children-list { display:block; }
ul.children-list li { padding:0; }
ul.children-list li a { padding:5px 25px; display:block; }
ul.children-list li:hover a { background:#eee; border-radius:5px; }

@media print {
  /* Remove fixed positioning for printing */
  .navbar,
  .navbar-fixed-top,
  .fixed-top {
    position: static !important;
    top: 0;
  }

  /* Optional: remove box shadows or background to save ink */
  .navbar {
    box-shadow: none !important;
    background-color: transparent !important;
  }

  /* Adjust body or main content margin if needed */
  body {
    margin:0;
    padding-top: 0 !important;
  }

  /* Hide unnecessary navigation items like search or buttons if desired */
  .navbar .btn,
  .navbar .form-control,
  .navbar .dropdown,
  .navbar .nav-item {
    display: none !important;
  }
}

/* WEB GRADIENTS */

.wg-0 { background: linear-gradient(to top, #fbc2eb 0%, #a6c1ee 100%); }
.wg-1 { background: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); }
.wg-2 { background: linear-gradient(to right, #43e97b 0%, #38f9d7 100%); }
.wg-3 { background: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); }
.wg-4 { background: linear-gradient(to top, #5ee7df 0%, #b490ca 100%); }
.wg-5 { background: linear-gradient(to top, #d299c2 0%, #fef9d7 100%); }
.wg-6 { background: linear-gradient(to top, #37ecba 0%, #72afd3 100%); }
.wg-7 { background: linear-gradient(to top, #ebbba7 0%, #cfc7f8 100%); }
.wg-8 { background: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%); }
.wg-9 { background: linear-gradient(to top, #accbee 0%, #e7f0fd 100%); }
.wg-10 { background: linear-gradient(to right, #74ebd5 0%, #9face6 100%); }
.wg-11 { background: linear-gradient(to top, #a3bded 0%, #6991c7 100%); }
.wg-12 { background: linear-gradient(to top, #a7a6cb 0%, #8989ba 52%, #8989ba 100%); }
.wg-13 { background: linear-gradient(to top, #d9afd9 0%, #97d9e1 100%); }
.wg-14 { background: linear-gradient(to right, #f83600 0%, #f9d423 100%); }

.org-item { padding:10px; border:0px solid #ccc; border-radius:10px; width:100%; max-width:360px; height:220px; 
  float:left; display:flex; justify-content:center; align-items:center;
  font-size:2.2em; font-weight:bold; color:#fff; text-shadow:#000 3px 3px 6px;
}

.a-section { border-radius:10px; padding:15px; border:1px solid #ccc; margin:10px 0; }
.a-section .header { font-size:1.33em; background:linear-gradient(#eee,#eee 50%,#ddd 50%); color:#000; padding:10px; margin:-10px -10px; border-radius:5px; cursor:pointer; }
.a-section .content { margin-top:15px; }

ul.children-list li.separator { border-bottom:1px solid #eee; }

pre.astro-code { padding:10px; }

span.code-param { background:#bee; padding:2px 5px; border-radius:5px; font-family:monospace; font-size:0.9em; display:inline-block; }