/* Data source guides (/data and /data/<slug>). Loaded after /poly.css. */

/* Guides quote long identifiers (SQL views, API paths). Let them wrap at 375px. */
.masthead h1,.masthead .lede,.masthead .crumbs,.prose p,.faq-item h3,.faq-item p,.qlist .qt,.qlist .qb{overflow-wrap:anywhere}

.dg-sec{padding:72px 0;border-top:1px solid var(--line2)}
.dg-sec.faqsec{padding-top:72px}
.masthead + .dg-sec{border-top:0}

.dg-steps{
  list-style:none;counter-reset:dg;margin-top:34px;max-width:70ch;
  border-top:1px solid var(--line);
}
.dg-steps li{
  counter-increment:dg;position:relative;
  padding:18px 0 18px 48px;border-bottom:1px solid var(--line2);
  color:var(--ink2);overflow-wrap:anywhere;
}
.dg-steps li::before{
  content:counter(dg);position:absolute;left:0;top:17px;
  font-family:var(--serif);font-size:20px;color:var(--ink);
  width:30px;text-align:left;
}
.dg-steps strong,.prose strong,.dg-note strong{color:var(--ink);font-weight:500}
.dg-steps + .prose{margin-top:10px}

.dg-note{margin-top:24px;max-width:66ch;color:var(--ink2);font-size:15.5px}
.dg-sec code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  font-size:.86em;background:var(--paper3);padding:1px 5px;border-radius:4px;
  overflow-wrap:anywhere;
}

.dg-source{margin-top:34px;font-size:14px;color:var(--muted);max-width:70ch;overflow-wrap:anywhere}
.dg-source a{color:var(--ink2);text-decoration:underline;text-underline-offset:3px}
.dg-source a:hover{color:var(--ink)}

.dg-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.dg-jump a{
  font-size:14px;color:var(--ink2);padding:7px 14px;
  border:1px solid var(--line);border-radius:999px;
  min-height:44px;display:inline-flex;align-items:center;
}
.dg-jump a:hover{color:var(--ink);border-color:var(--ink)}

.dg-cat{padding:56px 0 0}
.dg-cat:last-of-type{padding-bottom:96px}
.dg-cat-head h2{font-size:clamp(26px,3.4vw,36px);font-weight:300}
.dg-cat-head p{margin-top:8px;color:var(--muted);font-size:15.5px;max-width:62ch}
.dg-cat .qlist{margin-top:20px}

@media (max-width:720px){
  .dg-sec{padding:52px 0}
  .dg-sec.faqsec{padding-top:52px}
  .dg-steps li{padding-left:38px}
  .dg-cat{padding-top:44px}
  .dg-cat:last-of-type{padding-bottom:64px}
}