#body-proceedings { --proceedings-cover-width: clamp(90px, 8vw, 140px); }
#body-proceedings #div-content { color: var(--light-color); width: 100vw; padding: calc(min(3dvh,3dvw) * 2.5 + var(--big-text-size)) 20vw 7rem; overflow: auto; box-sizing: border-box; }
#body-proceedings .report-cover { display: block; flex: 0 0 var(--proceedings-cover-width); width: var(--proceedings-cover-width); height: calc(var(--proceedings-cover-width) * 4 / 3); min-height: 0; box-sizing: border-box; border: 1px solid var(--light-color); background: var(--light-color); }
#body-proceedings .report-cover img { display: block; width: 100%; height: 100%; object-fit: contain; }
#body-proceedings .report-details { flex: 1; min-width: 0; }
#body-proceedings .report-title { overflow-wrap: anywhere; }
#body-proceedings .report-authors { margin: .4rem 0; font-size: var(--caption-text-size); }
#body-proceedings a:focus-visible { outline: 2px solid var(--mark-color); outline-offset: 5px; }
#body-proceedings nav > div { display: flex; overflow-x: auto; white-space: nowrap; max-width: 100%; padding-block: .3rem; }
#body-proceedings .proceedings-title { margin: 0; font-size: var(--normal-text-size); }
#body-proceedings .technical-report { display: flex; width: 100%; align-items: flex-start; gap: clamp(1rem, 2vw, 2rem); margin-block: 2rem; }
#body-proceedings .technical-report:not(:last-of-type) { padding-bottom: 2rem; border-bottom: 1px solid rgba(255, 255, 255, .2); }
#body-proceedings .proceedings-meta { margin: .75rem 0; font-size: var(--caption-text-size); color: #c5c5c5; }
#body-proceedings .proceedings-meta > div { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); gap: .5rem; margin-block: .25rem; }
#body-proceedings .proceedings-meta dt { color: var(--light-color); }
#body-proceedings .proceedings-meta dd { margin: 0; overflow-wrap: anywhere; }
#body-proceedings .proceedings-links { display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; margin: .75rem 0 0; font-size: var(--caption-text-size); }
#body-proceedings .proceedings-placeholder { aspect-ratio: 3 / 4; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; padding: .75rem .5rem; border: 1px solid rgba(255, 255, 255, .5); background: #151515; font-size: 1rem; line-height: 1.3; text-align: center; }
#body-proceedings .proceedings-placeholder > :first-child { font-weight: 600; }
#body-proceedings .proceedings-placeholder > :last-child { color: #c5c5c5; }
#body-proceedings .proceedings-status { color: #c5c5c5; }
@media (max-width: 700px) {
    #body-proceedings #div-content { padding-left: 6vw; padding-right: 6vw; }
    #body-proceedings .proceedings-title { font-size: 1.35rem; }
}
@media (orientation: portrait) {
    #body-proceedings { --normal-text-size: 1.4rem; --caption-text-size: 1.1rem; }
}
@media (max-width: 450px) {
    #body-proceedings { --proceedings-cover-width: 90px; }
    #body-proceedings .technical-report { flex-direction: column; gap: 1rem; }
    #body-proceedings .report-cover { flex-basis: auto; }
    #body-proceedings .proceedings-meta > div { grid-template-columns: 4.75rem minmax(0, 1fr); }
}
