.title-index-list{gap:7px}.title-entry{overflow:hidden;padding:6px 0;width:100%}.title-entry button{transform-origin:left bottom}.title-index-preview{border-radius:14px;overflow:hidden}.title-preview-group{width:100%;min-width:0;align-self:center}.preview-description{display:grid;grid-template-columns:45px 1fr;gap:22px;align-items:start;margin-top:22px;min-height:65px}.preview-description>span{font-size:8px;letter-spacing:1px;color:#888;padding-top:4px}.preview-description p{font-size:13px;line-height:1.7;color:#555;margin:0;max-width:410px}
.material-toolbar{grid-template-columns:minmax(0,1fr) minmax(320px,480px) minmax(0,1fr);gap:30px;align-items:center;margin-top:24px}.material-toolbar>.zoom-dial{position:relative;left:auto;bottom:auto;transform:none;width:100%;margin:0;padding:13px 28px 16px;background:#ffffff0c;border-color:#ffffff30;border-radius:26px;backdrop-filter:none}.material-toolbar>.zoom-dial.is-adjusting{transform:scale(1.015);background:#ffffff15}.material-toolbar .material-selection-label{flex-direction:column;gap:12px;align-items:end}.zoom-slider{height:31px}.zoom-position{height:30px}.zoom-ticks{height:24px}
.archive-gallery{display:flex;flex-direction:column;overflow:visible}.rail-navigation.hover-navigation{display:flex;flex-direction:column;gap:12px;width:min(600px,92%);padding:15px 27px 14px;margin:22px auto 0;background:#ffffff88;border:1px solid #1112;border-radius:25px;box-shadow:inset 0 1px 0 #fff9}.rail-navigation-label{display:flex;justify-content:space-between;width:100%;font-size:9px;color:#777;letter-spacing:.6px}.rail-navigation-label output{font-variant-numeric:tabular-nums;color:#333}.hover-navigation .rail-progress{height:29px;background:none;border-radius:0;width:100%}.hover-navigation .rail-progress:before{content:'';position:absolute;inset:4px 0;background:repeating-linear-gradient(to right,#1114 0,#1114 1px,transparent 1px,transparent 14px);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}.hover-navigation .rail-progress>span{position:absolute;left:0;top:0;width:2px;height:29px;background:#333;border-radius:1px;transform:translateX(-50%);box-shadow:0 0 7px #1112}.hover-navigation .rail-progress>input{top:0;height:29px;cursor:default}.rail-stops{display:flex;justify-content:space-between;width:100%;font-size:8px;color:#999;letter-spacing:.4px}.archive .rail-footer{padding-top:14px;min-height:30px}.archive .rail-footer>a{font-size:8px}
.hover-navigation .rail-progress{flex:none;min-height:29px;height:29px}

/* Hover studies: titles, thumbnail and a character-revealed side note. */
.title-index{grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);gap:36px}
.title-index-list button{font-size:clamp(44px,3.7vw,66px);letter-spacing:-2px}
.title-preview-group{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:28px;align-items:center;visibility:hidden;opacity:0}
.title-index-preview{align-self:center;transform-origin:center center}
.preview-description{display:flex;flex-direction:column;gap:18px;margin:0;min-height:0;align-items:flex-start}
.preview-description>span{padding:0;font-size:9px}
.preview-description p{font-size:15px;line-height:1.65;color:#333;max-width:245px;min-height:5em}
.preview-description{min-width:0;max-width:100%}.preview-description p{min-width:0;width:100%;white-space:pre-line;overflow-wrap:anywhere;word-break:normal}.description-word{display:inline;white-space:inherit}
@media(max-width:1100px){.title-index{gap:24px;padding-left:4%;padding-right:4%}.title-preview-group{gap:18px}.title-index-list button{font-size:40px}.preview-description p{font-size:13px}}

.title-entry[hidden]{display:none}.studies-pagination{display:flex;align-items:center;gap:22px;margin-top:30px}.studies-pagination button{font-size:22px}.studies-pagination button:disabled{opacity:.25;cursor:default}.studies-pagination span{font-size:9px;color:#888}

.title-entry button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}