/* ============================================================
   CV Builder Online — cover.css
   Cover letter layouts. Reuses the .page A4 + print system
   from builder.css (must be loaded after it).
   ============================================================ */

.cl-inner{padding:16mm 17mm;display:flex;flex-direction:column;min-height:100%}

/* Sender block */
.cl-sender-name{font-size:1.9em;font-weight:800;color:#141C2E;line-height:1.15}
.cl-sender-title{color:var(--acc);font-weight:600;margin-top:1mm}
.cl-sender-contact{
  display:flex;flex-wrap:wrap;gap:1.5mm 6mm;margin-top:2.6mm;
  font-size:.82em;color:#4A5570;
}
.cl-rule{height:.6mm;background:var(--acc);margin:6mm 0;border:none}

.cl-date{font-size:.9em;color:#4A5570;margin-bottom:5mm}
.cl-recipient{font-size:.95em;color:#1C2536;line-height:1.5;margin-bottom:6mm}
.cl-recipient b{font-weight:700}
.cl-re{font-weight:700;color:#141C2E;margin-bottom:5mm}
.cl-re span{color:var(--acc)}
.cl-greeting{margin-bottom:4mm;font-weight:600}
.cl-body{white-space:pre-wrap;color:#2A3450;font-size:.97em;flex:1}
.cl-closing{margin-top:7mm}
.cl-closing .sign{font-family:inherit;font-weight:700;font-size:1.15em;color:#141C2E;margin-top:6mm}

/* ---------- Style variants ---------- */

/* classic: neutral, thin grey rule */
.cl-classic .cl-sender-title{color:#3B455E}
.cl-classic .cl-rule{background:#C9D0DE;height:.3mm}
.cl-classic .cl-re span{color:#141C2E}

/* modern (default): accent rule — base styles already do this */

/* bold: full accent header band */
.cl-bold .cl-head{
  background:var(--acc);color:#fff;margin:-16mm -17mm 8mm;padding:14mm 17mm 10mm;
}
.cl-bold .cl-sender-name,.cl-bold .cl-sender-title{color:#fff}
.cl-bold .cl-sender-title{opacity:.92}
.cl-bold .cl-sender-contact{color:rgba(255,255,255,.88)}
.cl-bold .cl-rule{display:none}

/* elegant: hairline left rule on the RE line, uppercase title */
.cl-elegant .cl-sender-title{text-transform:uppercase;letter-spacing:.08em;font-size:.86em}
.cl-elegant .cl-rule{width:22mm;margin:5mm 0 6mm}
.cl-elegant .cl-re{border-left:1mm solid var(--acc);padding-left:3.4mm}

/* minimal: airy, no rules */
.cl-minimal .cl-rule{display:none}
.cl-minimal .cl-sender-name{font-weight:600}
.cl-minimal .cl-sender-title{color:#141C2E;font-weight:500}
.cl-minimal .cl-head{margin-bottom:9mm}
.cl-minimal .cl-re span{color:#141C2E}

/* letter body slightly larger line rhythm */
.page.cletter{line-height:calc(1.6 * var(--sp,1))}