/* Supplied reference 175501_2622: featured ISO left, five-by-two compact shelf right. */
body #docs .docs{display:grid;grid-template-columns:minmax(0,440fr) minmax(0,900fr);gap:20px;align-items:stretch}
body #docs .docs>.feat{grid-column:auto;grid-row:auto;display:grid;grid-template-columns:130px minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:20px;padding:24px;align-content:stretch}
body #docs .docs>.feat .pv{width:130px;height:184px;background-size:contain;background-repeat:no-repeat;background-position:top center;box-shadow:0 10px 22px rgba(80,60,30,.10)}
body #docs .docs>.feat h4{margin-top:10px}
body #docs .docs>.feat dl{grid-column:1/-1;align-self:end;margin:0}
body #docs .docs>.feat .op{grid-column:1/-1}
body #docs .docs .shelf{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:minmax(278px,auto);gap:20px;align-content:start}
body #docs .docs a.dc{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:144px 18.75px minmax(58.5px,auto);gap:12px;padding:16px 10px 14px;min-height:278px;height:100%;min-width:0;align-content:start}
body #docs .docs .dc .pv,body #docs .docs .dc .pv.l{width:100%;max-width:100%;height:144px;margin:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat;border:0;box-shadow:none;justify-self:center;align-self:center}
body #docs .docs .dc small{margin:0;white-space:nowrap}
/* Compact document titles follow the 15px type scale used in the supplied example. */
body #docs .docs .dc h5{font-size:15px!important;font-weight:400!important;line-height:1.3!important;margin:0;overflow-wrap:normal;word-break:normal;hyphens:none}
body #docs .docs:is([data-filter=diploma],[data-filter=other]){grid-template-columns:minmax(0,1fr)}
@media(max-width:1300px){
 body #docs .docs{grid-template-columns:minmax(0,1fr)}
 body #docs .docs>.feat{grid-template-columns:160px minmax(0,1fr);grid-template-rows:auto auto auto;align-items:start}
 body #docs .docs>.feat .pv{width:150px;height:212px;grid-column:1;grid-row:1/4}
 body #docs .docs>.feat>div:nth-child(2){grid-column:2}
 body #docs .docs>.feat dl,body #docs .docs>.feat .op{grid-column:2}
 body #docs .docs .shelf{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:380px){body #docs .docs .shelf{grid-template-columns:minmax(0,1fr)}}
@media(max-width:1000px){
 body #docs .docs .shelf{grid-template-columns:repeat(3,minmax(0,1fr))}
 body #docs .bh{grid-template-columns:minmax(0,1fr);gap:20px}
 body #docs .dchips{flex-wrap:wrap}
}
@media(max-width:650px){
 body #docs .docs .shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 body #docs .docs>.feat{grid-template-columns:1fr;gap:20px}
 body #docs .docs>.feat .pv{grid-column:1;grid-row:auto;width:130px;height:184px;margin:auto}
 body #docs .docs>.feat>div:nth-child(2),body #docs .docs>.feat dl,body #docs .docs>.feat .op{grid-column:1}
 body #docs .docs>.feat dl>div{grid-template-columns:1fr;gap:6px}
}