/* auditicus-home-boxes-v3.css (speed-ui) - two boxes side by side on the home page (speed test + quick browser check).
 * Built on classes of auditicus-home3d-v3.css (h3-cta, h3-cta-box, h3-cta-text, h3-cta-button, h3-ico-cat); only the grid and the result rows are new. */
.h3-homeboxes .hb-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
@media (min-width:768px){.h3-homeboxes .hb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.h3-homeboxes .hb-card{flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:start;gap:14px;padding:22px 24px;height:100%;box-sizing:border-box}
.h3-homeboxes .hb-card .h3-ico-cat{align-self:flex-start}
.h3-homeboxes .hb-card .h3-cta-text{flex:1 1 auto}
.h3-homeboxes .hb-card .h3-cta-text h2,.h3-homeboxes .hb-card .h3-cta-text p{text-align:start}
.h3-homeboxes .hb-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:auto}
.h3-homeboxes .hb-actions .h3-cta-button{white-space:normal;text-align:center;border:0;font-family:inherit;cursor:pointer}
.h3-homeboxes .hb-actions .h3-cta-button[hidden]{display:none}
.h3-homeboxes .hb-actions .h3-cta-button:disabled{opacity:.75;cursor:progress}
.h3-homeboxes .hb-full{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:999px;border:2px solid #b9c6de;background:#fff;color:#14233f;font-weight:800;font-size:15px;text-decoration:none;text-align:center}
.h3-homeboxes .hb-full:hover{border-color:#14233f}
.h3-homeboxes .hb-actions .h3-cta-button:focus-visible,.h3-homeboxes .hb-full:focus-visible{outline:3px solid #2f7bff;outline-offset:3px}
.h3-homeboxes .hb-rows{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
.h3-homeboxes .hb-rows:empty{display:none}
.h3-homeboxes .hb-row{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.45;color:#14233f}
.h3-homeboxes .hb-row>div{min-width:0;overflow-wrap:anywhere}
.h3-homeboxes .hb-row strong{display:block;font-weight:800}
.h3-homeboxes .hb-line{display:block}
.h3-homeboxes .hb-chip{flex:none;min-width:58px;text-align:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.02em}
.h3-homeboxes .hb-ok{background:#d9f5e3;color:#14683a}
.h3-homeboxes .hb-warn{background:#fff1cf;color:#8a5600}
.h3-homeboxes .hb-info{background:#dbe9ff;color:#174fb0}
.h3-homeboxes .hb-note{font-size:12px;color:#44526d}

/* ---- speed-ui ---- */
.h3-homeboxes .hb-actions .h3-cta-button[hidden],.h3-homeboxes .hb-full[hidden]{display:none}
.h3-homeboxes .hb-rows{margin-top:6px}
.h3-homeboxes .hb-row{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:12px;align-items:start;font-size:14px;line-height:1.45}
.h3-homeboxes .hb-ic{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;line-height:1;font-style:normal}
.h3-homeboxes .hb-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.h3-homeboxes .hb-gslot{margin-top:2px}
.h3-homeboxes .hb-gslot[hidden]{display:none}
.h3-homeboxes .hb-gslot .sc-gauge{margin:0 auto 6px}
@media (max-width:767px){
  .h3-homeboxes .hb-card{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:12px;row-gap:8px;align-items:start;padding:16px 16px 18px;height:auto}
  .h3-homeboxes .hb-card .h3-ico-cat{width:56px;height:56px;align-self:start;grid-column:1;grid-row:1}
  .h3-homeboxes .hb-card .h3-cta-text{grid-column:2;grid-row:1;min-width:0}
  .h3-homeboxes .hb-card .h3-cta-text h2{margin-top:0;font-size:20px;line-height:1.2}
  .h3-homeboxes .hb-card>.hb-rows,.h3-homeboxes .hb-card>.hb-gslot,.h3-homeboxes .hb-card>.hb-actions{grid-column:1 / -1}
  /* result rows: status icon centred under the big box icon (same 56px column), result text starts at the left edge of the heading text above */
  .h3-homeboxes .hb-row{grid-template-columns:56px minmax(0,1fr);column-gap:12px;align-items:start;text-align:start}
  .h3-homeboxes .hb-row>.hb-ic{justify-self:center;margin-top:1px}
  .h3-homeboxes .hb-row>div{text-align:start}
  .h3-homeboxes .hb-actions{justify-content:center;margin-top:6px}
  .h3-homeboxes .hb-actions .h3-cta-button,.h3-homeboxes .hb-full{margin-left:auto;margin-right:auto}
}
.h3-homeboxes .hb-card .h3-cta-text{flex:0 0 auto}

/* buttons centred in both boxes (operator order 30.10, 386.3) */
.h3-homeboxes .hb-actions{justify-content:center}
/* L6 (operator 01.11): speed box, heading to the right of the icon on wide screens (phones: rule above) */
@media (min-width:768px){
  .h3-homeboxes #internet-speed-box.hb-card{display:grid;grid-template-columns:68px minmax(0,1fr);column-gap:16px;row-gap:14px;align-items:start;text-align:start}
  .h3-homeboxes #internet-speed-box.hb-card .h3-ico-cat{grid-column:1;grid-row:1;align-self:start}
  .h3-homeboxes #internet-speed-box.hb-card .h3-cta-text{grid-column:2;grid-row:1;min-width:0}
  .h3-homeboxes #internet-speed-box.hb-card>.hb-rows,.h3-homeboxes #internet-speed-box.hb-card>.hb-gslot,.h3-homeboxes #internet-speed-box.hb-card>.hb-actions{grid-column:1 / -1}
}