/* Keep the recommendation in reach, including while the five choices scroll. */
.check-view-result{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 17px;margin:18px 0 0;text-align:left;background:linear-gradient(120deg,#e6cf9e,#c9a66b);color:#082f3c;border:1px solid #e8d6b2;box-shadow:0 5px 0 #68542f,0 9px 20px #00182433,inset 0 1px #fff9;font-size:12px;line-height:1.6;letter-spacing:.04em;--press-depth:4px;}
.check-view-result[hidden]{display:none!important;}
.check-view-result svg{flex:0 0 27px;width:27px;height:15px;}
.check-console #check-view-result{grid-column:1/-1;min-height:44px;margin:0;padding:9px 12px;box-shadow:0 3px 0 #68542f,0 5px 14px #00182433,inset 0 1px #fff9;--press-depth:3px;}
.check-console #check-feedback{margin:0;}
.check-list .check-item{scroll-margin-top:230px;}
.check-view-result:focus-visible{outline:3px solid #fff2cb;outline-offset:5px;}
@media(max-width:640px){
 .check-console{row-gap:8px;padding-bottom:13px;}
 .check-console #check-feedback{font-size:12px;line-height:1.55;}
 .check-console #check-view-result{font-size:12px;padding:8px 12px;min-height:44px;}
 #check-view-result-bottom{min-height:48px;font-size:12px;margin-top:17px;padding:12px 14px;}
}
/* A short landscape viewport needs room for the choice itself. */
@media(max-width:900px) and (max-height:540px){.check-console{position:relative;top:auto;}.check-list .check-item{scroll-margin-top:90px;}}