/* Data tables and source blocks added by the rebuild (site-extra.css). */
.cf-table{width:100%;border-collapse:collapse;margin:0 0 1.4em;font-size:.96rem}
.cf-table caption{caption-side:top;text-align:left;color:var(--cl-muted);
  font-size:.86rem;margin-bottom:10px}
.cf-table th,.cf-table td{border-bottom:1px solid var(--cl-line);padding:10px 12px;
  text-align:left;vertical-align:top}
.cf-table th[scope="row"]{width:34%;color:var(--cl-muted);text-transform:uppercase;
  letter-spacing:.08em;font-size:.74rem;font-weight:600}
.cf-table td{color:var(--cl-ink)}
.cf-table thead th{color:var(--cl-gold);text-transform:uppercase;letter-spacing:.12em;
  font-size:.74rem}
.cf-az tr:hover td{background:rgba(157,108,216,.08)}
.cf-na{color:var(--cl-muted);font-style:italic}
.cf-note{color:var(--cl-muted);font-size:.95rem}
.cf-source{color:var(--cl-muted);font-size:.9rem}
.cf-srcblock{border-top:1px dashed var(--cl-line);padding-top:14px}
.cf-contact{font-size:1.3rem}
.cl-prose.has-image{max-width:760px}

/* w2b review-agent fix: the two numbered imagery defects (home hero band, mineral
   detail scene-of-use banner). The live sheet had no rule for .cl-hero, and the
   pre-existing .cl-prose.has-image rule was never applied to markup. Nothing else
   in either sheet changes. */
.cl-hero-band{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  gap:36px;align-items:center}
.cl-hero-copy{min-width:0}
.cl-hero-media{margin:0}
.cl-hero-media img{display:block;width:100%;height:auto;border-radius:var(--cl-radius);
  border:1px solid var(--cl-line-strong);box-shadow:var(--cl-shadow)}
.cl-detail-banner{float:right;width:min(288px,38%);margin:0 0 20px 26px}
.cl-detail-banner img{display:block;width:100%;height:auto;border-radius:var(--cl-radius);
  border:1px solid var(--cl-line-strong)}
.cl-prose::after{content:"";display:table;clear:both}
@media (max-width:767px){
  .cl-hero-band{grid-template-columns:1fr;gap:22px}
  .cl-detail-banner{float:none;width:100%;max-width:420px;margin:0 0 20px}
  .cl-hero-media img,.cl-detail-banner img{max-width:100%}
}
@media print{
  .cl-hero-media{display:none}
  .cl-detail-banner{float:none;width:100%;margin:0 0 12pt}
}