/* Category links follow the original directory layout. */
.index-group a[data-type]{display:grid;grid-template-columns:25px minmax(0,1fr);gap:5px;width:100%;text-align:left;align-items:baseline;padding:7px 0;line-height:1.4;font-size:13px;color:#000}
.index-group a[data-type] .index-code{font-size:10px}
.index-group a[data-type]:is([aria-current=true],[aria-current=page]) .index-name{text-decoration:underline;text-underline-offset:4px;font-weight:700}
.index-group a[data-type]:is([aria-current=true],[aria-current=page]) .index-code{font-weight:700}
.subtype-study h4 a,.category-page-list a,.independent-page-links a{color:#000;text-decoration:underline;text-underline-offset:4px}
body[data-page-kind="type"] #chinese{display:none}
body[data-page-kind^="chinese"] .study{display:none}
body[data-page-kind^="chinese"] .chinese-section{margin-top:0;border-top:0;padding-top:30px}
body[data-page-kind^="chinese"] .chinese-groups{display:block}
body[data-page-kind="chinese-subtype"] .subtype-plates{display:block}
body[data-page-kind="chinese-subtype"] .subtype-study{max-width:1060px;margin:auto}
body[data-page-kind="chinese-subtype"] .subtype-study figure{max-width:100%;margin:0 auto 24px}
body[data-page-kind="chinese-subtype"] .subtype-study h4{font-size:26px;line-height:1.5}
body[data-page-kind="chinese-subtype"] .subtype-study p{max-width:76ch}
.category-page-list,.independent-page-links{list-style:none;padding:0;margin:24px 0}
.category-page-list li,.independent-page-links li{border-top:1px solid #000;padding:12px 0}
.category-page-list a,.independent-page-links a{display:flex;align-items:center;gap:18px;min-height:44px}
@media(max-width:1023px){
.index-group a[data-type],html[lang|=zh] .index-group a[data-type]{min-height:44px;font-size:16px;grid-template-columns:28px minmax(0,1fr);gap:10px;line-height:1.6;padding:9px 0}
.index-group a[data-type] .index-code{font-size:12px}
body[data-page-kind^="chinese"] .chinese-section{padding-top:20px}
body[data-page-kind="chinese-subtype"] .subtype-study h4{font-size:23px}
}

.category-page-link{display:flex;justify-content:space-between;align-items:baseline;gap:20px;min-height:52px;border-top:1px solid #000;padding:13px 0;font-size:18px;line-height:1.7;text-decoration:underline;text-underline-offset:4px}
.category-page-link .count{font-size:12px;flex-shrink:0}
.category-directory{display:block}
.subtype-index{margin:24px 0}
.subtype-index>a{display:grid;grid-template-columns:36px minmax(0,1fr);gap:16px;align-items:baseline;border-top:1px solid #000;min-height:52px;padding:13px 0;font-size:19px;line-height:1.7;text-decoration:underline;text-underline-offset:4px}
.subtype-index>a>span:first-child{font-size:12px;text-decoration:none}
.subtype-index small{display:block;font-size:13px;margin-top:4px;text-decoration:none}
.category-references{border-top:1px solid #000;margin:28px 0 0}
.category-references>summary{min-height:44px;padding:12px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px;font-size:13px}
.chinese-directory-menu{margin-top:18px;border-top:1px solid #000}
.chinese-directory-menu>summary.index-chinese{margin:0;padding:13px 0;cursor:pointer;list-style:none;grid-template-columns:12px minmax(0,1fr)}
.chinese-directory-menu>summary::-webkit-details-marker{display:none}
.chinese-directory-menu[open]>summary>.index-marker{transform:rotate(90deg)}
.chinese-directory-links{padding:0 0 12px 21px}
.chinese-directory-links>a{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:baseline;min-height:40px;padding:8px 0;font-size:13px;line-height:1.6}
.chinese-directory-links>a>span:first-child{font-size:11px}
.chinese-directory-links>a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:1023px){.category-page-link{font-size:20px}.subtype-index>a{font-size:20px}.chinese-directory-links>a{font-size:16px;min-height:44px}.chinese-directory-links>a>span:first-child{font-size:12px}}

html.study-loading #observation-slot{display:none!important}

/* One directory hierarchy for both branches and every independent page. */
.directory-menu>summary.directory-heading{cursor:pointer}
.index-group{padding-left:21px}
.index-group a[data-type],.chinese-directory-links>a{grid-template-columns:30px minmax(0,1fr);gap:8px;min-height:40px;padding:8px 0;font-size:13px;line-height:1.6}
.index-group a[data-type] .index-code,.chinese-directory-links>a .index-code{font-size:11px}
.chinese-directory-links>a[aria-current=true] .index-name{font-weight:700;text-decoration:underline;text-underline-offset:4px}
.chinese-directory-links>a[aria-current=true] .index-code{font-weight:700}
@media(min-width:1024px){
 .atlas>.directory{grid-column:1;grid-row:1 / span 2;position:sticky;top:22px;max-height:calc(100dvh - 44px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
 .atlas>.study,.atlas>.chinese-section{grid-column:2;min-width:0}
 body[data-page-kind^="chinese"] .chinese-section{padding-top:0}
}
@media(max-width:1023px){
 .index-group a[data-type],html[lang|=zh] .index-group a[data-type],.chinese-directory-links>a{font-size:16px;min-height:44px;line-height:1.6}
 .index-group a[data-type] .index-code,.chinese-directory-links>a .index-code{font-size:12px}
 body[data-compact-view="type"] .directory,body[data-compact-view="chinese"] .directory{display:none}
}

/* Compact reading order: angle, play, then route position. */
@media(max-width:1023px){
 .playback{flex-direction:column;align-items:stretch}
 .playback .angle-control{order:0;flex:0 0 auto;width:100%;max-width:none;margin-left:0}
 .playback .play-button{order:1;flex:0 0 auto;align-self:flex-start}
 .playback .timeline{order:2;flex:0 0 auto;width:100%}
}