body, div, section, article, nav, header, footer, figure, fieldset, a {padding: 0;margin: 0;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}html {font-size: 16px;font-family: sans-serif;}nav {position: -webkit-sticky;position: sticky;top: 0px;z-index: 100;height: 3.2em;padding: 1em;background: #135394; /* #CFE2F3 */line-height: 1.2;color: #FFF;text-align: center;}a {color: #135394;}a:hover, a:active {color: #AAA;text-decoration: none;}nav>a {color: #FFF;}nav>a:hover, nav>a:active {color: #FFF;}nav>a.nav-button {position: absolute;display: block;width: 1.6em;top: 0.8em;}nav>a#back {left: 0.8em;}nav>a#add-to-hs {right: 0.8em;}#view {padding: 1em;}.grids {display: grid;grid-auto-rows: minmax(calc(33% - 0.6em), auto);grid-gap: 1em;}.grids.col-2 {grid-template-columns: repeat(2, 1fr);}#view.grids {height: calc(100vh - 3em);}.grids>* {display: flex;flex-direction: column;align-items: center;justify-content: center;background: #135394;border: none;color: #FFF;font-size: 1.5em;padding: 0.5em;}.grids>*:hover, .grids>*:active {color: #FFF;}.grids>*>.icon {max-height: calc(100% - 2em);text-align: center;}.grids>*>.icon>svg {max-height: calc(25vh - 2em);width: 100%;}.cards {}.cards>* {display: block;background: #135394;border: none;min-height: 10vh;padding: 0.8em 1em;position: relative;color: #FFF;}.cards>*:hover, .cards>*:active {color: #FFF;}.cards>*.with-tags {padding-top: 2.4em;}.cards>*:not(:first-child) {margin-top: 1em;}.cards>*>header {font-size: 1.5em;margin-bottom: 0.3em;}#view.cards>*>header {font-size: 1.8em;margin-bottom: 0.3em;}.cards>*.with-tags>header {text-align: right;}.cards>*>.tags {position: absolute;top: 0.4em;}.cards>*>.tags>span {background: #FFF;display: inline-block;color: #135394;display: inline;padding: 0.1em 0.2em;line-height: 2;margin-right: 0.2em;}.report {}.report>*:not(:first-child) {margin-top: 1em;}.report>header {font-size: 2em;}.report>figure>img {width: 100%;}.report>.utilities {text-align: center;}.report>.utilities>a.as-button {display: block;margin: 0.2em 0.5em;}.report>*>header {font-size: 1.2em;margin-bottom: 0.5em;}form>* {text-align: center;border: none;}form>*:not(:first-child) {margin-top: 1em;}form button.as-button {display: inline-block;margin: 0.2em 0.5em;}fieldset {display: flex;}fieldset>label.fieldname {min-width: 5em;width: 30%;padding-right: 0.5em;text-align: right;}fieldset>*:not(label.fieldname) {display: block;flex-grow: 1;text-align: left;}fieldset>input, fieldset>select {font-size: 1em;}label>span {vertical-align: middle;}label>span.checkbox {height: 1em;width: 1em;display: inline-block;position: relative;border: 2px solid #000;margin-right: 0.5em;vertical-align: middle;}label>span.checkbox[d-status=checked]::after {content: "";display: block;position: absolute;/* background: #000; */width: 80%;height: 40%;border-left: 4px solid #000;border-bottom: 4px solid #000;top: 0;left: 0;transform: rotate(-45deg);}label>input[type=checkbox] {display: none;}#modal {display: none;position: absolute;height: 100%;width: 100%;z-index: 10;top: 0;left: 0;background: rgba(0, 0, 0, 0.7);}#modal[d-status=display] {display: block;}#modal-view {padding: 1em;border-radius: 5px;background: #FFF;width: 80%;min-width: 10em;margin: 50% auto auto auto;text-align: center;}#modal-content {text-align: justify;margin-bottom: 1em;}.as-button, .as-button:hover {border: 2px solid #135394;font-size: 1.2em;border-radius: 5px;background: #135394;color: #FFF;text-decoration: none;padding: 0.2em 0.5em;}.as-button:active {background: #FFF;color: #135394;}.as-virtual {display: block;position: absolute;background: none;border: none;margin: 0;padding: 0;}[d-visible=hidden] {display: none !important;}[d-visible=highlight] {background: #F19833;color: #000;}table {border-collapse: collapse;width: 100%;}thead {font-weight: bold;border-bottom: 1px #000 solid;}td {padding: 0.2em 0.2em;}td:not(:first-child) {border-left: 1px #000 solid;}