.design-hint{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;column-gap:9px;margin:15px 0}.design-hint b,.design-hint span{display:block;background:#f0f3fb;border-left:1px solid #dfe5f4;border-right:1px solid #dfe5f4;padding-left:12px;padding-right:12px}.design-hint b{padding-top:11px;padding-bottom:3px;border-top:3px solid #314a8a;border-radius:9px 9px 0 0;color:#263f82;font-size:11px}.design-hint span{padding-top:3px;padding-bottom:11px;border-bottom:1px solid #dfe5f4;border-radius:0 0 9px 9px;color:#74809a;font-size:9px}.design-hint b:nth-child(1){grid-column:1;grid-row:1}.design-hint span:nth-child(2){grid-column:1;grid-row:2}.design-hint b:nth-child(3){grid-column:2;grid-row:1;border-top-color:#252525}.design-hint span:nth-child(4){grid-column:2;grid-row:2}.design-hint b:nth-child(5){grid-column:3;grid-row:1;border-top-color:#d99a35}.design-hint span:nth-child(6){grid-column:3;grid-row:2}@media(max-width:700px){.design-hint{display:block}.design-hint b{margin-top:8px}.design-hint span{margin-bottom:8px}}