html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: border-box;
}

:root {
  font-size: 1rem;
  --normalfont: "AdobeNormal";
  --boldfont: "AdobeBold";
  --italicfont: "AdobeItalic";
  --base-size: 1.2rem;
  --scale: 1.25;
  --xl: calc(var(--lg) * var(--scale));
  --lg: calc(var(--h1) * var(--scale));
  --h1: calc(var(--h2) * var(--scale));
  --h2: calc(var(--h3) * var(--scale));
  --h3: calc(var(--h4) * var(--scale));
  --h4: calc(var(--h5) * var(--scale));
  --h5: calc(var(--h6) * var(--scale));
  --h6: var(--base-size);
  --small: calc(var(--base-size) / var(--scale));
}

.normal-text {
  font-family: var(--normalfont), "Times New Roman", Times, serif;
}

.bold-text {
  font-family: var(--boldfont), "Times New Roman", Times, serif;
}

.italic-text {
  font-family: var(--italicfont), "Times New Roman", Times, serif;
}

html,
body {
  /*margin: 0;*/
  /*padding: 0;*/
  /*height: 100%;*/
  /*min-height: 100vh;*/
  /*display: flex;*/
  /*flex-direction: column;*/
  /*overflow-x: hidden;*/
  /*box-sizing: border-box;*/
}

body {
  /*display: flex;*/
  /*min-height: 100%;*/
  /*flex-direction: column;*/
  /*gap: 0;*/
  font-family: var(--normalfont), sans-serif;
}

header {
  margin: 0 auto;
  max-height: 100px;
  line-height: normal;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  border-radius: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 1440px;
  padding: .24rem;
}

header .logo {
  flex: .099;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

header .mdl-layout-title {
  font-size: 18px;
  font-weight: 500;
  color: #424242;
  flex-grow: 1;
}

nav.header-links {
  display: flex;
  align-items: center;
  gap: var(--base-size);
}

nav.header-links a {
  font-size: 1rem;
  font-family: var(--normalfont), sans-serif;
  text-decoration: none;
  color: #424242;
  transition: color 0.3s ease;
  cursor: pointer;
}

nav.header-links a:hover {
  color: blue;
}
/* Ensure the parent container distributes heights correctly */

.content-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  /*background-color: whitesmoke;*/
  border-radius: 8px;
}

footer {
  width: 80%;
  margin: 0 auto;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.69rem;
  color: darkgrey;
  flex-shrink: 0;
}

@font-face {
  font-family: "AdobeBold";
  font-style: normal;
  src: url("/css/fonts/AdobeTextPro-Bold.ttf") format("truetype");
  font-weight: 400 1000;
  font-stretch: 25% 151%;
  font-display: auto;
}

@font-face {
  font-family: "AdobeNormal";
  font-style: normal;
  src: url("/css/fonts/AdobeTextPro-Regular.ttf") format("truetype");
  font-weight: 100 1000;
  font-stretch: 25% 151%;
  font-display: auto;
}

@font-face {
  font-family: "AdobeItalic";
  font-style: oblique;
  src: url("/css/fonts/AdobeTextPro-It.ttf") format("truetype");
  font-weight: 100 1000;
  font-stretch: 25% 151%;
  font-display: auto;
}

