/* CV page styles. Only plain boxes, borders, text, images and simple svg icons are used,
   because the PDF writer redraws exactly what is laid out here. */
.cv, .cv * { box-sizing: border-box; margin: 0; padding: 0; }
.cv {
  position: relative; width: 794px; background: transparent; color: var(--ink, #000);
  font-family: var(--bf); font-size: var(--fs, 13px); line-height: 1.45;
  font-kerning: none; font-variant-ligatures: none; font-synthesis: none; text-rendering: optimizeSpeed;
  -webkit-text-size-adjust: none; text-size-adjust: none; overflow-wrap: break-word; text-align: left;
}
.cv .pg-spacer { display: block; width: 1px; }
.cv .ic { width: 13px; height: 13px; flex: none; fill: currentColor; display: inline-block; vertical-align: middle; }
.cv .photo { display: block; width: 140px; height: 140px; border-radius: 50%; }
.cv .photo.ps-rounded { border-radius: 14px; }
.cv .photo.ps-square { border-radius: 0; }

/* ---------- shared modern pieces ---------- */
.cv .nm { font-family: var(--nf); font-weight: var(--nw); text-transform: var(--ntt); letter-spacing: var(--nls); font-size: calc(34px * var(--k, 1)); line-height: 1.12; color: var(--ink); }
.cv .ttl { font-family: var(--hf); color: var(--accent); font-size: calc(14px * var(--k, 1)); letter-spacing: 2px; text-transform: uppercase; margin-top: 6px; font-weight: 400; }
.cv .h { display: flex; align-items: center; margin: 22px 0 10px; font-family: var(--hf); font-weight: 700; font-size: calc(14px * var(--k, 1));
  letter-spacing: 1.5px; text-transform: var(--htt); color: var(--accent); line-height: 1.3; }
.cv .h .h-l, .cv .h .h-r, .cv .h .h-mark { display: none; }
.cv.hs-rule .h { border-bottom: 1.5px solid var(--line); padding-bottom: 5px; }
.cv.hs-bar .h .h-mark { display: block; width: 5px; height: 18px; background: var(--accent); margin-right: 10px; flex: none; }
.cv.hs-fill .h { background: var(--accent); color: #fff; padding: 5px 10px; }
.cv.hs-dot .h .h-mark { display: block; width: 10px; height: 10px; border-radius: 2px; background: var(--accent); margin-right: 10px; flex: none; }
.cv.hs-short .h { flex-direction: column; align-items: flex-start; }
.cv.hs-short .h .h-mark { display: block; order: 2; width: 34px; height: 3px; background: var(--accent); margin-top: 6px; }
.cv.hs-lines .h { justify-content: center; }
.cv.hs-lines .h .h-l, .cv.hs-lines .h .h-r { display: block; flex: 1; height: 1px; background: var(--line); }
.cv.hs-lines .h .h-t { padding: 0 14px; }

.cv .p { font-size: var(--fs); line-height: 1.55; }
.cv .ent { margin-top: 14px; }
.cv .h + .ent { margin-top: 0; }
.cv .ent-top { display: flex; justify-content: space-between; align-items: baseline; }
.cv .ent-t { font-weight: 700; font-size: calc(14px * var(--k, 1)); color: var(--ink); line-height: 1.35; flex: 1; padding-right: 12px; }
.cv .ent-dt { font-size: calc(12px * var(--k, 1)); color: var(--muted); white-space: nowrap; flex: none; }
.cv .ent-s { color: var(--accent2); font-size: calc(13px * var(--k, 1)); line-height: 1.4; }
.cv .ent-n { color: var(--muted); font-size: calc(12px * var(--k, 1)); line-height: 1.45; margin-top: 2px; }
.cv .ent-x { color: var(--muted); font-size: calc(12px * var(--k, 1)); margin-top: 3px; }
.cv .bul { display: flex; font-size: var(--fs); line-height: 1.45; margin-top: 2px; }
.cv .ent + .bul { margin-top: 4px; }
.cv .bul .b { width: 14px; flex: none; color: var(--accent); }
.cv .bul .bt { flex: 1; }
.cv .bul2 { display: flex; }
.cv .bul2 .bul { flex: 1; padding-right: 12px; }
.cv .kvrow { display: flex; margin-top: 4px; }
.cv .kv { flex: 1; display: flex; font-size: calc(12.5px * var(--k, 1)); line-height: 1.4; padding-right: 12px; }
.cv .kv .k { width: 112px; flex: none; color: var(--muted); }
.cv .kv .v { flex: 1; color: var(--ink); }
.cv .chips { display: flex; flex-wrap: wrap; margin-top: -2px; }
.cv .chip { display: inline-block; background: var(--tint); color: var(--ink); border-radius: 12px; padding: 3px 11px; font-size: calc(12px * var(--k, 1)); line-height: 1.4; margin: 5px 7px 0 0; }
.cv .refrow { display: flex; margin-top: 8px; }
.cv .h + .refrow { margin-top: 0; }
.cv .ref { flex: 1; padding-right: 14px; font-size: calc(12.5px * var(--k, 1)); line-height: 1.45; }
.cv .ref-n { font-weight: 700; font-size: calc(13px * var(--k, 1)); }
.cv .ref-r { color: var(--accent2); }
.cv .ref-c { color: var(--muted); }
.cv .decl .p { font-size: calc(12.5px * var(--k, 1)); }
.cv .sig { display: flex; align-items: flex-end; margin-top: 26px; font-size: calc(12.5px * var(--k, 1)); }
.cv .sig-k { flex: none; color: var(--muted); margin-right: 8px; }
.cv .sig-l { width: 200px; border-bottom: 1px solid var(--ink); margin-right: 26px; height: 16px; }
.cv .sig-l.sig-d { width: 130px; }
.cv .ci { display: inline-flex; align-items: center; white-space: nowrap; }
.cv .ci .ic { margin-right: 6px; }

/* ---------- CLASSIC (South African traditional) ---------- */
.f-classic { font-family: "F-pagella", serif; font-size: calc(14.67px * var(--k, 1)); line-height: calc(17.6px * var(--k, 1)); color: #000; }
.f-classic .col { padding: 98px 85px 60px; }
.f-classic .u { text-decoration: underline; }
.f-classic .c-title { text-align: center; padding-bottom: 6px; }
.f-classic .c-cv, .f-classic .c-of { font-weight: 700; font-size: calc(16px * var(--k, 1)); line-height: calc(20px * var(--k, 1)); }
.f-classic .c-cv { margin-bottom: 11px; }
.f-classic .c-of { margin-bottom: 9px; }
.f-classic .c-name { font-family: "F-carlito", sans-serif; font-size: calc(26.7px * var(--k, 1)); line-height: calc(32px * var(--k, 1)); margin-bottom: 22px; }
.f-classic .c-h { border: 1px solid #000; text-align: center; font-weight: 700; padding: 1px 0 2px; margin: 21px 0 18px; }
.f-classic.shade .c-h { background: var(--shade); }
.f-classic .c-title + .c-h { margin-top: 0; }
.f-classic .c-row { display: flex; }
.f-classic .c-row.c-gap { margin-top: calc(17.6px * var(--k, 1)); }
.f-classic .c-l { width: 287px; flex: none; padding-left: 8px; padding-right: 3px; display: flex; }
.f-classic .c-lt { flex: none; white-space: nowrap; }
.f-classic .lead { flex: 1 1 0; min-width: 0; overflow: hidden; white-space: nowrap; margin-left: 5px; color: #8a8a8a; direction: rtl; text-align: right; }
.f-classic .c-v { flex: 1; padding-left: 8px; text-indent: -8px; }
.f-classic .c-p { padding: 0 8px; }
.f-classic .c-sig { display: flex; align-items: flex-end; margin-top: 30px; padding: 0 8px; }
.f-classic .c-sl { width: 190px; border-bottom: 1px solid #000; height: 16px; margin: 0 24px 0 6px; }
.f-classic .c-sl.c-sd { width: 120px; }

/* ---------- SIDEBAR ---------- */
.f-sidebar .wrap { display: flex; align-items: flex-start; }
.f-sidebar.side-right .wrap { flex-direction: row-reverse; }
.f-sidebar .side { width: 262px; flex: none; padding: 44px 26px 30px; color: var(--sideInk); }
.f-sidebar .main { flex: 1; padding: 50px 40px 30px 38px; min-width: 0; }
.f-sidebar .ph { display: flex; justify-content: center; margin-bottom: 8px; }
.f-sidebar .photo { width: 150px; height: 150px; border: 4px solid var(--sideLine); }
.f-sidebar .mono { width: 120px; height: 120px; border-radius: 50%; border: 2px solid var(--sideAccent); display: flex; align-items: center; justify-content: center;
  font-family: var(--nf); font-size: calc(40px * var(--k, 1)); font-weight: 700; letter-spacing: 2px; color: var(--sideInk); }
.f-sidebar .sh { margin: 24px 0 10px; padding-bottom: 6px; border-bottom: 1px solid var(--sideLine); font-family: var(--hf); font-weight: 700;
  font-size: calc(13px * var(--k, 1)); letter-spacing: 2px; text-transform: uppercase; color: var(--sideInk); }
.f-sidebar .si { display: flex; align-items: flex-start; font-size: calc(12.5px * var(--k, 1)); line-height: 1.4; margin-top: 8px; }
.f-sidebar .si .ic { color: var(--sideAccent); margin: 2px 10px 0 0; }
.f-sidebar .si .st { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.f-sidebar .skv { margin-top: 7px; }
.f-sidebar .sk { font-size: calc(10.5px * var(--k, 1)); letter-spacing: 1px; text-transform: uppercase; color: var(--sideMuted); line-height: 1.3; }
.f-sidebar .sv { font-size: calc(12.5px * var(--k, 1)); line-height: 1.35; }
.f-sidebar .sl { margin-top: 6px; font-size: calc(12.5px * var(--k, 1)); line-height: 1.35; }
.f-sidebar .sl .slx { display: block; font-size: calc(11px * var(--k, 1)); color: var(--sideMuted); }
.f-sidebar .sb { display: flex; font-size: calc(12.5px * var(--k, 1)); line-height: 1.4; margin-top: 5px; }
.f-sidebar .sb .b { width: 14px; flex: none; color: var(--sideAccent); }
.f-sidebar .sb .bt { flex: 1; }
.f-sidebar .hdr { margin-bottom: 6px; }
.f-sidebar .main .nm { font-size: calc(33px * var(--k, 1)); }
.f-sidebar.t-charcoal .main .nm { font-size: calc(31px * var(--k, 1)); }

/* ---------- BANNER ---------- */
.f-banner .top { background: var(--banner); color: var(--bannerInk); padding: 40px 56px 34px; display: flex; align-items: center; }
.f-banner .top .photo { width: 124px; height: 124px; border: 3px solid var(--bannerInk); margin-right: 30px; flex: none; }
.f-banner .top-t { flex: 1; min-width: 0; }
.f-banner .nm { color: var(--bannerInk); font-size: calc(36px * var(--k, 1)); }
.f-banner .ttl { color: var(--bannerSub); }
.f-banner .cts { display: flex; flex-wrap: wrap; margin-top: 12px; font-size: calc(12.5px * var(--k, 1)); color: var(--bannerInk); }
.f-banner .cts .ci { margin: 6px 22px 0 0; white-space: normal; }
.f-banner .cts .ic { color: var(--bannerSub); }
.f-banner .stripe { display: flex; height: 8px; }
.f-banner .stripe i { flex: 1; display: block; height: 8px; }
.f-banner .stripe .s1 { background: #007A4D; } .f-banner .stripe .s2 { background: #FFB612; } .f-banner .stripe .s3 { background: #DE3831; }
.f-banner .stripe .s4 { background: #002395; } .f-banner .stripe .s5 { background: #000000; }
.f-banner .body { padding: 10px 56px 30px; }
.f-banner.t-bold .h { color: var(--ink); }

/* ---------- LEFT COLUMN HEADINGS ---------- */
.f-leftcol .hd { padding: 54px 60px 22px 60px; border-bottom: 2px solid var(--accent); margin: 0 0 4px; }
.f-leftcol.t-swiss .hd { padding-left: 64px; }
.f-leftcol .nm { font-size: calc(38px * var(--k, 1)); }
.f-leftcol .cts { display: flex; flex-wrap: wrap; margin-top: 10px; font-size: calc(12.5px * var(--k, 1)); color: var(--muted); }
.f-leftcol .cts .ci { margin: 4px 20px 0 0; white-space: normal; }
.f-leftcol .cts .ic { color: var(--accent); }
.f-leftcol .body { padding: 0 60px 30px 60px; }
.f-leftcol.t-swiss .body { padding-left: 64px; }
.f-leftcol .lr { display: flex; }
.f-leftcol .lr.first { border-top: 1px solid var(--line); margin-top: 16px; padding-top: 14px; }
.f-leftcol .body > .lr.first:first-child { border-top: 0; }
.f-leftcol .lh { width: 150px; flex: none; padding-right: 16px; font-family: var(--hf); font-weight: 700; font-size: calc(11.5px * var(--k, 1)); letter-spacing: 1.5px;
  text-transform: uppercase; color: var(--accent); line-height: 1.5; padding-top: 1px; }
.f-leftcol .lc { flex: 1; min-width: 0; }
.f-leftcol .lc.ent { margin-top: 12px; }
.f-leftcol .lr.first .lc.ent { margin-top: 0; }
.f-leftcol .lc.kvrow, .f-leftcol .lc.refrow { margin-top: 4px; }
.f-leftcol .lr.first .lc.kvrow, .f-leftcol .lr.first .lc.refrow { margin-top: 0; }
.f-leftcol .kv .k { width: 104px; }

/* ---------- CENTERED ---------- */
.f-centered .hd { padding: 58px 64px 18px; text-align: center; }
.f-centered .nm { font-size: calc(40px * var(--k, 1)); }
.f-centered .ttl { margin-top: 8px; }
.f-centered .cts { margin-top: 12px; font-size: calc(12.5px * var(--k, 1)); color: var(--muted); display: flex; flex-wrap: wrap; justify-content: center; }
.f-centered .cts .ci { white-space: normal; margin-top: 3px; }
.f-centered .cts .ic { display: none; }
.f-centered .cts .sep { margin: 3px 10px 0; color: var(--line); }
.f-centered .body { padding: 0 64px 30px; }
.f-centered.t-garamond .nm { font-size: calc(36px * var(--k, 1)); }
.f-centered.t-garamond .ent-t, .f-centered.t-garamond .ref-n { font-size: calc(15px * var(--k, 1)); }
.f-centered.t-garamond .ent-s, .f-centered.t-garamond .ent-n, .f-centered.t-garamond .kv, .f-centered.t-garamond .ref { font-size: calc(13.5px * var(--k, 1)); }
.f-centered.t-garamond .h { font-size: calc(15px * var(--k, 1)); letter-spacing: 3px; font-weight: 400; }
.f-centered.t-elegant .h { font-size: calc(16px * var(--k, 1)); letter-spacing: 2px; text-transform: none; }
.f-centered.al-left .hd { text-align: left; padding: 50px 64px 10px; }
.f-centered.al-left .cts { justify-content: flex-start; }
.f-centered.al-left .nm { font-size: calc(30px * var(--k, 1)); }
.f-centered.al-left .ttl { letter-spacing: 0; text-transform: none; font-size: calc(15px * var(--k, 1)); color: var(--ink); margin-top: 2px; }
.f-centered.al-left .cts .sep { color: var(--muted); }
.f-centered.al-left .h { font-size: calc(15px * var(--k, 1)); letter-spacing: .5px; margin-top: 18px; }
.f-centered.al-left.hs-rule .h { border-bottom: 1px solid var(--line); padding-bottom: 3px; }
.f-centered.al-left .ent-s { font-style: normal; }

/* ---------- TIMELINE ---------- */
.f-timeline .hd { background: var(--tint); padding: 44px 50px 30px; display: flex; align-items: center; }
.f-timeline .hd-t { flex: 1; min-width: 0; }
.f-timeline .hd .photo { width: 120px; height: 120px; margin-left: 24px; flex: none; }
.f-timeline .nm { font-size: calc(36px * var(--k, 1)); }
.f-timeline .cts { display: flex; flex-wrap: wrap; margin-top: 12px; font-size: calc(12.5px * var(--k, 1)); }
.f-timeline .cts .ci { margin: 5px 22px 0 0; white-space: normal; }
.f-timeline .cts .ic { color: var(--accent); }
.f-timeline .body { padding: 8px 50px 30px; }
.f-timeline .tl { display: flex; }
.f-timeline .tl-d { width: 118px; flex: none; text-align: right; padding: 1px 16px 0 0; font-size: calc(12px * var(--k, 1)); color: var(--muted); line-height: 1.4; }
.f-timeline .tl-c { flex: 1; min-width: 0; position: relative; border-left: 2px solid var(--line); padding-left: 20px; }
.f-timeline .tl.tl-end .tl-c { padding-bottom: 14px; }
.f-timeline .tl-dot { position: absolute; left: -8px; top: 3px; width: 14px; height: 14px; border-radius: 50%; background: var(--accent); border: 3px solid #FFFFFF; }
.f-timeline .tl .bul { margin-top: 2px; }
.f-timeline .tl + .tl .tl-c > .bul:first-child { margin-top: 0; padding-top: 3px; }

/* ---------- SPLIT ---------- */
.f-split .hdw { padding: 46px 50px 22px; }
.f-split .hd { display: flex; align-items: flex-end; border-bottom: 3px solid var(--accent); padding-bottom: 18px; }
.f-split .hd-t { flex: 1; min-width: 0; padding-right: 20px; }
.f-split .nm { font-size: calc(36px * var(--k, 1)); }
.f-split .cts { flex: none; max-width: 300px; text-align: right; font-size: calc(12.5px * var(--k, 1)); }
.f-split .cts .ci { display: flex; justify-content: flex-end; align-items: flex-start; margin-top: 4px; white-space: normal; }
.f-split .cts .ci .ct { overflow-wrap: anywhere; }
.f-split .cts .ic { color: var(--accent); margin: 2px 0 0 8px; }
.f-split .wrap { display: flex; align-items: flex-start; padding: 0 50px; }
.f-split .main { flex: 1; min-width: 0; padding-right: 26px; padding-bottom: 30px; }
.f-split .side { width: 236px; flex: none; padding-top: 22px; padding-bottom: 30px; }
.f-split .main > .h:first-child { margin-top: 22px; }
.f-split .sbox { background: var(--tint); border-radius: 8px; padding: 14px 16px 14px; margin-bottom: 14px; }
.f-split .sbh { font-family: var(--hf); font-weight: 700; font-size: calc(12px * var(--k, 1)); letter-spacing: 1.5px; text-transform: uppercase; color: var(--accent); margin-bottom: 6px; }
.f-split .bk { margin-top: 5px; }
.f-split .bkk { font-size: calc(10.5px * var(--k, 1)); letter-spacing: .8px; text-transform: uppercase; color: var(--muted); line-height: 1.3; }
.f-split .bkv { font-size: calc(12.5px * var(--k, 1)); line-height: 1.35; }
.f-split .bl { font-size: calc(12.5px * var(--k, 1)); margin-top: 4px; }
.f-split .bl .blx { color: var(--muted); font-size: calc(11.5px * var(--k, 1)); }
.f-split .sbox .bul { font-size: calc(12.5px * var(--k, 1)); margin-top: 4px; }
.f-split .ref { margin-top: 2px; }

/* chosen accent colour on the Classic layout (black by default) */
.f-classic .c-h, .f-classic .c-title { color: var(--accent, #000); }
.f-classic .c-h { border-color: var(--accent, #000); }
/* drawn signature */
.cv .sig-l { position: relative; }
.cv .sig-img { position: absolute; left: 4px; bottom: 1px; height: 38px; max-width: 190px; object-fit: contain; }
.f-classic .c-sl { position: relative; }
.f-classic .c-sl.c-sd { text-align: center; }

/* ---------- COVER LETTER ---------- */
.f-letter { font-family: var(--bf); font-size: calc(14px * var(--k, 1)); line-height: 1.6; color: var(--ink, #1a1a1a); }
.f-letter .col { padding: 70px 82px 60px; }
.f-letter .lt-hd { border-bottom: 2px solid var(--accent); padding-bottom: 14px; margin-bottom: 26px; }
.f-letter .lt-nm { font-family: var(--nf); font-weight: var(--nw); text-transform: var(--ntt); letter-spacing: var(--nls); font-size: calc(30px * var(--k, 1)); line-height: 1.15; color: var(--ink); }
.f-letter .lt-ttl { font-family: var(--hf); color: var(--accent); font-size: calc(12.5px * var(--k, 1)); letter-spacing: 2px; text-transform: uppercase; margin-top: 5px; }
.f-letter .lt-ct { font-size: calc(12.5px * var(--k, 1)); color: var(--muted, #555); margin-top: 8px; line-height: 1.5; }
.f-letter .lt-sep { margin: 0 8px; color: var(--line, #ccc); }
.f-letter.lt-is-classic { font-family: "F-pagella", serif; }
.f-letter .lt-classic { text-align: center; border-bottom: 1px solid var(--accent, #000); }
.f-letter .lt-classic .lt-nm { font-family: "F-carlito", sans-serif; font-weight: 700; color: var(--accent, #000); font-size: calc(26px * var(--k, 1)); letter-spacing: 1px; text-transform: none; }
.f-letter .lt-classic .lt-ct { color: #333; }
.f-letter .lt-date { margin-bottom: 18px; }
.f-letter .lt-to { margin-bottom: 20px; }
.f-letter .lt-sal { margin-bottom: 12px; }
.f-letter .lt-re { font-weight: 700; margin-bottom: 14px; color: var(--ink); }
.f-letter.lt-is-classic .lt-re { text-decoration: underline; }
.f-letter .lt-p { margin-bottom: 12px; }
.f-letter .lt-close { margin-top: 8px; }
.f-letter .lt-sign { margin-top: 4px; }
.f-letter .lt-sig { display: block; height: 52px; max-width: 220px; object-fit: contain; margin: 4px 0 2px; }
.f-letter .lt-sig-gap { height: 44px; }
.f-letter .lt-sn { font-weight: 700; }
.f-letter .lt-enc { margin-top: 24px; font-size: calc(12.5px * var(--k, 1)); color: var(--muted, #555); }

/* ---------- Z83 ---------- */
.f-z83 { font-family: "F-carlito", sans-serif; font-size: 11.5px; line-height: 1.3; color: #000; }
.f-z83 .col { padding: 44px 44px 40px; }
.f-z83 .zt-title { display: flex; align-items: flex-end; border-bottom: 2px solid #000; padding-bottom: 8px; margin-bottom: 8px; }
.f-z83 .zt-l { flex: 1; }
.f-z83 .zt-rsa { font-size: 12px; font-weight: 700; letter-spacing: 1px; }
.f-z83 .zt-ae { font-size: 20px; font-weight: 700; letter-spacing: .5px; margin-top: 2px; }
.f-z83 .zt-r { text-align: right; }
.f-z83 .zt-z { font-size: 26px; font-weight: 700; line-height: 1; }
.f-z83 .zt-eff { font-size: 10.5px; margin-top: 3px; }
.f-z83 .zinfo { display: flex; border: 1px solid #000; }
.f-z83 .zi { flex: 1; padding: 5px 7px; border-left: 1px solid #000; font-size: 10px; line-height: 1.3; }
.f-z83 .zi:first-child { border-left: 0; }
.f-z83 .zi b { display: block; font-size: 9.5px; margin-bottom: 2px; }
.f-z83 .znotes { border: 1px solid #000; border-top: 0; padding: 5px 7px; font-size: 9.5px; line-height: 1.3; }
.f-z83 .znotes b { font-size: 9.5px; }
.f-z83 .znotes ol { margin: 2px 0 0; padding-left: 16px; }
.f-z83 .znotes li { margin: 1px 0; }
.f-z83 .zh { background: #D9D9D9; border: 1px solid #000; padding: 3px 7px; margin-top: 10px; font-size: 11.5px; }
.f-z83 .zh .zn { font-weight: 400; font-size: 10.5px; }
.f-z83 .zr { display: flex; border: 1px solid #000; border-top: 0; min-height: 22px; }
.f-z83 .zl { width: 56%; flex: none; padding: 3px 7px; border-right: 1px solid #000; font-size: 10.5px; line-height: 1.3; }
.f-z83 .zv { flex: 1; padding: 3px 7px; font-size: 11.5px; min-width: 0; overflow-wrap: anywhere; }
.f-z83 .zr.zsub .zl { padding-left: 18px; font-style: normal; color: #222; }
.f-z83 .zopts { display: flex; flex-wrap: wrap; }
.f-z83 .zo { display: inline-flex; align-items: center; margin-right: 12px; font-size: 10.5px; }
.f-z83 .zb { display: inline-flex; width: 13px; height: 13px; border: 1px solid #000; margin-left: 4px; align-items: center; justify-content: center; font-weight: 700; font-size: 10px; line-height: 1; }
.f-z83 .zpair { display: flex; }
.f-z83 .zpair span { flex: 1; font-size: 10.5px; }
.f-z83 .zt .ztr { display: flex; border: 1px solid #000; border-top: 0; }
.f-z83 .zt .ztc { padding: 3px 6px; border-left: 1px solid #000; min-height: 20px; font-size: 11px; overflow-wrap: anywhere; }
.f-z83 .zt .ztc:first-child { border-left: 0; }
.f-z83 .zth .ztc { font-size: 10px; font-weight: 700; background: #F2F2F2; }
.f-z83 .zdecl { border: 1px solid #000; border-top: 0; padding: 5px 7px; font-size: 10.5px; }
.f-z83 .zsig { display: flex; align-items: flex-end; border: 1px solid #000; border-top: 0; padding: 8px 7px; }
.f-z83 .zsl { font-weight: 700; margin-right: 8px; }
.f-z83 .zsv { position: relative; width: 250px; height: 40px; border-bottom: 1px solid #000; margin-right: 26px; }
.f-z83 .zsv img { position: absolute; left: 4px; bottom: 1px; height: 38px; max-width: 240px; object-fit: contain; }
.f-z83 .zsv.zsd { width: 130px; height: 18px; padding-left: 4px; }
.f-z83 .zfoot { display: flex; padding: 0 44px; font-size: 10px; align-items: flex-end; }
.f-z83 .zfoot > span:first-child { flex: 1; }
.f-z83 .zfr { display: inline-flex; align-items: flex-end; }
.f-z83 .zline { display: inline-block; width: 60px; border-bottom: 1px dotted #000; margin-left: 4px; height: 12px; }
.f-z83 .zini { height: 20px; max-width: 70px; margin-left: 4px; object-fit: contain; }
.f-z83 .zli { display: flex; margin: 1px 0; }
.f-z83 .zlin { width: 18px; flex: none; }
.f-z83 .zol { margin-top: 2px; }