.storageguide-query-grids-root {}
.sgq-home,
.sgq-section {
  --sgq-ink:#101412;
  --sgq-muted:#65716b;
  --sgq-line:#dfe8e1;
  --sgq-soft:#f4faf6;
  --sgq-green:#16824f;
  --sgq-green-dark:#0b5f3c;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--sgq-ink);
}
.sgq-home { display:grid; gap: clamp(40px,6vw,76px); }
.sgq-hero {
  display:grid;
  grid-template-columns: minmax(0,.9fr) minmax(420px,1.1fr);
  gap: clamp(28px,5vw,72px);
  align-items:center;
  padding: clamp(48px,7vw,94px) clamp(24px,5vw,70px);
  border-radius: 0;
  background: radial-gradient(circle at 14% 12%, rgba(22,130,79,.22), transparent 35%), linear-gradient(135deg,#101611,#0b0f0d 62%,#111);
  color:#f7faf4;
}
.sgq-kicker,.sgq-eyebrow { color:#74cca0; text-transform:uppercase; letter-spacing:.14em; font-size:12px; font-weight:950; }
.sgq-hero h1 { margin:.18em 0; max-width:850px; color:#f7faf4; font-size: clamp(48px,7vw,104px); line-height:.95; letter-spacing:-.065em; }
.sgq-hero p { max-width:680px; color:#dce8e0; font-size: clamp(18px,2vw,24px); line-height:1.5; }
.sgq-hero-finder .sgf-finder { margin:0 !important; }
.sgq-section { width:min(calc(100% - 40px),1180px); margin-inline:auto; }
.sgq-section-head { margin-bottom:18px; }
.sgq-section-head h2 { margin:0; font-size: clamp(34px,5vw,68px); line-height:.95; letter-spacing:-.055em; }
.sgq-section-head p { margin:12px 0 0; max-width:760px; color:var(--sgq-muted); font-size:18px; line-height:1.55; }
.sgq-grid { display:grid; grid-template-columns: repeat(var(--sgq-cols,3), minmax(0,1fr)); gap:18px; }
.sgq-card { display:grid; grid-template-rows:auto 1fr; border:1px solid var(--sgq-line); border-radius:28px; overflow:hidden; background:#fff; min-height:100%; }
.sgq-image-link { display:block; background:var(--sgq-soft); text-decoration:none; }
.sgq-card-img,.sgq-image-placeholder { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; }
.sgq-image-placeholder { background:linear-gradient(135deg,#dff1e7,#f8fbf9); }
.sgq-card-body { display:grid; align-content:start; gap:10px; padding:18px; }
.sgq-card h3 { margin:0; font-size:clamp(22px,2.2vw,30px); line-height:1.02; letter-spacing:-.04em; }
.sgq-card h3 a { color:var(--sgq-ink); text-decoration:none; }
.sgq-card p { margin:0; color:#53625a; font-size:15px; line-height:1.5; }
.sgq-read { margin-top:4px; color:var(--sgq-green-dark); font-weight:950; text-decoration:none; }
.sgq-empty { color:var(--sgq-muted); }
@media (max-width: 980px) { .sgq-hero { grid-template-columns:1fr; } .sgq-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width: 620px) { .sgq-section { width:calc(100% - 28px); } .sgq-grid { grid-template-columns:1fr; } .sgq-hero { padding:36px 20px; } .sgq-hero h1 { font-size:44px; } }


/* v1.1: safer simple grid cards for Bricks Code/Shortcode elements. */
.sgq-section { clear: both; }
.sgq-grid { align-items: stretch; }
.sgq-card { min-width: 0; }
.sgq-card-body { min-width: 0; }
.sgq-eyebrow { display: block; margin: 0 0 2px; }
.sgq-card h3, .sgq-card p { min-width: 0; overflow-wrap: anywhere; }
.sgq-card-img, .sgq-image-placeholder { border-bottom: 1px solid var(--sgq-line); }
.sgq-finder-strip { width: min(calc(100% - 40px), 1180px); margin-inline: auto; }
.sgq-finder-strip .sgf-finder { margin: 0 !important; }