:active, :focus, :focus-visible {
  text-decoration: none;
  outline: 0;
  border: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

object, img {
  display: block;
  width: 100%;
  height: auto;
}

.content-container .flex {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media (min-width: 768px) and (max-width: 1023px) {
  .content-container {
    width: 100%;
  }

  .content-container .flex {
    flex-direction: column;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .content-container {
    width: 80%;
  }

  .content-container .flex {
    flex-direction: row;
  }
}

@media (min-width: 1440px) {
  .content-container {
    width: 69%;
  }

  .content-container .flex {
    flex-direction: row;
  }
}

/*rules*/

#results {
  list-style: none;
  padding: 0;
}

#results li {
  margin-bottom: 5px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}

.highlight {
  background-color: yellow;
  font-weight: bold;
}

.truncated {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

.expanded {
  overflow: visible;
  text-overflow: unset;
}

.toggle-body {
  color: blue;
  cursor: pointer;
  font-size: 0.9em;
}

#query-info {
  margin: 12px 0 2px 0;
  border: 1px dotted lightgray;
}

/*rules*/

/* Reset all borders to consistent behavior */
*:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* For border styling consistency */
button, input, textarea {
  border-width: 1px;
  border-style: solid;
  transition: none !important;
}
/* Reset all borders to consistent behavior */
*:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* For border styling consistency */
button, input, textarea, div {
  transition: none !important;
}


.grid-container {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  width: 100%;
  box-sizing: border-box;
  align-items: center;
}

.grid-item {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  padding: 8px;
}

.grid-item img,
.grid-item video {
  border: 1px solid #ccc;
  border-radius: 8px;
  width: 100%;
  height: calc(100% - 60px);
  object-fit: cover;
  border-radius: 8px;
  transition: opacity 0.3s ease-in-out;
}

.grid-item video {
  position: absolute;
  top: 8px; /* Adjust for padding */
  left: 8px; /* Adjust for padding */
  width: calc(100% - 16px); /* Adjust for padding */
  height: calc(100% - 76px); /* Adjust for padding and section height */
  visibility: hidden;
  opacity: 0;
}

.grid-item:hover img {
  opacity: 0;
}

.grid-item:hover video {
  visibility: visible;
  opacity: 1;
}

.grid-item article {
  border: none;
  margin-top: 8px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}

.full-span {
  grid-column: span 6;
  color: #666;
  padding: 8px;
}

article p {
  margin: 2px 0 2px 0;
}

article#bottom-rust {
  border: 1px dotted gray;
  border-radius: 4px;
  background-position: right 0 bottom 0;
  background-repeat: no-repeat;
  background-size: 88px 88px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 64.00 64.00' fill='none' xmlns='http://www.w3.org/2000/svg' stroke='%23bfbfbf' stroke-width='0.00064'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='m47.781 31.608-1.343-.832a18.57 18.57 0 0 0-.038-.391l1.154-1.077a.46.46 0 0 0-.153-.771l-1.476-.552a16.798 16.798 0 0 0-.115-.381l.92-1.279a.462.462 0 0 0-.3-.727l-1.557-.253c-.06-.118-.123-.234-.187-.35l.654-1.435a.46.46 0 0 0-.437-.654l-1.579.055a12.482 12.482 0 0 0-.25-.302l.363-1.539a.461.461 0 0 0-.556-.556l-1.538.362c-.1-.084-.2-.167-.303-.25l.055-1.578a.46.46 0 0 0-.654-.437l-1.435.654a16.712 16.712 0 0 0-.35-.188l-.253-1.556a.462.462 0 0 0-.726-.301l-1.28.92a14.31 14.31 0 0 0-.38-.115l-.552-1.476a.461.461 0 0 0-.771-.154l-1.077 1.156c-.13-.014-.26-.028-.391-.038l-.832-1.344a.462.462 0 0 0-.786 0l-.832 1.344c-.13.01-.261.024-.391.038l-1.077-1.155a.464.464 0 0 0-.771.153l-.552 1.476c-.128.037-.255.076-.38.116l-1.28-.921a.46.46 0 0 0-.727.3l-.254 1.557c-.117.061-.233.124-.35.188l-1.434-.654a.46.46 0 0 0-.654.436l.055 1.58c-.102.082-.203.165-.303.25l-1.538-.363a.464.464 0 0 0-.557.556l.363 1.539c-.085.1-.168.2-.25.302l-1.579-.055a.462.462 0 0 0-.437.654l.654 1.436c-.063.115-.126.231-.187.35l-1.556.252a.462.462 0 0 0-.301.727l.92 1.279c-.04.126-.078.253-.115.38l-1.476.553a.462.462 0 0 0-.153.771l1.155 1.077c-.015.13-.028.26-.039.391l-1.343.832a.462.462 0 0 0 0 .786l1.343.831c.011.131.024.262.039.392l-1.155 1.077a.462.462 0 0 0 .153.771l1.476.552c.037.128.076.255.116.38l-.921 1.28a.462.462 0 0 0 .301.726l1.556.253c.061.118.123.235.188.35l-.655 1.435a.462.462 0 0 0 .437.654l1.579-.055c.082.103.165.203.25.303l-.363 1.539a.46.46 0 0 0 .557.555l1.538-.362c.1.085.201.167.303.249l-.055 1.58a.461.461 0 0 0 .654.436l1.435-.654c.115.064.232.127.35.188l.253 1.555a.461.461 0 0 0 .727.302l1.279-.922c.126.04.253.08.38.116l.552 1.476a.46.46 0 0 0 .771.153l1.078-1.155c.13.015.26.028.391.04l.832 1.343a.463.463 0 0 0 .786 0l.831-1.344c.131-.011.262-.024.392-.039l1.077 1.155a.46.46 0 0 0 .77-.153l.553-1.476c.127-.036.254-.076.38-.116l1.28.922a.463.463 0 0 0 .726-.302l.254-1.556c.117-.06.233-.124.349-.187l1.435.654a.461.461 0 0 0 .654-.437l-.055-1.58c.102-.08.203-.163.303-.248l1.538.362a.46.46 0 0 0 .556-.555l-.362-1.539c.084-.1.167-.2.249-.303l1.58.055a.46.46 0 0 0 .436-.654l-.654-1.435c.064-.115.126-.232.187-.35l1.556-.253a.46.46 0 0 0 .301-.726l-.92-1.28a17.5 17.5 0 0 0 .115-.38l1.476-.552a.46.46 0 0 0 .153-.771l-1.155-1.077c.014-.13.027-.261.039-.392l1.343-.831a.462.462 0 0 0 0-.786zM38.79 42.752a.952.952 0 0 1 .399-1.861.952.952 0 0 1-.4 1.861zm-.457-3.087a.866.866 0 0 0-1.028.666l-.477 2.226A11.649 11.649 0 0 1 32 43.597c-1.76 0-3.43-.39-4.929-1.087l-.477-2.225a.866.866 0 0 0-1.028-.667l-1.965.422a11.68 11.68 0 0 1-1.016-1.197h9.561c.108 0 .18-.02.18-.118v-3.382c0-.099-.072-.118-.18-.118H29.35V33.08h3.024c.276 0 1.476.079 1.86 1.613.12.471.384 2.006.564 2.497.18.551.912 1.652 1.692 1.652h4.764a.977.977 0 0 0 .173-.017c-.33.449-.693.874-1.083 1.27l-2.01-.431zm-13.223 3.04a.952.952 0 0 1-.399-1.861.95.95 0 0 1 .398 1.862zm-3.627-14.707a.95.95 0 1 1-1.737.771.95.95 0 1 1 1.737-.771zm-1.115 2.643 2.047-.91a.868.868 0 0 0 .44-1.145l-.421-.953h1.658v7.474h-3.345a11.714 11.714 0 0 1-.38-4.466zm8.983-.726v-2.203h3.948c.204 0 1.44.236 1.44 1.16 0 .767-.948 1.043-1.728 1.043h-3.66zM43.7 31.898c0 .292-.011.581-.033.868h-1.2c-.12 0-.168.08-.168.197v.551c0 1.298-.732 1.58-1.373 1.652-.61.068-1.288-.256-1.371-.63-.36-2.025-.96-2.458-1.908-3.206 1.176-.746 2.4-1.848 2.4-3.323 0-1.593-1.092-2.596-1.836-3.088-1.044-.688-2.2-.826-2.512-.826H23.285a11.684 11.684 0 0 1 6.545-3.694l1.463 1.535c.331.346.88.36 1.225.028l1.638-1.566a11.71 11.71 0 0 1 8.009 5.704l-1.121 2.532a.869.869 0 0 0 .44 1.145l2.159.958c.037.383.056.77.056 1.163zM31.294 19.093a.95.95 0 0 1 1.344.031.952.952 0 0 1-.032 1.346.949.949 0 0 1-1.343-.032.953.953 0 0 1 .031-1.345zm11.123 8.951a.95.95 0 1 1 1.737.772.95.95 0 1 1-1.737-.772z' fill='%23c1c1c1'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
}