/* R12: the five authorized mobile changes. Desktop rules are inherited. */
@media(max-width:1023px){
 .project .enter{justify-content:center;text-align:center}
}
@media(max-width:800px){
 .back-to-works{justify-content:center;text-align:center}
 .cm-toc summary{font-size:12px!important}
 .cm-reader{height:44px!important;padding-bottom:0!important;align-items:center}
 .cm-reader #cm-progress{height:44px!important;min-height:44px!important}
 .af-audio input[type=range]{height:44px!important;min-height:44px;touch-action:none}
}
@media(max-width:540px){
 .cm-contents{display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,1.25fr);align-items:center;column-gap:8px;height:50px;min-height:50px;max-height:50px!important;padding:0 16px!important}
 .cm-contents .project-sidebar-name{min-width:0;font-size:clamp(14px,3.6vw,18px)!important;line-height:1.15!important;margin:0!important;padding:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:44px;display:flex;align-items:center}
 .cm-contents .cm-toc-panel{display:grid;grid-template-columns:minmax(44px,1fr) 82px;align-items:center;gap:8px;position:static;padding:0;min-width:0}
 .cm-contents .cm-toc{grid-column:2;grid-row:1;min-width:0}
 .cm-contents .cm-toc summary{height:48px;min-height:48px;padding:0!important;gap:6px;font-size:12px!important;letter-spacing:.02em;justify-content:flex-end}
 .cm-contents .cm-toc summary::after{font-size:20px;flex:0 0 12px;text-align:center}
 .cm-contents .cm-toc nav{position:absolute;top:100%;left:0;right:0;max-height:min(65svh,480px);max-height:min(65dvh,480px);padding:12px 24px 18px;background:#101010;border-bottom:1px solid #2c2c2c;overflow:auto;overscroll-behavior-y:contain;scrollbar-width:none}
 .cm-contents .cm-toc nav .back-to-works{grid-column:1/-1;display:flex;width:165px;max-width:100%;min-height:44px;margin:0 0 12px!important;padding:0!important;font-size:18px!important;line-height:1.25!important;justify-content:center;text-align:center;color:#b7b7b7!important;border-bottom:1px solid #555!important}
 .cm-contents .cm-toc nav .back-to-works:hover{color:#fff!important}
 .cm-contents .cm-reader{grid-column:1;grid-row:1;min-width:0;width:100%!important;height:44px!important;padding:0!important;position:static!important}
 .cm-contents .cm-reader #cm-progress{width:100%!important;height:44px!important;min-height:44px!important;flex:1;touch-action:none}
}