/* Overview breathing room and readable secondary type for both variety and drama. */
#screen > .archive{
  padding:30px 32px 56px;
}

#screen > .archive .hero{
  margin:0;
}

#screen > .archive .work-fields{
  margin-top:20px;
  margin-bottom:46px;
}

#screen > .archive .hero .type-label{
  font-size:11px;
}

#screen > .archive .hero textarea{
  font-size:13px;
}

#screen > .archive .work-fields label{
  font-size:11px;
}

#screen > .archive .section-head span{
  font-size:11px;
}

#screen > .archive .section-head p{
  margin-bottom:24px;
  font-size:13px;
}

#screen > .archive .record-grid{
  gap:16px;
}

#screen > .archive .record-card{
  min-height:202px;
  padding:20px;
}

#screen > .archive .card-top span{
  font-size:11px;
}

#screen > .archive .card-top em{
  font-size:10px;
}

#screen > .archive .record-card p{
  font-size:13px;
  line-height:1.75;
}

#screen > .archive .record-card small{
  font-size:10px;
}

/* The rail remains compact, but its labels are no longer hairline-small. */
.brand small{font-size:9px}
.sync-row{font-size:11px}
.search input{font-size:12px}
.filter button{font-size:11px}
.library-head{font-size:12px}
.library-head button{font-size:12px}
.work-card b{font-size:13px}
.work-card small{font-size:10px}
.work-type{font-size:12px}
.rail-bottom button,.rail-link{font-size:11px}
.crumb,.quiet{font-size:12px}
.view-switch button{font-size:11px}

/* Studio labels use the same readable floor as the overview. */
.chapter-list>div,.chapter small{font-size:11px}
.chapter span{font-size:10px}
.chapter b{font-size:12px}
.editor-head select,.danger{font-size:11px}
.release>div{font-size:11px}
.screen-card footer{font-size:11px}
.screen-card .card-number{font-size:10px}

@media(max-width:720px){
  #screen > .archive{padding:20px 17px 42px}
  #screen > .archive .record-grid{gap:14px}
  #screen > .archive .record-card{min-height:190px;padding:18px}
}