/* ============================================================
   AragoCor Minerals — search landing pages
   Layered on top of industry-pages.css and industry-detail.css,
   which supply the token block and the shared hero, card, spec
   and table components. Only the parts those two do not cover
   live here: the figure strip, the FAQ accordion, the checklist
   and the related-guide grid.
   ============================================================ */

/* ---------- Key-figure strip ---------- */
.lp-figures{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:1px;background:hsl(var(--border));border:1px solid hsl(var(--border));border-radius:3px;overflow:hidden}
.lp-figure{background:hsl(var(--card));padding:1.25rem 1.25rem 1.35rem}
.lp-figure dt{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.12em;color:hsl(var(--muted-foreground));margin:0}
.lp-figure dd{margin:.5rem 0 0;font-family:var(--font-display);font-size:1.375rem;font-weight:600;letter-spacing:-.01em;color:hsl(var(--foreground));line-height:1.15}
.lp-figure p{margin:.4rem 0 0;font-size:.8125rem;line-height:1.5;color:hsl(var(--muted-foreground))}

/* ---------- Checklist ---------- */
.lp-checklist{margin-top:2rem;padding:0;list-style:none;display:grid;gap:.85rem;max-width:54rem}
.lp-checklist li{position:relative;padding-left:1.75rem;font-size:.9375rem;line-height:1.6;color:hsl(var(--muted-foreground))}
.lp-checklist li::before{content:"";position:absolute;left:.25rem;top:.6em;width:.5rem;height:.5rem;border-radius:50%;background:hsl(var(--accent))}
.lp-checklist strong{color:hsl(var(--foreground));font-weight:600}

/* ---------- FAQ ---------- */
/* Built on <details> so every answer ships in the served HTML and matches the
   FAQPage block in the head, whether or not JavaScript runs. */
.lp-faq{margin-top:2rem;max-width:58rem;border-top:1px solid hsl(var(--border))}
.lp-faq__item{border-bottom:1px solid hsl(var(--border))}
.lp-faq__q{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.35rem 0;cursor:pointer;list-style:none}
.lp-faq__q::-webkit-details-marker{display:none}
.lp-faq__q:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:3px}
.lp-faq__q h3{font-size:1.0625rem;line-height:1.3;margin:0;transition:color .2s}
.lp-faq__item:hover .lp-faq__q h3{color:hsl(var(--accent))}
.lp-faq__mark{position:relative;flex:0 0 auto;width:14px;height:14px;margin-top:.35rem}
.lp-faq__mark::before,.lp-faq__mark::after{content:"";position:absolute;background:hsl(var(--accent))}
.lp-faq__mark::before{top:6px;left:0;width:14px;height:2px}
.lp-faq__mark::after{top:0;left:6px;width:2px;height:14px;transition:transform .22s ease,opacity .22s ease}
.lp-faq__item[open] .lp-faq__mark::after{transform:scaleY(0);opacity:0}
.lp-faq__a{padding:0 0 1.35rem;max-width:52rem}
.lp-faq__a p{margin:0;font-size:.9375rem;line-height:1.65;color:hsl(var(--muted-foreground))}
.lp-faq__a p + p{margin-top:.75rem}

/* ---------- Related guides ---------- */
.lp-related{margin-top:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(16rem,100%),1fr));gap:1rem}
.lp-related__item{display:block;padding:1.35rem;border:1px solid hsl(var(--border));border-radius:3px;background:hsl(var(--card));color:hsl(var(--foreground));transition:border-color .2s,box-shadow .2s}
.lp-related__item:hover{border-color:hsl(var(--accent));box-shadow:var(--shadow-soft);color:hsl(var(--foreground))}
.lp-related__kind{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.12em;color:hsl(var(--accent))}
.lp-related__item h3{font-size:1.0625rem;margin:.6rem 0 .45rem}
.lp-related__item p{margin:0;font-size:.875rem;line-height:1.55;color:hsl(var(--muted-foreground))}

@media(max-width:520px){.lp-figure{padding:1.1rem}}