/* CV preview v1 (paper-in-dark layout)
   Depends on: STYLE_TOKENS_V1.css
   Goal: make on-screen preview match PDF-friendly typography without forcing the whole app to light theme.
*/

.cv-shell{max-width:var(--content-max);margin:0 auto;padding:var(--s6) var(--s4)}

.cv-paper{
  background:var(--paper-bg);
  color:var(--paper-text);
  border:1px solid var(--paper-border);
  border-radius:14px;
  padding:28px;
  box-shadow: var(--shadow-2);
}

.cv-paper a{color:var(--paper-accent)}
.cv-paper a:hover{text-decoration:underline}
.cv-paper a:focus-visible{outline:none;box-shadow:var(--focus-strong);border-radius:8px}

.cv-h1{font-size:26px;line-height:1.15;margin:0 0 8px 0;letter-spacing:-0.01em}
.cv-lede{margin:0 0 14px 0;color:var(--paper-muted);font-size:13px;line-height:1.4}

.cv-grid{display:grid;grid-template-columns: 1.25fr 0.75fr;gap:18px;align-items:start}

.cv-section{margin-top:18px}
.cv-section__title{font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--paper-muted);margin:0 0 8px 0}

.cv-role{padding:12px 0;border-top:1px solid var(--paper-border)}
.cv-role:first-of-type{border-top:none;padding-top:0}
.cv-role__title{margin:0;font-weight:700;font-size:14px;line-height:1.25}
.cv-role__meta{margin:4px 0 0 0;color:var(--paper-muted);font-size:12.5px}
.cv-role__bullets{margin:8px 0 0 18px}
.cv-role__bullets li{margin:6px 0}

.cv-pill{display:inline-block;border:1px solid var(--paper-border);border-radius:999px;padding:3px 8px;font-size:11.5px;color:var(--paper-muted);margin:0 6px 6px 0}

/* Print: remove shadows and force full-width paper */
@media print{
  body{background:#fff}
  .topbar,.board,.cv-shell{padding:0 !important}
  .cv-paper{box-shadow:none;border:none;border-radius:0;padding:0}
}

/* Small screens: single column */
@media (max-width: 860px){
  .cv-grid{grid-template-columns:1fr}
}