@charset "UTF-8";
/* ==========================================================================
   Sunrise skin
   ========================================================================== */
/* Colors */
/* notices */
/* sunrise syntax highlighting (base16) */
.author__urls.social-icons i,
.author__urls.social-icons .svg-inline--fa,
.page__footer-follow .social-icons i,
.page__footer-follow .social-icons .svg-inline--fa {
  color: inherit;
}

/* ==========================================================================
   Variables
   ========================================================================== */
/*
   Typography
   ========================================================================== */
/* paragraph indention */
/* Modern font stack */
/* https://github.com/system-fonts/modern-font-stacks */
/* Sans serif - modern font stack */
/* sans serif typefaces - defined in Minimal Mistakes */
/* Serif - modern font stack */
/* serif typefaces - defined in Minimal Mistakes */
/* Monospace - modern font stack */
/* Handwritten - modern font stack */
/* Defaults used in Minimal mistakes */
/* Emoji native from modern font stack - add to the end of the font-face for native emojis */
/* system typefaces */
/* type scale */
/* headline scale */
/*
   Colors
   ========================================================================== */
/* YIQ color contrast */
/* brands */
/* links */
/* notices */
/* syntax highlighting (base16) */
/*
   Breakpoints
   ========================================================================== */
/*
   Grid
   ========================================================================== */
/*
   Other
   ========================================================================== */
/*
* Make the menu stick at screen top
*/
.masthead {
  position: sticky;
  top: 0;
}
.masthead__inner-wrap {
  padding: 0em 1em;
}

/*
* The Language choice dropdown
*/
/* Reset a little */
details {
  display: inline-block;
}

summary {
  list-style: none; /* hide the default triangle */
  cursor: pointer;
  /*    border: 1px solid $border-color; */
  border-radius: 0.4rem;
  background: #e8d5b7;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  color: #000;
}

summary::-webkit-details-marker {
  display: none;
} /* hide the default marker in WebKit */
/* The dropdown panel */
details[open] ul {
  position: absolute;
  margin-top: 0.25rem;
  min-width: 180px;
  background: #e8d5b7;
  border: 1px solid rgb(185.6, 170.4, 146.4);
  border-radius: 0.4rem;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 0.5rem 0;
  list-style: none;
}

/* Items */
details ul a {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.4rem 1rem;
  color: rgb(233.85, 102.9, 119.1);
  text-decoration: none;
}

details ul a:hover,
details ul a:focus {
  background: #e8d5b7;
}

/* Currently selected header */
.masthead__menu-current {
  text-decoration-line: underline;
  a-color: black;
}

/* Temporary for main index.hml */
.grid {
  display: grid;
  gap: 0.5em;
  grid-template-columns: repeat(auto-fit, minmax(calc(33.333% - 0.5em), 1fr));
}

.fill {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.float-left {
  float: left; /* pushes the image to the right side */
  margin-right: 1rem; /* space between image and text */
  margin-bottom: 0.5rem; /* optional vertical gap */
}

.float-right {
  float: right; /* pushes the image to the right side */
  margin-left: 1rem; /* space between image and text */
  margin-bottom: 0.5rem; /* optional vertical gap */
}

.undecided {
  border: 4px solid #aaf;
}

.under-construction-tall {
  position: fixed; /* keep it visible while scrolling */
  bottom: 0; /* align to the bottom */
  right: 0; /* align to the right */
  margin: 1rem; /* optional spacing from the edges */
  z-index: 19;
}

@media (max-width: 767px) {
  .under-construction-tall {
    position: static; /* removes the fixed positioning */
    margin: 0; /* optional – reset any extra margins */
  }
}
/* each square will grow/shrink to fill the row */
.square-item {
  background: #ddd; /* fallback colour – overridden inline later */
  flex: 1 1 calc(33% - 1rem); /* three per row, minus the gap */
  aspect-ratio: 1/1; /* keep it a perfect square */
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  color: #000;
  text-decoration: none;
}

/* Small‑screen tweak – stack them full‑width */
@media (max-width: 480px) {
  .square-item {
    flex-basis: calc(100% - 1rem); /* one per row */
  }
}
.big1,
.big2,
.big3,
.big4,
.big5,
.big6 {
  margin: 0;
  line-height: 1.1;
  font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;
  font-weight: bold;
  text-justify: inter-word;
}

.big1 {
  font-size: 1.563em;
}

.big2 {
  font-size: 1.25em;
}

/*
Source - https://stackoverflow.com/a/9181207
Posted by manafire, modified by community. See post 'Timeline' for change history
Retrieved 2026-10-02, License - CC BY-SA 3.0
*/
.fulljustify {
  text-align: justify;
  overflow: hidden;
  width: 100%;
}

.fulljustify:after {
  content: "";
  display: inline-block;
  width: 100%;
}

/*# sourceMappingURL=mystyle.css.map */