/* Small additions on top of AO3's own stylesheet (ao3.css). */
[hidden] { display: none !important; }
#header .heading a { display: flex; align-items: center; gap: .4em; }
#header .heading a span { font-family: Georgia, serif; }
#header .heading .nao-logo { flex: none; }
#header .primary { clear: none; }
.nao-format { font-size: .7em; font-weight: normal; color: #555; border: 1px solid #ccc; border-radius: .25em;
  padding: 0 .35em; margin-left: .3em; vertical-align: middle; font-family: Lucida Grande, Lucida Sans Unicode, sans-serif; }
.splash .module { margin-bottom: 1.5em; }
.splash .module p { margin: .5em 0; }
.nao-fandoms { columns: 2; padding-left: 1.2em; list-style: disc; }
.nao-fandoms li { margin: .15em 0; }
.nao-actions { margin-top: 1em; }
.nao-btn { display: inline-block; background: #eee; border: 1px solid #bbb; border-radius: .25em; padding: .25em .75em;
  margin-right: .4em; color: #2a2a2a; border-bottom: 1px solid #aaa; text-decoration: none; }
.nao-btn:hover { background: #ddd; }
.nao-filters fieldset { background: #ddd; border: 1px solid #bbb; border-radius: .25em; padding: .5em 1em; margin: 1em 0; }
.nao-filters p { margin: .35em 0; }
.nao-filters input[type=search] { width: 60%; max-width: 30em; }
.nao-count { font-style: italic; color: #555; }
.nao-note { font-style: italic; color: #555; }
.nao-active { background: #ccc !important; }
#kudos .kudos { margin: 1em 0; }
#workskin .userstuff img { max-width: 100%; height: auto; }
#workskin .userstuff pre { white-space: pre-wrap; }
@media only screen and (max-width: 42em) {
  .nao-fandoms { columns: 1; }
  .nao-filters input[type=search] { width: 100%; }
  .blurb dl.stats { float: none; display: flex; flex-wrap: wrap; gap: .1em .3em; text-align: left;
    margin: .5em 0 0; padding: 0; white-space: normal; }
  .blurb dl.stats dd { margin-right: .6em; }
}
#workskin .userstuff dt { font-weight: bold; }
#workskin .userstuff dl { display: grid; grid-template-columns: max-content 1fr; gap: .2em 1em; margin: 1em 0; }
#workskin .userstuff dl > div { display: contents; }
#workskin .userstuff dl dt { margin-top: 0; }
#workskin .userstuff dl dd { margin-left: 0; }