/*---------------------*/
/*----- MECHANICS -----*/
/*---------------------*/

/* misc */

details > summary {
  list-style-type: '⮚';
}

details[open] > summary {
  list-style-type: '⮛';
}

/* from outer-stylesheet.css */










/*---------------------------*/
/* from outer-stylesheet.css */

.navig {
  display: none;
}
.upyougo .navig {
  display: contents;
}
.backtotop {
  display: none;
}
.longscroll .backtotop {
  display: flex;
}


      /*from style-test*/
.media-entry__progress span {
  display: none;
}
.media-entry__progress span.read-status {
  display: contents;
}
/*---------------------------*/





/*-------------------------*/
/*----- MEDIA QUERIES -----*/
/*-------------------------*/

/* from outer-stylesheet.css */
@media screen and (max-width: 700px) {
  nav ul {
    gap: 5px;
  }
  .dropdown > a {
    font-family: 'Cinzel Decorative';
    font-size: 1rem;
    letter-spacing: 1.5px;
  }
}

@media screen and (max-width: 600px) {
  .submenu, li.dropdown:hover .submenu {
    display: none;
  }
  .social-media {
    width: fit-content;
    display: flex;
    flex-flow: column;
  }
  .social-media__name a {
    padding: 5px;
  }
  .social-media__name a img {
    height: 30px;
  }
}

@media screen and (max-width: 450px) {
  html {
    font-size: 14px;
  }
  .menu {
      font-size: 1rem;
      background-color: green;
  }
  .navig-footer, .navig-footer a {
    font-size: .8rem;
  }
}

@media screen and (max-width: 320px) {
  .pagename {
    display: none;
  }
}
/*---------------------------*/
/* from outer-stylesheet.css */
@media screen and (max-width: 600px) {
  .ao3redirect p {
    padding-left: 25px;
  }
}

@media screen and (max-width: 450px) {
  .entry summary {
    font-size: 1.0rem;
  }
  .fic.entry .ficsummary p {
    font-size: .9rem;
  }
  .fic.entry .metadata-stats li {
    font-size: .8rem;
  }
  .slidertop {
    right: 50px;      /* eyeball-aligned on inner right of .worktext */
  }
  .arrowup {
    font-size: .6rem;
  }
}







@media screen and (max-width: 700px) {
  .media-category {
    display: grid;
    grid-template-columns: 1fr;
    gap: 25px;
  }  
}
@media screen and (max-width: 450px) {
  .media-entry {
    gap: 10px;

    height: 250px;
  }
  .media-entry__cover {
    height: 200px;
    width: 112px;
  }
  .media-entry__cover img {
    height: 160px;
    width: 112px;
  }
}
@media screen and (max-width: 360px) {
  .media-category {
    gap: 50px;
  }
  .media-entry {
    display: flex;
    flex-flow: column;
    height: fit-content;
  }
  .media-entry__cover {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;

    flex-direction: column-reverse;
  }
  .media-entry__info {
    flex-direction: column-reverse;
  }
  .entry-info summary {
    text-align: center;
  }
}
/*---------------------------*/
/* from outer-stylesheet.css */







/*---------------------------*/