/* nothing yet */
.huhn {
    display: none;
}

	.navitable table {
		border: none;
	}

  pre {
    margin: 0;
    padding: 1rem;
    overflow-x: auto;
    font-size: 0.875rem;
    line-height: 1.6;
    /* background-color: transparent; */
    border: none;
	 /* color: var(--highlighter-rouge-color, #e8eaed); */
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;

    code {
      background-color: transparent;
      /* color: inherit; */
      border: none;
      padding: 0;
      font-family: 'Menlo', 'Monaco', 'Courier New', monospace;
    }
  }

  .postmeta table,th,td,tr{
	background-color: #d1d1;
	border: 1px solid #d1d1d1;

  }
	.postmeta tr:nth-child(odd) tr:nth-child(even) {
	background-color: #d1d1;
}
 .postmeta-gr{
  width: 97%;
  /* margin: 5px; */
  /* align: center; */
  margin-inline: auto;
  display: none;
 }
 .postmeta-gr table,th,td,tr{
  /* width: 90%;
  margin: 4%; */
	background-color: #d1d1;
	border: 1px solid #d1d1d1;

  }
	.postmeta-gr td:nth-child(odd) {
	background-color: #d1d4;
  /* background-color: transparent; */
}

  .postmeta th {
	border-bottom: 1px solid black;
  }

  .postmeta {
	width: 100%;
	font-family: 'Courier New', Courier, monospace;
  }

.justify-content-b {
justify-content: space-between !important;
}
.d-fl {
display: flex !important;
}
/* .post-navigation {

    &::before {
      color: var(--text-muted-color);
      font-size: 0.65rem;
      text-transform: uppercase;
      content: attr(aria-label);
    }

    &:first-child {
      border-radius: v.$radius-lg 0 0 v.$radius-lg;
      left: 0.5px;
    }

    &:last-child {
      border-radius: 0 v.$radius-lg v.$radius-lg 0;
      right: 0.5px;
    }
  } */

  .post-navigation {
  
  .btn {

	/* height: 30px;	 */
	
  
    &:not(:hover) {
      color: var(--link-color);
      /* color: red; */
    }

    &:hover {
      &:not(.disabled)::before {
        /* color: black; */
      }
    }

    &.disabled {
  
      pointer-events: auto;
      cursor: not-allowed;
      background: none;
      color: gray;
    }

    &.btn-outline-primary.disabled:focus {
      box-shadow: none;
    }

    &::before {
      color: var(--text-muted-color);
      font-size: 0.65rem;
      text-transform: uppercase;
      content: attr(aria-label);
      display: block;
      background-color:#334D5C;
      color: white;
      padding: 3px;
      /* width:20%; */

    border-radius: 3px;
	  
    }

    &:first-child {
	  /* border:rgba(0, 0, 10, 0.5); */
      border-radius:  0 1 0;
      left: 0.5px;
	  width: 40%;
        /* hover: black; */
    /* content: attr(title); */


    }
    &:nth-child(even) {
	/* padding: 5; */
  height: 50px;
  color: white;
  /* hover: rgba(0 0 0 0.2); */
    }

    &:last-child {
      border-radius: 0 1 0;
      right: 0.5px;
	  text-align: right;
	  width: 40%;
    /* content: attr(title); */

    }
  }
    &:nth-child(odd) {

  p {
    font-size: 1.1rem;
    line-height: 1.5rem;
    margin-top: 0.3rem;
    white-space: normal;
        hover: black;

    display: block;
  }

  a {
  }

} /* .post-navigation */

/* meta on side */
/* Mobile: show top, hide sidebar */
.postmeta--sidebar { display: none; }

/* Desktop: hide top, show sidebar */
@media (min-width: 768px) {
  .postmeta--top { display: none; }
  /* .postmeta--sidebar { display: block;  */
  width: 100%;}
}

/* Mobile: postmeta on top */
.page-layout {
  display: block;
}

.postmeta {
  margin-bottom: 1.5rem;
  /* width: 100%; */
  margin: 0 0 0;
  padding: 0 0 0 0;
}
.showmeta {
  display: block;
}
/* Desktop: postmeta as sidebar */
@media (min-width: 768px) {
  .page-layout {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
  }

  .postmeta {
    flex: 0 0 250px; /* sidebar width */
    order: 1;
     margin: 0 0 0;
  padding: 0 0 0 0;
  }

  .page-content {
    flex: 1 1 auto;
    order: 2;
  }
}

button .red {
  color: red;
}
#metacatbtn {
  margin: 0 0 0;
  color: red;
}

.grid-table {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: 12px;
}

.cell {
  border: 1px solid #ccc;
  display: grid;
  grid-template-rows: auto 1fr;
}

.cell-head {
  background: #f3f3f3;
  font-weight: bold;
  padding: 6px 8px;
  border-bottom: 1px solid #ccc;
}

.cell-body {
  padding: 8px;
}



/* meta table grid */
.grid-table_dep {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  width: 100%;
  gap: 1px; /* optional: small gap between cells */
  border-collapse: collapse; /* if you want table-like borders */
}

.grid-header,
.grid-body {
  display: contents; /* so that direct children become grid items */
}

.grid-header > div,
.grid-body > div {
  /* Style like table cells */
  padding: 0.5em;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  text-align: left;
}

.grid-header > div {
  background-color: #e0e0e0;
  font-weight: bold;
}

.reset-container * {
  all: unset;
}
.grid-table {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  /* grid-template-rows: repeat(auto-fit, minmax(120px, 1fr)); */
  width: 100%;
  gap: 1px;
}

/* Ensure header and body cells align */
.grid-header,
.grid-body {
  display: contents;
}