/* Sample report card for the homepage. Copied from product.css (.report-sample rules) so the
   homepage gets the card without loading the whole product stylesheet. */
.home-sample{padding-top:20px;padding-bottom:110px}
.home-sample .report-sample{margin-top:0}
.report-sample{border:1px solid #080808;background:#f6f9ff;box-shadow:10px 10px 0 #0000FF}
.sample-bar{display:flex;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #080808;font:10px 'DM Mono',monospace;letter-spacing:.08em}
.sample-bar a{color:#0000FF}
.sample-main{display:grid;grid-template-columns:2fr 1fr 1fr;padding:38px 30px;gap:20px}
.sample-main div{display:flex;flex-direction:column}
.sample-label,.sample-grid span{font:10px 'DM Mono',monospace;letter-spacing:.09em}
.sample-main strong{font:600 34px 'Playfair Display',Georgia,serif;margin:10px 0 4px}
.sample-main div>span:last-child{font-size:12px}
.sample-rule{border-top:1px solid #080808}
.sample-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.sample-grid div{padding:19px 30px;border-right:1px solid #080808}
.sample-grid div:last-child{border:0}
.sample-grid b{display:block;margin-top:8px;font-size:14px}
@media(max-width:760px){.home-sample{padding-bottom:80px}.sample-bar{font-size:8px}.sample-main{grid-template-columns:1fr 1fr;padding:22px;gap:22px}.sample-main div:first-child{grid-column:1/-1}.sample-main strong{font-size:27px}.sample-grid{display:block}.sample-grid div{border-right:0;border-top:1px solid #080808;padding:14px 22px}.sample-grid div:last-child{border-top:1px solid #080808}}