/* ===========================================================================
   Rapoarte publice de exemplu
   --------------------------------------------------------------------------
   Antet de raport, metrici, componente, dovezi, buclă de conversie.
   Comun celor două pagini de exemplu.
   =========================================================================== */

.report-hero{padding:60px 0 44px;position:relative;overflow:hidden}
.rh-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.rh-domain{font-family:var(--mono);font-size:27px;letter-spacing:-.02em}
.rh-cat{color:var(--muted);font-size:14.5px;margin-top:8px}
.rh-meta{text-align:right}
@media(max-width:700px){.rh-top{flex-direction:column;gap:18px}.rh-meta{text-align:left}}
.score-block{margin-top:44px}
.metrics-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--line);gap:1px}
@media(max-width:900px){.metrics-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.metric{padding:16px}}
.metric{background:var(--surface);padding:20px}
.metric .ml{font-size:9.5px;color:var(--dim);font-family:var(--mono);line-height:1.4;text-transform:uppercase;letter-spacing:.16em}
.metric .mv{font-family:var(--mono);font-size:24px;margin-top:9px;letter-spacing:-.03em}
.comp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
@media(max-width:900px){.comp-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:520px){.comp-grid{grid-template-columns:repeat(2,1fr)}}
.comp{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:17px}
.comp .cl{font-size:9.5px;color:var(--dim);font-family:var(--mono);line-height:1.5;min-height:30px;text-transform:uppercase;letter-spacing:.14em}
.comp .cv{font-family:var(--mono);font-size:19px;margin-top:10px}
.comp .cv small{font-size:11px;color:var(--dim)}
.comp .ct{height:4px;background:var(--surface-2);border-radius:2px;margin-top:11px;overflow:hidden}
.comp .ct i{display:block;height:100%;border-radius:2px}
.evidence{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden;margin-top:14px}
.evidence summary{list-style:none;cursor:pointer;padding:16px 20px;font-size:14.5px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.evidence summary::-webkit-details-marker{display:none}
.evidence[open] summary{border-bottom:1px solid var(--line)}
.ev-open{color:var(--violet-hi);font-size:13px;white-space:nowrap}
.ev-body{padding:20px;font-size:14.5px;color:var(--muted);line-height:1.68}
.ev-meta{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--dim);
  padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.ev-body mark{background:rgba(124,92,255,.18);color:#BFD1FF;padding:1px 4px;border-radius:3px}
/* Cele trei clasamente: coloane pe desktop, randuri pe telefon. */
.engine-split{display:grid;grid-template-columns:repeat(3,1fr)}
.es-col{padding:18px 20px;border-right:1px solid var(--line)}
.es-col:last-child{border-right:none}
@media(max-width:700px){
  .engine-split{grid-template-columns:1fr}
  .es-col{border-right:none;border-bottom:1px solid var(--line)}
  .es-col:last-child{border-bottom:none}
}
.cta-loop{text-align:center;padding:96px 0;position:relative;overflow:hidden}
.cta-loop h2{margin:0 auto;max-width:18ch}
.cta-loop .domain-form{margin:36px auto 0}
.cta-loop .field-note{text-align:center}
.rh-domain{font-family:var(--mono);font-size:24px;letter-spacing:-.02em;word-break:break-all}