body {background-color: #fdfdfd; color: rgb(54, 54, 54); margin: 0; font-size: 1em;}
h1, h2, h3, h4, h5 {text-align: center;}
h1 {margin-bottom: 24px; font-size: 2.2em; line-height: 1.2em;}
h2 {margin-top: 48px; font-weight: bold !important;}
h1, h2, h3, h4, h5, a, p, span, body {font-weight: normal; font-family: "Google Sans", sans-serif;}
.header {background-color: #fdfdfd; width: 100%; padding-top: 48px; padding-bottom: 8px;}
.subtitle {text-align: center; font-size: 1.25em; max-width: 800px; margin: -8px auto 24px auto; color: rgb(90, 90, 90);}
.venue {text-align: center; font-size: 1.1em; margin-bottom: 24px; color: #2773d6; font-weight: bold;}
.header-menu {background-color: #efeff3; width: 100%; padding: 16px 0;}
.header-menu-content {max-width: 960px; margin: auto;}
.header-menu-item {display: inline-block; margin-left: 16px; margin-right: 16px; font-size: 1.2em;}
.links {width: 100%; margin: auto; text-align: center; padding-top: 8px;}
.links a {margin-left: 8px; margin-bottom: 8px;}
.content {max-width: 960px; margin: auto; margin-top: 48px; margin-bottom: 64px; padding: 0 16px;}
a, h2 {color: #2773d6; text-decoration: none;}
a:hover {color: #6da5fa;}
.nobreak {white-space: nowrap;}
.hr {width: 100%; height: 1px; margin: 48px 0; background-color: #d6dbdf;}
p {line-height: 1.5em; text-align: justify;}
.abstract {max-width: 700px; margin: auto;}
.math {font-family: "Computer Modern Sans", sans-serif; font-style: italic;}
sub, sup {line-height: 0;}
.figure {width: 100%; min-height: 120px; margin: 36px 0; background-repeat: no-repeat; background-position: center; background-size: contain;}
.figure img {display: block; max-width: 100%; max-height: 640px; margin: auto; border-radius: 12px; box-shadow: 0 4px 24px rgba(0,0,0,0.12);}
.figure-placeholder {width: 100%; min-height: 300px; margin: 36px 0; background-color: #f3f3f6; border: 2px dashed #c9c9d6; border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #8a8a99; font-size: 1.1em; text-align: center; padding: 24px; box-sizing: border-box;}
.figure-caption {margin: auto; max-width: 95%; margin-top: 24px; margin-bottom: 24px; color: rgb(90, 90, 90); font-size: 0.95em;}
.stats {display: flex; flex-wrap: wrap; justify-content: center; gap: 24px; margin: 40px auto; max-width: 860px;}
.stat {flex: 1 1 180px; max-width: 220px; background-color: #efeff3; border-radius: 12px; padding: 24px 16px; text-align: center;}
.stat .num {font-size: 1.9em; font-weight: bold; color: #2773d6; display: block; line-height: 1.1em;}
.stat .num .unit {font-size: 0.55em; font-weight: bold; color: rgb(70, 70, 70); text-transform: uppercase; letter-spacing: 0.03em;}
.stat .label {font-size: 0.9em; color: rgb(100, 100, 100); margin-top: 10px; display: block; line-height: 1.3em;}
.youtube-container {background-color: #000; margin-top: 32px;}
.youtube {display: block; margin: auto; width: 960px; padding-top: 20px; padding-bottom: 20px;}
.video-container {position: relative; width: 100%; max-width: 800px; margin: 24px auto; padding-bottom: 45%; height: 0; overflow: hidden;}
.video-container iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}
.bibtexsection {padding: 16px; font-family: "Courier", monospace; font-size: 12px; white-space: pre-wrap; word-break: break-word; background-color: #f4f4f4; text-align: left; border-radius: 8px;}
.noselect {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.underline {text-decoration: underline;}
.blue {color: #2773d6;}
.highlight {font-weight: bolder; font-style: italic; color: #2773d6;}
.default-color {color: rgb(54, 54, 54) !important;}
table.authors {width: 100%; max-width: 800px; margin: auto; margin-bottom: 16px; text-align: center;}
table.authors a {padding: 6px 6px; display: inline-block; font-weight: normal; font-size: 1.25em;}
table.authors span.author {padding: 6px 6px; display: inline-block; font-size: 1.25em;}
table.authors a.bold {font-weight: bold;}
table.authors a {color: rgb(54, 54, 54);}
table.authors a:hover {color: #2773d6;}
table.authors sup {font-size: 0.85em; font-weight: bold;}
table.authors .authors-affiliation a {font-size: inherit; padding: 0; display: inline;}
table.authors .authors-affiliation {display: block; font-size: 1.15em; margin-top: 12px; color: rgb(70, 70, 70);}
table.authors .authors-note {display: block; font-size: 0.95em; margin-top: 6px; color: rgb(110, 110, 110);}
a.btn {display: inline-block; min-width: 70px; font-family: "Google Sans", sans-serif; background-color: rgb(47, 47, 47); color: white; padding: 10px 20px; font-size: 1.05em; font-weight: normal; border-radius: 32px; margin-top: 8px;}
a.btn:hover {background-color: rgb(54, 54, 54); color: white;}
a.btn i {margin-right: 6px;}
a.btn-blue {background-color: #2773d6; color: white;}
a.btn-blue:hover {background-color: #6da5fa; color: white;}
footer {background-color: #efeff3; width: 100%; margin-top: 32px; padding-top: 16px; padding-bottom: 16px; text-align: center; font-size: 0.9em; color: rgb(90, 90, 90);}
footer a {font-size: inherit;}
@media (max-width: 700px) {
  h1 {font-size: 1.7em;}
  .video-container {padding-bottom: 56.25%;}
}