/* Faces share one responsive frame in the library's question and interview UIs. */
.portrait::before,.portrait::after{content:none}
.character-portrait{display:block;width:100%;height:100%;flex-shrink:0}
.suspect .portrait,.inquiry-avatar,.tutorial-portrait{width:76px;height:92px;min-width:76px;flex:0 0 76px;overflow:hidden;border:1px solid #babca5;border-radius:12px 12px 5px 5px;background:#e9e4d2;box-shadow:0 2px 6px #273d2e0a}
.suspect .portrait{margin-bottom:10px}
.suspect{grid-template-columns:76px minmax(0,1fr)}
.inquiry-avatar{display:block}
.interview-person{gap:14px;flex-wrap:nowrap}
.interview-person>span:nth-child(2){flex-basis:auto;overflow-wrap:anywhere}
.interview-heading .inquiry-avatar{width:96px;height:116px;min-width:96px;flex-basis:96px}
.tutorial-portrait{display:block}
.tutorial-accounts .answer-option{gap:14px}
@media(max-width:600px){
 .suspect .portrait{width:68px;height:82px;min-width:68px;margin:0}
 .suspect{grid-template-columns:68px minmax(0,1fr)}
 .interview-person{padding:14px 12px;gap:12px}
 .inquiry-avatar,.tutorial-portrait{width:68px;height:82px;min-width:68px;flex-basis:68px}
 .interview-heading .inquiry-avatar{width:80px;height:96px;min-width:80px;flex-basis:80px}
}