/* More defined surfaces, especially for selectable version disclosures. */
.models-page{--model-glass:linear-gradient(145deg,rgba(255,255,255,.97),rgba(245,250,255,.94));--model-rim:rgba(82,131,173,.34);--model-line:rgba(53,112,163,.38)}
.models-page .model-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 7px 22px rgba(33,91,148,.10)}
.models-page .model-version{border:1.5px solid #9bbbd5;box-shadow:0 3px 12px rgba(33,91,148,.075)}
.models-page .model-version>summary::marker{color:var(--blue)}
.models-page .model-version>summary small{color:#50677b}
.models-page .model-version[open]{border-color:#398ed0;box-shadow:0 3px 14px rgba(33,91,148,.10)}
.models-page .model-index-link{border-color:#a7c4dc;box-shadow:0 2px 8px rgba(33,91,148,.05)}
html[data-theme=dark] .models-page{--model-glass:linear-gradient(145deg,#254b65,#203f57);--model-rim:rgba(159,203,231,.38);--model-line:rgba(151,195,225,.38)}
html[data-theme=dark] .models-page .model-version{border-color:#668ea9;box-shadow:0 3px 12px rgba(3,15,27,.16)}
html[data-theme=dark] .models-page .model-version>summary small{color:#c4d5e3}
html[data-theme=dark] .models-page .model-version[open]{border-color:#70ccff}
html[data-theme=dark] .models-page .model-index-link{border-color:#668ea9}
@media(hover:hover){.models-page .model-version:hover,.models-page .model-index-link:hover{border-color:var(--blue)}}