/* V1 editorial system — bespoke pieces for the book-metadata preview tool.
   Structural chrome (workspace/fields) lives in v1-tools.css; this file
   only styles the three simulated preview cards and the code block that
   metadatos-libro.js fills via its data-* hooks. The Google card keeps a
   real white background/blue link — it is imitating an actual SERP result,
   not a V1 surface, so it is exempt from the paper/ink palette on purpose. */
html.v1 .meta-preview-stack{display:grid;gap:1.25rem}
html.v1 .meta-card{border:1px solid var(--color-border);overflow:hidden}
html.v1 .meta-card__label{margin:0;padding:.6rem .9rem;font:600 .68rem/1.4 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);border-bottom:1px solid var(--color-border)}
html.v1 .meta-google{padding:1rem;background:#fff;color:#202124}
html.v1 .meta-google__url{font:400 .86rem/1.4 var(--font-ui);color:#202124;overflow-wrap:anywhere}
html.v1 .meta-google__title{margin:.25rem 0;color:#1a0dab;font:400 1.25rem/1.3 arial,sans-serif}
html.v1 .meta-google__desc{margin:0;color:#4d5156;font:400 .92rem/1.45 arial,sans-serif}
html.v1 .meta-social-image{display:block;width:100%;aspect-ratio:1.91/1;object-fit:cover;background:var(--surface-quiet)}
html.v1 .meta-social-body{padding:.9rem}
html.v1 .meta-social-body strong{display:block;font:600 1.02rem/1.3 var(--font-ui)}
html.v1 .meta-social-body p{margin:.4rem 0 0;font:400 .9rem/1.5 var(--font-reading);color:var(--color-muted)}

@media print{
  html.v1 .meta-card,html.v1 .meta-code{background:#fff!important;color:#000!important;border-color:#bbb!important}
}